@charset "utf-8";
/* CSS Document */

#product .visual{ background-image:url(/product/insulation/img/title_bg.jpg); }

/* PC */
._pc #product.index #tab{ padding-bottom:0; }
._pc #product.index{}
._pc #product.index #tab ul li:nth-child(2) a{ background:#F0F0F0 url(/product/img/nav_arr_on.png) no-repeat right center; }
._pc #product.index #s_01{ padding:30px 0 90px; }
._pc #product.index #s_01 h4{ font-size:28px; font-size:2.8rem; line-height:1.4; font-weight:bold; text-align:center; margin-bottom:30px; }
._pc #product.index #s_01 .text{ font-size:16px; font-size:1.6rem; line-height:1.85; text-align:center; margin-bottom:100px; }
._pc #product.index #s_01 article>ul{ display:table; width:850px; border-collapse:separate; border-spacing:5px; margin:-5px auto 30px; position:relative; }
._pc #product.index #s_01 article>ul:before{ content:" "; background:url(/product/insulation/img/01_icon.png); display:block; width:121px; height:93px; position:absolute; top:-67px; left:379px; z-index:2; }
._pc #product.index #s_01 article>ul>li{ display:table-row; }
._pc #product.index #s_01 article>ul>li>*{ display:table-cell; vertical-align:top; }
._pc #product.index #s_01 article>ul>li p.p1{ width:95px; height:85px; font-size:0; line-height:0; text-indent:-9999px; }
._pc #product.index #s_01 article>ul>li:nth-child(1) p.p1{ background:#E72510 url(/product/insulation/img/p_01_ttl.gif) no-repeat center; }
._pc #product.index #s_01 article>ul>li:nth-child(2) p.p1{ background:#E72510 url(/product/insulation/img/p_02_ttl.gif) no-repeat center; }
._pc #product.index #s_01 article>ul>li:nth-child(3) p.p1{ background:#E72510 url(/product/insulation/img/p_03_ttl.gif) no-repeat center; }
._pc #product.index #s_01 article>ul>li>ul{ position:relative; color:#FFFFFF; }
/* ._pc #product.index #s_01 article>ul>li>ul:before{ position:absolute; top:0; bottom:0; left:0; right:0; content:" "; font-size:0; line-height:0; background:rgba(110,136,130,0.3); } */
._pc #product.index #s_01 article>ul>li:nth-child(1)>ul{ background:url(/product/insulation/img/p_01_bg.jpg) no-repeat left center; }
._pc #product.index #s_01 article>ul>li:nth-child(2)>ul{ background:url(/product/insulation/img/p_02_bg.jpg) no-repeat left center; }
._pc #product.index #s_01 article>ul>li:nth-child(3)>ul{ background:url(/product/insulation/img/p_03_bg.jpg) no-repeat left center; }
._pc #product.index #s_01 article>ul>li>ul>li{ display:table; border-collapse:separate; border-spacing:0; position:relative; z-index:1; }
._pc #product.index #s_01 article>ul>li>ul>li>*{ display:table-cell; height:85px; vertical-align:middle; text-shadow:0 0 1px #6E8882,0 0 1px #6E8882; }
._pc #product.index #s_01 article>ul>li>ul>li>p.p2{ font-size:18px; font-size:1.8rem; line-height:1.4; text-shadow:0 0 2px #000000,0 0 2px #000000,0 0 2px #000000; font-weight:bold; text-align:center; width:8em; }
._pc #product.index #s_01 article>ul>li>ul>li>p.p3{ font-size:13px; font-size:1.3rem; line-height:1.6; text-shadow:0 0 2px #000000,0 0 2px #000000,0 0 2px #000000; }

