@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500&display=swap');

/*!
Theme Name: JMC
Theme URI: http://biseibutsu.co.jp/
Description: for JMC
Author: YASUTAKE Hiroki
Author URI: http://philomid-design.com/
Version: 1.0
*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,blockquote,th,td,nav{padding:0;margin:0}fieldset,img{border:0}img{vertical-align:bottom}button{background-color:transparent;border:none}address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal}ol,ul{list-style:none;list-style-position:outside}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%}@-moz-keyframes fadein{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}100%{opacity:1}}@keyframes fadein{0%{opacity:0}100%{opacity:1}}#contents{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-moz-animation-name:fadein;-webkit-animation-name:fadein;animation-name:fadein;-moz-animation-duration:1s;-webkit-animation-duration:1s;animation-duration:1s;-moz-animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-moz-animation-iteration-count:1;-webkit-animation-iteration-count:1;animation-iteration-count:1;-moz-animation-delay:0.7s;-webkit-animation-delay:0.7s;animation-delay:0.7s;-moz-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-ms-filter:"alpha(opacity=100)" \9;opacity:1\9}body{color:#221714;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:14px;-webkit-text-size-adjust:100%}img{max-width:100%;height:auto}.sansSerif,body{font-family:"メイリオ", "Meiryo", Meiryo, sans-serif;line-height:1.5;letter-spacing:0.075em}.serif,body.home #contents #keyvisual h2,body.home #contents #keyvisual h3{font-family:"游明朝体", "Yu Mincho", YuMincho, serif;line-height:1.5;letter-spacing:0.075em}.lato,h1.pageName span,h2.nml span,footer .btm small,body.contact #contents>.tel dl dd,body.contact #contents .flow li>p>span,body.faq #contents article h3:before{font-family:"Lato", sans-serif;line-height:1.5;letter-spacing:0.075em}.note{font-size:12px\9;font-size:1.2rem;color:#818181}.caution{color:#f38a2f}a,.accordion,label,.arrL>input,.btnTxt>input{color:#00873C;text-decoration:none;cursor:pointer;filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1;-moz-transition:opacity 0.3s ease-in-out;-o-transition:opacity 0.3s ease-in-out;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out}a:hover,.accordion:hover,label:hover,.arrL>input:hover,.btnTxt>input:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);opacity:0.6}input[type="checkbox"],label input[type="radio"]{margin:0 8px 8px 0}input,label,select,textarea,button{cursor:pointer}input,button,textarea{font-size:1.4rem;font-family:sans-serif;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}input[type="text"],input[type="tel"],input[type="email"],textarea{-webkit-appearance:none;padding:14px 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.boxL{float:left}.boxR{float:right}.mT0{margin-top:0px !important}.mL0{margin-left:0px !important}.mR0{margin-right:0px !important}.mB0{margin-bottom:0px !important}.pT0{padding-top:0px !important}.pL0{padding-left:0px !important}.pR0{padding-right:0px !important}.pB0{padding-bottom:0px !important}.mT5{margin-top:5px !important}.mL5{margin-left:5px !important}.mR5{margin-right:5px !important}.mB5{margin-bottom:5px !important}.pT5{padding-top:5px !important}.pL5{padding-left:5px !important}.pR5{padding-right:5px !important}.pB5{padding-bottom:5px !important}.mT10{margin-top:10px !important}.mL10{margin-left:10px !important}.mR10{margin-right:10px !important}.mB10{margin-bottom:10px !important}.pT10{padding-top:10px !important}.pL10{padding-left:10px !important}.pR10{padding-right:10px !important}.pB10{padding-bottom:10px !important}.mT15{margin-top:15px !important}.mL15{margin-left:15px !important}.mR15{margin-right:15px !important}.mB15{margin-bottom:15px !important}.pT15{padding-top:15px !important}.pL15{padding-left:15px !important}.pR15{padding-right:15px !important}.pB15{padding-bottom:15px !important}.mT20{margin-top:20px !important}.mL20{margin-left:20px !important}.mR20{margin-right:20px !important}.mB20{margin-bottom:20px !important}.pT20{padding-top:20px !important}.pL20{padding-left:20px !important}.pR20{padding-right:20px !important}.pB20{padding-bottom:20px !important}.mT25{margin-top:25px !important}.mL25{margin-left:25px !important}.mR25{margin-right:25px !important}.mB25{margin-bottom:25px !important}.pT25{padding-top:25px !important}.pL25{padding-left:25px !important}.pR25{padding-right:25px !important}.pB25{padding-bottom:25px !important}.mT30{margin-top:30px !important}.mL30{margin-left:30px !important}.mR30{margin-right:30px !important}.mB30{margin-bottom:30px !important}.pT30{padding-top:30px !important}.pL30{padding-left:30px !important}.pR30{padding-right:30px !important}.pB30{padding-bottom:30px !important}.mT35{margin-top:35px !important}.mL35{margin-left:35px !important}.mR35{margin-right:35px !important}.mB35{margin-bottom:35px !important}.pT35{padding-top:35px !important}.pL35{padding-left:35px !important}.pR35{padding-right:35px !important}.pB35{padding-bottom:35px !important}.mT40{margin-top:40px !important}.mL40{margin-left:40px !important}.mR40{margin-right:40px !important}.mB40{margin-bottom:40px !important}.pT40{padding-top:40px !important}.pL40{padding-left:40px !important}.pR40{padding-right:40px !important}.pB40{padding-bottom:40px !important}.mT45{margin-top:45px !important}.mL45{margin-left:45px !important}.mR45{margin-right:45px !important}.mB45{margin-bottom:45px !important}.pT45{padding-top:45px !important}.pL45{padding-left:45px !important}.pR45{padding-right:45px !important}.pB45{padding-bottom:45px !important}.mT50{margin-top:50px !important}.mL50{margin-left:50px !important}.mR50{margin-right:50px !important}.mB50{margin-bottom:50px !important}.pT50{padding-top:50px !important}.pL50{padding-left:50px !important}.pR50{padding-right:50px !important}.pB50{padding-bottom:50px !important}.fb-like-box{background-color:#fff;padding:20px 20px 0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.fb-like-box.fb_iframe_widget_fluid{display:inline-block !important}#fb-root{display:none}.fb-like-box,.fb-like-box span,.fb-like-box iframe[style]{width:100% !important}.fb-like iframe{max-width:none !important}.shareBtn{position:relative;left:50%;margin:0 0 40px -29px}.shareBtn>iframe[style]{width:58px;height:61px}.cardView>li>a{display:block;background-color:#fff}.cardView>li dl{padding:20px}.cardView>li a:hover h3{color:#00873C}.cardView.col1{width:100%}.cardView.col2{*zoom:1}.cardView.col2:after{content:"";display:table;clear:both}.cardView.col2>li{width:50%}.cardView.col2>li:nth-child(odd){float:left;padding:0 20px 40px 0}.cardView.col2>li:nth-child(even){float:right;padding:0 0 40px 20px}.cardView.col3{*zoom:1;margin:0 -20px}.cardView.col3:after{content:"";display:table;clear:both}.cardView.col3>li{width:33.33%;float:left;padding:0 20px 40px}.cardView.horizontal a{display:table;width:100%}.cardView.horizontal a>*{display:table-cell;vertical-align:top}.cardView.horizontal a>dl{padding:10px 20px}.cardView.horizontal.w160 .thumb{width:160px}.listView li{margin:0 0 20px}.listView li>a{display:table;width:100%}.listView li>a>*{display:table-cell;vertical-align:top}.listView li>a .thumb{padding:0 15px 0 0}.listView li>a .point+*{clear:both}.listView.w40 li>a .thumb{width:40px}.listView.w64 li>a .thumb{width:64px}.listView.w72 li>a .thumb{width:72px}.listView.w80 li>a .thumb{width:80px}.listView.w120 li>a .thumb{width:120px}.listView.w150 li>a .thumb{width:150px}.listView.w160 li>a .thumb{width:160px}.listView.w218 li>a .thumb{width:218px}.listView.w40p li>a .thumb{width:40%}.listView.w50p li>a .thumb{width:50%}.gridView{*zoom:1;margin:0 -10px}.gridView:after{content:"";display:table;clear:both}.gridView>li{float:left;padding:5px}.gridView>li>span{background-color:#fff;display:table-cell;vertical-align:middle;width:inherit;padding:20px;text-align:center}.gridView.col4>li{width:25%}.cardView a,.listView a,.gridView a{color:inherit}.cardView a .date,.listView a .date,.gridView a .date{color:#00873C}.cardView h3,.listView h3,.gridView h3{font-weight:bold}.cardView .text,.listView .text,.gridView .text{line-height:1.4}.cardView .area a,.listView .area a,.gridView .area a{font-weight:bold;color:#5a9ca2}.cardView .category,.listView .category,.gridView .category{color:#5a9ca2}.cardView .text p,.listView .text p,.gridView .text p{margin:0 0 1rem}.tblView{display:table;width:100%}.tblView>dl{display:table-row}.tblView>dl>*{display:table-cell;padding:20px 40px;vertical-align:middle}.tblView>dl>dt{background-color:#f3f3f3;text-align:center;border-bottom:1px solid #fff}.tblView>dl>dd{border-bottom:1px solid #f3f3f3}.listMenu li>a{color:inherit;padding:20px;display:block;border-bottom:1px solid #f3f3f3}.thumbList li:not(:last-child){margin:0 0 10px}.thumbList a{background:#fff;display:block;padding:20px;color:inherit}.thumbList h4{font-size:18px\9;font-size:1.8rem;font-weight:bold}.thumbList h4 i{margin:0 0 -3px 10px}.thumbList .thumb{width:144px;float:right}.thumbList .thumb+p{width:calc(100% - 184px)}.textList dt>*{color:#f38a2f;font-weight:bold}.textList dd:not(:nth-last-of-type(1)){margin:0 0 2rem}.vBarList>li{display:inline-block}.vBarList>li:after{content:"|";padding:0 12px 0 20px}.vBarList>li:last-child:after{display:none}.formTable,body.contact #contents .forms>dl{display:table;width:100%;position:relative}.formTable:not(:nth-last-of-type(1)),body.contact #contents .forms>dl:not(:nth-last-of-type(1)){margin:0 0 20px}.formTable:nth-last-of-type(1),body.contact #contents .forms>dl:nth-last-of-type(1){margin:0 0 40px}.formTable>*,body.contact #contents .forms>dl>*{display:table-cell;vertical-align:middle;font-size:18px\9;font-size:1.8rem}.formTable>dt,body.contact #contents .forms>dl>dt{border-bottom:1px solid #fff;padding:0 0 0 10px}.formTable>dt span,body.contact #contents .forms>dl>dt span{color:#818181;font-size:12px\9;font-size:1.2rem;padding:0 0 0 10px}.formTable.req dt span,body.contact #contents .forms>dl.req dt span{color:#f38a2f}.formTable dd,body.contact #contents .forms>dl dd{padding:0 0 0 20px}.formTable dd input,body.contact #contents .forms>dl dd input,.formTable dd textarea,body.contact #contents .forms>dl dd textarea{width:100%;border:none;background-color:#fff}.formTable .counter,body.contact #contents .forms>dl .counter{position:absolute;left:10px;bottom:calc(50% - 44px);font-size:14px\9;font-size:1.4rem}.formTable .counter>span,body.contact #contents .forms>dl .counter>span{color:#f38a2f;font-size:18px\9;font-size:1.8rem}.btnPrev>*{text-indent:1rem;display:block;position:relative}.btnPrev>*:before{content:"";display:inline-block;position:absolute;top:50%;left:20px}.btnPrev>*:before{margin:-6px 0 0 -4px}.btnNext>*{text-indent:-1rem;display:block;position:relative}.btnNext>*:before{content:"";display:inline-block;position:absolute;top:50%;right:20px}.btnNext>*:before{margin:-6px -4px 0 0}#contents>.title{position:relative;padding:40px 0}#contents>.title .btn{position:absolute;right:0;top:40px}#contents>.title .btn a{font-size:14px\9;font-size:1.4rem}h1.pageName,h2.nml{font-size:32px\9;font-size:3.2rem;font-weight:bold;margin:0 0 40px}h1.pageName span,h2.nml span{font-size:24px\9;font-size:2.4rem;font-weight:normal;color:#818181;padding:0 0 0 2rem}h3.nml{font-size:24px\9;font-size:2.4rem;-moz-transition:color 0.2s ease-in-out;-o-transition:color 0.2s ease-in-out;-webkit-transition:color 0.2s ease-in-out;transition:color 0.2s ease-in-out;font-weight:bold;margin-bottom:.5rem}.btnSet.col2{*zoom:1;padding:20px}.btnSet.col2:after{content:"";display:table;clear:both}.btnSet.col2 li{width:50%;float:left;padding:10px}.btn>*{display:block;padding:20px;position:relative;font-size:18px\9;font-size:1.8rem;text-align:center;line-height:1;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}.btn i{position:absolute;left:15px;top:50%}.btn i.map{margin:-14px 0 0}.btn i.panoramic{margin:-12px 0 0}.btn i.drawRoute{margin:-18px 0 0}.btn i.arrR_gr{left:inherit;right:10px;margin:-6px 0 0 !important}.btn.lv2>*{background-color:rgba(255,255,255,0.5);background-color:#fff\9;border:2px solid #00873C;color:#221714}.btn.lv3>*{background-color:rgba(0,135,60,0.9);background-color:#00873C \9;border:1px solid #00873C;color:#fff}.btn.lv4>*{background-color:#FF960A;border:1px solid #FF960A;color:#fff}i{text-indent:-9999px;display:inline-block;width:24px;height:24px}i.arrR,i.arrL,i.arrT,footer .pageTop a:before,i.arrB{background:transparent url(images/common/ico_arr.svg) no-repeat scroll 50% 50%}i.arrL{-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}i.arrT,footer .pageTop a:before{-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);transform:rotate(270deg)}i.arrB{-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}i.plus,.accordion:after,.lineList a.accordion:after{background:transparent url(images/common/ico_plus.svg) no-repeat scroll 50% 50%}i.spot{background:transparent url(images/common/ico_spot.svg) no-repeat scroll 50% 50%}i.tel{background:transparent url(images/common/ico_tel.svg) no-repeat scroll 50% 50%}i.mail{background:transparent url(images/common/ico_mail.svg) no-repeat scroll 50% 50%}i.train{background:transparent url(images/common/ico_train.svg) no-repeat scroll 50% 50%}i.car{background:transparent url(images/common/ico_car.svg) no-repeat scroll 50% 50%}i.external{background:transparent url(images/common/ico_external.svg) no-repeat scroll 50% 50%}.btnOpen{width:20px;height:20px;text-indent:-9999px;display:block;position:relative}.btnOpen:before{content:"";display:inline-block;position:absolute;top:50%;left:50%}.btnOpen:before{margin:-4px 0 0 -7px}.btnClose{text-indent:-9999px}.popupMenu{background-color:#fff;-moz-box-shadow:0 2px 10px 2px rgba(24,59,118,0.36);-webkit-box-shadow:0 2px 10px 2px rgba(24,59,118,0.36);box-shadow:0 2px 10px 2px rgba(24,59,118,0.36);-moz-transition:all 0.8s ease;-o-transition:all 0.8s ease;-webkit-transition:all 0.8s ease;transition:all 0.8s ease}.popupMenu.error{position:fixed;left:50%;top:50%;margin:-58px 0 0 -150px;z-index:99;width:300px;text-align:center;padding:30px 20px 20px 20px}.popupMenu.error.close{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;z-index:-1}.popupMenu.error .btnClose{position:absolute;right:10px;top:10px}.sns ul{letter-spacing:-0.4em;text-align:center}.sns ul>*{vertical-align:top;display:inline-block;letter-spacing:0.1em}.sns ul li{height:20px;margin:0 15px 0 0}.sns ul li:first-child div span{vertical-align:top !important}.sns ul li:last-child{margin:0}.tab{position:relative;height:300px;-moz-transition:height 0.8s ease;-o-transition:height 0.8s ease;-webkit-transition:height 0.8s ease;transition:height 0.8s ease}.tab>li{position:absolute;top:60px}.tab>li>.btn{position:absolute;top:-60px;color:#fff;background-color:#b2ba89;height:60px;line-height:60px;font-size:14px\9;font-size:1.4rem;letter-spacing:0.05em;padding:0 20px;cursor:pointer}.tab>li>.inner{padding:30px 20px 40px;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-moz-transition:opacity 0.8s ease;-o-transition:opacity 0.8s ease;-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease}.tab>li.current .btn{color:#333;background-color:#fff;height:70px;top:-70px;padding-top:10px}.tab>li.current .inner{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}.tab.col2 .btn{width:50%}.tab.col2 li:nth-of-type(2) .btn{left:50%}.tab.col3 .btn{width:33.33%}.tab.col3 li:nth-of-type(2) .btn{left:33.33%}.tab.col3 li:nth-of-type(3) .btn{left:66.66%}header{position:fixed;left:0;top:0;z-index:3;width:100%;min-width:960px;background-color:rgba(35,24,21,0.88);background-color:#231815 \9;margin:0\9}header>nav{display:table;width:100%;min-width:960px;padding:0 0 0 10px}header>nav>*{display:table-cell;vertical-align:middle}header .logo{width:326px}header .logo a{text-indent:-9999px;display:block;width:inherit;height:24px;background:transparent url(images/common/logo.svg) no-repeat scroll 0 0}header>nav>ul{text-align:right;letter-spacing:-0.4em}header>nav>ul>li{text-align:left;display:inline-block;letter-spacing:0.075em;vertical-align:middle}header>nav>ul>li h2 a{display:inline-block;color:#fff;height:48px;line-height:48px;padding:0 10px}header>nav>ul>li:last-child a{background-color:#FF960A}.pullDown{position:relative}.pullDown:hover>ul{display:block}.pullDown>ul{display:none;position:absolute;left:0;top:100%;background-color:rgba(35,24,21,0.88);z-index:9}.pullDown>ul li a{min-width:240px;color:#fff;display:block;padding:10px}.pullDown>ul li a:hover{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1;background-color:rgba(35,24,21,0.98)}.breadCrumb{letter-spacing:-0.4em;padding:6px calc(50% - 480px)}.breadCrumb:nth-of-type(1){background-color:#f4f4f4}.breadCrumb:nth-last-of-type(1){border-top:1px solid #f3f3f3}.breadCrumb>*{vertical-align:top;display:inline-block;letter-spacing:0.1em}.breadCrumb li{font-size:12px\9;font-size:1.2rem;vertical-align:middle}.breadCrumb li:after{content:">";padding:0 8px;color:#818181}.breadCrumb li:last-child:after{display:none}#contents{margin-top:48px}#contents>section:not(.title){padding:80px 0}#contents>*:not(.w100){width:960px;margin:0 auto}#contents>.w100{width:100%}#contents>.w100>.inner{width:960px;margin:0 auto;*zoom:1;position:relative}#contents>.w100>.inner:after{content:"";display:table;clear:both}#contents>section.w100:nth-of-type(odd){background-color:#fff}#contents>section.w100:nth-of-type(even){background-color:#f3f3f3}.col2>.inner>#main{width:600px;float:right}.col2>.inner>#side{width:220px;float:left;background-color:#fff}.col2>.inner>#side .btn>*{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}.access{position:fixed !important;z-index:0;height:80vh;width:100%;left:0;bottom:0}.access iframe{width:100%;height:80vh}footer{width:100%;min-width:960px;background-color:#f3f3f3;margin:0 0 0 0;padding:40px 0;position:relative;z-index:1}footer .inner{*zoom:1;width:960px;margin:0 auto}footer .inner:after{content:"";display:table;clear:both}footer .pageTop{position:absolute;right:40px;bottom:40px}footer .pageTop a{-moz-border-radius:50% 50%;-webkit-border-radius:50%;border-radius:50% 50%;border:1px solid #00873C;width:48px;height:48px;text-indent:-9999px;display:block;position:relative}footer .pageTop a:before{content:"";display:inline-block;position:absolute;top:50%;left:50%}footer .pageTop a:before{top:0;left:0;width:100%;height:100%;background-size:24px}footer h2{color:#f38a2f}footer a{color:inherit}footer a:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);opacity:0.4}footer nav{display:table;width:600px;float:left}footer nav>ul{display:table-cell}footer nav>ul>li a{padding:5px 10px 5px 0;display:block}footer .profile{width:300px;float:right}footer .profile dt{text-indent:-9999px;background-image:url('images/sprite.png');background-position:0px 0px;background-repeat:no-repeat;display:inline-block;height:40px;width:280px;margin:0 0 20px}footer .profile dd{position:relative}footer .profile dd i{position:absolute}footer .profile dd:nth-of-type(1),footer .profile dd:nth-of-type(2){padding:0 0 0 40px;margin:0 0 20px}footer .profile dd:nth-of-type(1) i,footer .profile dd:nth-of-type(2) i{left:5px;top:50%;width:24px;height:24px;margin-top:-12px}footer .profile dd:nth-of-type(3){margin:40px 0 0;padding:0 0 0 76px}footer .profile dd:nth-of-type(3) i.jnla{left:0;top:0;background-image:url('images/sprite.png');background-position:0px -94px;background-repeat:no-repeat;height:74px;width:280px;padding:0px;text-indent:-5px;font-style:normal}footer .btm{clear:both;text-align:center;padding:40px 0 0}footer .btm small{color:#818181;font-size:12px\9;font-size:1.2rem;padding:0 40px 0 0}footer .btm .vBarList{display:inline-block}.tabMenu{display:table;width:960px;margin:0 auto;border:1px solid #f3f3f3;border-width:1px 0}.tabMenu>li{display:table-cell;vertical-align:middle}.tabMenu>li a{font-size:18px\9;font-size:1.8rem;color:inherit;display:block;text-align:center;padding:20px 10px}.tabMenu>li.current a{border-bottom:1px solid #00873C}.tabMenu>li.col2{width:50%}.tabMenu>li.col3{width:33.33%}.tabMenu>li.col4{width:25%}.tabMenu>li.col5{width:20%}.fixed{background-color:rgba(255,255,255,0.94);background-color:#fff\9;position:absolute;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;z-index:7}.fixed .tabMenu a{-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}.fixed.active{position:fixed;top:48px}.fixed.active .tabMenu a{padding:10px}.fixed+section{margin-top:92px}.accordion{position:relative;cursor:pointer;padding-right:40px !important}.accordion:after,.lineList a.accordion:after{content:"";position:absolute;right:0;top:50%;display:inline-block;width:24px;height:24px;margin:-12px 0 0 0;background-color:#fff;border:1px solid #14c159;color:#14c159;text-align:center;line-height:24px;-moz-border-radius:50% 50%;-webkit-border-radius:50%;border-radius:50% 50%;cursor:pointer;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}label.accordion:after,.accordion+*{display:none;padding:10px 40px 0}label.accordion,.accordion.open+*{display:block}.accordion.open:after,.lineList a.accordion.open:after{-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}section.basic>.accordion:after{right:0}.ital{font-style:italic}.sub{font-size:0.8em;position:relative;top:0.4em}.sup{font-size:0.8em;position:relative;top:-0.6em}.ion{font-size:0.8em;position:relative;top:-0.6em;left:-0.6em}/*!
*  - v1.2.0
* Homepage: http://bqworks.com/slider-pro/
* Author: bqworks
* Author URL: http://bqworks.com/
*/.slider-pro{position:relative;margin:0 auto}.sp-slides-container{position:relative}.sp-mask{position:relative;overflow:hidden}.sp-slides{position:relative;-webkit-backface-visibility:hidden;-webkit-perspective:1000}.sp-slide{position:absolute}.sp-image-container{overflow:hidden}.sp-image{position:relative;display:block;border:none}.sp-no-js{overflow:hidden;max-width:100%}.sp-thumbnails-container{position:relative;overflow:hidden}.sp-top-thumbnails,.sp-bottom-thumbnails{left:0;margin:0 auto}.sp-top-thumbnails{position:absolute;top:0;margin-bottom:4px}.sp-bottom-thumbnails{margin-top:4px}.sp-left-thumbnails,.sp-right-thumbnails{position:absolute;top:0}.sp-right-thumbnails{right:0;margin-left:4px}.sp-left-thumbnails{left:0;margin-right:4px}.sp-thumbnails{position:relative}.sp-thumbnail{border:none}.sp-thumbnail-container{position:relative;display:block;overflow:hidden;float:left;-moz-box-sizing:border-box;box-sizing:border-box}.sp-top-thumbnails .sp-thumbnail-container,.sp-bottom-thumbnails .sp-thumbnail-container{margin-left:2px;margin-right:2px}.sp-top-thumbnails .sp-thumbnail-container:first-child,.sp-bottom-thumbnails .sp-thumbnail-container:first-child{margin-left:0}.sp-top-thumbnails .sp-thumbnail-container:last-child,.sp-bottom-thumbnails .sp-thumbnail-container:last-child{margin-right:0}.sp-left-thumbnails .sp-thumbnail-container,.sp-right-thumbnails .sp-thumbnail-container{margin-top:2px;margin-bottom:2px}.sp-left-thumbnails .sp-thumbnail-container:first-child,.sp-right-thumbnails .sp-thumbnail-container:first-child{margin-top:0}.sp-left-thumbnails .sp-thumbnail-container:last-child,.sp-right-thumbnails .sp-thumbnail-container:last-child{margin-bottom:0}.sp-right-thumbnails.sp-has-pointer{margin-left:-13px}.sp-right-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;left:18px;margin-left:0 !important}.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid #F00;left:0;top:0;margin-left:13px}.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:0;top:50%;margin-top:-8px;border-right:13px solid #F00;border-top:8px solid transparent;border-bottom:8px solid transparent}.sp-left-thumbnails.sp-has-pointer{margin-right:-13px}.sp-left-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;right:18px}.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid #F00;right:0;top:0;margin-right:13px}.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;right:0;top:50%;margin-top:-8px;border-left:13px solid #F00;border-top:8px solid transparent;border-bottom:8px solid transparent}.sp-bottom-thumbnails.sp-has-pointer{margin-top:-13px}.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;top:18px;margin-top:0 !important}.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;width:100%;border-bottom:5px solid #F00;top:0;margin-top:13px}.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:50%;top:0;margin-left:-8px;border-bottom:13px solid #F00;border-left:8px solid transparent;border-right:8px solid transparent}.sp-top-thumbnails.sp-has-pointer{margin-bottom:-13px}.sp-top-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;bottom:18px}.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;width:100%;border-bottom:5px solid #F00;bottom:0;margin-bottom:13px}.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:50%;bottom:0;margin-left:-8px;border-top:13px solid #F00;border-left:8px solid transparent;border-right:8px solid transparent}.sp-layer{position:absolute;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-font-smoothing:subpixel-antialiased;-webkit-backface-visibility:hidden}.sp-black{color:#FFF;background:#000;background:rgba(0,0,0,0.7)}.sp-white{color:#000;background:#fff;background:rgba(255,255,255,0.7)}.sp-rounded{border-radius:10px}.sp-padding{padding:10px}.sp-selectable{cursor:default}.sp-caption-container{text-align:center;margin-top:10px}.sp-full-screen{margin:0 !important;background-color:#000}.sp-full-screen-button{position:absolute;top:5px;right:10px;font-size:40px;line-height:1;cursor:pointer;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.sp-full-screen-button:before{content:'\2195';color:#fff}.sp-fade-full-screen{opacity:0;-webkit-transition:opacity 0.5s;transition:opacity 0.5s}.slider-pro:hover .sp-fade-full-screen{opacity:1}.sp-buttons{position:relative;width:100%;text-align:center;padding-top:10px}.sp-button{width:10px;height:10px;border:2px solid #000;border-radius:50%;margin:4px;display:inline-block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.sp-selected-button{background-color:#000}@media only screen and (min-width: 768px) and (max-width: 1024px){.sp-button{width:14px;height:14px}}@media only screen and (min-width: 568px) and (max-width: 768px){.sp-button{width:16px;height:16px}}@media only screen and (min-width: 320px) and (max-width: 568px){.sp-button{width:18px;height:18px}}.sp-arrows{position:absolute}.sp-fade-arrows{opacity:0;-webkit-transition:opacity 0.5s;transition:opacity 0.5s}.sp-slides-container:hover .sp-fade-arrows{opacity:1}.sp-horizontal .sp-arrows{width:100%;left:0;top:50%;margin-top:-15px}.sp-vertical .sp-arrows{height:100%;left:50%;top:0;margin-left:-10px}.sp-arrow{position:absolute;display:block;width:20px;height:30px;cursor:pointer}.sp-vertical .sp-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sp-horizontal .sp-previous-arrow{left:20px}.sp-horizontal .sp-next-arrow{right:20px}.sp-vertical .sp-previous-arrow{top:20px}.sp-vertical .sp-next-arrow{bottom:20px}.sp-previous-arrow:before,.sp-previous-arrow:after,.sp-next-arrow:before,.sp-next-arrow:after{content:'';position:absolute;width:50%;height:50%;background-color:#FFF}.sp-previous-arrow:before{left:30%;top:0;-webkit-transform:skew(145deg, 0deg);-ms-transform:skew(145deg, 0deg);transform:skew(145deg, 0deg)}.sp-previous-arrow:after{left:30%;top:50%;-webkit-transform:skew(-145deg, 0deg);-ms-transform:skew(-145deg, 0deg);transform:skew(-145deg, 0deg)}.sp-next-arrow:before{right:30%;top:0;-webkit-transform:skew(35deg, 0deg);-ms-transform:skew(35deg, 0deg);transform:skew(35deg, 0deg)}.sp-next-arrow:after{right:30%;top:50%;-webkit-transform:skew(-35deg, 0deg);-ms-transform:skew(-35deg, 0deg);transform:skew(-35deg, 0deg)}.ie8 .sp-arrow,.ie7 .sp-arrow{width:0;height:0}.ie8 .sp-arrow:before,.ie8 .sp-arrow:after,.ie7 .sp-arrow:before,.ie7 .sp-arrow:after{content:none}.ie8.sp-horizontal .sp-previous-arrow,.ie7.sp-horizontal .sp-previous-arrow{border-right:20px solid #FFF;border-top:20px solid transparent;border-bottom:20px solid transparent}.ie8.sp-horizontal .sp-next-arrow,.ie7.sp-horizontal .sp-next-arrow{border-left:20px solid #FFF;border-top:20px solid transparent;border-bottom:20px solid transparent}.ie8.sp-vertical .sp-previous-arrow,.ie7.sp-vertical .sp-previous-arrow{border-bottom:20px solid #FFF;border-left:20px solid transparent;border-right:20px solid transparent}.ie8.sp-vertical .sp-next-arrow,.ie7.sp-vertical .sp-next-arrow{border-top:20px solid #FFF;border-left:20px solid transparent;border-right:20px solid transparent}.sp-thumbnail-arrows{position:absolute}.sp-fade-thumbnail-arrows{opacity:0;-webkit-transition:opacity 0.5s;transition:opacity 0.5s}.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows{opacity:1}.sp-top-thumbnails .sp-thumbnail-arrows,.sp-bottom-thumbnails .sp-thumbnail-arrows{width:100%;top:50%;left:0;margin-top:-12px}.sp-left-thumbnails .sp-thumbnail-arrows,.sp-right-thumbnails .sp-thumbnail-arrows{height:100%;top:0;left:50%;margin-left:-7px}.sp-thumbnail-arrow{position:absolute;display:block;width:15px;height:25px;cursor:pointer}.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow,.sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sp-top-thumbnails .sp-previous-thumbnail-arrow,.sp-bottom-thumbnails .sp-previous-thumbnail-arrow{left:0px}.sp-top-thumbnails .sp-next-thumbnail-arrow,.sp-bottom-thumbnails .sp-next-thumbnail-arrow{right:0px}.sp-left-thumbnails .sp-previous-thumbnail-arrow,.sp-right-thumbnails .sp-previous-thumbnail-arrow{top:0px}.sp-left-thumbnails .sp-next-thumbnail-arrow,.sp-right-thumbnails .sp-next-thumbnail-arrow{bottom:0px}.sp-previous-thumbnail-arrow:before,.sp-previous-thumbnail-arrow:after,.sp-next-thumbnail-arrow:before,.sp-next-thumbnail-arrow:after{content:'';position:absolute;width:50%;height:50%;background-color:#FFF}.sp-previous-thumbnail-arrow:before{left:30%;top:0;-webkit-transform:skew(145deg, 0deg);-ms-transform:skew(145deg, 0deg);transform:skew(145deg, 0deg)}.sp-previous-thumbnail-arrow:after{left:30%;top:50%;-webkit-transform:skew(-145deg, 0deg);-ms-transform:skew(-145deg, 0deg);transform:skew(-145deg, 0deg)}.sp-next-thumbnail-arrow:before{right:30%;top:0;-webkit-transform:skew(35deg, 0deg);-ms-transform:skew(35deg, 0deg);transform:skew(35deg, 0deg)}.sp-next-thumbnail-arrow:after{right:30%;top:50%;-webkit-transform:skew(-35deg, 0deg);-ms-transform:skew(-35deg, 0deg);transform:skew(-35deg, 0deg)}.ie8 .sp-thumbnail-arrow,.ie7 .sp-thumbnail-arrow{width:0;height:0}.ie8 .sp-thumbnail-arrow:before,.ie8 .sp-thumbnail-arrow:after,.ie7 .sp-thumbnail-arrow:before,.ie7 .sp-thumbnail-arrow:after{content:none}.ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow{border-right:12px solid #FFF;border-top:12px solid transparent;border-bottom:12px solid transparent}.ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow{border-left:12px solid #FFF;border-top:12px solid transparent;border-bottom:12px solid transparent}.ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow{border-bottom:12px solid #FFF;border-left:12px solid transparent;border-right:12px solid transparent}.ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow{border-top:12px solid #FFF;border-left:12px solid transparent;border-right:12px solid transparent}a.sp-video{text-decoration:none}a.sp-video img{-webkit-backface-visibility:hidden;border:none}a.sp-video:after{content:'\25B6';position:absolute;width:45px;padding-left:5px;height:50px;border:2px solid #FFF;text-align:center;font-size:30px;border-radius:30px;top:0;color:#FFF;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.2);margin:auto;line-height:52px}.slider-pro img.sp-image,.slider-pro img.sp-thumbnail{max-width:none !important;max-height:none !important;border:none !important;border-radius:0 !important;padding:0 !important;-webkit-box-shadow:none !important;-mox-box-shadow:none !important;box-shadow:none !important;transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none}.slider-pro a{position:static;transition:none !important;-moz-transition:none !important;-webkit-transition:none !important;-o-transition:none !important}.slider-pro iframe,.slider-pro object,.slider-pro video,.slider-pro embed,.slider-pro canvas{max-width:none;max-height:none}.slider-pro p.sp-layer{font-size:14px;line-height:1.4;margin:0}.slider-pro h1.sp-layer{font-size:32px;line-height:1.4;margin:0}.slider-pro h2.sp-layer{font-size:24px;line-height:1.4;margin:0}.slider-pro h3.sp-layer{font-size:19px;line-height:1.4;margin:0}.slider-pro h4.sp-layer{font-size:16px;line-height:1.4;margin:0}.slider-pro h5.sp-layer{font-size:13px;line-height:1.4;margin:0}.slider-pro h6.sp-layer{font-size:11px;line-height:1.4;margin:0}.slider-pro img.sp-layer{border:none}.formError{z-index:990}.formError .formErrorContent{z-index:991}.formError .formErrorArrow{z-index:996}.ui-dialog .formError{z-index:5000}.ui-dialog .formError .formErrorContent{z-index:5001}.ui-dialog .formError .formErrorArrow{z-index:5006}.inputContainer{position:relative;float:left}.formError{position:absolute;top:300px;left:300px;display:block;cursor:pointer;text-align:left}.formError.inline{position:relative;top:0;left:0;display:inline-block}.ajaxSubmit{padding:20px;background:#55ea55;border:1px solid #999;display:none}.formError .formErrorContent{width:100%;background:#ee0101;position:relative;color:#fff;min-width:120px;font-size:11px;border:2px solid #ddd;box-shadow:0 0 6px #000;-moz-box-shadow:0 0 6px #000;-webkit-box-shadow:0 0 6px #000;-o-box-shadow:0 0 6px #000;padding:4px 10px 4px 10px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px}.formError.inline .formErrorContent{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;border:none;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-o-border-radius:0}.greenPopup .formErrorContent{background:#33be40}.blackPopup .formErrorContent{background:#393939;color:#FFF}.formError .formErrorArrow{width:15px;margin:-2px 0 0 13px;position:relative}body[dir='rtl'] .formError .formErrorArrow,body.rtl .formError .formErrorArrow{margin:-2px 13px 0 0}.formError .formErrorArrowBottom{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;margin:0px 0 0 12px;top:2px}.formError .formErrorArrow div{border-left:2px solid #ddd;border-right:2px solid #ddd;box-shadow:0 2px 3px #444;-moz-box-shadow:0 2px 3px #444;-webkit-box-shadow:0 2px 3px #444;-o-box-shadow:0 2px 3px #444;font-size:0px;height:1px;background:#ee0101;margin:0 auto;line-height:0;font-size:0;display:block}.formError .formErrorArrowBottom div{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none}.greenPopup .formErrorArrow div{background:#33be40}.blackPopup .formErrorArrow div{background:#393939;color:#FFF}.formError .formErrorArrow .line10{width:13px;border:none}.formError .formErrorArrow .line9{width:11px;border:none}.formError .formErrorArrow .line8{width:11px}.formError .formErrorArrow .line7{width:9px}.formError .formErrorArrow .line6{width:7px}.formError .formErrorArrow .line5{width:5px}.formError .formErrorArrow .line4{width:3px}.formError .formErrorArrow .line3{width:1px;border-left:2px solid #ddd;border-right:2px solid #ddd;border-bottom:0 solid #ddd}.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd}.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd}body.home #contents .breadCrumb{display:none}body.home #contents>.w100:not(.access){position:relative;z-index:1}body.home #contents>.w100:nth-of-type(odd){background-color:#f3f3f3}body.home #contents>.w100:nth-of-type(even){background-color:#fff}body.home #contents #keyvisual{width:100%;min-width:960px;position:relative;z-index:2;margin-top:-48px;background-color:#8B8B8B;text-align:center}body.home #contents #keyvisual.hide{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}body.home #contents #keyvisual h2,body.home #contents #keyvisual h3{width:100%;min-width:960px;position:absolute;text-align:center;text-shadow:0 0 10px rgba(255,255,255,0.75);text-shadow:0 0 10px 0 rgba(255,255,255,0.75)}body.home #contents #keyvisual h2{font-size:28px\9;font-size:2.8rem;font-weight:bold;top:44%}body.home #contents #keyvisual h3{font-size:22px\9;font-size:2.2rem;top:calc(44% + 40px)}body.home #contents #keyvisual .btn{position:absolute;left:50%;bottom:40px;width:360px;margin:0 0 0 -180px}body.home #contents .btn.lv2{margin-top:40px;width:240px;float:right}body.home #contents .inspect .cardView.col3 li:nth-of-type(3) h3{font-size:21px\9;font-size:2.1rem}body.home #contents .inspect .cardView.col2 li:nth-last-of-type(1){padding-bottom:0}body.home #contents .inspect .cardView.horizontal a>dl{padding:10px 20px 0 20px}body.home #contents .inspect .cardView.horizontal h3.nml{margin-bottom:0}body.home #contents .inspect .btn.lv2{margin-top:-62px}body.home #contents .product ul{*zoom:1}body.home #contents .product ul:after{content:"";display:table;clear:both}body.home #contents .product ul>li{width:460px;height:240px;margin:0 0 40px}body.home #contents .product ul>li a{position:relative;color:inherit;display:block;width:100%;height:100%}body.home #contents .product ul>li a:hover h3{color:#00873C}body.home #contents .product ul>li h3{position:absolute}body.home #contents .product ul>li .thumb{position:absolute;top:50%}body.home #contents .product ul>li i{width:24px;height:24px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;position:absolute;right:20px;bottom:20px;border:1px solid #00873C}body.home #contents .product ul>li:nth-of-type(1){float:left;background-color:#f3f3f3;height:480px}body.home #contents .product ul>li:nth-of-type(1) .thumb{margin-top:-170px}body.home #contents .product ul>li:nth-of-type(1) h3{left:20px;bottom:20px}body.home #contents .product ul>li:nth-of-type(2){height:200px;float:right;background-color:#f3f3f3}body.home #contents .product ul>li:nth-of-type(2) .thumb{left:0;top:0}body.home #contents .product ul>li:nth-of-type(2) h3{right:20px;top:50%;margin-top:-19px}body.home #contents .product ul>li:nth-of-type(3){float:right}body.home #contents .product ul>li:nth-of-type(3) .thumb{right:0;margin-top:-75px}body.home #contents .product ul>li:nth-of-type(3) h3{left:20px;top:50%;margin-top:-19px}body.home #contents .product ul>li:nth-of-type(4){float:left}body.home #contents .product ul>li:nth-of-type(4) .thumb{left:0;margin:-120px 0 0 0}body.home #contents .product ul>li:nth-of-type(4) h3{left:20px;bottom:20px}body.home #contents .product ul>li:nth-of-type(5){float:right;background-color:#f3f3f3}body.home #contents .product ul>li:nth-of-type(5) .thumb{left:0;top:0}body.home #contents .product ul>li:nth-of-type(5) h3{right:20px;top:50%;margin-top:-19px}body.home #contents .product ul>li:nth-of-type(6){float:left;background-color:#f3f3f3}body.home #contents .product ul>li:nth-of-type(6) .thumb{top:0}body.home #contents .product ul>li:nth-of-type(6) h3{left:20px;bottom:20px}body.home #contents .product ul>li:nth-of-type(7){float:right}body.home #contents .product ul>li:nth-of-type(7) .thumb{right:0;margin-top:-115px}body.home #contents .product ul>li:nth-of-type(7) h3{left:20px;top:50%;margin-top:-19px}body.home #contents .client .note{text-align:right}body.home #contents .client .gridView>li>span{height:100px}body.home #contents .contact .inner{padding:0 80px;position:relative}body.home #contents .contact p:not(.btn){font-size:22px\9;font-size:2.2rem;margin:0 0 2rem;text-indent:1rem}body.home #contents .contact .btn{width:400px;margin:100px auto 0;float:none}body.home #contents .news .inner{padding:0 0 0 80px}body.home #contents .news .listView{margin:0 40px}body.home #contents .news .listView li>a>*{vertical-align:middle}body.home #contents #map_canvas{border-top:1px solid #f3f3f3;height:40vh}#contents .contact{position:relative}#contents .contact i{width:48px;height:48px;-moz-background-size:48px;-o-background-size:48px;-webkit-background-size:48px;background-size:48px;position:absolute}#contents .contact i.mail{left:224px;bottom:82px}#contents .contact i.tel{left:185px;bottom:52px}#contents .contact .btn{width:400px;margin:100px auto 0;float:none}#contents .contact .btn a{font-size:24px\9;font-size:2.4rem}body.contact #contents>.tel h2,body.contact #contents>.mail h2{font-size:32px\9;font-size:3.2rem;font-weight:bold;margin:0 0 40px}body.contact #contents>.tel h2 span,body.contact #contents>.mail h2 span{font-size:14px\9;font-size:1.4rem;letter-spacing:normal;font-weight:normal;color:#f38a2f;padding:0 0 0 1rem}body.contact #contents>.tel i,body.contact #contents>.mail i{width:48px;height:48px;-moz-background-size:48px;-o-background-size:48px;-webkit-background-size:48px;background-size:48px;margin:0 20px -12px 0}body.contact #contents>.tel dl{display:inline-block;letter-spacing:-0.4em}body.contact #contents>.tel dl>*{vertical-align:top;display:inline-block;letter-spacing:0.1em}body.contact #contents>.tel dl:nth-of-type(1){padding:0 30px 0 74px}body.contact #contents>.tel dl:nth-of-type(2){padding:0 30px}body.contact #contents>.tel dl>*{vertical-align:baseline}body.contact #contents>.tel dl dd{font-size:46px\9;font-size:4.6rem;font-weight:bold;padding:0 0 0 10px}body.contact #contents .flow{letter-spacing:-0.4em;font-size:22px\9;font-size:2.2rem;border-bottom:1px solid #f3f3f3;margin:0 0 20px}body.contact #contents .flow>*{vertical-align:top;display:inline-block;letter-spacing:0.1em}body.contact #contents .flow li{width:33.33%;text-align:center;position:relative}body.contact #contents .flow li>p{display:inline-block}body.contact #contents .flow li>p>span{font-size:32px\9;font-size:3.2rem;padding:0 8px 0 0}body.contact #contents .flow li:not(:last-child)>p{position:relative;position:static}body.contact #contents .flow li:not(:last-child)>p:after{content:"";position:absolute;display:inline-block;width:0;height:0;border-style:solid;z-index:2}body.contact #contents .flow li:not(:last-child)>p:after{top:50%;right:0;margin-top:-12px;border-width:10px 0 10px 20px;border-color:transparent transparent transparent #e9e9e9}body.contact #contents .flow .current>p{padding:0 10px;border-bottom:1px solid #00873C}body.contact #contents .forms{background-color:#f3f3f3;padding:60px;margin:0 20px 40px}body.contact #contents .forms>dl>dt{width:30%}body.contact #contents .forms select{margin:20px}body.contact #contents .forms+.btnSet>.btn>*{width:400px;margin:0 auto}body.contact #contents .formError,body.contact #contents .formErrorContent{font-size:14px;border:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}body.contact #contents .formError{left:initial !important;right:-90px !important;position:relative;position:absolute}body.contact #contents .formError:after{content:"";position:absolute;display:inline-block;width:0;height:0;border-style:solid;z-index:2}body.contact #contents .formError:after{top:100%;left:10px;border-width:8px 12px 0 0;border-color:#ee0101 transparent transparent transparent}body.contact #contents .formErrorContent{padding:10px}body.contact #contents .formErrorArrow{display:none !important}body.confirm #contents .mail{padding-top:0}body.confirm #contents .forms .counter,body.confirm #contents .forms .note{display:none}body.confirm #contents .forms+.btnSet{text-align:center}body.confirm #contents .forms+.btnSet .btn{display:inline-block}body.confirm #contents .forms+.btnSet .btn>*{width:300px;margin:0 20px}body.complete #contents .title .lead{font-size:20px\9;font-size:2rem;text-align:center;background-color:#f3f3f3;padding:60px}body.complete #contents .title+.btn{width:400px;margin:0 auto 80px}body.product #contents>section.w100>.inner>*:not(h2){margin-left:40px}body.product #contents>section.w100>.inner>section:not(:nth-last-of-type(1)){margin-bottom:80px}body.product #contents .nml>p:not(:nth-last-of-type(1)){margin-bottom:20px}body.product #contents img+.cap{font-size:12px\9;font-size:1.2rem;text-align:center;padding:20px 0}body.product #contents #what .boxL{width:600px}body.product #contents #type .boxR{margin:0 0 40px 40px}body.product #contents #type>.inner>section:nth-last-of-type(1) .boxR{margin-top:-70px}body.product #contents #effect .boxL{width:500px}body.product #contents #device>.inner>section{*zoom:1}body.product #contents #device>.inner>section:after{content:"";display:table;clear:both}body.product #contents #device>.inner>section:nth-of-type(1) .boxL{width:740px}body.product #contents #device>.inner>section:nth-of-type(2) .boxL{width:450px;margin:20px 0 0}body.product #contents #device>.inner>section:nth-of-type(2) .boxR{width:450px;margin:50px 0 0;text-align:center}body.product #contents #device>.inner>section:nth-of-type(2) .boxR img:nth-of-type(1){margin:0 40px 40px 0}body.product #contents #device>.inner>section:nth-of-type(2) .boxR img:nth-of-type(2){margin:0 0 40px}body.product #contents #device>.inner>section:nth-of-type(3) .boxL{width:740px}body.product #contents #device>.inner>section:nth-of-type(3) .boxR{margin:-54px 0 0}body.product #contents #device>.inner>section:nth-of-type(3) .textList{clear:both}body.product #contents .contact{margin:-46px auto 80px}body.faq #contents #main>section{margin-bottom:80px}body.faq #contents article{background-color:#fff;padding:20px;margin-bottom:20px}body.faq #contents article h3.accordion{color:inherit;padding-left:40px}body.faq #contents article h3:before{font-size:32px\9;font-size:3.2rem;font-weight:bold;content:"Q";display:inline-block;color:#00873C;position:absolute;left:0;top:-10px}body.company #contents>section.w100>.inner>*:not(h2){margin-left:40px}body.company #contents>section.w100>.inner>section:not(:nth-last-of-type(1)){margin-bottom:80px}body.company #contents .nml>p:not(:nth-last-of-type(1)){margin-bottom:20px}body.company #contents img+.cap{font-size:12px\9;font-size:1.2rem;text-align:center;padding:20px 0}body.company #contents #p01 .boxL{float:none}body.company #contents #p01 .boxR:nth-of-type(1){width:230px;margin:0 0 80px 80px}body.company #contents #p01 .boxR:nth-last-of-type(1){border:10px solid #fff}body.company #contents #p02 .tblView{font-size:18px\9;font-size:1.8rem}body.company #contents #p02 .tblView>dl:nth-last-of-type(1) li:not(:last-child){margin-bottom:10px}body.company #contents #p02 .tblView>dl:nth-last-of-type(1) li a{padding:0 1rem 0 0}body.company #contents #p04{padding-bottom:20px}body.company #contents #p04 .inner section:nth-last-of-type(1){clear:both}body.company #contents #p04 i{margin:0 10px -5px 0}body.company #contents #map_canvas{border-top:1px solid #f3f3f3;height:50vh}body.client #contents .client{background-color:#f3f3f3}body.client #contents .client .note{text-align:right}body.client #contents .client .gridView>li>span{height:100px}

