@charset "UTF-8";

.f-en{font-family: 'Barlow Condensed', sans-serif;}

@media screen and (min-width: 768px),print {
header{ display: none !important; }

.seo_bread_list{ margin-bottom: 80px; }
h2.main-title{ background-image: url(../images/insulation/h2-bg.jpg); }

#contentsmain {margin: 0 auto 88px;position: relative;text-align: center;padding-top: 53px;}
#contentsmain .inner-Box {margin: 0 auto 88px;position: relative;width: 1100px;min-height: 400px;padding-right: 510px;padding-top: 44px;}
#contentsmain .inner-Box h2 {margin-bottom: 8px;position: relative;font-size: 42px;line-height: 1.62;letter-spacing: 0.1em;font-weight: 400;text-align: center;}
#contentsmain .inner-Box h3 {margin-bottom: 0px;position: relative;font-size: 48px;line-height: 1.58;letter-spacing: 0.1em;font-weight: 400;text-align: center;}
#contentsmain .inner-Box h3 span {color: #AF1E23;}
#contentsmain .inner-Box figure.photo01 {position: absolute;top: 0;right: -130px;}
#contentsmain .inner-Box figure.photo01 img{  }
#contentsmain .inner-Box2 { margin: 0 auto; position: relative; }
#contentsmain .inner-Box2 h4 {margin-bottom: 19px;position: relative;font-size: 39px;line-height: 1.77;letter-spacing: 0.12em;font-weight: 400;text-align: center;}
#contentsmain .inner-Box2 p.text {margin-bottom: 30px;position: relative;font-size: 16px;line-height: 1.875;letter-spacing: 0.1em;font-weight: 500;text-align: center;}

#contents01 {margin: 0 auto 90px;position: relative;background: #F5F6F6;padding: 54px 0 23px;}
#contents01 .inner-Box {margin: 0 auto;position: relative;width: 1000px;}
#contents01 .inner-Box h2 {margin-bottom: 50px;position: relative;font-size: 32px;line-height: 1.625;letter-spacing: 0.12em;font-weight: 400;text-align: center;}
#contents01 .inner-Box h2::before{content: "";width: 80px;height: 1px;background: #AF1E23;position: absolute;bottom: -12px;left: 50%;transform: translateX(-50%);}
#contents01 .inner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents01 .inner-Box ul li {position: relative;width: 300px;background: #fff;margin-right: 50px;text-align: center;padding: 21px 10px 10px;margin-bottom: 46px;}
#contents01 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents01 .inner-Box p.f-en {margin-bottom: 30px;position: relative;color: #AF1E23;font-size: 20px;line-height: 1.2;letter-spacing: 0.05em;font-weight: 500;text-align: left;position: absolute;top: 6px;left: 10px;}
#contents01 .inner-Box h3 {margin-bottom: 11px;position: relative;font-size: 16px;line-height: 1.625;letter-spacing: 0.1em;font-weight: 700;text-align: center;}
#contents01 .inner-Box figure.img {position: relative;top: 0;left: 0;}
#contents01 .inner-Box figure.img img{  }

#contents02 {margin: 0 auto 117px;position: relative;width: 1100px;}
#contents02 .inner-Box {margin: 0 auto;position: relative;padding: 29px 0 0 620px;}
#contents02 .inner-Box h2 {margin-bottom: 49px;position: relative;font-size: 32px;line-height: 1.625;letter-spacing: 0.12em;font-weight: 400;text-align: left;}
#contents02 .inner-Box h2::before{content: "";width: 80px;height: 1px;background: #AF1E23;position: absolute;bottom: -21px;left: 0;}

#contents02 .inner-Box figure.photo { position: absolute; top: 0; left: 0; }
#contents02 .inner-Box figure.photo img{  }
#contents02 .inner-Box p.text {margin-bottom: 30px;position: relative;font-size: 16px;line-height: 1.875;letter-spacing: 0.1em;font-weight: 500;text-align: left;}

#contents03 {margin: 0 auto;position: relative;background: #F5F6F6;padding: 89px 0 29px;}
#contents03 h2 {margin-bottom: 62px;position: relative;font-size: 32px;line-height: 1.625;letter-spacing: 0.12em;font-weight: 400;text-align: center;}
#contents03 h2::before{content: "";width: 80px;height: 1px;background: #AF1E23;position: absolute;bottom: -22px;left: 50%;transform: translateX(-50%);}
#contents03 .inner-Box1 {margin: 0 auto 80px;position: relative;background: #fff;width: 1100px;height: 340px;padding: 40px 0 0 602px;}
#contents03 .inner-Box1 figure.photo { position: absolute; top: 0; left: 0; }
#contents03 .inner-Box1 figure.photo img{  }
#contents03 .inner-Box1 p.f-en {margin-bottom: 20px;position: relative;color: #AF1E23;font-size: 24px;line-height: 1.208;letter-spacing: 0.05em;font-weight: 500;text-align: left;}
#contents03 .inner-Box1 h3 {margin-bottom: 35px;position: relative;font-size: 20px;line-height: 1.5;letter-spacing: 0.1em;font-weight: 700;text-align: left;}
#contents03 .inner-Box1 h3::before{content: "";width: 40px;height: 1px;background: #D5D5D5;position: absolute;bottom: -21px;left: 0;}
#contents03 .inner-Box1 p.text {margin-bottom: 30px;position: relative;font-size: 16px;line-height: 1.875;letter-spacing: 0.1em;font-weight: 500;text-align: left;left: -4px;}

#contents03 .inner-Box2 {margin: 0 auto 80px;position: relative;background: #fff;width: 1100px;height: 340px;padding: 40px 602px 0 51px;}
#contents03 .inner-Box2 figure.photo { position: absolute; top: 0; right: 0; }
#contents03 .inner-Box2 figure.photo img{  }
#contents03 .inner-Box2 p.f-en {margin-bottom: 20px;position: relative;color: #AF1E23;font-size: 24px;line-height: 1.208;letter-spacing: 0.05em;font-weight: 500;text-align: left;}
#contents03 .inner-Box2 h3 {margin-bottom: 35px;position: relative;font-size: 20px;line-height: 1.5;letter-spacing: 0.1em;font-weight: 700;text-align: left;}
#contents03 .inner-Box2 h3::before{content: "";width: 40px;height: 1px;background: #D5D5D5;position: absolute;bottom: -17px;left: 0;}
#contents03 .inner-Box2 p.text {margin-bottom: 30px;position: relative;font-size: 16px;line-height: 1.875;letter-spacing: 0.1em;font-weight: 500;text-align: left;left: -4px;}

#contents03 .inner-Box3 {margin: 0 auto 80px;position: relative;background: #fff;width: 1100px;height: 340px;padding: 40px 0 0 602px;}
#contents03 .inner-Box3 figure.photo { position: absolute; top: 0; left: 0; }
#contents03 .inner-Box3 figure.photo img{  }
#contents03 .inner-Box3 p.f-en {margin-bottom: 20px;position: relative;color: #AF1E23;font-size: 24px;line-height: 1.208;letter-spacing: 0.05em;font-weight: 500;text-align: left;}
#contents03 .inner-Box3 h3 {margin-bottom: 35px;position: relative;font-size: 20px;line-height: 1.5;letter-spacing: 0.1em;font-weight: 700;text-align: left;}
#contents03 .inner-Box3 h3::before{content: "";width: 40px;height: 1px;background: #D5D5D5;position: absolute;bottom: -21px;left: 0;}
#contents03 .inner-Box3 p.text {margin-bottom: 30px;position: relative;font-size: 16px;line-height: 1.875;letter-spacing: 0.1em;font-weight: 500;text-align: left;left: -4px;}

#contents03 .inner-Box4 {margin: 0 auto 80px;position: relative;background: #fff;width: 1100px;height: 340px;padding: 40px 592px 0 51px;}
#contents03 .inner-Box4 figure.photo { position: absolute; top: 0; right: 0; }
#contents03 .inner-Box4 figure.photo img{  }
#contents03 .inner-Box4 p.f-en {margin-bottom: 20px;position: relative;color: #AF1E23;font-size: 24px;line-height: 1.208;letter-spacing: 0.05em;font-weight: 500;text-align: left;}
#contents03 .inner-Box4 h3 {margin-bottom: 35px;position: relative;font-size: 20px;line-height: 1.5;letter-spacing: 0.1em;font-weight: 700;text-align: left;}
#contents03 .inner-Box4 h3::before{content: "";width: 40px;height: 1px;background: #D5D5D5;position: absolute;bottom: -17px;left: 0;}
#contents03 .inner-Box4 p.text {margin-bottom: 30px;position: relative;font-size: 16px;line-height: 1.875;letter-spacing: 0.1em;font-weight: 500;text-align: left;left: -4px;}

#contents04 {margin: 0 auto 107px;position: relative;padding: 69px 0 0;}
#contents04 h2 {margin-bottom: 47px;position: relative;font-size: 39px;line-height: 1.77;letter-spacing: 0.12em;font-weight: 400;text-align: center;}
#contents04 h3::before{content: "";width: 36px;height: 1px;background: #AF1E23;position: absolute;bottom: -22px;left: 50%;transform: translateX(-50%);}

#contents04 .inner-Box {margin: 0 auto;position: relative;width: 1200px;border: #F5F6F6 20px solid;padding: 43px 61px 51px;}
#contents04 .inner-Box h3 {margin-bottom: 49px;position: relative;font-size: 24px;line-height: 1.25;letter-spacing: 0.1em;font-weight: 700;text-align: center;}
#contents04 .inBox {margin: 0 auto;position: relative;min-height: 540px;padding: 33px 550px 0 0;}
#contents04 .inBox figure.photo {position: absolute;top: 0;right: 0;}
#contents04 .inBox figure.photo img{  }
#contents04 .inBox p.text {margin-bottom: 30px;position: relative;font-size: 16px;line-height: 1.875;letter-spacing: 0.1em;font-weight: 500;text-align: left;}




}