._pc #product.index #s_02{ background:#E9F0F0; padding:60px 0 65px; }
._pc #product.index #s_02 h3.ttl{ margin-bottom:25px; }
._pc #product.index #s_02 h3.ttl>strong span{ background:#E9F0F0; }
._pc #product.index #s_02 .l{ float:left; width:525px; }
._pc #product.index #s_02 .l table{ width:100%; font-size:13px; font-size:1.3rem; line-height:1.2; margin-bottom:10px; }
._pc #product.index #s_02 .l table tr>*{ text-align:center; padding:5px; border-bottom:1px solid #A2A2A2; }
._pc #product.index #s_02 .l table tr th{ background:#EDEDED; font-weight:normal; border-right:1px solid #A2A2A2; }
._pc #product.index #s_02 .l table tr td{ background:#FFFFFF; }
._pc #product.index #s_02 .l table tr:nth-child(1) th{ background:#646464; color:#FFFFFF; border-bottom:none; }
._pc #product.index #s_02 .l table tr:last-child>*{ border-bottom:none; }
._pc #product.index #s_02 .r{ float:right; width:525px; }
._pc #product.index #s_02 .r table{ width:100%; margin-bottom:10px; }
._pc #product.index #s_02 .r table tr th{ background:#7E7564; padding:5px; font-size:13px; font-size:1.3rem; line-height:1.2; text-align:center; font-weight:normal; color:#FFFFFF; }
._pc #product.index #s_02 .r table tr td{ background:#FFFFFF; padding:40px 35px; text-align:left; font-size:0; line-height:0; }
._pc #product.index #s_02 .r table tr td a{ display:inline-block; margin-right:40px; font-size:13px; font-size:1.3rem; line-height:1.2; }
._pc #product.index #s_02 .r table tr td a:last-child{ margin-right:0; }
._pc #product.index #s_02 .r .more{ width:225px; margin:25px auto 0; }
._pc #product.index #s_02 .r .more a{ background-color:#FFFFFF; }
._pc #product.index #s_02 .note{ font-size:13px; font-size:1.3rem; line-height:1.6; padding-left:1em; text-indent:-1em; }

._pc #product.index #s_03 .more{ width:225px; margin:40px auto 0; }
._pc #product.index #s_03 .more a{ letter-spacing:0.1em; line-height: 24px; }
._pc #product.index #s_03 .more a span{ font-size:10px; font-size:1.0rem; letter-spacing:0; }

/* スマホ */
._sp #product.index{}
._sp #product.index #tab{ margin-bottom:0; }
._sp #product.index #tab ul li:nth-child(2) a span{ color:#e62510; }
._sp #product.index #tab ul li:nth-child(2) a{ background:#F0F0F0; }
._sp #product.index #s_01{ padding:30px 0 50px; }
._sp #product.index #s_01 h4{ font-size:13px; font-size:1.3rem; line-height:1.4; font-weight:bold; text-align:center; margin-bottom:20px; }
._sp #product.index #s_01 .text{ font-size:10px; font-size:1rem; line-height:1.85; text-align:center; padding:0 10px 50px; }
._sp #product.index #s_01 article>ul{ list-style:none; margin:0 auto 15px; }
._sp #product.index #s_01 article>ul>li{ position:relative; padding:25px 20px 30px; }
/* ._sp #product.index #s_01 article>ul>li:before{ position:absolute; top:5px; bottom:5px; left:0; right:0; content:" "; font-size:0; line-height:0; background:rgba(110,136,130,0.3); } */
._sp #product.index #s_01 article>ul>li p{ position:relative; }
._sp #product.index #s_01 article>ul>li ul{ list-style:none; }
._sp #product.index #s_01 article>ul>li:nth-child(1){ background:url(/product/insulation/img/sp/p_01_bg.jpg) no-repeat left top/cover; }
._sp #product.index #s_01 article>ul>li:nth-child(2){ background:url(/product/insulation/img/sp/p_02_bg.jpg) no-repeat left top/cover; }
._sp #product.index #s_01 article>ul>li:nth-child(3){ background:url(/product/insulation/img/sp/p_03_bg.jpg) no-repeat right top/cover; }
._sp #product.index #s_01 article>ul>li p.p1{ width:123px; height:34px; margin:0 auto 15px; font-size:0; line-height:0; text-indent:-9999px; }
._sp #product.index #s_01 article>ul>li:nth-child(1) p.p1{ background:url(/product/insulation/img/sp/p_01_ttl.gif) no-repeat center/123px auto; }
._sp #product.index #s_01 article>ul>li:nth-child(2) p.p1{ background:url(/product/insulation/img/sp/p_02_ttl.gif) no-repeat center/123px auto; }
._sp #product.index #s_01 article>ul>li:nth-child(3) p.p1{ background:url(/product/insulation/img/sp/p_03_ttl.gif) no-repeat center/123px auto; }
._sp #product.index #s_01 article>ul>li p.p2{ font-size:15px; font-size:1.5rem; line-height:1.00; color:#FFFFFF; font-weight:bold; text-shadow:0 0 1px #000000,0 0 1px #000000,0 0 1px #000000,0 0 1px #000000; text-align:center; margin-bottom:10px; }
._sp #product.index #s_01 article>ul>li p.p3{ font-size:12px; font-size:1.2rem; line-height:1.95; color:#FFFFFF; text-align:center; text-shadow:0 0 1px #000000,0 0 1px #000000,0 0 1px #000000,0 0 1px #000000; }