p:empty { display: none; }

/* ======================================================
   JMC CUSTOM（整理版） 2026-03-13
   ここより下だけ触る運用
   ====================================================== */


/* ======================================================
   01．全体共通
   ====================================================== */

/* 空のpを消す（全ページ共通） */
p:empty{
  display:none;
}

/* 横スクロール防止 */
html,
body{
  overflow-x:hidden;
}

/* Webフォント呼び出し */
#contents p.lead{
  font-family:'Zen Maru Gothic',sans-serif !important;
}

/* リード文（大見出し下） */
#contents p.lead{
  font-size:1.4em;
  line-height:1.8;
  color:#039992;
  font-weight:500;
}

/* h1 見出しサイズ調整 */
.pageName{
  font-size:36px !important;
  line-height:1.4;
}

/* 共通：見出し（nml） */
#contents h2.nml,
#contents h1.nml{
  position:relative;
  display:inline-block;
  padding-left:1.2em;
  padding-bottom:0.2em;
  margin:0 0 20px 0;
  line-height:1.2;
}

#contents h2.nml::before,
#contents h1.nml::before{
  content:"";
  position:absolute;
  left:0;
  top:-5px;
  width:0.7em;
  height:calc(100% + 5px);
  background:#669999;
}

#contents h2.nml::after,
#contents h1.nml::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  height:0.15em;
  width:115%;
  background:#669999;
}

