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

    #contentsmain {margin: 0 auto 140px;position: relative;width: 1100px;padding: 41px 0 0;}
    #contentsmain .inner-Box {margin: 0 auto;position: relative;text-align: center;}
    #contentsmain .inner-Box h2{font-size: 36px;line-height: 1.6;font-weight: 500;letter-spacing: 6.48px;margin-bottom: 37px;text-align: center;}
    #contentsmain .inner-Box h2 span{  }
    #contentsmain .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 70px;}
    #contentsmain .inner-Box p.text {font-size: 16px;line-height: 28px;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 28px;}

    #contents01 {margin: 0 auto 132px;position: relative;width: 1100px;}
    #contents01 .inner-Box { margin: 0 auto; position: relative; }
    #contents01 .inner-Box h2{font-size: 36px;line-height: 1.6;font-weight: 500;letter-spacing: 6.48px;margin-bottom: 45px;text-align: center;}
    #contents01 .inner-Box h2 span{  }
    #contents01 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: 28px;right: 204px;}
    #contents01 .inner-Box table{border-top: #CACFD5 1px solid;font-size: 16px;letter-spacing: 0.8px;line-height: 30px;}
    #contents01 .inner-Box table th {background: #F5F7F7;width: 250px;text-align: left;font-weight: 500;padding: 27px 30px;border-bottom: #CACFD5 1px solid;}
    #contents01 .inner-Box table td {font-weight: 400;border-bottom: #CACFD5 1px solid;padding: 27px 26px;}
    #contents01 .inner-Box table td p{ margin-bottom: 10px;}
    #contents01 .inner-Box table td p span.bobt{ font-weight: 500;}

    #contents02 {margin: 0 auto 139px;position: relative;width: 1100px;}
    #contents02 .inner-Box { margin: 0 auto; position: relative; }
    #contents02 .inner-Box h2{font-size: 36px;line-height: 1.6;font-weight: 500;letter-spacing: 6.48px;margin-bottom: 45px;text-align: center;}
    #contents02 .inner-Box h2 span{  }
    #contents02 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: 28px;right: 204px;}
    #contents02 .inner-Box table{border-top: #CACFD5 1px solid;font-size: 16px;letter-spacing: 0.8px;line-height: 30px;width: 100%;}
    #contents02 .inner-Box table th.fsb{border-top: #0062B2 1px solid;}
    #contents02 .inner-Box table th {width: 250px;text-align: left;font-weight: 500;padding: 22px 30px;border-bottom: #0062B2 1px solid;}
    #contents02 .inner-Box table td {font-weight: 400;border-bottom: #CACFD5 1px solid;padding: 23px 26px;}
    #contents02 .inner-Box table td p{ margin-bottom: 10px;}
    #contents02 .inner-Box table td p span{ font-weight: 500;}

    #contents03 {margin: 0 auto 134px;position: relative;width: 1100px;}
    #contents03 .inner-Box { margin: 0 auto; position: relative; }
    #contents03 h2{font-size: 36px;line-height: 1.6;font-weight: 500;letter-spacing: 6.48px;margin-bottom: 45px;text-align: center;}
    #contents03 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 ul li{width: 535px;}
    #contents03 ul li:nth-child(2){ position: relative; left: 30px;}
    #contents03 ul iframe{width: 535px;height: 334px;margin-bottom: 10px;}
    #contents03 ul p{font-size: 16px;line-height: 28px;font-weight: 700;letter-spacing: 0.8px;margin-bottom: 28px;}

    #contentsbottom {margin: 0 auto 180px;position: relative;width: 1100px;}
    #contentsbottom .inner-Box { margin: 0 auto; position: relative; }
    #contentsbottom h2{font-size: 36px;line-height: 1.6;font-weight: 500;letter-spacing: 6.48px;margin-bottom: 19px;text-align: center;}
    #contentsbottom span.icon {display: block;line-height: 1;position: absolute;top: 65px;right: 46px;z-index: 3;}
    #contentsbottom .inner-Box {margin: 0 auto 62px;position: relative;}
    #contentsbottom h3 {margin-bottom: 19px;}
    #contentsbottom .inner-Box h3 img{  }
    #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: 19px;margin-right: 22px;}
    #contentsbottom .inner-Box ul li:nth-child(4) { margin-right: 0px; }
    #contentsbottom .inner-Box ul li figure{  }
    #contentsbottom .inner-Box2 {margin: 0 auto 90px;position: relative;}
    #contentsbottom .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;}
    #contentsbottom .inner-Box2 ul li { margin-right: 22px; }
    #contentsbottom .inner-Box2 ul li:nth-child(3n) { margin-right: 0px; }
    #contentsbottom .inner-Box3 { margin: 0 auto; position: relative; }
    #contentsbottom .inner-Box3 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-Box3 ul li {margin-right: 21px;margin-bottom: 21px;}
    #contentsbottom .inner-Box3 ul li:nth-child(3n) { margin-right: 0px; }
    #contentsbottom .inner-Box3 ul li figure{  }
    

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

    #contentsmain {margin: 0 auto 20.82vw;position: relative;padding: 8.3vw 0 0;}
    #contentsmain .inner-Box {position: relative;text-align: center;}
    #contentsmain .inner-Box h2{font-size: 6.03vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.96vw;margin-bottom: 2.94vw;text-align: center;}
    #contentsmain .inner-Box h2 span{  }
    #contentsmain .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 7.91vw;}
    #contentsmain .inner-Box p.text {font-size: 3.86vw;line-height: 6.76vw;font-weight: 400;letter-spacing: 0.39vw;margin-bottom: 6.76vw;}
    
    #contents01 {margin: 0 auto 31.88vw;position: relative;}
    #contents01 .inner-Box {margin: 0 8vw;position: relative;}
    #contents01 .inner-Box h2{font-size: 6.03vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.96vw;margin-bottom: 7.47vw;text-align: center;}
    #contents01 .inner-Box h2 span{  }
    #contents01 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: 6.76vw;right: 0.18vw;width: 29.1vw;}
    #contents01 .inner-Box table{border-top: #CACFD5 0.24vw solid;font-size: 3.86vw;letter-spacing: 0.19vw;line-height: 6.76vw;}
    #contents01 .inner-Box table th {background: #F5F7F7;text-align: left;font-weight: 500;padding: 4.32vw 7.25vw;border-bottom: #CACFD5 0.24vw solid;display: block;width: 100%;text-align: center;}
    #contents01 .inner-Box table td {font-weight: 400;border-bottom: #CACFD5 0.24vw solid;padding: 4.22vw 0vw;width: 100%;display: block;text-align: center;}
    #contents01 .inner-Box table td p{ margin-bottom: 2.42vw;}
    #contents01 .inner-Box table td p span.bobt{ font-weight: 500;}
    #contents01 .inner-Box table td.lsb{border-bottom:none ;}
    
    #contents02 {margin: 0 auto 16.67vw;position: relative;}
    #contents02 .inner-Box {margin: 0 6vw;position: relative;}
    #contents02 .inner-Box h2{font-size: 8.7vw;line-height: 1.6;font-weight: 500;letter-spacing: 1.57vw;margin-bottom: 10.87vw;text-align: center;}
    #contents02 .inner-Box h2 span{  }
    #contents02 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: 6.76vw;right: 49.28vw;}
    #contents02 .inner-Box table{border-bottom: #0062B2 0.24vw solid;font-size: 3.86vw;letter-spacing: 0.19vw;line-height: 7.25vw;width: 100%;}
    #contents02 .inner-Box table th.fsb{border-top: #0062B2 0.24vw solid;}
    #contents02 .inner-Box table th {text-align: left;font-weight: 500;padding: 5.31vw 7.25vw;border-top: #0062B2 0.24vw solid;display: block;width: 100%;text-align: center;}
    #contents02 .inner-Box table td {font-weight: 400;border-top: #CACFD5 0.24vw solid;padding: 5.56vw 0vw;display: block;width: 100%;text-align: center;}
    #contents02 .inner-Box table td p{ margin-bottom: 2.42vw;}
    #contents02 .inner-Box table td p span{ font-weight: 500;}
    
    #contents03 {margin: 0 auto 13.77vw;position: relative;}
    #contents03 .inner-Box {margin: 0 8.1vw;position: relative;}
    #contents03 h2{font-size: 6.03vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.96vw;margin-bottom: 6.87vw;text-align: center;}
    #contents03 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 ul li{ width: 100%; }
    #contents03 ul li:nth-child(2){position: relative;}
    #contents03 ul iframe{height: 52.28vw;width: 100%;margin-bottom: 1.02vw;}
    #contents03 ul p{font-size: 3.86vw;line-height: 6.76vw;font-weight: 700;letter-spacing: 0.19vw;margin-bottom: 6.76vw;}
    
    #contentsbottom {margin: 0 auto 26.48vw;position: relative;}
    #contentsbottom .inner-Box { margin: 0 4vw; position: relative; }
    #contentsbottom h2{font-size: 6.03vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.96vw;margin-bottom: 6.87vw;text-align: center;}
    #contentsbottom span.icon {display: none;}
    #contentsbottom .inner-Box {margin: 0 8vw 7.98vw;position: relative;}
    #contentsbottom h3 {margin-bottom: 4.59vw;}
    #contentsbottom .inner-Box h3 img{  }
    #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  ul li {margin-bottom: 0.59vw;}
    #contentsbottom  ul li figure{ margin-bottom: 4vw; }
    #contentsbottom .inner-Box2 {margin: 0 8vw 14.98vw;position: relative;}
    #contentsbottom .inner-Box3 {margin: 0 8vw 14.98vw;position: relative;}


}

