@charset "UTF-8";
/* PC */
@media screen and (min-width: 768px),print {
.seo_bread_list{margin-bottom: -61px;color: #fff;}
.seo_bread_list a{color: #fff;}

#contentsmain {background: #0c0909;color: #fff;padding-top: 146px;padding-bottom: 65px;}
#contentsmain .inner-Box { text-align: center; }
#contentsmain .inner-Box h2{font-size: 16px;font-weight: 700;letter-spacing: 3.2px;margin-bottom: -40px;}
#contentsmain .inner-Box figure{position: relative;left: -24px;margin-bottom: 44px;}
#contentsmain .inner-Box p{width: 798px;font-size: 16px;letter-spacing: 1.6px;line-height: 32px;margin: 0 auto;text-align: left;}

#contents01 {margin-bottom: 150px;}
#contents01 .inner-Box1 {width: 1100px;position: relative;min-height: 769px;margin: 0 auto 80px;padding-top: 123px;}
#contents01 .inner-Box1 span.no {position: absolute;top: 81px;left: 8px;}
#contents01 .inner-Box1 h2{width: 394px;text-align: center;font-size: 30px;font-weight: 700;letter-spacing: 13.5px;position: relative;z-index: 2;line-height: 1.6;margin-bottom: 38px;margin-left: 7px;}
#contents01 .inner-Box1 figure.photo01{position: absolute;top: 0;right: -50px;}
#contents01 .inner-Box1 figure.photo02{}
#contents01 .inner-Box1 p{width: 394px;font-size: 16px;letter-spacing: 1.6px;line-height: 32px;margin-bottom: 56px;}
#contents01 .inner-Box2 {background: url('../images/design/contents01-back.jpg')no-repeat top center;min-height: 930px;padding-top: 50px;}
#contents01 .inbox1 {width: 1100px;margin: 0 auto;position: relative;margin-bottom: 90px;}
#contents01 .inbox1 h3{position: absolute;top: 53px;right: 125px;font-size: 16px;letter-spacing: 3.8px;font-weight: 700;}
#contents01 .inbox1 figure{  }
#contents01 .inbox2 { width: 1100px; margin: 0 auto; position: relative; }
#contents01 .inbox2 h3{position: absolute;top: 75px;left: 158px;font-size: 16px;letter-spacing: 3.8px;font-weight: 700;}
#contents01 .inbox2 figure{position: relative;left: 112px;}

#contents02 {
    background-image: url(../images/design/ptn-bg.jpg);
    background-repeat: repeat;
    background-position: center 0;
    margin-bottom: 151px;}
#contents02 .inner-Box1 {width: 1100px;position: relative;min-height: 769px;margin: 0 auto 80px;padding-top: 253px;padding-left: 705px;}
#contents02 .inner-Box1 span.no {position: absolute;top: 217px;right: 260px;}
#contents02 .inner-Box1 h2{width: 394px;text-align: center;font-size: 30px;font-weight: 700;letter-spacing: 13.5px;position: relative;z-index: 2;line-height: 1.6;margin-bottom: 38px;margin-left: 7px;}
#contents02 .inner-Box1 figure.photo01{position: absolute;top: 130px;left: -51px;}
#contents02 .inner-Box1 figure.photo02{}
#contents02 .inner-Box1 p{width: 394px;font-size: 16px;letter-spacing: 1.6px;line-height: 32px;margin-bottom: 56px;}
#contents02 .inner-Box2 {background: url('../images/design/contents02-back.png')no-repeat top center;min-height: 930px;padding-top: 50px;padding-bottom: 169px;}
#contents02 .inbox1 {width: 1100px;margin: 0 auto;position: relative;margin-bottom: 90px;}
#contents02 .inbox1 h3{position: absolute;top: 75px;left: 28px;font-size: 16px;letter-spacing: 3.2px;font-weight: 700;text-align: center;line-height: 1.6;}
#contents02 .inbox1 figure{position: relative;left: -12px;}
#contents02 .inbox2 { width: 1100px; margin: 0 auto; position: relative; }
#contents02 .inbox2 h3{position: absolute;top: 78px;right: 68px;font-size: 16px;letter-spacing: 3.3px;font-weight: 700;z-index: 3;line-height: 1.6;}
#contents02 .inbox2 figure{position: relative;left: -49px;}

#contents03 {margin-bottom: 200px;}
#contents03 .inner-Box1 {width: 1100px;position: relative;min-height: 737px;margin: 0 auto 80px;padding-top: 123px;}
#contents03 .inner-Box1 span.no {position: absolute;top: 87px;left: 2px;}
#contents03 .inner-Box1 h2{width: 394px;text-align: center;font-size: 30px;font-weight: 700;letter-spacing: 13.5px;position: relative;z-index: 2;line-height: 1.6;margin-bottom: 38px;margin-left: 7px;}
#contents03 .inner-Box1 figure.photo01{position: absolute;top: 0;right: -50px;}
#contents03 .inner-Box1 figure.photo02{}
#contents03 .inner-Box1 p{width: 394px;font-size: 16px;letter-spacing: 1.6px;line-height: 32px;margin-bottom: 56px;}
#contents03 .inner-Box2 {background: url('../images/design/contents03-back.png')no-repeat top center;min-height: 930px;padding-top: 50px;padding-bottom: 50px;}
#contents03 .inbox1 {width: 1100px;margin: 0 auto;position: relative;margin-bottom: 90px;}
#contents03 .inbox1 h3{position: absolute;top: 93px;right: 106px;font-size: 16px;letter-spacing: 3.3px;font-weight: 700;}
#contents03 .inbox1 figure{  }
#contents03 .inbox2 { width: 1100px; margin: 0 auto; position: relative; }
#contents03 .inbox2 h3{position: absolute;top: 134px;left: 120px;font-size: 16px;letter-spacing: 3.2px;font-weight: 700;line-height: 1.6;text-align: center;}
#contents03 .inbox2 figure{position: relative;left: 56px;}

#contents04 {background: url('../images/design/bottom-photo01.png')no-repeat top center;min-height: 721px;color: #fff;margin-bottom: 100px;}
#contents04 .inner-Box {width: 1100px;margin: 0 auto;padding-left: 683px;padding-top: 260px;}
#contents04 .inner-Box h2{font-size: 20px;font-weight: 700;letter-spacing: 7px;line-height: 42px;position: relative;}
#contents04 .inner-Box h2::before{content: "";background: #fff;position: absolute;bottom: -17px;margin-left: -0.5px;width: 40px;height: 2px;}

.inc-txt{line-height: 1.5!important;padding-top: 5px!important;margin-bottom: -5px;}

}
/* SP */
@media screen and (max-width: 767px) {
.seo_bread_list{margin-bottom: 0;}


#contentsmain {background: #0c0909;color: #fff;padding-top: 10.4vw;padding-bottom: 14.5vw;}
#contentsmain .inner-Box { text-align: center; }
#contentsmain .inner-Box h2{font-size: 4vw;font-weight: 700;letter-spacing: 0.4vw;margin-bottom: -5.7vw;margin-left: 1.6vw;}
#contentsmain .inner-Box figure{margin-bottom: 6vw;}
#contentsmain .inner-Box p{font-size: 3.6vw;letter-spacing: 0.4vw;line-height: 1.75;margin: 0 8.5vw;text-align: left;}

#contents01 {margin: 0 4.3vw 19.6vw;}
#contents01 .inner-Box1 {position: relative;margin: 0 auto 8.5vw;padding-top: 16.0vw;}
#contents01 .inner-Box1 span.no {position: absolute;top: 11.6vw;left: 36.4vw;width: 17.1vw;}
#contents01 .inner-Box1 h2{text-align: center;font-size: 5.4vw;font-weight: 700;letter-spacing: 2.4vw;position: relative;z-index: 2;line-height: 1.6;margin-bottom: 4.9vw;padding-left: 2.8vw;}
#contents01 .inner-Box1 figure.photo01{ margin-bottom: 6.6vw;}
#contents01 .inner-Box1 figure.photo02{ margin: 0 4vw;}
#contents01 .inner-Box1 p{font-size: 3.6vw;letter-spacing: 0.4vw;line-height: 1.74;margin: 0 3.4vw 6.4vw 4.3vw;}
#contents01 .inner-Box2 {background: url('../images/design/sp-contents01-back.jpg')no-repeat top center; background-size: 100% auto; padding-top: 6.5vw;margin: 0 -4vw;}
#contents01 .inbox1 {margin: 0 10.9vw;position: relative;margin-bottom: 19.9vw;padding-top: 5.2vw;}
#contents01 .inbox1 h3{font-size: 4.6vw;letter-spacing: 0.6vw;font-weight: 700;text-align: center;padding-left: 0.9vw;margin-bottom: 1.9vw;}
#contents01 .inbox1 figure{ margin-bottom: 4vw; }
#contents01 .inbox2 {margin: 0 4vw;position: relative;padding-bottom: 4vw;}
#contents01 .inbox2 h3{font-size: 4.6vw;letter-spacing: 0.6vw;font-weight: 700;text-align: center;padding-left: 0.9vw;margin-bottom: -0.1vw;}
#contents01 .inbox2 figure{margin: 0 7.1vw 4vw;}

#contents02 {
    background-image: url(../images/design/ptn-bg.jpg);
    background-repeat: repeat;
    background-position: center 0;
    background-size: 38.647vw;
    padding: 0 4.3vw 11.7vw;}
#contents02 .inner-Box1 {position: relative;margin: 0 auto 16.5vw;padding-top: 16.0vw;}
#contents02 .inner-Box1 span.no {position: absolute;top: 11.6vw;left: 36.4vw;width: 17.1vw;}
#contents02 .inner-Box1 h2{text-align: center;font-size: 5.4vw;font-weight: 700;letter-spacing: 2.4vw;position: relative;z-index: 2;line-height: 1.6;margin-bottom: 4.9vw;padding-left: 2.8vw;}
#contents02 .inner-Box1 figure.photo01{ margin-bottom: 6.6vw;}
#contents02 .inner-Box1 figure.photo02{ margin: 0 4vw;}
#contents02 .inner-Box1 p{font-size: 3.6vw;letter-spacing: 0.4vw;line-height: 1.74;margin: 0 3.4vw 6.4vw 4.3vw;}
#contents02 .inner-Box2 {background: url('../images/design/sp-contents02-back.png')no-repeat top center; background-size: 100% auto; padding-top: 6.5vw;margin: 0 -4vw;}
#contents02 .inbox1 {margin: 0 10.9vw;position: relative;margin-bottom: -7.9vw;padding-top: 5.2vw;}
#contents02 .inbox1 h3{font-size: 4.5vw;letter-spacing: 0.6vw;font-weight: 700;text-align: center;padding-left: 0.9vw;margin-bottom: 1.9vw;position: absolute;top: 6.3vw;left: 15.5vw;}
#contents02 .inbox1 figure{margin-bottom: 4vw;position: relative;top: -20.3vw;}
#contents02 .inbox2 {margin: 0 4vw;position: relative;padding-bottom: 4.1vw;}
#contents02 .inbox2 h3{font-size: 4.4vw;letter-spacing: 0.7vw;font-weight: 700;text-align: center;padding-left: 0.9vw;margin-bottom: -0.1vw;position: absolute;top: 22.9vw;left: 25vw;}
#contents02 .inbox2 figure{margin: 0 7.1vw 4vw;}

#contents03 {margin: 0 4.3vw 19.6vw;}
#contents03 .inner-Box1 {position: relative;margin: 0 auto 8.5vw;padding-top: 16.0vw;}
#contents03 .inner-Box1 span.no {position: absolute;top: 11.6vw;left: 36.4vw;width: 17.1vw;}
#contents03 .inner-Box1 h2{text-align: center;font-size: 5.4vw;font-weight: 700;letter-spacing: 2.4vw;position: relative;z-index: 2;line-height: 1.6;margin-bottom: 4.9vw;padding-left: 2.8vw;}
#contents03 .inner-Box1 figure.photo01{ margin-bottom: 6.6vw;}
#contents03 .inner-Box1 figure.photo02{ margin: 0 4vw;}
#contents03 .inner-Box1 p{font-size: 3.6vw;letter-spacing: 0.4vw;line-height: 1.74;margin: 0 3.4vw 6.4vw 4.3vw;}
#contents03 .inner-Box2 {background: url('../images/design/sp-contents03-back.png')no-repeat top center; background-size: 100% auto; padding-top: 6.5vw;margin: 0 -4vw;}
#contents03 .inbox1 {margin: 0 10.9vw;position: relative;margin-bottom: 14.9vw;padding-top: 5.2vw;}
#contents03 .inbox1 h3{font-size: 4.6vw;letter-spacing: 0.6vw;font-weight: 700;text-align: center;padding-left: 0.9vw;margin-bottom: 4.9vw;}
#contents03 .inbox1 figure{ margin-bottom: 4vw; }
#contents03 .inbox2 {margin: 0 4vw;position: relative;padding-bottom: 4vw;}
#contents03 .inbox2 h3{font-size: 4.6vw;letter-spacing: 0.6vw;font-weight: 700;text-align: center;padding-left: 0.9vw;margin-bottom: 3.9vw;}
#contents03 .inbox2 figure{margin: 0 7.1vw 4vw;}

#contents04 {background: url('../images/design/sp-bottom-photo01.png')no-repeat top center;background-size: 100% auto;color: #fff;margin-bottom: 22.5vw;}
#contents04 .inner-Box {margin: 0 4vw;padding-top: 70vw;padding-bottom: 15vw;}
#contents04 .inner-Box h2{font-size: 4vw;font-weight: 700;letter-spacing: 1.9vw;line-height: 1.9;position: relative;padding-left: 6.1vw;}
#contents04 .inner-Box h2::before{content: "";background: #fff;position: absolute;bottom: -3.9vw;height: 0.3vw;width: 7.2vw;}

.inc-txt{line-height: 1.5!important;padding-top: 0.7vw!important;margin-bottom: -0.7vw;}










}