/* h2.nml 上の空き量を全ページで揃える */
#contents .inner > h2.nml{
  margin-top:8px !important;
}

#contents section.w100{
  padding-top:40px !important;
}

/* 本文：赤太字（注意書きなど） */
.redBold{
  color:#d60000;
  font-weight:700;
}

/* Google Fonts 依存を減らす */
.lato,
h1.pageName span,
h2.nml span,
footer .btm small,
body.contact #contents > .tel dl dd,
body.contact #contents .flow li > p > span,
body.faq #contents article h3:before{
  font-family:Arial, Helvetica, sans-serif !important;
}

/* 本文段落のみ1文字インデント */
p{
  text-indent:1em;
}

/* ボタン段落はインデントしない */
#contents p.btn{
  text-indent:0 !important;
}


/* ======================================================
   02．TOPページ専用
   ====================================================== */

/* HOME：keyvisual周り（隙間対策） */
body.home .wp-block-column.is-layout-flow{
  padding-top:42px !important;
}

body.home #keyvisual{
  margin-top:0 !important;
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}

body.home #keyvisual p,
body.home #keyvisual figure{
  margin-bottom:0 !important;
}

body.home #keyvisual img{
  display:block !important;
}

/* ヘッダー相殺（確定版：ここだけ触る） */
:root{
  --jmc-header-h:84px;
}