._sp #product.index #s_02 .l{ background:#E9F0F0; padding:35px 25px; }
._sp #product.index #s_02 .l h3.ttl{ margin-bottom:10px; }
._sp #product.index #s_02 .l h3.ttl>strong span{ background:#E9F0F0; }
._sp #product.index #s_02 .l table{ width:100%; font-size:10px; font-size:1.0rem; line-height:1.2; margin-bottom:10px; }
._sp #product.index #s_02 .l table tr>*{ text-align:center; padding:5px; border-bottom:1px solid #A2A2A2; }
._sp #product.index #s_02 .l table tr th{ background:#EDEDED; font-weight:normal; border-right:1px solid #A2A2A2; }
._sp #product.index #s_02 .l table tr td{ background:#FFFFFF; }
._sp #product.index #s_02 .l table tr:nth-child(1) th{ background:#646464; color:#FFFFFF; border-bottom:none; }
._sp #product.index #s_02 .l table tr:last-child>*{ border-bottom:none; }
._sp #product.index #s_02 .r{ padding:35px 25px; }
._sp #product.index #s_02 .r h3.ttl{ margin-bottom:10px; }
._sp #product.index #s_02 .r table{ width:100%; margin-bottom:10px; }
._sp #product.index #s_02 .r table tr th{ background:#7E7564; padding:5px; font-size:12px; font-size:1.2rem; line-height:1.2; font-weight:bold; text-align:center; font-weight:normal; color:#FFFFFF; }
._sp #product.index #s_02 .r table tr td{ background:#FFFFFF; padding:15px; text-align:left; font-size:0; line-height:0; }
._sp #product.index #s_02 .r table tr td a{ display:block; font-size:12px; font-size:1.2rem; line-height:1.2; margin-bottom:15px; }
._sp #product.index #s_02 .r table tr td a:last-child{ margin-bottom:0; }
._sp #product.index #s_02 .r .more{ width:190px; margin:25px auto 0; }
._sp #product.index #s_02 .note{ font-size:10px; font-size:1.0rem; line-height:1.6; padding-left:1em; text-indent:-1em; }

._sp #product.index #s_03 .more{ width:200px; margin:0 auto; }
._sp #product.index #s_03 .more a{ letter-spacing:0.1em; line-height: 24px; }
._sp #product.index #s_03 .more a span{ font-size:10px; font-size:1.0rem; letter-spacing:0; }



@page {
	size: A4;
	margin: 12.7mm 9.7mm;
	margin: 0;
}
@media print {
	body{
		zoom: 72%;
	}
	#product .visual:after {
		content: url(/product/insulation/img/title_bg.jpg);
		display: inline-block;
		position: absolute;
		top: 135px;
		left: 0;
		right: 0;
		height: 240px;
		width: 100%;
		overflow: hidden;
		z-index: 1;
	}
	._pc #product.index #s_01 article > ul > li:nth-child(1) > ul:after,
	._pc #product.index #s_01 article > ul > li:nth-child(2) > ul:after,
	._pc #product.index #s_01 article > ul > li:nth-child(3) > ul:after {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 85px;
		width: 740px;
		overflow: hidden;
		z-index: 0;
	}
	._pc #product.index #s_01 article > ul > li:nth-child(1) > ul:after { content: url(/product/insulation/img/p_01_bg.jpg); }
	._pc #product.index #s_01 article > ul > li:nth-child(2) > ul:after { content: url(/product/insulation/img/p_02_bg.jpg); }
	._pc #product.index #s_01 article > ul > li:nth-child(3) > ul:after { content: url(/product/insulation/img/p_03_bg.jpg); }
}
/* end */