@charset "UTF-8";
/*----------------------------------------------------------------------

Setting

----------------------------------------------------------------------*/
@import "normalize.css";
html {background-color: #fff;height: 100%; min-width:1200px;}
body {color: #221915;font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-weight: 500; letter-spacing: .03em;overflow-wrap: break-word;word-wrap: break-word; width: 100%;height: 100%;}
.lato { font-family: 'Lato', sans-serif; font-weight: bold;}
p {word-break: break-all; line-height:1.7;}
a:hover img { opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
a:hover {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.inner { width:1072px; margin-left:auto; margin-right:auto;}
.inner2 { width:1090px; margin-left:auto; margin-right:auto;}
.inner3 { width:1050px; margin-left:auto; margin-right:auto;}
.inner4 { width:1200px; margin-left:auto; margin-right:auto;}
.sub-inner { width:900px; margin-left:auto; margin-right:auto;}
#container {overflow: hidden; position:relative; margin:0 auto; min-width:1200px !important;height: auto !important;height: 100%;min-height: 100%;}
#main { padding: 0 0 20px 0; border-bottom:1px solid #6ABC6E; margin-bottom:35px;}
.txt-center { text-align:center;}
/*----------------------------------------------------------------------

ClearFix Style

----------------------------------------------------------------------*/
.clearfix:after {content: " ";clear: both;display: block;}
/*----------------------------------------------------------------------

Header Style

----------------------------------------------------------------------*/
#header > .clearfix { min-width:1200px !important;margin:0 auto;position:relative; height:80px;}
#header #site-title { float:left; width:350px; margin:20px 0 0 50px;}
#header nav { float:right; width:620px; right:0; height:80px;}
#header nav li { display:inline-block; box-sizing:border-box; font-size:15px; font-weight:bold; }
#header nav li:first-child { background:url(../img/ico-school.gif) left center no-repeat;}
#header nav li:nth-child(4) { border-right:0;}
#header nav li:last-child { position:absolute; right:0; top:0; width:150px; text-align:center; display: table; padding:0; z-index:11;}
#header nav li a { color:#221915; text-decoration:none; display:block; width:100%;box-sizing:border-box; height:80px; padding-top:36px;}
#header nav li:last-child a { color:#fff; display:block;background-color:#6ABC6E;height:130px !important; width:150px !important ; position:relative; z-index:1;  display: table-cell; vertical-align: middle; padding-top:0;}
#header nav li .fa-envelope { font-size:20px; margin-bottom:10px;}
#header nav li span { width:100%; display:block; padding:0 15px; box-sizing:border-box;}
#header nav li:first-child span { padding:0 15px 0 23px;}
#header nav li:last-child a:hover { background-color:#0C2065; color:#fff;-webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
#header nav ul li a, #header nav ul li a span {position: relative;display: block;}
#header nav ul li a:hover span:after {left: 0;right: 0;}
#header nav ul li.current a span:after,#header nav ul li.current-menu-item a span:after {left: 0;right: 0;z-index: 1}
#header nav ul li a {font-weight:bold;top: 0;left: 0}
#header nav ul li a span:after {content: "";position: absolute;z-index: 1;left: 50%;right: 50%;bottom: -29px;background: #0C2065;height: 4px}
#header nav ul li a, #header nav ul li a span:after {transition: all .4s cubic-bezier(.215, .61, .355, 1);}
#header nav .megamenu { position: absolute; top: 80px; left: 0; width: 100%;background-color:#0D1D69;z-index:10;color:#fff;height:260px;visibility: hidden;}
#header nav li:nth-child(3):hover .megamenu {visibility: visible;}
#header nav .megamenu a {color:#fff;}
.megamenu > .clearfix { width:1015px; margin:0 auto;}
#header nav .megamenu .megamenu-ttl { width:460px; float:left; padding-top:95px;box-sizing:border-box; text-align:left;}
.megamenu-ttl-a {font-size:32px; line-height:1; margin-bottom:10px; position: relative; display: inline-block;}
.megamenu-ttl-b {font-size:15px; line-height:1; font-weight:normal;}
.megamenu-ttl-a:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 310px; height: 1px; background-color: #fff;margin-left:15px;}
.megamenu-sub { width:530px; float:right; padding-top:38px;}
.megamenu-sub li { width:250px; float:left; border-right:none !important; margin-right:30px;}
.megamenu-sub li:first-child { background:none !important;}
.megamenu-sub li:last-child { margin-right:0;}
.megamenu-sub li img { width:250px; height:auto; margin-bottom:10px;}
#header nav .megamenu-sub li a { font-size:14px; line-height:1.2; text-align:left;}
#header nav .megamenu-sub li:last-child { position:inherit; right:inherit; top:inherit; width:250px; display: table; padding:0;}
#header nav .megamenu-sub li:last-child a { color:#fff; background-color:inherit; display:inline-block; height:inherit !important; width:inherit; vertical-align:inherit; display:inherit;}
#header nav .megamenu-sub li:first-child a { padding:0;}
#header nav .megamenu-sub li a:hover .fa-chevron-circle-right { background-color:#6ABC6E; border-radius:50%;}
#header nav ul li:not(:first-of-type):before { background-repeat: no-repeat; background-position:center; background-size: cover; content: ""; display: inline-block; vertical-align: middle; background-color: #EEEEEE; position: absolute;top: calc( 50% - (23px / 2)); height: 23px; width: 1px;}
/*----------------------------------------------------------------------

Main-Visual Style

----------------------------------------------------------------------*/
#main-visual { position:relative; height:550px; background:url(../img/main-visual.jpg) no-repeat center center; background-size:cover;}
#main-visual .copy { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width:660px; height:165px; text-align: center;}
#main-visual .copy h2 { font-size:45px; color:#fff; line-height:1.2; margin-bottom:30px; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);}
#main-visual .copy p { font-size:24px; color:#fff; line-height:1.7; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); font-weight: 700; text-align: center;}
/*----------------------------------------------------------------------

Sub-Visual Style

----------------------------------------------------------------------*/
#sub-visual { position:relative; height:200px; background:url(../img/sub-visual.jpg) no-repeat center center; background-size:cover;}
#sub-visual .copy { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; height:70px;}
#sub-visual .copy h1 { font-size:32px; color:#fff; line-height:1.2; margin: 10px 0 5px 0; text-align:center; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);}
#sub-visual .copy p { font-size:15px; color:#fff; line-height:1.7; text-align:center; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);}
/*----------------------------------------------------------------------

Top-Products Style

----------------------------------------------------------------------*/
#top-products .container { background-color:#93CE96; padding:50px 0;}
.top-products-lists { background-color:#fff; border-radius:4px; width:620px; float:left; box-sizing:border-box; padding:40px;}
.top-products-lists p { font-weight:bold;}
.top-products-lists-medical { float:left; width:188px;}
.top-products-lists-relation { float:right; width:350px;}
.top-products-lists li { width:160px; float:left; border-bottom:dashed 1px #6ABC6E; padding:10px 0; margin-right:30px; box-sizing:border-box;}
.top-products-lists .top-products-lists-relation li:nth-child(2n) { margin-right:0;}
.top-products-lists li a { color:#6ABC6E; text-decoration:none;}
.top-products-lists li a:hover { text-decoration:underline;}
.top-products-message { width:430px; float:right; background:url(../img/img-product-01.png) right center no-repeat; height:227px;}
.top-products-message h3 { width:250px; font-size:25px; line-height:1.5; color:#fff; margin-bottom:20px;}
.top-products-message p { width:250px; font-size:15px; line-height:1.5; color:#fff;}
/*----------------------------------------------------------------------

Top-Philosophy Style

----------------------------------------------------------------------*/
#top-philosophy .container { background:url(../img/bg-philosophy.jpg) no-repeat center center; padding:50px 0; box-sizing:border-box; background-size:cover;}
#top-philosophy h3 { font-size:25px; line-height:1.7; color:#fff; text-align:center; margin-bottom:25px;}
#top-philosophy p { font-size:16px; line-height:1.7; color:#fff; width:570px; margin:0 auto 20px auto; }
/*----------------------------------------------------------------------

About Style

----------------------------------------------------------------------*/
#about { padding-bottom:55px; margin-top:35px;}
#about .ttl-b { margin-bottom:45px;}
#greeting {width:900px; margin:0 auto 70px auto;}
#greeting p { font-size:16px; line-height:1.7; margin-bottom:25px;}
#outline dl { border-bottom:1px dashed #6ABC6E; padding-bottom:15px; padding-top:15px;}
#outline dl:first-child { border-top:1px dashed #6ABC6E;}
#outline dl dt { width:190px; float:left; font-size:16px; font-weight:bold; line-height:1.7;}
#outline dl dd { width:710px; float:left; font-size:16px; line-height:1.7;}
#outline dl dd span { font-size:13px;}
/*----------------------------------------------------------------------

Waste Style

----------------------------------------------------------------------*/
#waste { padding-bottom:55px; margin-top:35px;}
#waste .ttl-b { margin-bottom:45px;}
#waste .waste-about .waste-img { width:500px; float:left;}
#waste .waste-about .waste-txt { width:510px; float:right;}
#waste .waste-about-02 .waste-img { width:500px; float:right;}
#waste .waste-about-02 .waste-txt { width:510px; float:left;}
.waste-about { margin-bottom:80px;}
#waste .waste-txt p { font-size:16px; line-height:1.7; margin-bottom:30px;}
#waste .waste-txt h3 { color:#6ABB6D; font-size:18px; line-height:1.2; margin-bottom:10px;}
/*----------------------------------------------------------------------

Products Style

----------------------------------------------------------------------*/
#products-item-name { text-align:center; margin-bottom:55px;}
#products-item-name li { font-size:16px; line-height:1.7; font-weight:bold; color:#0C1F65; display:inline-block; margin-right:35px;}
#products-item-name li a { text-decoration:none; color:#0C1F65;}
#products-item-name li a:hover { text-decoration:underline;}
#products { margin-top:35px;}
#products .ttl-c h2 { margin-bottom:30px;}
.product { margin-bottom:80px;}
.product-item-about { margin-bottom:25px;}
.product-about { background-color:#E4F3E5; margin-bottom:25px;}
.product-about p { font-size:13px; line-height:1.7; padding:15px 15px 10px 15px;}
.product-about p span { color:#6ABB6D;}
.product-lists { border-left:1px solid #6ABC6E;border-right:1px solid #6ABC6E; border-top:1px solid #6ABC6E; box-sizing:border-box;}
.product-list img { margin-bottom:10px;}
.product-lists li.product-list {  width:350px; float:left; box-sizing:border-box; padding:24px; min-height:600px;border-bottom:1px solid #6ABC6E;}
.product-lists li.product-list:nth-child(3n) { width:348px;}
.product-lists li.product-list:nth-child(3n+2) { border-left:1px solid #6ABC6E;border-right:1px solid #6ABC6E;}
.product-list-type { font-size:14px; line-height:1.7; font-weight:bold; margin-bottom:10px;}
.product-list-about { font-size:14px; line-height:1.7; }
.livestock { background-color:#EEEEEE; border-radius:4px; box-sizing:border-box; padding:30px 35px 85px 35px; margin-top:40px; background-image:url(../img/img-livestock.png); background-repeat: no-repeat; background-position: 660px 195px;}
.livestock h3 { font-size:20px; line-height:1.7; margin-bottom:10px;}
.livestock p { font-size:14px; line-height:1.7; margin-bottom:25px;}
.product-02 .product-lists { border-right:none; margin-bottom:30px;}
.product-02 .product-lists li.product-list:nth-child(3n),.product-02 .product-lists li.product-list:nth-child(7) { border-right:1px solid #6ABC6E;}
.product-02 .product-lists .product-list { position:relative; min-height:480px !important;}
.product-02 .product-lists .product-list ul { position:absolute; top:392px;}
#ballstand { position:relative;}
#ballstand ul { position:absolute; top:670px; left:75px;}
#needle .product-item-about { background:url(../img/img-product-22.jpg) no-repeat right center; height:141px; width:600px; padding-right:430px;}
#needle .product-list { position:relative; min-height:440px;}
#needle .product-list figure { position:absolute; top:35px; left:25px;}
#needle .product-list ul { position:absolute; top:345px; left:25px;}
#needle .product-lists { border-right:none;}
#needle .product-lists .product-list:nth-child(3) { border-right:1px solid #6ABC6E;}
#highbenri-txt { width:260px; float:left;}
#highbenri-img { width:700px; float:left;}
#highbenri-img img { margin-left:60px;}
#liquid .product-list { position:relative; min-height:470px;border-top:1px solid #6ABC6E;}
#liquid .product-list ul { position:absolute; top:400px; left:25px;}
#liquid .product-lists { border-right:none; border-top:none;}
/*----------------------------------------------------------------------

Privacy Style

----------------------------------------------------------------------*/
#privacy { padding-bottom:10px; margin-top:35px;}
#privacy .ttl-b { margin-bottom:45px;}
#privacypolicy p { font-size:16px; line-height:1.7; margin-bottom:30px;}
#privacypolicy h3 { font-size:18px; line-height:1.2; color:#6ABA6C; margin-bottom:10px;}
/*----------------------------------------------------------------------

Contact Style

----------------------------------------------------------------------*/
#contact {margin-top:35px;}
#contact .ttl-b { margin-bottom:45px;}
#contact-form p { font-size:16px; line-height:1.7; margin-bottom:35px;}
#contact-tel-fax p { margin-bottom:40px;}
.contact-tel-fax { width:450px; float:left; border-left:1px solid #6ABC6E; box-sizing:border-box; text-align:center; padding:20px 0 10px 0; margin-bottom:75px;}
.contact-tel-fax:last-child { border-right:1px solid #6ABC6E;}
.contact-tel-fax li:first-child { font-size:18px; line-height:1.2; margin-bottom:20px; font-weight: bold;}
.contact-tel-fax li:nth-child(2) { font-size:35px; line-height:1.2; color:#6ABB6D; font-weight:bold; margin-bottom:5px;}
.contact-tel-fax li:last-child { font-size:16px; line-height:1.2; color:#6ABB6D; font-weight: bold;}
#form { width:900px; margin-bottom: 50px;}
#form table { border:1px solid #DDDDDD; margin-bottom:30px;}
#form table tr { height:70px;}
#form table th { width:250px; font-size:16px; font-weight:bold;vertical-align:middle;box-sizing:border-box; line-height:1.7; text-align:left; padding-left:25px;border:1px solid #DDDDDD; padding-right:15px;}
#form table td { width:650px;vertical-align:middle; box-sizing:border-box;border:1px solid #DDDDDD; line-height: 1.7; }
#form table td input { width:595px; height:34px; font-size:18px; box-sizing:border-box; border:1px solid #DDDDDD; background-color:#FFF; margin:0 auto 0 25px; border-radius:5px; padding:0 10px; line-height: 1.7; }
#form table td textarea { width:595px; height:200px; font-size:18px; margin:20px auto 20px 25px; box-sizing:border-box; padding:10px;border:1px solid #DDDDDD; border-radius:5px; line-height: 1.7; }
.req { display:inline-block; color:#fff; background-color:#BC6E6A; font-size:13px; padding:5px 10px; float:right;}
#submit {width:250px; background-color:#6ABC6E; line-height:70px;height:70px; color:#fff;font-size:16px; font-weight:bold; bo}
#contact-submit { margin:0 auto; width:250px;}
.msg { font-weight: bold; color: #ff0000; }
/*----------------------------------------------------------------------

Breadcrumbs Style

----------------------------------------------------------------------*/
.Breadcrumbs{position:relative;background-image:-webkit-linear-gradient(left, #e5e5e5 0%, #e5e5e5 50%, #eee 50%, #eee 100%);background-image:linear-gradient(to right, #e5e5e5 0%, #e5e5e5 50%, #eee 50%, #eee 100%);}
.Breadcrumbs_List{overflow:hidden;box-sizing:border-box;width:1280px;margin:0 auto;font-size:0;white-space:nowrap;text-overflow:ellipsis;background-color:#eee;}
.Breadcrumbs_Item{display:inline-block;position:relative;padding:13px 22px;font-size:1rem;line-height:1; font-size:12px;}
.Breadcrumbs_Item > a{color: #00967A; font-weight:bold; text-decoration:none;}
.Breadcrumbs_Item:after{content:'';position:absolute;top:50%;right:0;width:1px;height:10px;margin-top:-5px;background-color:#d4d4d4;}
.Breadcrumbs_Item:first-child{padding-right:26px;padding-left:40px;background-color:#e5e5e5;}
.Breadcrumbs_Item:first-child:before{content:'';display:inline-block;position:relative;top:-.1em;width:14px;height:12px;margin-right:8px;vertical-align:middle;background-image:url('../img/icon-home.png');background-repeat:none;background-size:100% 100%;}
.Breadcrumbs_Item:first-child:after{top:0;right:0;width:0;height:0;margin:0;border-width:20px 0 20px 16px;border-style:solid;border-color:#eee #eee #eee #e5e5e5;}
.Breadcrumbs_Item:last-child{padding-right:40px;}
.Breadcrumbs_Item:last-child:after{content:normal;}
.Breadcrumbs_Item:last-child > a{color:#0C1F65;}
.current-page {color:#0C1F65; font-weight:bold;}

/*----------------------------------------------------------------------

Title Style

----------------------------------------------------------------------*/
.ttl-a { margin:50px auto 30px auto;}
.ttl-a h2 { font-size:32px;text-align:center;line-height:1.5; color:#6ABB6D; font-weight:bold; margin-block-start:0!important; margin-block-end:0!important;}
.ttl-a p { font-size:15px;text-align:center;line-height:1.2;display:inline-block; color:#221915 !important; display:block;}
.ttl-b { text-align:center;}
.ttl-b h2 { position: relative; display: inline-block; padding: 0 55px; font-size:24px; line-height:1.2;}
.ttl-b h2:before, .ttl-b h2:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 40px; height: 1px; background-color: #6ABC6E;}
.ttl-b h2:before { left:0;}
.ttl-b h2:after { right: 0;}
.ttl-c { width:1050px;}
.ttl-c h2 { background:url(../img/img-leaf.gif) no-repeat left center; height:40px; padding-left:80px; font-size:20px; line-height:40px;position: relative; display: inline-block; width:100%; overflow: hidden; box-sizing:border-box; }
.ttl-c h2 span { font-size:30px; line-height:40px;}
.ttl-c h2:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 97%; height: 1px; background-color: #6ABC6E; box-sizing:border-box; margin-left:3%;}
/*----------------------------------------------------------------------

Link Style

----------------------------------------------------------------------*/
.link-a { width:570px; margin:0 auto; box-sizing:border-box; text-align:center;}
.link-a a { display:block; width:100%; text-decoration:none !important; background-color:#6ABC6E;border-radius:5px; font-weight: bold;}
.link-a a p { font-size:16px; height:50px; line-height:50px !important; margin-bottom:0 !important; position:relative;}
.link-a a p .fas { position:absolute; right:35px; top:16px;}
.link-a a:hover { background-color:#0C2065;}
.link-a a:hover p .fas { background-color:#6ABC6E; border-radius:50%;}
.opacity:hover { opacity:0.7;}
/*----------------------------------------------------------------------

footer Style

----------------------------------------------------------------------*/
footer { min-width:1200px; margin:0 auto;}
#footer-nav { width:1200px; margin:0 auto 30px auto;}
#footer-nav li { float:left; margin-right:20px;font-size: 13px; font-weight:bold;}
#footer-nav li:last-child {margin-right:0;}
#footer-nav li a { color:#211914; text-decoration:none;  height:23px; line-height:23px;}
#footer-nav li a:hover { text-decoration:underline;}
.copyrights { text-align:center; font-size:12px; background-color:#00105A; color:#fff; padding:12px 0;}


@media screen and (min-width: 1200px) {
#contact-header { position:absolute; right:0; top:0; width:150px; text-align:center; display: table; padding:0; z-index:11; font-size:15px; font-weight:bold;}
#contact-header a { color:#fff; display:block;background-color:#6ABC6E;height:130px !important; width:150px !important ; position:relative; z-index:1; text-decoration:none; box-sizing:border-box; vertical-align: middle; display:table-cell;}
#contact-header .fa-envelope { font-size:20px; margin-bottom:10px;}
#contact-header a:hover { background-color:#0C2065; color:#fff;-webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
#header nav li:last-child { display:none;}
}
@media screen and (max-width: 1199px) {
#contact-header { display:none;}
}