body.home #contents #keyvisual{
  margin-top:calc(-1 * var(--jmc-header-h)) !important;
  position:relative !important;
  z-index:2 !important;
}

body.home #contents #keyvisual a{
  font-weight:750 !important;
  font-size:1.4em;
  text-shadow:0 1px 2px rgba(0,0,0,0.6);
  transform:translateY(3px);
  white-space:nowrap !important;
  display:inline-block !important;
}

/* HOME：新着情報（幅揃え＋2列） */
body.home #contents section.news.w100 > .inner{
  padding-left:0 !important;
  padding-right:0 !important;
}

body.home #contents section.news.w100 .listView{
  margin-left:0 !important;
  margin-right:0 !important;
}

body.home #contents section.news ul.listView{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px 40px;
}

body.home #contents section.news ul.listView > li{
  margin:0 !important;
}

body.home section.news .listView .thumb{
  width:120px !important;
}

body.home section.news .listView .thumb img{
  width:100% !important;
  height:auto !important;
}

/* HOME：トップのお問い合わせ（contact-actions版） */
body.home #contents section.contact.w100{
  padding-top:40px !important;
}

body.home #contents section.contact.w100 .inner > p{
  font-size:1.8rem !important;
  line-height:1.8 !important;
  text-indent:0 !important;
  margin:0 0 1.2rem !important;
}

