@charset "UTF-8";
@media screen and (min-width: 768px),print {

#contentsmain {margin: 0 auto 113px;position: relative;text-align: center;padding: 65px 0 0;}
#contentsmain .inner-Box { margin: 0 auto; position: relative; }
#contentsmain .inner-Box h2 {margin-bottom: 40px;}
#contentsmain .inner-Box h2 img{  }
#contentsmain .inner-Box p.text {font-size: 16px;line-height: 30px;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 14px;}
.backk{background: url('../images/kominka/contents01-back01.png')no-repeat top center;padding: 121px 0 0;}
#contents01 {margin: 0 auto 125px;position: relative;width: 1100px;}
#contents01 .inner-Box1 {margin: 0 auto 87px;position: relative;}
#contents01 .inner-Box1 h2{font-size: 80px;line-height: 1.6;font-weight: 400;letter-spacing: 4px;margin-bottom: 30px;color: #403D6A;position: absolute;top: 0;left: 0;}
#contents01 .inner-Box1 h2 span{  }
#contents01 .inner-Box1 h3{font-size: 21px;line-height: 40px;font-weight: 400;letter-spacing: 1.05px;margin-bottom: 34px;border-bottom: #403D6A 1px solid;height: 137px;padding: 25px 0 0 208px;}
#contents01 .inner-Box1 h3 span{  }
#contents01 .inner-Box1 .inBox {margin: 0 auto;position: relative;padding-left: 498px;min-height: 338px;}
#contents01 .inner-Box1 .inBox figure.photo {position: absolute;top: 6px;left: 0;}
#contents01 .inner-Box1 .inBox h4{font-size: 25px;line-height: 40px;font-weight: 600;letter-spacing: 1.25px;margin-bottom: 16px;color: #403D6A;}
#contents01 .inner-Box1 .inBox p.text {font-size: 16px;line-height: 30px;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 13px;}

#contents01 .inner-Box2 {margin: 0 auto 86px;position: relative;}
#contents01 .inner-Box2 h2{font-size: 80px;line-height: 1.6;font-weight: 400;letter-spacing: 4px;margin-bottom: 30px;color: #403D6A;position: absolute;top: 0;left: 0;}
#contents01 .inner-Box2 h2 span{  }
#contents01 .inner-Box2 h3{font-size: 21px;line-height: 40px;font-weight: 400;letter-spacing: 1.05px;margin-bottom: 34px;border-bottom: #403D6A 1px solid;height: 137px;padding: 25px 0 0 294px;}
#contents01 .inner-Box2 h3 span{  }
#contents01 .inner-Box2 .inBox {margin: 0 auto;position: relative;padding-left: 498px;min-height: 338px;}
#contents01 .inner-Box2 .inBox figure.photo {position: absolute;top: 6px;left: 0;}
#contents01 .inner-Box2 .inBox h4{font-size: 25px;line-height: 40px;font-weight: 600;letter-spacing: 1.25px;margin-bottom: 16px;color: #403D6A;}
#contents01 .inner-Box2 .inBox p.text {font-size: 16px;line-height: 30px;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 13px;}

#contents01 .inner-Box3 {margin: 0 auto 84px;position: relative;}
#contents01 .inner-Box3 h2{font-size: 80px;line-height: 1.6;font-weight: 400;letter-spacing: 4px;margin-bottom: 30px;color: #403D6A;position: absolute;top: 0;left: 0;}
#contents01 .inner-Box3 h2 span{  }
#contents01 .inner-Box3 h3{font-size: 21px;line-height: 40px;font-weight: 400;letter-spacing: 1.05px;margin-bottom: 34px;border-bottom: #403D6A 1px solid;height: 137px;padding: 40px 0 0 294px;}
#contents01 .inner-Box3 h3 span{  }
#contents01 .inner-Box3 .inBox {margin: 0 auto;position: relative;padding-left: 498px;min-height: 338px;}
#contents01 .inner-Box3 .inBox figure.photo {position: absolute;top: 6px;left: 0;}
#contents01 .inner-Box3 .inBox h4{font-size: 25px;line-height: 40px;font-weight: 600;letter-spacing: 1.25px;margin-bottom: 16px;color: #403D6A;}
#contents01 .inner-Box3 .inBox p.text {font-size: 16px;line-height: 30px;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 13px;}

#contents01 .inner-Box4 {margin: 0 auto 88px;position: relative;}
#contents01 .inner-Box4 h2{font-size: 80px;line-height: 1.6;font-weight: 400;letter-spacing: 4px;margin-bottom: 30px;color: #403D6A;position: absolute;top: 0;left: 0;}
#contents01 .inner-Box4 h2 span{  }
#contents01 .inner-Box4 h3{font-size: 21px;line-height: 40px;font-weight: 400;letter-spacing: 1.05px;margin-bottom: 34px;border-bottom: #403D6A 1px solid;height: 137px;padding: 40px 0 0 125px;}
#contents01 .inner-Box4 h3 span{  }
#contents01 .inner-Box4 .inBox {margin: 0 auto;position: relative;padding-left: 498px;min-height: 338px;}
#contents01 .inner-Box4 .inBox figure.photo {position: absolute;top: 6px;left: 0;}
#contents01 .inner-Box4 .inBox h4{font-size: 25px;line-height: 40px;font-weight: 600;letter-spacing: 1.25px;margin-bottom: 16px;color: #403D6A;}
#contents01 .inner-Box4 .inBox p.text {font-size: 16px;line-height: 30px;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 13px;}

#contents01 .inner-Box5 {margin: 0 auto 86px;position: relative;}
#contents01 .inner-Box5 h2{font-size: 80px;line-height: 1.6;font-weight: 400;letter-spacing: 4px;margin-bottom: 30px;color: #403D6A;position: absolute;top: 0;left: 0;}
#contents01 .inner-Box5 h2 span{  }
#contents01 .inner-Box5 h3{font-size: 21px;line-height: 40px;font-weight: 400;letter-spacing: 1.05px;margin-bottom: 34px;border-bottom: #403D6A 1px solid;height: 137px;padding: 39px 0 0 214px;}
#contents01 .inner-Box5 h3 span{  }
#contents01 .inner-Box5 .inBox {margin: 0 auto;position: relative;padding-left: 498px;min-height: 338px;}
#contents01 .inner-Box5 .inBox figure.photo {position: absolute;top: 6px;left: 0;}
#contents01 .inner-Box5 .inBox h4{font-size: 25px;line-height: 40px;font-weight: 600;letter-spacing: 1.25px;margin-bottom: 16px;color: #403D6A;}
#contents01 .inner-Box5 .inBox p.text {font-size: 16px;line-height: 30px;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 13px;}

#contents01 .inner-Box6 { margin: 0 auto 100px; position: relative; }
#contents01 .inner-Box6 h2{font-size: 80px;line-height: 1.6;font-weight: 400;letter-spacing: 4px;margin-bottom: 30px;color: #403D6A;position: absolute;top: 0;left: 0;}
#contents01 .inner-Box6 h2 span{  }
#contents01 .inner-Box6 h3{font-size: 21px;line-height: 40px;font-weight: 400;letter-spacing: 1.05px;margin-bottom: 34px;border-bottom: #403D6A 1px solid;height: 137px;padding: 38px 0 0 213px;}
#contents01 .inner-Box6 h3 span{  }
#contents01 .inner-Box6 .inBox {margin: 0 auto;position: relative;padding-left: 498px;min-height: 338px;}
#contents01 .inner-Box6 .inBox figure.photo {position: absolute;top: 6px;left: 0;}
#contents01 .inner-Box6 .inBox h4{font-size: 25px;line-height: 40px;font-weight: 600;letter-spacing: 1.25px;margin-bottom: 16px;color: #403D6A;}
#contents01 .inner-Box6 .inBox p.text {font-size: 16px;line-height: 30px;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 13px;}

#contentsbottom h2{text-align: center;font-size: 25px;line-height: 50px;letter-spacing: 1.25px;font-weight: 600;display: block;background: #fff;border-radius: 10px;padding: 63px 100px;text-align: left;}
#contentsbottom .inner-Box0{background: #0F0F0F;padding: 1px;margin-bottom: 120px;}
#contentsbottom {margin: 0 auto;position: relative;width: 1100px;}
#contentsbottom .inner-Box {margin: 0 auto 140px;position: relative;}
#contentsbottom .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;}
#contentsbottom .inner-Box ul li {margin-right: 40px;}
#contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contentsbottom .inner-Box ul li figure{  }



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

.main-title .jp{ letter-spacing: 0vw; }

#contentsmain {margin: 0 auto 13.5vw;position: relative;text-align: center;padding: 7.5vw 0 0;}
#contentsmain .inner-Box {position: relative;}
#contentsmain .inner-Box h2 {margin: 0 18vw 4.4vw;}
#contentsmain .inner-Box h2 img{  }
#contentsmain .inner-Box p.text {font-size: 4.34vw;line-height: 7.729vw;font-weight: 600;letter-spacing: 0.21vw;margin-bottom: 3.4vw;}
.backk{background: url('../images/kominka/sp-contents01-back01.png') no-repeat top center;background-size: 100% auto;padding: 8.2vw 0 0vw;}
#contents01 {margin: 0 8vw 30.2vw;position: relative;}
#contents01 .inner-Box1 {margin: 0 auto 17vw;position: relative;padding-top: 2.6vw;}
#contents01 .inner-Box1 h2{font-size: 12vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.3vw;margin-bottom: 1.5vw;color: #403D6A;text-align: center;}
#contents01 .inner-Box1 h2 span{  }
#contents01 .inner-Box1 h3{font-size: 4.34vw;line-height:1.6;font-weight: 600;letter-spacing: 0.1vw;margin-bottom: 6.7vw;border-bottom: #403D6A 1px solid;padding-bottom: 5vw;}
#contents01 .inner-Box1 h3 span{  }
#contents01 .inner-Box1 .inBox {position: relative;}
#contents01 .inner-Box1 .inBox figure.photo {position: relative;margin-bottom: 4.9vw;}
#contents01 .inner-Box1 .inBox h4{font-size: 6.03vw;line-height:1.6;font-weight: 600;letter-spacing: 0.3vw;margin-bottom: 3.3vw;color: #403D6A;}
#contents01 .inner-Box1 .inBox p.text {font-size: 4.34vw;line-height: 7.72vw;font-weight: 600;letter-spacing: 0.2vw;margin-bottom: 4.4vw;}

#contents01 {margin: 0 8vw 30.2vw;position: relative;}
#contents01 .inner-Box2 {margin: 0 auto 17vw;position: relative;padding-top: 2.6vw;}
#contents01 .inner-Box2 h2{font-size: 12vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.3vw;margin-bottom: 1.5vw;color: #403D6A;text-align: center;}
#contents01 .inner-Box2 h2 span{  }
#contents01 .inner-Box2 h3{font-size: 4.34vw;line-height: 7.72vw;font-weight: 600;letter-spacing: 0.1vw;margin-bottom: 6.7vw;border-bottom: #403D6A 1px solid;padding-bottom: 4vw;}
#contents01 .inner-Box2 h3 span{  }
#contents01 .inner-Box2 .inBox {position: relative;}
#contents01 .inner-Box2 .inBox figure.photo {position: relative;margin-bottom: 4.9vw;}
#contents01 .inner-Box2 .inBox h4{font-size: 6.03vw;line-height:1.6;font-weight: 600;letter-spacing: 0.3vw;margin-bottom: 3.3vw;color: #403D6A;}
#contents01 .inner-Box2 .inBox p.text {font-size: 4.34vw;line-height: 7.72vw;font-weight: 600;letter-spacing: 0.2vw;margin-bottom: 4.4vw;}

#contents01 {margin: 0 8vw 30.2vw;position: relative;}
#contents01 .inner-Box3 {margin: 0 auto 16vw;position: relative;padding-top: 2.6vw;}
#contents01 .inner-Box3 h2{font-size: 12vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.3vw;margin-bottom: 1.5vw;color: #403D6A;text-align: center;}
#contents01 .inner-Box3 h2 span{  }
#contents01 .inner-Box3 h3{font-size: 4.34vw;line-height: 7.72vw;font-weight: 600;letter-spacing: 0.1vw;margin-bottom: 6.7vw;border-bottom: #403D6A 1px solid;padding-bottom: 4vw;}
#contents01 .inner-Box3 h3 span{  }
#contents01 .inner-Box3 .inBox {position: relative;}
#contents01 .inner-Box3 .inBox figure.photo {position: relative;margin-bottom: 4.9vw;}
#contents01 .inner-Box3 .inBox h4{font-size: 6.03vw;line-height:1.6;font-weight: 600;letter-spacing: 0.3vw;margin-bottom: 3.3vw;color: #403D6A;}
#contents01 .inner-Box3 .inBox p.text {font-size: 4.34vw;line-height: 7.72vw;font-weight: 600;letter-spacing: 0.2vw;margin-bottom: 4.4vw;}

#contents01 {margin: 0 8vw 30.2vw;position: relative;}
#contents01 .inner-Box4 {margin: 0 auto 16vw;position: relative;padding-top: 2.6vw;}
#contents01 .inner-Box4 h2{font-size: 12vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.3vw;margin-bottom: 1.5vw;color: #403D6A;text-align: center;}
#contents01 .inner-Box4 h2 span{  }
#contents01 .inner-Box4 h3{font-size: 4.34vw;line-height: 7.72vw;font-weight: 600;letter-spacing: 0.1vw;margin-bottom: 6.7vw;border-bottom: #403D6A 1px solid;padding-bottom: 4vw;}
#contents01 .inner-Box4 h3 span{  }
#contents01 .inner-Box4 .inBox {position: relative;}
#contents01 .inner-Box4 .inBox figure.photo {position: relative;margin-bottom: 4.9vw;}
#contents01 .inner-Box4 .inBox h4{font-size: 6.03vw;line-height:1.6;font-weight: 600;letter-spacing: 0.3vw;margin-bottom: 3.3vw;color: #403D6A;}
#contents01 .inner-Box4 .inBox p.text {font-size: 4.34vw;line-height: 7.72vw;font-weight: 600;letter-spacing: 0.2vw;margin-bottom: 4.4vw;}

#contents01 {margin: 0 8vw 30.2vw;position: relative;}
#contents01 .inner-Box5 {margin: 0 auto 16.9vw;position: relative;padding-top: 2.6vw;}
#contents01 .inner-Box5 h2{font-size: 12vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.3vw;margin-bottom: 1.5vw;color: #403D6A;text-align: center;}
#contents01 .inner-Box5 h2 span{  }
#contents01 .inner-Box5 h3{font-size: 4.34vw;line-height: 7.72vw;font-weight: 600;letter-spacing: 0.1vw;margin-bottom: 6.7vw;border-bottom: #403D6A 1px solid;padding-bottom: 4vw;}
#contents01 .inner-Box5 h3 span{  }
#contents01 .inner-Box5 .inBox {position: relative;}
#contents01 .inner-Box5 .inBox figure.photo {position: relative;margin-bottom: 4.9vw;}
#contents01 .inner-Box5 .inBox h4{font-size: 6.03vw;line-height:1.6;font-weight: 600;letter-spacing: 0.3vw;margin-bottom: 3.3vw;color: #403D6A;}
#contents01 .inner-Box5 .inBox p.text {font-size: 4.34vw;line-height: 7.72vw;font-weight: 600;letter-spacing: 0.2vw;margin-bottom: 4.4vw;}

#contents01 {margin: 0 8vw 17.2vw;position: relative;}
#contents01 .inner-Box6 {margin: 0 auto 9vw;position: relative;padding-top: 2.6vw;}
#contents01 .inner-Box6 h2{font-size: 12vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.3vw;margin-bottom: 1.5vw;color: #403D6A;text-align: center;}
#contents01 .inner-Box6 h2 span{  }
#contents01 .inner-Box6 h3{font-size: 4.34vw;line-height: 7.72vw;font-weight: 600;letter-spacing: 0.1vw;margin: 0 -2vw 6.7vw;border-bottom: #403D6A 1px solid;padding-bottom: 4vw;}
#contents01 .inner-Box6 h3 span{  }
#contents01 .inner-Box6 .inBox {position: relative;}
#contents01 .inner-Box6 .inBox figure.photo {position: relative;margin-bottom: 4.9vw;}
#contents01 .inner-Box6 .inBox h4{font-size: 6.03vw;line-height:1.6;font-weight: 600;letter-spacing: 0.3vw;margin-bottom: 3.3vw;color: #403D6A;}
#contents01 .inner-Box6 .inBox p.text {font-size: 4.34vw;line-height: 7.72vw;font-weight: 600;letter-spacing: 0.2vw;margin-bottom: 4.4vw;}


#contentsbottom h2{text-align: center;font-size: 6.0vw;line-height:1.6;letter-spacing: 0.3vw;font-weight: 600;display: block;background: #fff;border-radius: 2.4vw;padding: 7.9vw 8.9vw 7.1vw 8.9vw;text-align: left;margin-bottom: 0vw;}
#contentsbottom .inner-Box0{background: #0F0F0F;padding: 0.2vw;margin-bottom: 19.4vw;}



#contentsbottom h2{font-size: 4.34vw;line-height: 7.72vw;letter-spacing: 0.2vw;font-weight: 600;}

#contentsbottom {margin: 0 8.2vw;position: relative;}
#contentsbottom .inner-Box {margin: 0 auto 14.4vw;position: relative;}
#contentsbottom .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;}
#contentsbottom .inner-Box ul li {margin-bottom: 0.7vw;}
#contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
#contentsbottom .inner-Box ul li figure{ margin-bottom: 4vw; }
}