@charset "utf-8";

/* products_overWrite
-------------------------------------------------------------------------------------------------------- */
#ptBox.idx			{ background-image:url(../images/products/idx/pagetitle_bg.png); }
#ptBox.booth			{ background-image:url(../images/products/clean-booth/pagetitle_bg.png); }
#ptBox.room			{ background-image:url(../images/products/clean-room/pagetitle_bg.png); }
#ptBox.equipment-design		{ background-image:url(../images/products/equipment-design/pagetitle_bg.jpg); }

#ptBox.bench figure			{ max-width:20%; }
#ptBox.ffu figure					{ top:0; }
#ptBox.air-shower figure		{ max-width:20%; }
#ptBox.pass-box figure		{ max-width:25%; }
#ptBox.nitorogen figure		{ max-width:18%; }


/* products_common
-------------------------------------------------------------------------------------------------------- */
.tbl-wrap		{ margin-bottom:4rem; }
.tbl-wrap .note	{ margin:1rem 0; font-size:1.4rem; }
.tbl-01			{ background:#fff; }
.tbl-01 th		{ padding:1.5rem 0 1.4rem; font-size:1.4rem; font-weight:bold; text-align:center; border:#ccc 1px solid; background:#ebf0f7; }
.tbl-01 td		{ padding:1.5rem 0 1.4rem; vertical-align:middle; text-align:center; line-height:1.2; border:#ccc 1px solid; height:8rem; }
.tbl-01 td ul		{ }
.tbl-01 td ul li		{ padding:1.4rem 0 1.4rem; border-bottom:#ccc 1px solid;}
.tbl-01 td ul li:last-child	{ border-bottom:none; padding:1.4rem 0 0;}
.tbl-01 td ul li:nth-child(1)	{ padding:0 0 1.4rem;  }
.tbl-01 td:nth-child(1)	{ padding:0 2rem; text-align:left; font-weight:bold; background:#F7F9FC; }
.tbl-01 td:nth-child(1) span	{ display:block; font-size:1.4rem; }
.tbl-01 .link-pdf	{ padding:0 1rem; }
.tbl-01 .link-pdf.name a	{ font-size:1.6rem; }
.tbl-01 .price	{ padding:1rem 0; }
.tbl-01.sml td		{ height:auto; font-size:1.4rem; }
.tbl-01 td.bgWhTaC	{ text-align:center; font-weight:normal; background:#fff; }


#ptBox.ver2	 .bgBox	{ background:none; }
#ptBox.ver2	 .bgBox .box	{ background-color: rgba(255,255,255,0.8); padding:1rem; display:inline-block;}
#ptBox.ver2	 h2,
#ptBox.ver2	 .ptTit		{ padding:0.4rem 1rem 0 0.4rem;  margin-bottom:0; }
#ptBox.ver2	 .en		{ padding:0 1rem ; margin-bottom:2rem;  }
#ptBox.ver2	 .txt		{ padding:0 0 1rem 1rem;  }


@media screen and (max-width: 768px) {
.tbl-01 th		{ font-size:1.2rem; }
.tbl-01 td		{ font-size:1.4rem;}
.tbl-01 td:nth-child(1)	{ padding:0 1rem;  }
.tbl-01 .link-pdf.name a	{ font-size:1.4rem; }
}
@media screen and (max-width: 480px) {
.tbl-wrap		{ overflow-x:scroll; }
.tbl-wrap .note	{ font-size:1.0rem; }
.tbl-01		{ width:800px; }
.tbl-01 th		{ font-size:1.2rem; }
.tbl-01 td		{ font-size:1.2rem; height:5.5rem; }
.tbl-01 td:nth-child(1) span	{ font-size:1.2rem; }
.tbl-01 .link-pdf.name a	{ font-size:1.2rem; }
.tbl-01.sml td		{ height:auto; font-size:1.2rem; }
}


.pnNav					{ margin:7rem -2rem 9rem; }
.pnNav ul				{ display:flex; justify-content:space-between; }
.pnNav ul li			{ margin:0 1rem; flex:1; }
.pnNav ul li a			{ display:block; padding:2.5rem 0 2.4rem; text-align:center; border-radius:5rem; color:#003E95; border:#003E95 1px solid; background: url(../images/common/ico_ar_bl_btm.png) no-repeat center bottom 1rem; background-size:1.6rem; }
@media screen and (max-width: 480px) {
.pnNav					{ margin:3rem -1rem 0rem; }
.pnNav ul				{ flex-wrap:wrap; }
.pnNav ul li			{ margin:0 0.5rem 1rem; flex:inherit; width:calc(50% - 1.2rem); font-size:1.2rem; }
.pnNav ul li a			{ padding:1.5rem 0 1.4rem; background-position:center bottom 0.5rem; background-size:1.2rem; }
}



.pCont		{ display:flex; margin:6rem 0; }
.pCont .txt		{ font-size:2.0rem; width:68%; }
.pCont .contBtn	{ font-size:1.6rem; width:32%; text-align:center; }
.pCont .contBtn a	{ display:block; padding:2.5rem 0 2.2rem; color:#fff; border-radius:5rem; background:#0070a7; background:linear-gradient(to right, #005B97 0%,#003E95 100%); }
.pCont .contBtn a:before		{ content:""; display:inline-block; margin-right:1rem; width:2.8rem; height:3.2rem; vertical-align:middle; background:url(../images/common/ico_cont_wh.png) no-repeat left center ; background-size:2.8rem;  }
@media screen and (max-width: 970px) {
.pCont		{ display:block; }
.pCont .txt		{ margin-bottom:2rem; width:100%; }
.pCont .contBtn	{ width:50%; }
}
@media screen and (max-width: 480px) {
.pCont .txt		{ font-size:1.6rem; }
.pCont .txt br		{ display:none; }
.pCont .contBtn	{ width:100%; }
.pCont .contBtn a	{ padding:2rem 0 1.7rem; }
}

.btmNav		{}
.btmNav p		{ margin-bottom:4rem; font-size:1.8rem; text-align:center; font-weight:bold; }
.btmNav ul		{ display:flex; }
.btmNav ul li		{ width:100%; margin:0 1rem 1rem; }

.btmNav ul li a	{ display:block; padding:3rem 2rem; color:#003E95; border:#003E95 1px solid; border-radius:10rem; background:url(../images/common/ico_ar_bl.png) no-repeat right 2rem center #fff; background-size:1rem; }
.btmNav ul li a	{ color:#FFFFFF;  border-radius:10rem; background:url(../images/common/ico_ar_wh.png) no-repeat right 2rem center #003E95; background-size:1rem; margin-bottom:1.4rem; }

.btmNav.ex.end			{ margin-bottom:15rem; }
.btmNav.ex ul		{ flex-wrap:wrap; }
.btmNav.ex ul li	{ width:calc(50% - 2rem); margin-bottom:5rem; }
.btmNav.ex ul li span	{ display:block; font-size:1.4rem; padding:0 2rem; }

.btmNav.bl ul li a	{ color:#FFFFFF;  border-radius:10rem; background:url(../images/common/ico_ar_wh.png) no-repeat right 2rem center #003E95; background-size:1rem; margin-bottom:1.4rem; }




@media screen and (max-width: 768px) {
.btmNav ul li		{ width:50%; }
.btmNav ul li a	{ padding:2rem 2rem; font-size:1.6rem; }
}
@media screen and (max-width: 480px) {
.btmNav ul		{ display:block; }
.btmNav ul li		{ width:100%; margin:0 0 1rem; }
.btmNav ul li a	{ padding:1.5rem 2rem; font-size:1.4rem; }
.btmNav.ex ul li	{ width:100%; margin:0 0 3rem; }
.btmNav.ex ul li span	{ font-size:1.2rem; padding:0; }
}


.flex-row2		{ display:flex; flex-wrap:wrap; margin:0 -1rem; }
.flex-row2 > *		{ width:calc(50% - 2rem); margin:0 1rem 1rem; text-align:center; }
.flex-row2 > * figure	{ margin-bottom:3rem; }
.flex-row2 > * .txt		{ font-weight:bold; margin-bottom:2rem; }
@media screen and (max-width: 480px) {
.flex-row2		{ margin:0 -0.5rem; }
.flex-row2 > *		{ width:calc(50% - 1.2rem); margin:0 0.5rem 2rem; }
.flex-row2 > * figure	{ margin-bottom:1rem; }
.flex-row2 > * .txt		{ font-weight:bold; margin-bottom:1rem; }
}

.flexPT			{}
.flexPT .row	{ display:flex; margin:0 -1.5rem 8rem; }
.flexPT .row.rev	{ flex-direction:row-reverse; }
.flexPT .row > *	{ flex:1; margin:0 1.5rem 1rem; }
.flexPT .row .title	{ font-size:2.2rem; font-weight:bold; margin-bottom:2rem; }
@media screen and (max-width: 480px) {
.flexPT .row	{ display:block; margin:0 -1.5rem 4rem; }


}





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

/* catNav */
#catNav			{ margin-top:10rem; border-bottom:#003E95 3px solid; }
#catNav ul		{ display:flex; justify-content:space-around; }
#catNav ul li			{ width:100%; margin:0 1%; text-align:center; font-size:1.8rem; }
#catNav ul li a			{ display:block; padding:3rem 0 2rem; color:#fff; font-weight:bold; background:#809ECA; border-top-left-radius:1rem; border-top-right-radius:1rem; }
#catNav ul li a:hover	{ background-color:#003E95; }
#catNav ul li.act a		{ background-color:#003E95; }
@media screen and (max-width: 768px) {
#catNav ul li			{ font-size:1.4rem; }
#catNav ul li a			{ padding:1.5rem 0 1rem; }
}
@media screen and (max-width: 480px) {
#catNav			{ margin-top:4rem; }
#catNav ul li			{ margin:0 0.5%; font-size:1.2rem; }
}



/* aboutBox */
#aboutBox				{ padding:6rem 0; }
#aboutBox .inner		{ display:flex; flex-direction:row-reverse; }
#aboutBox .txtBox	{ width:100%; margin-left:3%; }
#aboutBox .txtBox h2	{ font-size:3.2rem; margin-bottom:2rem; }
#aboutBox .txtBox p		{ margin-bottom:2rem; }
#aboutBox figure			{ width:100%; }
@media screen and (max-width: 480px) {
#aboutBox				{ padding:3rem 0; }
#aboutBox .inner		{ display:block; }
#aboutBox .txtBox	{ margin:0 0 2rem; }
#aboutBox .txtBox h2	{ font-size:1.8rem; }
}

/* something */
#something					{ position:relative; padding:4rem 0; margin-bottom:10rem; background:#f8f8f8; }
#something:before			{ content:""; position:absolute; bottom:-5rem; left:50%; margin-left:-5rem; width:10rem; height:5rem; background:url(../images/common/ico_ar_gr.png) no-repeat center bottom; }
#something h2			{ font-size:2.8rem; text-align:center; }
#something .something-title { font-weight: bold; text-align: center; font-size: 2.8rem; }
#something .inBox		{ display:flex; flex-wrap: wrap; margin:2rem -1rem; }
#something .inBox p	{ padding:2rem; width:calc(33.33% - 2rem); margin:1rem; border:#dfdfdf 1px solid; background:#fff; border-radius:1rem; display: flex; align-items: center; justify-content: center; font-weight: bold; text-align: center; }
#something .solve		{ font-size:2.8rem; text-align:center; }
@media screen and (max-width: 768px) {
#something .something-title { font-size: 1.8rem; }
#something .inBox		{ margin: 1rem -0.5rem; }
#something .inBox p	{ margin: 0.5rem; padding: 1rem; width:calc(33.33% - 1rem); }
}
@media screen and (max-width: 480px) {
#something				{ padding:2rem 0; margin-bottom:6rem; background:#f8f8f8; }
#something:before			{ bottom:-3rem; left:50%; margin-left:-3rem; width:6rem; height:3rem; }
#something h2			{ font-size:2.0rem; }
#something .inBox		{ display: block; margin: 1rem 0; }
#something .inBox p	{ margin: 0.5rem 0; width:100%; }
#something .solve		{ font-size:1.8rem; }
}


/* featureBox */
#featureBox		{}
#featureBox .lead			{ margin-bottom:8rem; text-align:center; }
#featureBox .seriesTitle		{ padding:15rem 0; margin-bottom:6rem; background:url(../images/products/common/feature_series_bg.png) no-repeat center center; background-size:1400px; }
#featureBox .seriesTitle h3		{ margin-left:6%; font-size:2.8rem;}
#featureBox .seriesTitle h3 span	{ font-weight:bold; background:url(../images/products/common/tit_marker_bg.png) repeat-x center bottom; }
#featureBox .seriesTitle figure		{ position:absolute; top:-15rem; right:6%; max-width:30%; }
#featureBox .pointList					{ display:flex; flex-wrap:wrap; }
#featureBox .pointList li				{ width:50%; padding-bottom:5rem; margin-bottom:4rem; border-bottom:#eee 1px solid; }
#featureBox .pointList li:nth-child(odd)	{ padding-right:1.5rem;  }
#featureBox .pointList li:nth-child(even)	{ padding-left:1.5rem;  }
#featureBox .pointList li h4			{ margin-bottom:2rem; font-size:2.4rem; font-weight:bold; line-height:1.2; }
#featureBox .pointList li h4 span	{ display:block; color:#003E95; font-size:2.2rem; font-weight:700; font-family: 'Oswald', sans-serif; }
#featureBox .pointList li figure		{ float:left; padding:0.4rem 2rem 1rem 0; max-width:12rem; }
#featureBox .pointList li p			{}
#featureBox .typeBox					{ margin-bottom:8rem; }
#featureBox .typeBox .inner		{ display:flex; }
#featureBox .typeBox figure		{ margin-right:4rem; }
#featureBox .typeBox .txtBox		{}
#featureBox .typeBox .txtBox h3	{ display:inline-block; margin-bottom:2rem; font-size:3.8rem; font-weight:bold; background:url(../images/products/common/tit_marker_bg.png) repeat-x center bottom 0.7rem; }
#featureBox .typeBox .txtBox ul		{}
#featureBox .typeBox .txtBox ul li	{ padding-left:1em; margin:0.6rem 0; text-indent:-1em; font-weight:bold; }
#featureBox .typeBox .txtBox ul li:before	{ content:"●"; margin-right:0.5rem; }
#featureBox .typeList					{ margin-bottom:10rem; }
#featureBox .typeList li				{ display:flex; padding:3rem 0; border-bottom:#ccc 1px solid; }
#featureBox .typeList li figure		{ width:16rem; padding-right:2rem; }
#featureBox .typeList li .inBox	{ width:100%; }
#featureBox .typeList li .inBox .title	{ font-size:2.4rem; font-weight:bold; margin-bottom:2rem; }
#featureBox .typeList li .inBox .txt	{}
#featureBox .typeList2				{ display:flex; margin:0 -1.5rem 5rem; }
#featureBox .typeList2 li				{ flex:1; display:inline-flex; padding:3rem 0; margin:0 1.5rem; border-top:#eee 1px solid; }
#featureBox .typeList2 li figure	{ flex:1; margin-right:2rem; }
#featureBox .typeList2 li .txtBox	{ flex:1.5; }
#featureBox .typeList2 li .title		{ margin-bottom:1rem; font-size:2.0rem; font-weight:bold; line-height:1.3; }
@media screen and (max-width: 480px) {
#featureBox .lead			{ margin-bottom:4rem; text-align:left; }
#featureBox .seriesTitle		{ padding:3rem 0; margin-bottom:4rem; }
#featureBox .seriesTitle h3		{ font-size:2.0rem; }
#featureBox .seriesTitle h3 span br		{ display:none; }
#featureBox .seriesTitle figure		{ display:none; }
#featureBox .pointList					{ display:block; }
#featureBox .pointList li				{ width:100%; padding-bottom:1rem; margin-bottom:2rem; }
#featureBox .pointList li:nth-child(odd)	{ padding-right:0;  }
#featureBox .pointList li:nth-child(even)	{ padding-left:0;  }
#featureBox .pointList li h4			{ margin-bottom:1rem; font-size:1.6rem; }
#featureBox .pointList li h4 span	{ font-size:1.4rem; }
#featureBox .pointList li figure		{ padding:0.4rem 2rem 1rem 0; max-width:10rem; }
#featureBox .typeBox					{ margin-bottom:4rem; }
#featureBox .typeBox .inner		{ display:block; }
#featureBox .typeBox figure		{ margin-right:0; }
#featureBox .typeBox .txtBox h3	{ margin-bottom:2rem; font-size:2.2rem; }
#featureBox .typeList					{ margin-bottom:6rem; }
#featureBox .typeList li				{ padding:2rem 0; }
#featureBox .typeList li figure		{ width:12rem; padding-right:2rem; }
#featureBox .typeList li .inBox	{ width:100%; }
#featureBox .typeList li .inBox .title	{ font-size:1.6rem; margin-bottom:1rem; }
#featureBox .typeList li .inBox .title br	{ display:none; }
#featureBox .typeList li .inBox .txt	{ font-size:1.2rem; }
#featureBox .typeList2				{ display:block; }
#featureBox .typeList2 li				{ padding:2rem 0; }
#featureBox .typeList2 li figure	{ margin-right:1rem; }
#featureBox .typeList2 li .title		{ font-size:1.6rem; }

}

/* specBox */
#specBox		{ padding-bottom:15rem; }
#specBox .ttl-pSect		{ padding-top:8rem; }
@media screen and (max-width: 480px) {
#specBox		{ padding-bottom:10rem; }
}


/* useBox */
.useBox		{ margin-top:4rem; padding:3rem 2rem; background:#fff; border-radius:1rem; }
.useBox h3		{ font-size:2.2rem; font-weight:bold; margin-bottom:2rem; }
.useBox ul		{}
.useBox ul li		{ display:inline-block; margin-right:1rem; }
@media screen and (max-width: 480px) {
.useBox		{ padding:1.5rem 1rem; }
.useBox h3		{ font-size:1.8rem; margin-bottom:1rem; }
.useBox ul li		{ font-size:1.2rem; }
}


/* movie */
#movie								{ padding:7rem 0; }
#movie .link-btn					{ max-width:20rem; margin:4rem auto; }
#movie .movieWrap					{ display:flex; flex-wrap:wrap; margin:0 -1.5rem; }
#movie .movieWrap li				{ margin:0 1.5rem 5rem; width:calc(33.33% - 3rem); }
#movie .movieWrap li a				{ display:block; text-align:center; }
#movie .movieWrap li a figure		{ display:block; margin-bottom:1.5rem; }
#movie .movieWrap li a p			{ display:inline-block; font-weight:bold; padding-right:2rem; background:url(../images/common/ico_blk.png) no-repeat right center; background-size:1.6rem; }
/* movieBox(埋め込み) */
#movieBox							{ text-align: center;}
#movieBox .movieWrap				{ margin: 0 auto;}

@media screen and (max-width: 480px) {
#movie						{ padding:3rem 0; }
#movie .link-btn			{ margin:2rem auto; }
.movieWrap					{ display:flex; flex-wrap:wrap; margin:0 -1.0rem; }
.movieWrap li				{ margin:0 1.0rem 3rem; width:calc(50% - 2rem); }
.movieWrap li a				{ text-align:left; }
.movieWrap li a figure		{ margin-bottom:0.5rem; }
.movieWrap li a p			{ padding-right:1.8rem; background-position:right top 0.5rem; background-size:1.4rem; line-height:1.4; }
/* movieBox(埋め込み) */

}


/* idx
-------------------------------------------------------------------------------------------------------- */
.idxLead	{ margin-top:7rem; }
.idxPListWrap	{ display:flex; flex-wrap:wrap; margin:0 -1.5rem; }
.idxPList	{ width:calc(33.33% - 3rem); margin:0 1.5rem 8rem; }
.idxPList figure		{ border:#ccc 1px solid; }
.idxPList dl dt		{ padding:2rem 0 1.5rem; text-align:center; font-size:2.0rem; font-weight:bold; }
.idxPList dl dt a:after	{ content:""; display:inline-block; margin-left:0.5rem; width:1.6rem; height:1.6rem; background:url(../images/common/ico_ar02_bl.png) no-repeat center center; background-size:contain;  }
@media screen and (max-width: 480px) {
.idxLead	{ margin-top:4rem; }
.idxPListWrap	{ display:block; margin:0; }
.idxPList	{ display:flex; width:100%; margin:0; padding:1rem 0; border-bottom:#ccc 1px solid; }
.idxPList figure		{ flex:1; border:none; }
.idxPList dl		{ flex:2; }
.idxPList dl dt		{ padding:1rem 0 0.5rem; text-align:left; font-size:1.5rem; }
.idxPList dl dt a:after	{ width:1.4rem; height:1.4rem; }
}



#idxPNav					{ margin:7rem 0 15rem; }
#idxPNav .idxPList:nth-child(-n+2)	{ width:calc(50% - 3rem); }
#idxPNav .idxPList:nth-child(-n+2) figure	{ border:none; }
#idxPNav .idxPList dl dd .description			{ position:relative; padding:3rem 2rem; margin-top:3rem; background:#fff; border:#003e95 1px solid; border-radius:1rem; }
#idxPNav .idxPList dl dd .description:before	{ content:""; position:absolute; top:-5.2rem; left:50%; margin-left:-2.6rem; border:26px solid transparent; border-bottom:#fff 26px solid; z-index:2; }
#idxPNav .idxPList dl dd .description:after		{ content:""; position:absolute; top:-5.6rem; left:50%; margin-left:-2.8rem; border:28px solid transparent; border-bottom:#003e95 28px solid; z-index:1;}
#idxPNav .idxPList dl dd .description p		{ height:10rem; font-size:1.5rem; }
#idxPNav .idxPList dl dd .description ul		{ display:flex; flex-wrap:wrap; }
#idxPNav .idxPList dl dd .description ul li	{ margin:0 0.5rem 1rem; padding:1rem 0; width:calc(50% - 1rem); font-size:1.5rem; text-align:center; font-weight:bold; color:#003E95; border:#003E95 1px solid; white-space:nowrap; }
@media screen and (max-width: 800px) {
#idxPNav .idxPList dl dd .description			{ padding:1.5rem 1rem; }
#idxPNav .idxPList dl dd .description p		{ font-size:1.4rem; }
#idxPNav .idxPList dl dd .description ul li	{ font-size:1.4rem; }
}
@media screen and (max-width: 480px) {
#idxPNav					{ margin:4rem 0 10rem; }
#idxPNav .idxPList:nth-child(-n+2)	{ display:block; width:100%; padding:1rem 0 3rem; }
#idxPNav .idxPList dl dd .description			{ padding:1rem; margin-top:0; }
#idxPNav .idxPList dl dd .description:before	{ display:none; }
#idxPNav .idxPList dl dd .description:after		{ display:none; }
#idxPNav .idxPList dl dd .description p		{ height:auto; font-size:1.4rem; margin-bottom:1rem; }
#idxPNav .idxPList dl dd .description ul		{ display:block; }
#idxPNav .idxPList dl dd .description ul li	{ margin:0 0 0.5rem; padding:0.5rem 0; width:100%; font-size:1.3rem; }
}

/* idx_view
-------------------------------------------------------------------------------------------------------- */
#viewWrap		{ padding:7rem 0 15rem; }
#viewWrap div		{ margin:0 auto 15rem; text-align:center; position:relative; max-width:84rem; }
#viewWrap .view01 .p01	{ position:absolute; top:0; left:0; }
#viewWrap .view01 .p02	{ position:absolute; bottom:0; left:0; width:50%; }
#viewWrap .view01 .p03	{ position:absolute; bottom:0; right:0; width:50%; }
#viewWrap .view02 .p01	{ position:absolute; top:0; left:0; }
#viewWrap .view02 .p02	{ position:absolute; bottom:0; left:0; width:60.2%; }
#viewWrap .view02 .p03	{ position:absolute; bottom:0; right:0; width:39.7%; }
#viewWrap .view03 .p01	{ position:absolute; top:0; left:0; }
@media screen and (max-width: 480px) {
#viewWrap		{ padding:4rem 0 10rem; }
#viewWrap div		{ margin:0 auto 5rem; }
}


/* idx-feature 210116
-------------------------------------------------------------------------------------------------------- */
.idx-feature { border: #c5c5c5 1px solid; padding: 3rem; display: flex; justify-content: space-between; position: relative; min-height: 60rem; margin-bottom: 4rem; }
.idx-feature-image { width: 45%; }
.idx-feature-text { width: 52%; }
.idx-feature-title { font-size: 2.2rem; font-weight: bold; }
.idx-feature-title strong { color: #003e95; display: block; font-size: 3rem; }
.idx-feature-ex   { margin-top: 2rem; }
.idx-feature-list { display: flex; flex-wrap: wrap; }
.idx-feature-list dt { color: #003e95; width: 7rem; font-weight: bold; margin-top: 2rem; }
.idx-feature-list dd { width: calc(100% - 7rem); margin-top: 2rem; }
.idx-feature-btn   { position: absolute; bottom: 3rem; left: 3rem; }
.idx-feature-btn a { display: flex; align-items: center; height: 8rem; width: 38rem; background: url(../images/common/ico_ar_wh.png) no-repeat #003E95 right 4rem center / 1rem; line-height: 1.6; color: #fff; font-weight: bold; border-radius: 10rem; padding: 0 4rem; }
@media screen and (max-width: 768px) {
.idx-feature { padding: 2rem; min-height: inherit; }
.idx-feature-image { width: 32%; }
.idx-feature-text { width: 65%; font-size: 1.4rem; padding-bottom: 8rem; }
.idx-feature-btn   { bottom: 2rem; left: 36%; }
.idx-feature-btn a { font-size: 1.4rem; height: 6rem; width: 28rem;  background-position: right 2rem center; padding: 0 2rem; }
}
@media screen and (max-width: 480px) {
.idx-feature { display: block; margin-bottom: 2rem; padding: 1.5rem; }
.idx-feature-image { width: 100%; }
.idx-feature-text { width: 100%; font-size: 1.2rem; }
.idx-feature-title { font-size: 1.6rem; }
.idx-feature-title strong { font-size: 1.8rem; line-height: 1.2; }
.idx-feature-ex   { margin-top: 1rem; }
.idx-feature-list { display: block; }
.idx-feature-list dt { width: 100%; margin-top: 1rem; }
.idx-feature-list dd { width: 100%; margin-top: 0.5rem; }


.idx-feature-btn   { bottom: 2rem; left: 2rem; }
.idx-feature-btn a { height: 6rem; width: 26rem; font-size: 1.2rem; }
}


/* idxUse 210116
-------------------------------------------------------------------------------------------------------- */
.idxUse { background-color: #f8f8f8; padding: 3rem 0 10rem; margin-top: 10rem; }
.idxUse .inner { max-width: 80rem; }
.idxUse-ex {}
.idxUse-subtitle { font-weight: bold; text-align: center; margin-top: 4rem; }
.idxUse-table { margin-top: 1rem; border: #c5c5c5 1px solid; background-color: #fff; }
.idxUse-table th { border: #c5c5c5 1px solid;  background-color: #003e95; color: #fff; font-weight: bold; padding: 1rem; }
.idxUse-table td { padding: 1rem; border: #c5c5c5 1px solid; }
@media screen and (max-width: 480px) {
.idxUse { padding: 1rem 0 5rem; margin-top: 5rem; }

}



/* idxCase 210116
-------------------------------------------------------------------------------------------------------- */
.idxCase { padding: 10rem 0; }
.idxCase-wrap { display: flex; flex-wrap: wrap; margin: 0 -1rem; }
.idxCase-item { width: calc(33.33% - 2rem); margin: 3rem 1rem 0; }
.idxCase-item a { display: block; }
.idxCase-item-image { }
.idxCase-item-tag    { font-size: 1.2rem; }
.idxCase-item-tag li { display: inline-block; background-color: #ddd; padding: 0.2rem 1rem; font-weight: bold; margin: 0.5rem 0.5rem 0 0; border-radius: 0.4rem; }
.idxCase-btn { width: 100%; max-width: 38rem; margin: 10rem auto; }
.idxCase-btn a { display: block; padding: 2.5rem 0; color: #fff; background-color: #003e95; border-radius: 10rem; font-weight: bold; text-align: center; }

@media screen and (max-width: 480px) {
.idxCase { padding: 5rem 0; }
.idxCase-wrap { margin: 0 -0.5rem; }
.idxCase-item { width: calc(50% - 1rem); margin: 2rem 0.5rem 0; }
.idxCase-item-tag    { font-size: 1.0rem; }


.idxCase-btn { padding: 0 2.5rem; margin: 3rem auto; }
.idxCase-btn a { padding: 1.5rem 0; }
}





/* idxFaq 210116
-------------------------------------------------------------------------------------------------------- */
.idxFaq { margin-bottom: 20rem; }
.idxFaq .inner { max-width: 80rem; }
.idxFaq .faqList { border-top: #ccc 1px solid; }
.idxFaq .faqList dt { position: relative; padding-right: 1em; cursor: pointer; }
.idxFaq .faqList dt::after { content: ""; display: inline-block; width: 2rem; height: 1rem; position: absolute; right: 0; top: 1em; background: url(../images/common/ico_ar_bl_btm.png) no-repeat right center / contain; }
.idxFaq .faqList dt.is-open::after { transform: rotate(180deg); }
.idxFaq-btn { width: 100%; max-width: 38rem; margin: 3rem auto; }
.idxFaq-btn a { display: block; padding: 2.5rem 0; color: #fff; background-color: #003e95; border-radius: 10rem; font-weight: bold; text-align: center; }

@media screen and (max-width: 480px) {
.idxFaq-btn { padding: 0 2.5rem; }
.idxFaq-btn a { padding: 1.5rem 0; }
}







/* booth-tbub
-------------------------------------------------------------------------------------------------------- */
.link-pdf.tbub	{ max-width:40rem; }


/* room_idx
-------------------------------------------------------------------------------------------------------- */
.btmNav.roomIdx	{ padding:6rem 0 1rem; }




/* room_about
-------------------------------------------------------------------------------------------------------- */
.roomAbout02			{}
.roomAbout02 .lead			{ padding-bottom:4rem; border-bottom:#ccc 1px solid; }
.roomAbout02 dl					{ display:flex; border-bottom:#ccc 1px solid; }
.roomAbout02 dl dt				{ padding:2rem; width:24rem; font-weight:bold; }
.roomAbout02 dl dd			{ padding:2rem; width:100%; }
.roomAbout02 dl dd span	{ margin-right:6rem; }
.roomAbout02 .link-pdf		{ max-width:20rem; }
.roomAbout02 ol					{ }
.roomAbout02 ol li				{ display:flex; margin:6rem 0; }
.roomAbout02 ol li .txtBox	{ flex:4; margin-right:4rem; }
.roomAbout02 ol li .txtBox h3	{ margin-bottom:2rem; font-weight:bold; color:#003E95; }
.roomAbout02 ol li .txtBox p	{}
.roomAbout03		{}
.roomAbout03 .row					{ display:flex; margin-bottom:10rem; }
.roomAbout03 .row .txtBox		{ flex:2; }
.roomAbout03 .row .txtBox h3	{ margin-bottom:2rem; font-weight:bold; color:#003E95; }
.roomAbout03 .row .txtBox p		{}
.roomAbout03 .row .txtBox ul		{}
.roomAbout03 .row .txtBox li		{ padding-left:1em; text-indent:-1em; margin-bottom:2rem; }
.roomAbout03 .row .txtBox .link-pdf	{ max-width:20rem;}
.roomAbout03 .row figure		{ flex:1; margin-left:4rem; }
.roomAbout04 h3		{ margin:6rem 0 2rem; font-size:1.8rem; font-weight:bold; color:#003E95; }
@media screen and (max-width: 480px) {
.roomAbout02 dl					{ display:block; }
.roomAbout02 dl dt				{ padding:1rem 0; width:auto; }
.roomAbout02 dl dd			{ padding:0 0 1rem ; width:100%; }
.roomAbout02 dl dd span	{ margin-right:0rem; }
.roomAbout02 ol li				{ display:block; margin:3rem 0 0; border-bottom:#ccc 1px dotted; }
.roomAbout02 ol li .txtBox	{ flex:inherit; margin-right:0; }
.roomAbout02 ol li .link-pdf		{ flex:inherit; margin-top:2rem; padding-bottom:3rem;  }
.roomAbout03 .row					{ display:block; margin-bottom:4rem; }
.roomAbout03 .row .txtBox		{ flex:inherit; margin-bottom:1rem; }
.roomAbout03 .row .txtBox h3	{ margin-bottom:2rem; font-weight:bold; color:#003E95; }
.roomAbout03 .row figure		{ flex:inherit; margin-left:0; padding:0 3rem; }
}


/* room_room
-------------------------------------------------------------------------------------------------------- */
#acu				{ padding:6rem 0; }
#acu .inner		{ display:flex;  }
#acu .txtBox	{ width:100%; margin-left:3%; }
#acu .txtBox .title	{ font-size:3.2rem; margin-bottom:2rem; }
#acu .txtBox p		{ margin-bottom:2rem; }
#acu figure			{ width:80%; }
@media screen and (max-width: 480px) {
#acu				{ padding:3rem 0; }
#acu .inner		{ display:block; }
#acu .txtBox	{ margin:0 0 2rem; }
#acu .txtBox .title	{ font-size:1.8rem; }
#acu figure			{ width:100%; }
}





/* ffu-nsf
-------------------------------------------------------------------------------------------------------- */
.nsf-products						{ padding:10rem 0 15rem; }
.sectBox .link-pdf		{ max-width:20rem; margin:0 auto 4rem;}
.nsf-products .row				{ display:flex; margin-bottom:5rem; }
.nsf-products .row .lBox		{ width:31%; margin-right:4%; }
.nsf-products .row .lBox figure		{}
.nsf-products .row .lBox .title			{ margin:2rem 0; font-size:2.2rem; font-weight:bold; }
.nsf-products .row .lBox .link-pdf	{ max-width:20rem; }
.nsf-products .row .tbl-wrap		{ width:65%; }
.nsf-products .row .tbl-wrap		{}
@media screen and (max-width: 480px) {
.nsf-products						{ padding:0 0 8rem; }
.nsf-products .row				{ display:block; margin-bottom:5rem; }
.nsf-products .row .lBox		{ width:100%; margin-right:0; }
.nsf-products .row .lBox figure		{ padding:0 3rem; }
.nsf-products .row .lBox .title			{ margin:1rem 0; font-size:1.8rem; }
.nsf-products .row .lBox .link-pdf	{ margin-bottom:2rem; }
.nsf-products .row .tbl-wrap		{ width:100%; }

}

/* air-shower-standard
-------------------------------------------------------------------------------------------------------- */
.air-shower-select		{}
.air-shower-select .row		{ display:flex; padding:3rem 0; border-bottom:#ccc 1px solid; }
.air-shower-select .row	 .lBox			{ width:36%; margin-right:4%; }
.air-shower-select .row	 .lBox .title	{ margin-bottom:3rem; color:#003E95; font-size:2.0rem; font-weight:bold; }
.air-shower-select .row	 figure			{ width:60%; }
@media screen and (max-width: 480px) {
.air-shower-select .row		{ display:block; }
.air-shower-select .row	 .lBox			{ width:100%; margin-right:0; }
.air-shower-select .row	 .lBox .title	{ margin-bottom:1rem; font-size:1.6rem; }
.air-shower-select .row	 figure			{ width:100%; }
}



/* equipment-design
-------------------------------------------------------------------------------------------------------- */
.equipment-design-device		{}
.equipment-design-device .inBox		{ display:flex; }
.equipment-design-device .inBox figure	{}
.equipment-design-device .inBox .txtBox	{ margin-left:4rem; }
.equipment-design-device .inBox .txtBox .title	{ margin-top:3rem; font-size:2.2rem; font-weight:bold; }
.equipment-design-device .inBox .txtBox ul		{}
.equipment-design-device .inBox .txtBox ul li		{ margin:1rem 0; }
.equipment-design-device .inBox .txtBox ul li span		{ display:inline-block; width:15em; vertical-align:baseline; }
.equipment-design-iso		{}
.equipment-design-iso .row		{ display:flex; }
.equipment-design-iso .row .txtBox		{ flex:3; margin-right:4rem; }
.equipment-design-iso .row .txtBox .title	{ margin-bottom:2rem; font-size:2.2rem; font-weight:bold; }
.equipment-design-iso .row .txtBox p		{}
.equipment-design-iso .row figure		{ flex:1; }
@media screen and (max-width: 480px) {
.equipment-design-device .inBox		{ display:block; margin-bottom:4rem; }
.equipment-design-device .inBox .txtBox	{ margin-left:0; }
.equipment-design-device .inBox .txtBox .title	{ margin-top:1rem; font-size:1.8rem; }
.equipment-design-device .inBox .txtBox ul li		{ margin:0.5rem 0; }
.equipment-design-iso .row		{ display:block; }
.equipment-design-iso .row .txtBox		{ margin-right:0; }
.equipment-design-iso .row .txtBox .title	{ margin-bottom:1rem; font-size:1.8rem; }
.equipment-design-iso .row figure		{ padding:1rem 10rem 0 0; }


}

/* maintenance
-------------------------------------------------------------------------------------------------------- */
.mainte-lead	{ margin:0 0 8rem; }
.maintenance		{}
.maintenance .row					{ display:flex; margin-bottom:2rem; padding-bottom:2rem; border-bottom:#e5e5e5 1px solid;}
.maintenance .row .txtBox		{ flex:2; }
.maintenance .row .txtBox h3	{ margin-bottom:2rem; font-weight:bold; color:#003E95; }
.maintenance .row .txtBox p		{}
.maintenance .row .txtBox ul		{}
.maintenance .row .txtBox li		{ padding-left:1em; text-indent:-1em; margin-bottom:2rem; }
.maintenance .row .txtBox .link-pdf	{ max-width:20rem;}
.maintenance .row figure		{ flex:1; margin-left:4rem; text-align:right; }

@media screen and (max-width: 480px) {
.mainte-lead	{ margin:0 0 4rem; }
.maintenance .row figure		{ flex:1; margin-left:1rem; text-align:right; }
.maintenance .flexPT .row .title	{ font-size:1.5rem; font-weight:bold; margin-bottom:2rem; }
}





/* faq
-------------------------------------------------------------------------------------------------------- */
#faqNav		{}

.faqList				{ margin-bottom:10rem; }
.faqList:last-child			{ margin-bottom:20rem; }
.faqList	 .faqTitle	{ padding-bottom:2rem; color:#003E95; font-size:2.4rem; font-weight:bold; border-bottom:#003E95 2px solid; }
.faqList dl			{ border-bottom:#ccc 1px solid; }
.faqList dl dt		{ padding:0.5rem 0 2.0rem 6rem; margin-top:4rem; color:#003E95; font-size:2.2rem; font-weight:bold; background:url(../images/products/faq/ico_q.png) no-repeat left top; background-size:4.4rem; }
.faqList dl dd		{ padding:0.7rem 0 4rem 6rem; background:url(../images/products/faq/ico_a.png) no-repeat left top; background-size:4.4rem; }
@media screen and (max-width: 480px) {
.faqList				{ margin:6rem 0 0; }
.faqList:last-child			{ margin-bottom:10rem; }
.faqList	 .faqTitle	{ padding-bottom:1rem; font-size:1.8rem; }
.faqList dl dt		{ padding:0 0 1.0rem 4rem; margin-top:2rem; font-size:1.4rem; background-size:3.0rem; line-height:1.4; }
.faqList dl dd		{ padding:0.2rem 0 2rem 4rem; font-size:1.2rem; background-size:3.0rem; line-height:1.4; }


}



/* 2021 add
-------------------------------------------------------------------------------------------------------- */
.air-shower-other .idxPList dt { margin-left: 1rem; font-size: 1.4rem;}
@media screen and (min-width: 768px) {
.air-shower-other .idxPList dt { margin-left: 0; font-size: 2rem;}
}


.tbub-pdf-row .link-pdf.tbub + .link-pdf.tbub { margin-top: 2rem;}
@media screen and (min-width: 768px) {
.tbub-pdf-row { display: flex;}
.tbub-pdf-row .link-pdf.tbub { width: calc(100% / 2);}
.tbub-pdf-row .link-pdf.tbub + .link-pdf.tbub { margin-left: 2rem; margin-top: 0;}
}

.sectBox .link-pdf.catNav-pdf { margin-bottom: 0;}


/* precision-cooler */
.movie-box { text-align: center; margin-bottom: 5rem;}
.precision-cooler .row { text-align: center; padding: 3rem 0; border-bottom: #ccc 1px solid;}
.precision-cooler .row .cooler-name { text-align: left; font-size: 1.6rem; font-weight: bold;}
.precision-cooler .tbl-01 td:nth-child(1) { padding: 0 2rem; text-align: left; font-weight: bold; background: #fff;}
.precision-cooler .wrap-title { font-weight: bold; font-size: 1.8rem; margin-bottom: 3rem;}
.precision-cooler .pointList h4 { margin-bottom: 2rem; font-size: 2.4rem; font-weight: bold; line-height: 1.2;}
.precision-cooler .pointList li h4 span { display: block; color: #003E95; font-size: 2.2rem; font-weight: 700; font-family: 'Oswald', sans-serif;
}
.precision-cooler .pointList li { margin-top: 5rem;}
.btmNav ul .link-btn { margin: 5rem auto;}

.precision-cooler.sectBox { padding: 8rem 0 5rem;}


@media screen and (min-width: 768px) {
.precision-cooler .row { display: flex; align-items: center;}
.precision-cooler .row .lBox { width: 20%; margin-right: 4%;}
.precision-cooler .row .cooler-name { font-size: 2.0rem;}
.btmNav ul .link-btn { width: 30%; margin: 10rem auto;}
}


/* 2022 add
-------------------------------------------------------------------------------------------------------- */
.btn-lg-arrow a { color: #FFFFFF; border-radius: 10rem; background: url(../images/common/ico_ar_wh.png) no-repeat right 2rem center #003E95; background-size: 1rem; margin-bottom: 1.4rem; display: block; padding: 1.5rem 1rem; border: #003E95 1px solid;}
.btn-lg-arrow a:hover { opacity: 0.7;}
.btn-lg-arrow { width: 50%; margin: 0 auto; min-width: 30rem; max-width: 36rem;}
.roomlinkBox-txt { margin: 3rem 0;}
.roomlinkBox-txt p { font-size: 1.6rem; font-weight: 700; color: #003E95; text-align: center;}
.roomlinkBox { margin: 3rem 0 0;}
.pic-linetype { margin: 2rem 0;}

@media screen and (min-width: 768px) {
.btn-lg-arrow a { padding: 3rem 2rem;}
.roomlinkBox-txt { margin: 6rem 0;}
.roomlinkBox-txt p { font-size: 2rem;}
.roomlinkBox { margin: 6rem 0 0;}
.pic-linetype { margin: 6rem 0;}
}

/* クリーンルームについてはみ出し修正 */
.page-room-about .tbl-01 { overflow: scroll;}
.page-room-about .pnNav { margin: 3rem 0rem 0rem;}

/* 注意書きについて追加 */
.p-note { margin: 1rem 0; font-size: 1.2rem;}



/* 231120 add */
#aboutBox .inner.l-inner { flex-direction: column;}
.cleanroom-detail img { margin: 0 auto; display: block;}
.cleanroom-detail-info { max-width: 82rem; margin: 2rem auto;}
.cleanroom-detail-info-list { display: flex; flex-wrap: wrap; gap: 2rem;}
.cleanroom-detail-info-list-item { width: 100%; color: #fff; background-color: #003E95; padding: 1rem 2rem;}
.cleanroom-detail-info-list-item .link-item { color: #fff; padding: 1rem 2rem; display: block;}
.cleanroom-detail-info-list-item .item-num { margin-right: 1.5rem; font-family: 'Oswald', sans-serif; font-weight: bold; font-size: 1.6rem;}
.cleanroom-detail-info-list-item .item-name { font-weight: bold; font-size: 1.4rem;}
.lead._txtl { text-align: left !important; }
#featureBox.cleanroom-add { margin-bottom: 5rem;}

@media screen and (min-width: 768px) {
.cleanroom-detail-info-list-item { width: calc((100% - 4rem) / 3);}
#featureBox.cleanroom-add { margin-bottom: 10rem;}
}

#test-page .cleanroom-detail-info-list-item { padding: 0;}

.modal-content { display:none;}
.modaal-content-container { display: flex; justify-content: center;}
.modaal-close:focus:after, .modaal-close:focus:before, .modaal-close:hover:after, .modaal-close:hover:before { background: #003E95 !important;}

.page-room-about .cleanroom-detail-info-list-item { padding: 0;}