body.home #contents section.contact.w100 .contact-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:24px !important;
  margin-top:24px !important;
}

body.home #contents section.contact.w100 .contact-icons{
  display:flex !important;
  gap:16px !important;
}

body.home #contents section.contact.w100 i.tel,
body.home #contents section.contact.w100 i.mail{
  position:static !important;
  left:auto !important;
  bottom:auto !important;
  display:inline-block !important;
}

body.home #contents section.contact.w100 .contact-actions .btn{
  margin:0 !important;
  float:none !important;
}

/* HOME：取引先実績（4カラム） */
.client .gridView{
  display:flex;
  flex-wrap:wrap;
  margin:-5px;
}

.client .gridView > li{
  float:none;
  width:25%;
  padding:5px;
  display:flex;
}

.client .gridView > li > span{
  display:flex;
  width:100%;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:20px;
  background-color:#fff;
  min-height:84px;
  word-break:break-word;
  overflow-wrap:anywhere;
}

body.home #contents .client .gridView > li > span{
  min-height:80px !important;
  padding:12px 16px !important;
  box-sizing:border-box !important;
}

@media (max-width:960px){
  .client .gridView > li{
    width:50%;
  }
}

@media (max-width:520px){
  .client .gridView > li{
    width:100%;
  }
}

/* HOME：取扱商品（カード高さ統一＋画像小さく） */
body.home #contents section.product{
  padding-top:40px !important;
  padding-bottom:20px !important;
}

