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

#contentsmain {margin: 0 auto 113px;position: relative;padding: 65px 0 0;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;text-align: center;}
#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/value/contents01-back01.png')no-repeat top center;padding: 141px 0 0;}

#link01,#link02,#link03,#link04,#link05,#link06,#link07,#link08{position: relative; top: -40px;}

#contents01 {margin: 0 auto 113px;position: relative;width: 1100px;}
#contents01 .inner-Box { margin: 0 auto; position: relative; }
#contents01 .inner-Box ul.list {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 {margin-right: 18px;margin-bottom: 17px;}
#contents01 .inner-Box ul li:nth-child(2n) { margin-right: 0px; }
#contents01 .inner-Box ul li figure{  }

#contents02 {margin: 0 auto -10px;position: relative;width: 1100px;}
#contents02 .inner-Box { margin: 0 auto; position: relative; }
#contents02 .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;}
#contents02 .inner-Box ul li{position: relative;width: 336px;margin-right: 46px;margin-bottom: 74px;}
#contents02 .inner-Box ul li:nth-child(3n){ margin-right: 0px; }
#contents02 .inner-Box span.icon01 {display: block;line-height: 1;position: absolute;top: -11px;left: 1px;}
#contents02 .inner-Box h3{font-size: 21px;line-height: 1.6;font-weight: 600;letter-spacing: 1.05px;margin-bottom: 14px;padding-left: 69px;}
#contents02 .inner-Box h3 span{  }
#contents02 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 14px;}
#contents02 .inner-Box p.litext {font-size: 16px;line-height: 30px;letter-spacing: 0.8px;margin-bottom: 30px;font-weight: 400;}

#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;}
#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) {


    #contentsmain {margin: 0 auto 12.1vw;position: relative;padding: 7.4vw 0 0;}
    #contentsmain .inner-Box {margin: 0 4vw;position: relative;text-align: center;}
    #contentsmain .inner-Box h2 {margin: 0 16.2vw 4.5vw;}
    #contentsmain .inner-Box h2 img{  }
    #contentsmain .inner-Box p.text {font-size: 4.34vw;line-height: 7.72vw;font-weight: 600;letter-spacing: 0.21vw;margin-bottom: 3.4vw;}
    
    .backk{background: url('../images/value/sp-contents01-back01.png') no-repeat top center; background-size: 100% auto;padding: 34.1vw 0 0;}
    
    #link01,#link02,#link03,#link04,#link05,#link06,#link07,#link08{position: relative; top: -9.7vw;}
    
    #contents01 {margin: 0 auto 19.8vw;position: relative;}
    #contents01 .inner-Box {margin: 0 8.3vw;position: relative;}
    #contents01 .inner-Box ul.list {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 {margin-bottom: -1vw;}
    #contents01 .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; }
    #contents01 .inner-Box ul li figure{ margin-bottom: 4vw; }
    
    #contents02 {margin: 0 auto -3.8vw;position: relative;}
    #contents02 .inner-Box { margin: 0 4vw; position: relative; }
    #contents02 .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 4.3vw;}
    #contents02 .inner-Box ul li{position: relative;margin-bottom: 14.6vw;}
    #contents02 .inner-Box ul li:nth-child(3n){ margin-right: 0.0vw; }
    #contents02 .inner-Box span.icon01 {display: block;line-height: 1;position: absolute;top: -2.7vw;left: 0.5vw;}
    #contents02 .inner-Box span.icon01 img{height: 9.3vw;width: auto;}
    #contents02 .inner-Box h3{font-size: 5.1vw;line-height: 1.6;font-weight: 600;letter-spacing: 0.25vw;margin-bottom: 3.4vw;padding-left: 16.7vw;}
    #contents02 .inner-Box h3 span{  }
    #contents02 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 5.6vw;}
    #contents02 .inner-Box p.litext {font-size: 4.34vw;line-height: 7.72vw;letter-spacing: 0.21vw;margin-bottom: 7.2vw;font-weight: 600;}
    


.backk{background: url('../images/value/sp-contents01-back01.png') no-repeat top center;background-size: 100% auto;padding: 14.7vw 0 0vw;}


#contentsbottom h2{text-align: center;font-size: 4.34vw;line-height: 7.72vw;letter-spacing: 0.2vw;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 {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; }

}