@media screen and (max-width: 1500px) {


}

@media screen and (max-width: 767px) {

#contentsmain {margin: 0 2.8vw 12.47vw;position: relative;text-align: center;}
#contentsmain .inner-Box {margin: 0 auto 10.77vw;position: relative;padding-right: 0vw;}
#contentsmain .inner-Box h2 {margin-bottom: 1.13vw;position: relative;font-size: 6.28vw;line-height: 1.577;letter-spacing: 0.1em;font-weight: 400;text-align: center;}
#contentsmain .inner-Box h3 {margin-bottom: 4.1vw;position: relative;font-size: 7.246vw;line-height: 1.467;letter-spacing: 0.1em;font-weight: 400;text-align: center;}
#contentsmain .inner-Box h3 span {color: #AF1E23;}
#contentsmain .inner-Box figure.photo01 {position: relative;top: 0;right: 0vw;}
#contentsmain .inner-Box figure.photo01 img{  }
#contentsmain .inner-Box2 {position: relative;}
#contentsmain .inner-Box2 h4 {margin-bottom: 8.07vw;position: relative;font-size: 6.28vw;line-height: 1.692;letter-spacing: 0.12em;font-weight: 400;text-align: center;}
#contentsmain .inner-Box2 p.text {margin: 0 3.1vw 7.1vw;position: relative;font-size: 3.865vw;line-height: 1.875;letter-spacing: 0.1em;font-weight: 500;text-align: left;}

#contents01 {margin: 0 auto 6vw;position: relative;background: #F5F6F6;padding: 11.2vw 0 6.13vw;}
#contents01 .inner-Box {margin: 0 4vw;position: relative;}
#contents01 .inner-Box h2 {margin-bottom: 10.33vw;position: relative;font-size: 5.556vw;line-height: 1.609;letter-spacing: 0.12em;font-weight: 400;text-align: center;}
#contents01 .inner-Box h2::before{content: "";width: 14.33vw;height: 0.27vw;background: #AF1E23;position: absolute;bottom: -3.6vw;left: 50%;transform: translateX(-50%);}
#contents01 .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 2vw;}
#contents01 .inner-Box ul li {position: relative;background: #fff;text-align: center;padding: 5.6vw 2.67vw 2.67vw;margin-bottom: 6.07vw;}
#contents01 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
#contents01 .inner-Box p.f-en {margin-bottom: 8.0vw;position: relative;color: #AF1E23;font-size: 5.03vw;line-height: 1.2;letter-spacing: 0.05em;font-weight: 500;text-align: left;position: absolute;top: 1.8vw;left: 2.87vw;}
#contents01 .inner-Box h3 {margin-bottom: 2.93vw;position: relative;font-size: 3.865vw;line-height: 1.625;letter-spacing: 0.1em;font-weight: 700;text-align: center;}
#contents01 .inner-Box figure.img {position: relative;top: 0;left: 0;margin: 0 8vw 0;}
#contents01 .inner-Box figure.img img{  }

#contents02 {margin: 0 auto 23.2vw;position: relative;}
#contents02 .inner-Box {margin: 0 4vw;position: relative;padding: 9.43vw 0 0 0vw;}
#contents02 .inner-Box h2 {margin-bottom: 10.57vw;position: relative;font-size: 6.28vw;line-height: 1.692;letter-spacing: 0.12em;font-weight: 400;text-align: center;}
#contents02 .inner-Box h2::before{content: "";width: 14.43vw;height: 0.27vw;background: #AF1E23;position: absolute;bottom: -4vw;left: 50%;transform: translateX(-50%);}

#contents02 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 4.6vw;}
#contents02 .inner-Box figure.photo img{  }
#contents02 .inner-Box p.text {margin-bottom: 7.2vw;position: relative;font-size: 3.865vw;line-height: 1.875;letter-spacing: 0.1em;font-weight: 500;text-align: left;}

#contents03 {position: relative;background: #F5F6F6;padding: 10.73vw 0 2.73vw;}
#contents03 h2 {margin-bottom: 14.53vw;position: relative;font-size: 5.556vw;line-height: 1.609;letter-spacing: 0.12em;font-weight: 400;text-align: center;}
#contents03 h2::before{content: "";width: 14.33vw;height: 0.27vw;background: #AF1E23;position: absolute;bottom: -4vw;left: 50%;transform: translateX(-50%);}
#contents03 .inner-Box1 {margin: 0 2.9vw 11.73vw;position: relative;background: #fff;padding-bottom: 0.7vw;}
#contents03 .inner-Box1 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 6vw;}
#contents03 .inner-Box1 figure.photo img{  }
#contents03 .inner-Box1 p.f-en {margin-bottom: 2.73vw;position: relative;color: #AF1E23;font-size: 5.2vw;line-height: 1.208;letter-spacing: 0.05em;font-weight: 500;text-align: left;text-align: center;}
#contents03 .inner-Box1 h3 {margin-bottom: 8.33vw;position: relative;font-size: 4.831vw;line-height: 1.7;letter-spacing: 0.1em;font-weight: 700;text-align: center;}
#contents03 .inner-Box1 h3::before{content: "";width: 9.67vw;height: 0.27vw;background: #D5D5D5;position: absolute;bottom: -3.8vw;left: 50%;transform: translateX(-50%);}
#contents03 .inner-Box1 p.text {margin: 0 6vw 8.0vw;position: relative;left: 0vw;font-size: 3.865vw;line-height: 1.875;letter-spacing: 0.1em;font-weight: 500;text-align: left;}

#contents03 .inner-Box2 {margin: 0 2.9vw 11.73vw;position: relative;background: #fff;padding-bottom: 0.7vw;}
#contents03 .inner-Box2 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 6vw;}
#contents03 .inner-Box2 figure.photo img{  }
#contents03 .inner-Box2 p.f-en {margin-bottom: 2.73vw;position: relative;color: #AF1E23;font-size: 5.2vw;line-height: 1.208;letter-spacing: 0.05em;font-weight: 500;text-align: left;text-align: center;}
#contents03 .inner-Box2 h3 {margin-bottom: 8.33vw;position: relative;font-size: 4.831vw;line-height: 1.7;letter-spacing: 0.1em;font-weight: 700;text-align: center;}
#contents03 .inner-Box2 h3::before{content: "";width: 9.67vw;height: 0.27vw;background: #D5D5D5;position: absolute;bottom: -3.8vw;left: 50%;transform: translateX(-50%);}
#contents03 .inner-Box2 p.text {margin: 0 6vw 8.0vw;position: relative;left: 0vw;font-size: 3.865vw;line-height: 1.875;letter-spacing: 0.1em;font-weight: 500;text-align: left;}

#contents03 .inner-Box3 {margin: 0 2.9vw 11.73vw;position: relative;background: #fff;padding-bottom: 0.7vw;}
#contents03 .inner-Box3 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 6vw;}
#contents03 .inner-Box3 figure.photo img{  }
#contents03 .inner-Box3 p.f-en {margin-bottom: 2.73vw;position: relative;color: #AF1E23;font-size: 5.2vw;line-height: 1.208;letter-spacing: 0.05em;font-weight: 500;text-align: left;text-align: center;}
#contents03 .inner-Box3 h3 {margin-bottom: 8.33vw;position: relative;font-size: 4.831vw;line-height: 1.7;letter-spacing: 0.1em;font-weight: 700;text-align: center;}
#contents03 .inner-Box3 h3::before{content: "";width: 9.67vw;height: 0.27vw;background: #D5D5D5;position: absolute;bottom: -3.8vw;left: 50%;transform: translateX(-50%);}
#contents03 .inner-Box3 p.text {margin: 0 6vw 8.0vw;position: relative;left: 0vw;font-size: 3.865vw;line-height: 1.875;letter-spacing: 0.1em;font-weight: 500;text-align: left;}

#contents03 .inner-Box4 {margin: 0 2.9vw 11.73vw;position: relative;background: #fff;padding-bottom: 0.7vw;}
#contents03 .inner-Box4 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 6vw;}
#contents03 .inner-Box4 figure.photo img{  }
#contents03 .inner-Box4 p.f-en {margin-bottom: 2.73vw;position: relative;color: #AF1E23;font-size: 5.2vw;line-height: 1.208;letter-spacing: 0.05em;font-weight: 500;text-align: left;text-align: center;}
#contents03 .inner-Box4 h3 {margin-bottom: 8.33vw;position: relative;font-size: 4.831vw;line-height: 1.7;letter-spacing: 0.1em;font-weight: 700;text-align: center;}
#contents03 .inner-Box4 h3::before{content: "";width: 9.67vw;height: 0.27vw;background: #D5D5D5;position: absolute;bottom: -3.8vw;left: 50%;transform: translateX(-50%);}
#contents03 .inner-Box4 p.text {margin: 0 6vw 8.0vw;position: relative;left: 0vw;font-size: 3.865vw;line-height: 1.875;letter-spacing: 0.1em;font-weight: 500;text-align: left;}



#contents04 {margin: 0 auto 28.53vw;position: relative;padding: 12.4vw 0 0;}
#contents04 h2 {margin-bottom: 5.33vw;position: relative;font-size: 6.28vw;line-height: 1.692;letter-spacing: 0.12em;font-weight: 400;text-align: center;}
#contents04 h3::before{content: "";width: 9.6vw;height: 0.27vw;background: #AF1E23;position: absolute;bottom: -3.8vw;left: 50%;transform: translateX(-50%);}

#contents04 .inner-Box {margin: 0 3.1vw;position: relative;border: #F5F6F6 2.13vw solid;padding: 7vw 0vw;}
#contents04 .inner-Box h3 {margin-bottom: 9.67vw;position: relative;font-size: 4.831vw;line-height: 1.7;letter-spacing: 0.1em;font-weight: 700;text-align: center;}
#contents04 .inBox {margin: 0 3.7vw;position: relative;}
#contents04 .inBox figure.photo {position: relative;top: 0;right: 0;margin-bottom: 4.7vw;}
#contents04 .inBox figure.photo img{  }
#contents04 .inBox p.text {margin-bottom: 7.4vw;position: relative;font-size: 3.865vw;line-height: 1.875;letter-spacing: 0.1em;font-weight: 500;text-align: left;}




}