body.home #contents section.product ul > li,
body.home #contents section.product ul > li:nth-of-type(1),
body.home #contents section.product ul > li:nth-of-type(2){
  height:auto !important;
}

body.home #contents section.product ul > li h3,
body.home #contents section.product ul > li .thumb{
  position:static !important;
  margin:0 !important;
}

body.home #contents section.product ul > li img{
  display:block !important;
}

body.home #contents section.product ul > li{
  margin-bottom:15px !important;
}

body.home #contents section.product ul{
  margin-bottom:15px !important;
}

body.home #contents section.product .btn.lv2{
  margin-top:0 !important;
}

body.home #contents section.product ul > li > a{
  display:flex !important;
  flex-direction:column !important;
  box-sizing:border-box !important;
  padding:12px !important;
  min-height:150px !important;
  background:#f3f3f3 !important;
  border-radius:8px !important;
  text-decoration:none;
}

body.home #contents section.product ul > li > a .thumb,
body.home #contents section.product ul > li > a figure{
  height:90px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}

body.home #contents section.product ul > li > a img{
  max-height:100% !important;
  width:auto !important;
  max-width:100% !important;
  height:auto !important;
}

body.home #contents section.product ul > li > a h3{
  margin:10px 0 0 8px !important;
  padding:0 !important;
  line-height:1.25 !important;
}

body.home #contents section.product ul > li > a:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

/* TOPページ：検査・試験エリア（inspect） */
body.home #contents section.inspect{
  margin-left:0 !important;
  margin-right:0 !important;
}

body.home #contents section.inspect .inner{
  padding-left:0 !important;
  padding-right:0 !important;
}

body.home #contents section.inspect > .inner > h2.nml{
  margin-top:0px !important;
  margin-bottom:10px !important;
}

body.home #contents section.inspect ul.cardView.col3{
  padding-left:0 !important;
  margin-left:0 !important;
  list-style:none !important;
}

body.home #contents section.inspect ul.cardView.col3 > li{
  margin-left:0 !important;
  padding-left:0 !important;
}

body.home #contents section.inspect ul.cardView.col3 img{
  display:block !important;
  width:100% !important;
  height:auto !important;
}

body.home #contents section.inspect ul.cardView.col3 dl dt{
  text-align:center !important;
}

body.home #contents section.inspect ul.cardView.col3 dl dt h3.nml{
  font-size:24px !important;
  line-height:1.35 !important;
  text-align:center !important;
  margin:0 0 10px 0 !important;
}

body.home #contents section.inspect ul.cardView.col3 li dl{
  padding-left:10px !important;
  padding-right:10px !important;
  box-sizing:border-box !important;
  margin:0 !important;
}

body.home #contents section.inspect ul.cardView.col3 li dd{
  margin:0 !important;
  padding:0 !important;
}

body.home #contents section.inspect figure{
  margin-bottom:0 !important;
}

body.home div#contents > br{
  display:none !important;
}

body.home div#contents > p:empty{
  display:none !important;
}

/* HOME：SEO用h1（見た目には出さない） */
body.home #keyvisual .homeTitle{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  margin:-1px !important;
  padding:0 !important;
  overflow:hidden !important;
  clip:rect(0, 0, 0, 0) !important;
  border:0 !important;
}

/* トップページのカード内を同じ高さで揃える */
.home #contents .gridView > li{
  display:flex;
}

.home #contents .gridView > li .thumb{
  display:flex;
  flex-direction:column;
  width:100%;
  height:100%;
}

.home #contents .gridView > li .thumb dl{
  display:flex;
  flex-direction:column;
  height:100%;
}

.home #contents .gridView > li .thumb dd{
  flex:1;
}

.home #contents .gridView > li:first-child .thumb dd{
  min-height:4.5em;
}


/* ======================================================
   03．固定ページ共通（TOP以外）
   ====================================================== */

/* 説明ページ共通レイアウト（product本家ベース） */
body.page:not(.home) #contents section.w100{
  padding:36px 0 !important;
}

body.page:not(.home) #contents section.w100 .inner > h2.nml{
  display:inline-block !important;
  margin-bottom:24px !important;
  max-width:100% !important;
}

body.page:not(.home) #contents section.w100 .inner > h2.nml::after{
  width:115% !important;
}

body.page:not(.home) #contents > section.w100 > .inner > *:not(h2){
  margin-left:40px;
}

body.page:not(.home) #contents section.w100 .inner .boxWrap{
  display:flex !important;
  align-items:flex-start !important;
  gap:32px !important;
  margin-top:18px !important;
}

body.page:not(.home) #contents section.w100 .inner .boxWrap + .boxWrap{
  margin-top:26px !important;
  padding-top:26px !important;
  border-top:1px solid #eee !important;
}

body.page:not(.home) #contents section.w100 .inner .boxWrap .boxL{
  flex:1 1 auto !important;
  min-width:0 !important;
  float:none !important;
  width:auto !important;
}

body.page:not(.home) #contents section.w100 .inner .boxWrap .boxR{
  flex:0 0 220px !important;
  text-align:center !important;
  float:none !important;
  width:220px !important;
}

body.page:not(.home) #contents section.w100 .inner .boxWrap.img-left{
  flex-direction:row-reverse !important;
}

body.page:not(.home) #contents section.w100 .inner .boxWrap .boxR:empty{
  display:none !important;
}

/* 説明ページ用 h3（共通） */
body.page:not(.home) #contents h3.nml{
  position:relative;
  padding-left:0.8em;
  margin:0 0 10px 0px;
  font-size:20px !important;
  line-height:1.4;
}

/* タブメニューがあるページは左インデントなし */
#contents nav.w100 + section h3.nml{
  margin:0 0 10px 0 !important;
}

body.page:not(.home) #contents h3.nml::before{
  content:"";
  position:absolute;
  left:0;
  top:calc(0.15em - 3px);
  width:10px;
  height:1.1em;
  background:#f28c28;
}

/* 説明ページ本文 */
body.page:not(.home) #contents p{
  text-indent:1em;
}

body.page:not(.home) #contents .btn,
body.page:not(.home) #contents .contact p,
body.page:not(.home) #contents p.cap,
body.page:not(.home) #contents .textList dd,
body.page:not(.home) #contents li p{
  text-indent:0 !important;
}

/* トップページ以外の本文タイポグラフィ */
body:not(.home) #contents{
  font-size:16px;
  line-height:1.9;
  color:#333;
}

body:not(.home) #contents p{
  margin:0 0 1.4em;
}

/* お問い合わせフォーム内だけpのmarginを無効化 */
.contact p {
  margin-bottom: 0 !important;
}

body:not(.home) #contents h2,
body:not(.home) #contents h3,
body:not(.home) #contents h4{
  line-height:1.4;
}

/* モバイル（説明ページ共通） */
@media (max-width:768px){
  body.page:not(.home) #contents section.w100 .inner .boxWrap{
    flex-direction:column !important;
    gap:12px !important;
  }

  body.page:not(.home) #contents section.w100 .inner .boxWrap .boxR{
    flex-basis:auto !important;
    width:100% !important;
    text-align:left !important;
  }

  body.page:not(.home) #contents section.w100 .inner .boxWrap.img-left{
    flex-direction:column !important;
  }
}


/* ======================================================
   04．CTA / お問い合わせブロック共通
   ====================================================== */

#contents .contact{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:18px !important;
  flex-wrap:wrap !important;
  width:auto !important;
  max-width:100% !important;
  margin:48px auto !important;
}

#contents .contact p.btn.lv2{
  margin:0 !important;
  padding:0 !important;
  float:none !important;
  width:auto !important;
  text-align:center !important;
  text-indent:0 !important;
}

#contents .contact p.btn.lv2 a{
  display:inline-block !important;
  min-width:280px !important;
  padding:14px 28px !important;
  font-size:18px !important;
  line-height:1.2 !important;
  text-align:center !important;
  white-space:nowrap !important;
  background:#fff !important;
  color:#669999 !important;
  border:2px solid #669999 !important;
  border-radius:6px !important;
  font-weight:600 !important;
  text-decoration:none !important;
  box-shadow:none !important;
}

#contents .contact p.btn.lv2 a:hover{
  background:#669999 !important;
  color:#fff !important;
}

#contents .contact .btn{
  width:auto !important;
  margin:0 !important;
  float:none !important;
}

