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


#contentsmain {margin: 0 auto 170px;position: relative;background: url('../images/design-material/contentsmain-back01.png')no-repeat bottom center;text-align: center;padding: 720px 0 520px;}
#contentsmain h2 {position: absolute;top: 33px;left: 50%;transform: translateX(-50%);}
#contentsmain h2 span{  }
#contentsmain h2 img {  }
#contentsmain .inner-Box { margin: 0 auto; position: relative; }
#contentsmain .inner-Box h3 {font-size: 50px;line-height: 1.38;font-weight: 500;letter-spacing: 0px;margin-bottom: 52px;position: relative;}
#contentsmain .inner-Box h3 span {display: block;font-size: 28px;letter-spacing: 1.4px;margin-bottom: 25px;}
#contentsmain .inner-Box p.text {font-size: 16px;line-height: 2.5;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;}

.backk{background: #F7F8F8;padding-bottom: 10px;margin-bottom: -30px;}

#contents00 {margin: 0 auto 70px;position: relative;text-align: center;top: -65px;}
#contents00 .inner-Box { margin: 0 auto; position: relative; }
#contents00 .inner-Box h2 {font-size: 104px;line-height: 1.38;font-weight: 500;letter-spacing: 0;margin-bottom: -5px;position: relative;color: #CECEC1;}
#contents00 .inner-Box h3 {font-size: 30px;line-height: 1.38;font-weight: 500;letter-spacing: 0px;margin-bottom: 26px;position: relative;}
#contents00 .inner-Box p.text {font-size: 14px;line-height: 2.14;font-weight: 500;letter-spacing: 0.7px;margin-bottom: 30px;position: relative;}

#contents01 {margin: 0 auto 315px;position: relative;background: url('../images/design-material/contents01-back01.png')no-repeat calc(50% + 100px) top;}
#contents01 .inner-Box {margin: 0 auto;position: relative;width: 1120px;height: 840px;padding-left: 560px;padding-top: 127px;}
#contents01 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: -41px;right: 47px;}
#contents01 .inner-Box span.icon img {  }
#contents01 .inner-Box h2 {font-size: 50px;line-height: 1.38;font-weight: 500;letter-spacing: 5px;margin-bottom: 30px;position: relative;}
#contents01 .inner-Box h2 span {font-size: 30px;display: block;letter-spacing: 1.5px;margin-bottom: 11px;}
#contents01 .inner-Box figure.photo01 {position: absolute;top: 119px;left: -320px;}
#contents01 .inner-Box figure.photo01 img{  }
#contents01 .inner-Box p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 52px;position: relative;}
#contents01 .inBox {position: relative;background: #EFEFEF;margin-right: 10px;padding: 36px 40px;}
#contents01 .inBox h3 {font-size: 20px;line-height: 1.38;font-weight: 500;letter-spacing: 1px;margin-bottom: 7px;position: relative;}
#contents01 .inBox 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 .inBox ul li { position: relative; }
#contents01 .inBox ul li:nth-child(3n) { margin-right: 0px; }
#contents01 .inBox p.litext {font-size: 14px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;position: relative;padding: 0 0 8px 16px;}
#contents01 .inBox p.litext::before{ content: ""; display: block; width: 8px; height: 8px; background: #BF9C28; border-radius: 50%; position: absolute; top: 9px; left: 0; }
#contents01 figure.photo02 {position: absolute;bottom: -155px;right: 0;}
#contents01 figure.photo02 img{  }

#contents02 {margin: 0 auto 325px;position: relative;background: url('../images/design-material/contents01-back01.png')no-repeat calc(50% + -100px) top;}
#contents02 .inner-Box {margin: 0 auto;position: relative;width: 1120px;height: 840px;padding-right: 560px;padding-top: 127px;padding-left: 10px;}
#contents02 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: -41px;left: -78px;}
#contents02 .inner-Box span.icon img {  }
#contents02 .inner-Box h2 {font-size: 50px;line-height: 1.38;font-weight: 500;letter-spacing: 5px;margin-bottom: 30px;position: relative;margin-right: -140px;z-index: 3;}
#contents02 .inner-Box h2 span{background: #fff;display: inline-block;}
#contents02 .inner-Box h2 span.minf {font-size: 30px;display: block;letter-spacing: 1.5px;margin-bottom: 11px;width: 570px;}
#contents02 .inner-Box figure.photo01 {position: absolute;top: 119px;right: -320px;}
#contents02 .inner-Box figure.photo01 img{  }
#contents02 .inner-Box p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 52px;position: relative;}
#contents02 .inBox {position: relative;background: #EFEFEF;margin-right: 10px;padding: 36px 40px;}
#contents02 .inBox h3 {font-size: 20px;line-height: 1.38;font-weight: 500;letter-spacing: 1px;margin-bottom: 7px;position: relative;}
#contents02 .inBox 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;}
#contents02 .inBox ul li { position: relative; }
#contents02 .inBox ul li:nth-child(3n) { margin-right: 0px; }
#contents02 .inBox p.litext {font-size: 14px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;position: relative;padding: 0 0 8px 16px;}
#contents02 .inBox p.litext::before{ content: ""; display: block; width: 8px; height: 8px; background: #BF9C28; border-radius: 50%; position: absolute; top: 9px; left: 0; }
#contents02 figure.photo02 {position: absolute;bottom: -155px;left: 0;}
#contents02 figure.photo02 img{  }

#contents03 {margin: 0 auto 315px;position: relative;background: url('../images/design-material/contents01-back01.png')no-repeat calc(50% + 100px) top;}
#contents03 .inner-Box {margin: 0 auto;position: relative;width: 1120px;height: 840px;padding-left: 560px;padding-top: 127px;}
#contents03 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: -41px;right: 47px;}
#contents03 .inner-Box span.icon img {  }
#contents03 .inner-Box h2 {font-size: 50px;line-height: 1.38;font-weight: 500;letter-spacing: 5px;margin-bottom: 30px;position: relative;}
#contents03 .inner-Box h2 span {font-size: 30px;display: block;letter-spacing: 1.5px;margin-bottom: 11px;}
#contents03 .inner-Box figure.photo01 {position: absolute;top: 119px;left: -320px;}
#contents03 .inner-Box figure.photo01 img{  }
#contents03 .inner-Box p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 52px;position: relative;}
#contents03 .inBox {position: relative;background: #EFEFEF;margin-right: 10px;padding: 36px 40px;}
#contents03 .inBox h3 {font-size: 20px;line-height: 1.38;font-weight: 500;letter-spacing: 1px;margin-bottom: 7px;position: relative;}
#contents03 .inBox 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;}
#contents03 .inBox ul li { position: relative; }
#contents03 .inBox ul li:nth-child(3n) { margin-right: 0px; }
#contents03 .inBox p.litext {font-size: 14px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;position: relative;padding: 0 0 8px 16px;}
#contents03 .inBox p.litext::before{ content: ""; display: block; width: 8px; height: 8px; background: #BF9C28; border-radius: 50%; position: absolute; top: 9px; left: 0; }
#contents03 figure.photo02 {position: absolute;bottom: -155px;right: 0;}
#contents03 figure.photo02 img{  }

#contents04 {margin: 0 auto 325px;position: relative;background: url('../images/design-material/contents01-back01.png')no-repeat calc(50% + -100px) top;}
#contents04 .inner-Box {margin: 0 auto;position: relative;width: 1120px;height: 840px;padding-right: 560px;padding-top: 127px;padding-left: 10px;}
#contents04 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: -41px;left: -78px;}
#contents04 .inner-Box span.icon img {  }
#contents04 .inner-Box h2 {font-size: 50px;line-height: 1.38;font-weight: 500;letter-spacing: 5px;margin-bottom: 30px;position: relative;margin-right: -440px;z-index: 3;}
#contents04 .inner-Box h2 span{background: #fff;display: inline-block;}
#contents04 .inner-Box h2 span.minf {font-size: 30px;display: block;letter-spacing: 1.5px;margin-bottom: 11px;width: 570px;}
#contents04 .inner-Box figure.photo01 {position: absolute;top: 119px;right: -320px;}
#contents04 .inner-Box figure.photo01 img{  }
#contents04 .inner-Box p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 52px;position: relative;}
#contents04 .inBox {position: relative;background: #EFEFEF;margin-right: 10px;padding: 36px 40px;}
#contents04 .inBox h3 {font-size: 20px;line-height: 1.38;font-weight: 500;letter-spacing: 1px;margin-bottom: 7px;position: relative;}
#contents04 .inBox 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;}
#contents04 .inBox ul li { position: relative; }
#contents04 .inBox ul li:nth-child(3n) { margin-right: 0px; }
#contents04 .inBox p.litext {font-size: 14px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;position: relative;padding: 0 0 8px 16px;}
#contents04 .inBox p.litext::before{ content: ""; display: block; width: 8px; height: 8px; background: #BF9C28; border-radius: 50%; position: absolute; top: 9px; left: 0; }
#contents04 figure.photo02 {position: absolute;bottom: -155px;left: 0;}
#contents04 figure.photo02 img{  }

#contents05 {margin: 0 auto 315px;position: relative;background: url('../images/design-material/contents01-back01.png')no-repeat calc(50% + 100px) top;}
#contents05 .inner-Box {margin: 0 auto;position: relative;width: 1120px;height: 840px;padding-left: 560px;padding-top: 127px;}
#contents05 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: -41px;right: 47px;}
#contents05 .inner-Box span.icon img {  }
#contents05 .inner-Box h2 {font-size: 50px;line-height: 1.38;font-weight: 500;letter-spacing: 5px;margin-bottom: 30px;position: relative;margin-right: -160px;}
#contents05 .inner-Box h2 span {font-size: 30px;display: block;letter-spacing: 1.5px;margin-bottom: 11px;}
#contents05 .inner-Box figure.photo01 {position: absolute;top: 119px;left: -320px;}
#contents05 .inner-Box figure.photo01 img{  }
#contents05 .inner-Box p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 52px;position: relative;}
#contents05 .inBox {position: relative;background: #EFEFEF;margin-right: 10px;padding: 36px 40px;}
#contents05 .inBox h3 {font-size: 20px;line-height: 1.38;font-weight: 500;letter-spacing: 1px;margin-bottom: 7px;position: relative;}
#contents05 .inBox 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;}
#contents05 .inBox ul li { position: relative; }
#contents05 .inBox ul li:nth-child(2n) { margin-right: 0px; }
#contents05 .inBox p.litext {font-size: 14px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;position: relative;padding: 0 0 8px 16px;}
#contents05 .inBox p.litext::before{ content: ""; display: block; width: 8px; height: 8px; background: #BF9C28; border-radius: 50%; position: absolute; top: 9px; left: 0; }
#contents05 figure.photo02 {position: absolute;bottom: -155px;right: 0;}
#contents05 figure.photo02 img{  }



#contents06 {margin: 0 auto 160px;position: relative;background: url('../images/design-material/contents06-back01.png')no-repeat top center;color: #fff;padding: 140px 0 80px;}
#contents06 .inner-Box {margin: 0 auto 90px;position: relative;width: 1200px;padding: 32px 0 0 832px;}
#contents06 .inner-Box h2 {font-size: 50px;line-height: 1.48;font-weight: 500;letter-spacing: 5px;margin-bottom: 0px;position: relative;position: absolute;top: 36px;left: 0;height: 145px;border-right: #A4A4A4 2px solid;width: 771px;}
#contents06 .inner-Box p.text {font-size: 16px;line-height: 2.5;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;}
#contents06 .inner-Box2 {margin: 0 auto;position: relative;width: 1200px;}
#contents06 .inner-Box2 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;}
#contents06 .inner-Box2 ul li {position: relative;width: 49%;height: 260px;padding: 19px 0 0 300px;right: 0px;margin-bottom: 80px;}
#contents06 .inner-Box2 ul li:nth-child(2n) {right: -51px;}
#contents06 .inner-Box2 figure.photo { position: absolute; top: 0; left: 0; }
#contents06 .inner-Box2 figure.photo img{  }
#contents06 .inner-Box2 h3 {font-size: 28px;line-height: 1.38;font-weight: 500;letter-spacing: 2.8px;margin-bottom: 20px;position: relative;}
#contents06 .inner-Box2 p.ltext {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;width: 260px;}



#contentsbottom {margin: 0 auto 167px;position: relative;}
#contentsbottom .inner-Box2 {margin: 0 auto 342px;position: relative;max-width: 1520px;padding-top: 77px;}
#contentsbottom .inner-Box2 h2 {position: relative;z-index: 3;margin-bottom: 45px;}
#contentsbottom .inner-Box2 h2 span{  }
#contentsbottom .inner-Box2 h2 img {  }
#contentsbottom .inner-Box2 figure.photo { position: absolute; top: 0; left: 0; }
#contentsbottom .inner-Box2 figure.photo img{  }
#contentsbottom .inner-Box2 p.text {font-size: 16px;line-height: 2.5;font-weight: 500;letter-spacing: 0.8px;margin: 0 0 0 20px;position: relative;width: 563px;}


#contentsbottom .inner-Box {margin: 0 auto;position: relative;background: #F7F8F8;max-width: 1400px;padding: 79px 0 80px;}
#contentsbottom .inner-Box ul{ width: 1100px; margin: 0 auto; 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{ width: 340px; margin-right: 40px; text-align: center;}
#contentsbottom .inner-Box ul li:nth-child(3n){ margin-right: 0; }
#contentsbottom .inner-Box ul li p{font-size: 14px;letter-spacing: 0.7px;line-height: 1.86;padding-top: 10px;}


}
@media screen and (min-width:768px) and ( max-width:1450px) {
	
    #contents05 .inner-Box h2{ font-size: 40px;}
	
}

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


    #contentsmain {margin: 14.2vw auto 24.26vw;position: relative;background: url('../images/design-material/sp-contentsmain-back01.png')no-repeat bottom center;text-align: center;padding: 0vw 0 0vw;background-size: 100% auto;}
    #contentsmain h2 {position: relative;margin: 0 0 9.5vw;}
    #contentsmain h2 span{  }
    #contentsmain h2 img {  }
    #contentsmain .inner-Box {margin: 0 4vw;position: relative;padding-bottom: 50.8vw;}
    #contentsmain .inner-Box h3 {font-size: 6.28vw;line-height: 1.38;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 5.26vw;position: relative;}
    #contentsmain .inner-Box h3 span {display: block;font-size: 4.83vw;letter-spacing: 0.34vw;margin-bottom: 3.64vw;}
    #contentsmain .inner-Box p.text {font-size: 3.86vw;line-height: 1.9;font-weight: 500;letter-spacing: 0.19vw;margin: 0 1.4vw 7.25vw;position: relative;text-align: left;}
    
    .backk{background: #F7F8F8;padding-bottom: 5.12vw;margin-bottom: 0vw;}
    
    #contents00 {margin: 0 auto 8.81vw;position: relative;text-align: center;top: -6vw;}
    #contents00 .inner-Box { margin: 0 4vw; position: relative; }
    #contents00 .inner-Box h2 {font-size: 11.11vw;line-height: 1.38;font-weight: 500;letter-spacing: 0;margin-bottom: 3.9vw;position: relative;color: #CECEC1;}
    #contents00 .inner-Box h3 {font-size: 4.83vw;line-height: 1.38;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 2.58vw;position: relative;}
    #contents00 .inner-Box p.text {font-size: 3.38vw;line-height: 2.04;font-weight: 500;letter-spacing: 0.17vw;margin-bottom: 7.25vw;position: relative;}
    
    #contents01 {margin: 0 3vw 14.19vw;position: relative;background: #fff;background-size: 100% auto;}
    #contents01 .inner-Box {margin: 0 3.5vw;position: relative;padding-left: 0vw;padding-top: 12.88vw;}
    #contents01 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: -5vw;right: 0.95vw;width: 2.4vw;}
    #contents01 .inner-Box span.icon img {  }
    #contents01 .inner-Box h2 {font-size: 6.76vw;line-height: 1.38;font-weight: 500;letter-spacing: 0.68vw;margin-bottom: 6.35vw;position: relative;margin-left: 1.2vw;}
    #contents01 .inner-Box h2 span {font-size: 4.35vw;display: block;letter-spacing: 0.22vw;margin-bottom: 2.66vw;}
    #contents01 .inner-Box figure.photo01 {position: relative;margin-bottom: 3.5vw;}
    #contents01 .inner-Box figure.photo01 img{  }
    #contents01 .inner-Box p.text {font-size: 3.38vw;line-height: 1.98;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 9.96vw;position: relative;}
    #contents01 .inBox {position: relative;background: #EFEFEF;padding: 5.7vw 4.66vw 3.3vw 4.66vw;margin-bottom: 7.3vw;}
    #contents01 .inBox h3 {font-size: 4.35vw;line-height: 1.38;font-weight: 500;letter-spacing: 0.24vw;margin-bottom: 1.69vw;position: relative;}
    #contents01 .inBox 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 .inBox ul li { position: relative; }
    #contents01 .inBox ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contents01 .inBox p.litext {font-size: 3.38vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;position: relative;padding: 0 0 1.93vw 3.86vw;}
    #contents01 .inBox p.litext::before{ content: ""; display: block; width: 1.93vw; height: 1.93vw; background: #BF9C28; border-radius: 50%; position: absolute; top: 2.17vw; left: 0; }
    #contents01 figure.photo02 {position: relative;bottom: 0vw;margin: 0 4.8vw;padding-bottom: 14vw;}
    #contents01 figure.photo02 img{  }
    
    #contents02 {margin: 0 3vw 14.19vw;position: relative;background: #fff;background-size: 100% auto;}
    #contents02 .inner-Box {margin: 0 3.5vw;position: relative;padding-left: 0vw;padding-top: 12.88vw;}
    #contents02 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: -5vw;right: 0.95vw;width: 2.4vw;}
    #contents02 .inner-Box span.icon img {  }
    #contents02 .inner-Box h2 {font-size: 6.76vw;line-height: 1.38;font-weight: 500;letter-spacing: 0.18vw;margin-bottom: 6.35vw;position: relative;margin-left: 1.2vw;}
    #contents02 .inner-Box h2 span.minf {font-size: 4.35vw;display: block;letter-spacing: 0.22vw;margin-bottom: 2.66vw;}
    #contents02 .inner-Box figure.photo01 {position: relative;margin-bottom: 3.5vw;}
    #contents02 .inner-Box figure.photo01 img{  }
    #contents02 .inner-Box p.text {font-size: 3.38vw;line-height: 1.98;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 9.96vw;position: relative;}
    #contents02 .inBox {position: relative;background: #EFEFEF;padding: 5.7vw 4.66vw 3.3vw 4.66vw;margin-bottom: 7.3vw;}
    #contents02 .inBox h3 {font-size: 4.35vw;line-height: 1.38;font-weight: 500;letter-spacing: 0.24vw;margin-bottom: 1.69vw;position: relative;}
    #contents02 .inBox 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;}
    #contents02 .inBox ul li { position: relative; }
    #contents02 .inBox ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contents02 .inBox p.litext {font-size: 3.38vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;position: relative;padding: 0 0 1.93vw 3.86vw;}
    #contents02 .inBox p.litext::before{ content: ""; display: block; width: 1.93vw; height: 1.93vw; background: #BF9C28; border-radius: 50%; position: absolute; top: 2.17vw; left: 0; }
    #contents02 figure.photo02 {position: relative;bottom: 0vw;margin: 0 4.8vw;padding-bottom: 14vw;}
    #contents02 figure.photo02 img{  }
    
    #contents03 {margin: 0 3vw 14.19vw;position: relative;background: #fff;background-size: 100% auto;}
    #contents03 .inner-Box {margin: 0 3.5vw;position: relative;padding-left: 0vw;padding-top: 12.88vw;}
    #contents03 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: -5vw;right: 0.95vw;width: 2.4vw;}
    #contents03 .inner-Box span.icon img {  }
    #contents03 .inner-Box h2 {font-size: 6.76vw;line-height: 1.38;font-weight: 500;letter-spacing: 0.68vw;margin-bottom: 6.35vw;position: relative;margin-left: 1.2vw;}
    #contents03 .inner-Box h2 span {font-size: 4.35vw;display: block;letter-spacing: 0.22vw;margin-bottom: 2.66vw;}
    #contents03 .inner-Box figure.photo01 {position: relative;margin-bottom: 3.5vw;}
    #contents03 .inner-Box figure.photo01 img{  }
    #contents03 .inner-Box p.text {font-size: 3.38vw;line-height: 1.98;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 9.96vw;position: relative;}
    #contents03 .inBox {position: relative;background: #EFEFEF;padding: 5.7vw 4.66vw 3.3vw 4.66vw;margin-bottom: 7.3vw;}
    #contents03 .inBox h3 {font-size: 4.35vw;line-height: 1.38;font-weight: 500;letter-spacing: 0.24vw;margin-bottom: 1.69vw;position: relative;}
    #contents03 .inBox 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;}
    #contents03 .inBox ul li { position: relative; }
    #contents03 .inBox ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contents03 .inBox p.litext {font-size: 3.38vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;position: relative;padding: 0 0 1.93vw 3.86vw;}
    #contents03 .inBox p.litext::before{ content: ""; display: block; width: 1.93vw; height: 1.93vw; background: #BF9C28; border-radius: 50%; position: absolute; top: 2.17vw; left: 0; }
    #contents03 figure.photo02 {position: relative;bottom: 0vw;margin: 0 4.8vw;padding-bottom: 14vw;}
    #contents03 figure.photo02 img{  }
    
    #contents04 {margin: 0 3vw 14.19vw;position: relative;background: #fff;background-size: 100% auto;}
    #contents04 .inner-Box {margin: 0 3.5vw;position: relative;padding-left: 0vw;padding-top: 12.88vw;}
    #contents04 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: -5vw;right: 0.95vw;width: 2.4vw;}
    #contents04 .inner-Box span.icon img {  }
    #contents04 .inner-Box h2 {font-size: 6.76vw;line-height: 1.38;font-weight: 500;letter-spacing: 0.68vw;margin-bottom: 6.35vw;position: relative;margin-left: 1.2vw;}
    #contents04 .inner-Box h2 span.minf {font-size: 4.35vw;display: block;letter-spacing: 0.22vw;margin-bottom: 2.66vw;}
    #contents04 .inner-Box figure.photo01 {position: relative;margin-bottom: 3.5vw;}
    #contents04 .inner-Box figure.photo01 img{  }
    #contents04 .inner-Box p.text {font-size: 3.38vw;line-height: 1.98;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 9.96vw;position: relative;}
    #contents04 .inBox {position: relative;background: #EFEFEF;padding: 5.7vw 4.66vw 3.3vw 4.66vw;margin-bottom: 7.3vw;}
    #contents04 .inBox h3 {font-size: 4.35vw;line-height: 1.38;font-weight: 500;letter-spacing: 0.24vw;margin-bottom: 1.69vw;position: relative;}
    #contents04 .inBox 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;}
    #contents04 .inBox ul li { position: relative; }
    #contents04 .inBox ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contents04 .inBox p.litext {font-size: 3.38vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;position: relative;padding: 0 0 1.93vw 3.86vw;}
    #contents04 .inBox p.litext::before{ content: ""; display: block; width: 1.93vw; height: 1.93vw; background: #BF9C28; border-radius: 50%; position: absolute; top: 2.17vw; left: 0; }
    #contents04 figure.photo02 {position: relative;bottom: 0vw;margin: 0 4.8vw;padding-bottom: 14vw;}
    #contents04 figure.photo02 img{  }
    
    #contents05 {margin: 0 3vw 14.19vw;position: relative;background: #fff;background-size: 100% auto;}
    #contents05 .inner-Box {margin: 0 3.5vw;position: relative;padding-left: 0vw;padding-top: 12.88vw;}
    #contents05 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: -5vw;right: 0.95vw;width: 2.4vw;}
    #contents05 .inner-Box span.icon img {  }
    #contents05 .inner-Box h2 {font-size: 6.76vw;line-height: 1.38;font-weight: 500;letter-spacing: 0.68vw;margin-bottom: 6.35vw;position: relative;margin-left: 1.2vw;}
    #contents05 .inner-Box h2 span {font-size: 4.35vw;display: block;letter-spacing: 0.22vw;margin-bottom: 2.66vw;}
    #contents05 .inner-Box figure.photo01 {position: relative;margin-bottom: 3.5vw;}
    #contents05 .inner-Box figure.photo01 img{  }
    #contents05 .inner-Box p.text {font-size: 3.38vw;line-height: 1.98;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 9.96vw;position: relative;}
    #contents05 .inBox {position: relative;background: #EFEFEF;padding: 5.7vw 4.66vw 3.3vw 4.66vw;margin-bottom: 7.3vw;}
    #contents05 .inBox h3 {font-size: 4.35vw;line-height: 1.38;font-weight: 500;letter-spacing: 0.24vw;margin-bottom: 1.69vw;position: relative;}
    #contents05 .inBox 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;}
    #contents05 .inBox ul li { position: relative; }
    #contents05 .inBox ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contents05 .inBox p.litext {font-size: 3.38vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;position: relative;padding: 0 0 1.93vw 3.86vw;}
    #contents05 .inBox p.litext::before{ content: ""; display: block; width: 1.93vw; height: 1.93vw; background: #BF9C28; border-radius: 50%; position: absolute; top: 2.17vw; left: 0; }
    #contents05 figure.photo02 {position: relative;bottom: 0vw;margin: 0 4.8vw;padding-bottom: 14vw;}
    #contents05 figure.photo02 img{  }
    
    #contents06 {margin: 0 auto 1.35vw;position: relative;background: url('../images/design-material/contents06-back01.png')repeat top center;color: #fff;padding: 6.82vw 0 19.32vw;background-size: 100% auto;}
    #contents06 .inner-Box {margin: 0 auto 13.04vw;position: relative;padding: 0.83vw 0 0 6.5vw;}
    #contents06 .inner-Box h2 {font-size: 7.73vw;line-height: 1.47;font-weight: 500;letter-spacing: 0.77vw;margin-bottom: 1.9vw;position: relative;top: 8.7vw;left: 0;padding-bottom: 23vw;}
    #contents06 .inner-Box h2::before{content: "";display: block;width: 43.48vw;height: 2px;background: #A4A4A4;position: absolute;bottom: 14.1vw;left: 0;}
    #contents06 .inner-Box p.text {font-size: 3.86vw;line-height: 1.9;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;}
    #contents06 .inner-Box2 {margin: 0 8.9vw -14.4vw;position: relative;}
    #contents06 .inner-Box2 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;}
    #contents06 .inner-Box2 ul li {position: relative;width: 100%;right: 0.0vw;margin-bottom: 2.72vw;}
    #contents06 .inner-Box2 ul li:nth-child(2n) {right: 0vw;}
    #contents06 .inner-Box2 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 5.8vw;}
    #contents06 .inner-Box2 figure.photo img{  }
    #contents06 .inner-Box2 h3 {font-size: 4.35vw;line-height: 1.38;font-weight: 500;letter-spacing: 0.43vw;margin-bottom: 1.43vw;position: relative;}
    #contents06 .inner-Box2 p.ltext {font-size: 3.38vw;line-height: 2;font-weight: 500;letter-spacing: 0.17vw;margin-bottom: 7.25vw;position: relative;}
    
    #contentsbottom {margin: 0 auto 40.34vw;position: relative;}
    #contentsbottom .inner-Box2 {margin: 0 auto 18.61vw;position: relative;padding-top: 18.6vw;}
    #contentsbottom .inner-Box2 h2 {position: relative;z-index: 3;margin: 0 13.4vw 8.47vw 6.7vw;}
    #contentsbottom .inner-Box2 h2 span{  }
    #contentsbottom .inner-Box2 h2 img {  }
    #contentsbottom .inner-Box2 figure.photo {position: relative;top: 0;left: 0;margin: 0 6.5vw -17.1vw;}
    #contentsbottom .inner-Box2 figure.photo img{  }
    #contentsbottom .inner-Box2 p.text {font-size: 3.86vw;line-height: 1.9;font-weight: 500;letter-spacing: 0.19vw;margin: 0 5.63vw;position: relative;}
    



#contentsbottom .inner-Box {margin: 0 3.1vw;position: relative;background: #F7F8F8;padding: 11.68vw 0 4.62vw;}
#contentsbottom .inner-Box ul{margin: 0 6vw;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: 7.96vw;text-align: center;}
#contentsbottom .inner-Box ul li:nth-child(3n){ margin-right: 0; }
#contentsbottom .inner-Box ul li p{font-size: 3.38vw;letter-spacing: 0.17vw;line-height: 1.86;padding-top: 2.42vw;}



}