#contents .contact i.tel,
#contents .contact i.mail{
  position:static !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  margin:0 !important;
  flex:0 0 48px !important;
  width:48px !important;
  height:48px !important;
  display:inline-block !important;
}

#contents .contact .btn > a,
#contents .contact .btn > input,
#contents .contact .btn > button{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

#contents .contact .btn i.arrR_gr{
  position:absolute !important;
  left:auto !important;
  right:10px !important;
  top:50% !important;
  margin:-6px 0 0 0 !important;
}

@media (max-width:600px){
  #contents .contact p.btn.lv2 a{
    min-width:auto !important;
    font-size:17px !important;
    padding:12px 18px !important;
  }
}

/* ======================================================
   05．タブメニュー共通
   ====================================================== */

#contents .tabMenu li a{
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  border-bottom:3px solid transparent;
  transition:none !important;
  padding:12px 12px !important;
  line-height:1.3 !important;
}

#contents .tabMenu li.current a,
#contents .tabMenu li.active a{
  background:#e8f4ef;
  border-bottom-color:#039992;
  font-weight:600;
}

#contents .tabMenu li a:hover{
  background:#f3f9f7;
}

/* 固定タブ分だけアンカー先見出しを下げる */
#contents section[id]{
  scroll-margin-top:140px;
}


/* ======================================================
   06．テーブル共通
   ====================================================== */

.water-table{
  width:100%;
  border-collapse:collapse;
  margin:0 !important;
  font-size:14px;
}

.water-table th{
  background:#6e97b6;
  color:#fff;
  font-weight:600;
  padding:10px 14px;
  border:1px solid #d6d6d6;
  text-align:center;
}

.water-table td{
  padding:10px 14px;
  border:1px solid #d6d6d6;
  text-align:center;
}

.water-table tbody tr:nth-child(even){
  background:#f7f7f7;
}

.tableWrap{
  margin:24px 10px 0 !important;
}


/* ======================================================
   07．フォーム関連
   ====================================================== */

/* MW WP Form ボタン処理中表示 */
p.btn.is-processing{
  position:relative;
}

p.btn.is-processing::after{
  content:"";
  display:inline-block;
  width:14px;
  height:14px;
  margin-left:8px;
  vertical-align:middle;
  border:2px solid transparent;
  border-top-color:currentColor;
  border-right-color:currentColor;
  border-radius:50%;
  animation:jmcSpin 0.8s linear infinite;
}

@keyframes jmcSpin{
  to{
    transform:rotate(360deg);
  }
}

p.btn.is-waiting{
  position:relative;
}


/* ======================================================
   08．productページ個別
   ====================================================== */

/* /product 一覧（page-id-28） */
body.page-id-28 #contents > section.title{
  background:#fff !important;
  padding-bottom:36px !important;
}

body.page-id-28 #contents .product-grid{
  position:relative;
  max-width:1000px !important;
  margin:0 auto !important;
  padding:36px 16px 56px !important;
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:24px;
}

body.page-id-28 #contents .product-grid::before{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:0;
  width:100vw;
  height:100%;
  background:#f3f3f3;
  z-index:-1;
}

body.page-id-28 #contents .product-card{
  background:#fff !important;
  border:1px solid #ddd !important;
  border-radius:10px !important;
  min-height:120px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-decoration:none;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

body.page-id-28 #contents .product-card:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 24px rgba(0,0,0,.08);
  border-color:rgba(0,0,0,.18);
}

@media (max-width:600px){
  body.page-id-28 #contents .product-grid{
    grid-template-columns:1fr;
  }

  body.page-id-28 #contents .product-card:hover{
    transform:none;
    box-shadow:none;
  }
}

/* productのみ追加仕様 */
body.product #contents .descBlock{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

body.product #contents .descBlock + .descBlock{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid #eee;
}

body.product #contents .descBlock h3.nml{
  display:inline-block;
  font-size:16px !important;
  font-weight:650;
  margin:0 !important;
  padding:6px 1.2em;
  background:#e9f2f7;
  border:1px solid #6c9fc7;
  color:#3f6f95;
  border-radius:999px;
  white-space:nowrap;
}

body.product #contents .descBlock p{
  margin:0 !important;
  text-indent:0 !important;
}

/* productのみタブの折り返し調整 */
body.product #contents .tabMenu.col4{
  display:flex;
  flex-wrap:wrap;
  column-gap:8px;
  row-gap:8px;
}

body.product #contents .tabMenu.col4 > li{
  flex:0 0 calc(25% - 6px);
  width:auto !important;
}

@media (max-width:900px){
  body.product #contents .tabMenu.col4 > li{
    flex-basis:calc(33.333% - 6px);
  }
}

@media (max-width:600px){
  body.product #contents .tabMenu.col4 > li{
    flex-basis:calc(50% - 6px);
  }
}

body.product #contents .tabMenu.col4 > li > a{
  padding:8px 10px !important;
  line-height:1.2 !important;
  display:flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
}

/* 既定：h2.nml span のサブ調整（productのみ） */
body.product #contents h2.nml .h2sub{
  padding-left:0 !important;
  font-size:0.75em;
  margin-left:-0.2em;
  color:#000;
  text-indent:0;
}

body.product #contents h2.nml{
  line-height:1.25;
}

body.product #contents h2.nml .h2sub{
  margin-left:1.2em;
}

#contents h2.nml{
  line-height:1.15;
}

/* product：タブ固定時の「見出しが隠れる」対策 */
body.product #contents section.w100{
  scroll-margin-top:140px;
}

body.product #contents .w100:target{
  scroll-margin-top:140px;
}

body.product #contents section.w100:target::before{
  content:"";
  display:block;
  height:140px;
  margin-top:-140px;
}

/* productタブを最初から固定 */
body.product #contents .tabMenu{
  position:sticky;
  top:84px;
  z-index:100;
}


/* ======================================================
   09．companyページ個別
   ====================================================== */

/* companyページ Googleマップ表示調整 */
body.company #p04 iframe{
  width:100%;
  height:420px;
  border:0;
  display:block;
  margin-top:50px;
}

/* company：アクセスマップ 2カラム＋全幅地図 */
body.company #contents #p04 > .inner{
  overflow:hidden;
}

body.company #contents #p04 > .inner > section.boxL,
body.company #contents #p04 > .inner > section.boxR{
  width:46%;
  margin:0 0 34px 0 !important;
}

body.company #contents #p04 > .inner > section.boxL{
  float:left;
}

body.company #contents #p04 > .inner > section.boxR{
  float:right;
}

body.company #contents #p04 > .inner > section:last-of-type{
  clear:both;
  float:none !important;
  width:100% !important;
  margin:34px 0 0 0 !important;
  padding:0 !important;
}

body.company #p04 iframe{
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  height:420px;
  border:0;
  display:block;
}


/* ======================================================
   10．個別ページ例外
   ====================================================== */

/* sample2（page-id-4364）だけCTAの上下余白を追加 */
body.page-id-4364 #contents .contact{
  padding-top:40px !important;
  padding-bottom:40px !important;
}

/* 水処理剤ページ（page-id-3888）専用 */
body.page-id-3888 #contents h3.nml.waterTitle{
  margin:0 0 10px 0 !important;
  font-size: 24px !important;
}

body.page-id-3888 #contents .tableWrap.waterTableWide{
  margin:10px 0 0 !important;
  width:100% !important;
}

body.page-id-3888 #contents .waterTableWide .water-table{
  width:100% !important;
}

/* 水処理剤テーブル調整 */
.waterTableNotes th,
.waterTableNotes td{
  vertical-align: middle !important;
}

/* 備考列：本文だけ左寄せ */
.waterTableNotes td:nth-child(4){
  text-align: left !important;
}

/* 備考見出しは中央 */
.waterTableNotes th:nth-child(4){
  text-align: center !important;
}

/* 列幅調整 */
.waterTableNotes th:nth-child(1),
.waterTableNotes td:nth-child(1){
  width: 18% !important;
}

.waterTableNotes th:nth-child(3),
.waterTableNotes td:nth-child(3){
  width: 16% !important;
}

.waterTableNotes th:nth-child(4),
.waterTableNotes td:nth-child(4){
  width: 34% !important;
}

.waterTableNotes th:nth-child(5),
.waterTableNotes td:nth-child(5){
  width: 12% !important;
}

/* 水処理剤テーブル 改行最適化 */
.waterTableNotes{
  table-layout: fixed;
  width:100%;
}

.waterTableNotes td{
  word-break: normal;
  overflow-wrap: break-word;
}

.waterTableNotes td.left{
  text-align:left !important;
}

.waterTableNotes td.center{
  text-align:center !important;
}

.water-table{
  table-layout:fixed;
  width:100%;
}

.water-table th:nth-child(1),
.water-table td:nth-child(1){
  width:18%;
}

.water-table th:nth-child(2),
.water-table td:nth-child(2){
  width:22%;
}

.water-table th:nth-child(3),
.water-table td:nth-child(3){
  width:15%;
}

.water-table th:nth-child(4),
.water-table td:nth-child(4){
  width:30%;
}

.water-table th:nth-child(5),
.water-table td:nth-child(5){
  width:15%;
}

/* TOPテスト（page-id-4183）専用 */
.top-test-page{
  width:100%;
}

.top-test-headline{
  background:#fff !important;
  color:#333 !important;
  border-bottom:1px solid #ddd;
}

.top-test-headline__wrap{
  display:flex;
  justify-content:space-between;
  align-items:flex-end !important;
  gap:20px;
  padding:16px 20px;
}

.top-test-headline__brand{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}

.top-test-headline__logo{
  width:56px;
  height:auto;
  display:block;
}

.top-test-headline__sub{
  font-size:12px;
  line-height:1.4;
  color:#777;
}

.top-test-headline__name{
  font-size:24px;
  line-height:1.2;
  font-weight:700;
  color:#333;
}

.top-test-headline__utility{
  flex:0 0 auto;
  white-space:nowrap;
  margin-left:auto;
  padding-bottom:2px;
}

.top-test-headline__utility .menu{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  align-items:center;
  gap:0 !important;
}

.top-test-headline__utility .menu li{
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
}

.top-test-headline__utility .menu li + li::before{
  content:"";
  display:block;
  width:1px;
  height:16px;
  background:#cfcfcf;
  margin:0 14px;
}

.top-test-headline__utility .menu li a{
  display:block;
  color:#333 !important;
  text-decoration:none;
  font-size:14px;
  line-height:1;
}

.top-test-headline__utility .menu li:last-child a{
  background:#f08a24;
  color:#fff !important;
  font-weight:700;
  padding:10px 16px;
  border-radius:3px;
}

.top-test-nav{
  background:#f3f3f3 !important;
  border-bottom:1px solid #ddd;
}

.top-test-nav__wrap{
  padding:6px 0 !important;
}

.top-test-nav__list{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:14px;
}

.top-test-nav__list li{
  margin:0;
  padding:0;
}

.top-test-nav__list li a{
  display:block;
  padding:6px 0 !important;
  color:#333;
  text-decoration:none;
  font-size:16px;
  line-height:1.2;
}

.top-test-nav__divider{
  color:#999;
  font-size:16px;
  line-height:1;
}

.top-test-kv{
  background-image:url("/wp/wp-content/uploads/2015/11/test_original_2016spring.png");
  background-size:cover;
  background-position:center;
  padding:120px 20px;
  color:#fff;
  margin-bottom:0 !important;
  padding-bottom:120px !important;
}

.top-test-kv__inner{
  max-width:1200px !important;
}

.top-test-kv__inner h1{
  margin:0 0 16px;
  font-size:36px;
}

.top-test-kv__inner p{
  margin:0;
  font-size:18px;
}

.top-test-info{
  background:#fff;
  padding:30px 20px 40px;
  margin-top:-90px !important;
  padding-top:0 !important;
  position:relative;
  z-index:5;
}

.top-test-info__wrap{
  display:flex;
  gap:20px;
}

.top-test-info__box{
  flex:1;
  background:#fff;
  border:1px solid #ddd;
  padding:24px;
  min-height:100px;
  box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

.page-id-4183 header,
.page-id-4183 #pageTit,
.page-id-4183 .topicpath,
.page-id-4183 .breadcrumbs,
.page-id-4183 .pankuzu{
  display:none !important;
}

.page-id-4183 #contents,
.page-id-4183 #contents .inner{
  padding-top:0 !important;
  margin-top:0 !important;
}

.page-id-4183 #contents .inner{
  width:auto !important;
  max-width:none !important;
}

.page-id-4183 .top-test-headline__wrap,
.page-id-4183 .top-test-nav__wrap,
.page-id-4183 .top-test-kv__inner,
.page-id-4183 .top-test-info__wrap{
  width:1200px !important;
  max-width:calc(100% - 40px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

.page-id-4183 .top-test-page{
  position:relative !important;
  left:50% !important;
  right:50% !important;
  width:100vw !important;
  max-width:100vw !important;
  margin-left:-50vw !important;
  margin-right:-50vw !important;
  box-sizing:border-box !important;
}

.page-id-4183 .top-test-headline,
.page-id-4183 .top-test-nav,
.page-id-4183 .top-test-kv,
.page-id-4183 .top-test-info{
  position:static !important;
  left:auto !important;
  right:auto !important;
  width:auto !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}


/* ======================================================
   11．編集補助
   ====================================================== */

/* WPコードエディタ行間 */
.CodeMirror pre{
  line-height:1.3 !important;
}

/* フォントサイズ */
.CodeMirror{
  font-size:13px !important;
}

/* 行の高さ */
.CodeMirror-lines{
  padding-top:4px !important;
  padding-bottom:4px !important;
}

/* ======================================================
  ↓ 2026.3.16以降追加 ↓
====================================================== */


/* ======================================================
   フィルター関連製品：画像左右レイアウト調整
   ====================================================== */

#contents .boxWrap{
  display:flex;
  align-items:flex-start;
  gap:30px;
}

#contents .boxWrap .boxL{
  float:none !important;
  width:auto !important;
  flex:1 1 0 !important;
  max-width:none !important;
}

#contents .boxWrap .boxR{
  float:none !important;
  width:200px !important;
  flex:0 0 200px !important;
  max-width:200px !important;
}

#contents .boxWrap .boxR img{
  display:block;
  width:100%;
  height:auto;
}

/* 画像を左にしたい時だけ */
#contents .boxWrap.img-left{
  flex-direction:row-reverse;
}

/* ======================================================
   水処理剤表：セル余白をコンパクト化
   ====================================================== */

#contents table td,
#contents table th{
  padding:6px 10px !important;
  line-height:1.4;
}

.water-table{
  table-layout: fixed;
  width:100%;
}

/* water-table は colgroup の幅だけを使う */
body.page-id-3888 #contents .water-table{
  width:100% !important;
  table-layout:fixed !important;
}

body.page-id-3888 #contents .water-table th,
body.page-id-3888 #contents .water-table td{
  width:auto !important;
  max-width:none !important;
}

/* ======================================================
   タブメニュー直後の見出し余白調整
   水処理剤と同じルールを全タブページに適用
   ====================================================== */

body:not(.home) #contents nav.w100 + section h2.nml,
body:not(.home) #contents nav.w100 + section h3.nml{
  margin-top:0 !important;
}

/* 電解水生成装置ページの h3 左マージン解除 */
body.page-id-17 #contents h3.nml{
  margin-left:0 !important;
}

.indent1{
  padding-left:1em;
}

.indent2{
  padding-left:2em;
}

.kit-desc{
  margin:0 0 10px;
  padding-left:1.2em;
  list-style:none;
}

.kit-desc li{
  position:relative;
  margin-bottom:6px;
}

.kit-desc li::before{
  content:"●";
  position:absolute;
  left:-1em;
}

.page-id-5 #p04 .accessBlock{
  margin: 0 0 24px 0;
  padding: 0;
  width: auto;
  max-width: 100%;
  float: none;
  clear: both;
}

.page-id-5 #p04 .accessBlock:last-of-type{
  margin-bottom: 0;
}

.page-id-5 #p04 .accessBlock h3{
  margin: 10px 0 8px 0 !important;
}

.page-id-5 #p04 .accessBlock ul{
  margin: 0;
  padding-left: 1.2em;
}

.page-id-5 #p04 .accessBlock li{
  margin: 0 0 8px 0;
}

.page-id-5 #p04 .accessBlock li:last-child{
  margin-bottom: 0;
}

.page-id-5 #p04 h3.nml:before{
  display: none !important;
  content: none !important;
}

body.home #contents .contact .inner{
  padding: 0 !important;
}

body.home #contents section.contact.w100{
  margin: 0 !important;
  padding: 32px 0 !important;
}
.news-single .inner{
  padding-top: 20px;
  padding-bottom: 40px;
}

.news-article .news-meta{
  margin: 0 0 20px 0;
  font-size: 14px;
  color: #666;
}

.news-entry{
  line-height: 1.9;
}

.news-entry img{
  max-width: 100%;
  height: auto;
}

.post-navi{
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
  overflow: hidden;
}

.post-navi .prev{
  float: left;
  width: 48%;
}

.post-navi .next{
  float: right;
  width: 48%;
  text-align: right;
}

/* ======================================================
   Topics一覧ページ
   ====================================================== */

.topics-list .inner{
  padding-top: 10px;
  padding-bottom: 40px;
}

.topics-list ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

.topics-list li{
  border-bottom: 1px solid #ddd;
}

.topics-list li a{
  display: block;
  padding: 10px 0;
  text-decoration: none;
}

.topics-list li a:hover{
  opacity: 0.8;
}

.topics-list .date{
  display: inline-block;
  width: 140px;
  vertical-align: top;
  color: #666;
  font-size: 14px;
}

.topics-list .title{
  display: inline-block;
  width: calc(100% - 150px);
  vertical-align: top;
  color: #222;
}

/* NEW表示 */
.topics-list .new{
  display: inline-block;
  margin-left: 10px;
  padding: 2px 6px;
  font-size: 11px;
  color: #fff;
  background: #d33;
  vertical-align: middle;
}

/* ======================================================
   Topics戻るボタン（最終確定）
   ====================================================== */

.back-to-topics{
  margin: 30px 0 0 0;
  display: flex;
  justify-content: center;
}

.back-to-topics a{
  display: inline-block;
  padding: 10px 22px;
  border: 1px solid #ccc;
  color: #333;
  background: #fff;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;

  text-align: center;
  text-indent: 0 !important;
  line-height: 1.4;

  transition: 0.2s ease;
}

/* ホバー：薄いグレー */
.back-to-topics a:hover{
  background: #f5f5f5;   /* ← 薄いグレー */
  color: #222;
  border-color: #bbb;
  transform: translateY(-1px); /* 控えめに */
}

.post-navi .prev a,
.post-navi .next a{
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.post-navi{
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 40px;
}

.post-navi .prev,
.post-navi .next{
  width: 48%;
}

.post-navi a{
  display: block;
  text-decoration: none;
  color: #333;
  font-weight: bold;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 矢印 */
.post-navi .arrow{
  font-size: 18px;
  margin: 0 6px;
}

/* ホバー */
.post-navi a:hover{
  opacity: 0.7;
}

/* ======================================================
   前後記事ナビ修正版
   ====================================================== */

.post-navi{
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 40px;
}

.post-navi .prev,
.post-navi .next{
  width: 48%;
}

.post-navi a{
  display: block;
  color: #2f7d32;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
}

/* 既存CSSの影響を打ち消して横並び固定 */
.post-navi a .arrow,
.post-navi a .label,
.post-navi a .text{
  display: inline !important;
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  vertical-align: baseline !important;
}

/* ラベル前後の余白 */
.post-navi .arrow{
  margin: 0 4px;
}

.post-navi .label{
  margin-right: 6px;
}

/* ホバー */
.post-navi a:hover{
  color: #1b5e20;
}

/* ======================================================
   記事ページ 小見出し（赤文字ブロックだけ対象）
   ====================================================== */

.single .news-entry p.has-vivid-red-color strong,
.single .news-entry p.has-text-color strong{
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #f00 !important;
  margin: 20px 0 10px 0;
  padding-left: 0px;
  border-left: 14px solid #f90;
}

.single .news-entry p.has-vivid-red-color,
.single .news-entry p.has-text-color{
  color: inherit !important;
}

.flex-container {
  display: flex;       /* 横並びにする */
  align-items: center; /* 上下の中央を揃える */
  gap: 20px;           /* テキストと画像の間の余白 */
}

.text-content {
  flex: 1;             /* テキスト側を広げる */
}

.image-content img {
  max-width: 280px;    /* 画像のサイズはお好みで調整 */
  height: auto;
}

.jnla-info-box {
    border: 1px solid #ccc; /* 枠線の太さと色 */
    padding: 20px;          /* 枠内の余白 */
    margin-top: 30px;       /* 上の文章との間隔 */
    background-color: #f9f9f9; /* 背景色（不要なら削除してください） */
    border-radius: 4px;     /* 角を少し丸くする場合 */
}

/* 枠内の見出しの上の余白を消して微調整 */
.jnla-info-box h3 {
    margin-top: 0;
}

/* お問い合わせ完了ページのみ */
body.page-id-166 #contents p.btn.lv2{
  text-align: center;
}

body.page-id-166 #contents p.btn.lv2 a{
  display: inline-block;
  float: none !important;
}

/* トップページ 新着情報サムネイルを正方形で中央トリミング */
#contents .topics .thumb{
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

#contents .topics .thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}