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

#contentsmain {margin: 0 auto -210px;position: relative;z-index: 3;}
#contentsmain .inner-Box {margin: 0 auto 90px;position: relative;width: 1280px;padding-top: 60px;}
#contentsmain .inner-Box h2 {margin-bottom: 36px;position: relative;z-index: 3;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }
#contentsmain .inner-Box figure.photo {position: absolute;top: 113px;lef;left: 50%;margin-left: -140px;}
#contentsmain .inner-Box p.text {font-size: 16px;line-height: 2.5;font-weight: 500;letter-spacing: 0.8px;margin: 0 0 30px 40px;position: relative;}
#contentsmain .inner-Box2 {margin: 0 auto;position: relative;width: 1000px;height: 609px;background: #fff;box-shadow: 0px 3px 10px #00000029;padding: 68px 103px;}
#contentsmain .inner-Box2 h3 {font-size: 32px;line-height: 1.38;font-weight: 500;letter-spacing: 0;margin-bottom: 38px;position: relative;text-align: center;}
#contentsmain .inner-Box2 ul{}
#contentsmain .inner-Box2 ul li {position: relative;border-bottom: 1px dashed #A4A4A4;margin-bottom: 30px;}
#contentsmain .inner-Box2 ul li:nth-child(3n) { margin-right: 0px; }
#contentsmain .inner-Box2 span.ch {display: block;line-height: 1;position: absolute;top: 7px;left: 37px;}
#contentsmain .inner-Box2 span.ch img {  }
#contentsmain .inner-Box2 p.ltext {font-size: 20px;line-height: 1.88;font-weight: 500;letter-spacing: 2px;position: relative;padding: 0 0 13px 72px;}

#contents01 {margin: 0 auto -21px;position: relative;background: #F7F8F8;padding: 320px 0 0;}
#contents01 .inner-Box {margin: 0 auto 110px;position: relative;width: 1260px;}
#contents01 .inner-Box h2 {text-align: center;margin-bottom: 39px;}
#contents01 .inner-Box h2 span{  }
#contents01 .inner-Box h2 img {  }
#contents01 .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;}
#contents01 .inner-Box ul li {position: relative;width: 400px;background: #fff;border: 1px solid #CECEC1;margin-right: 30px;padding: 32px 30px;}
#contents01 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents01 .inner-Box span.no{display: block;width: 40px;height: 40px;background: #FFE600;position: absolute;top: 0;left: 0;text-align: center;padding-top: 4px;}
#contents01 .inner-Box h3 {font-size: 22px;line-height: 1.64;font-weight: 500;letter-spacing: 2.2px;margin-bottom: 16px;position: relative;text-align: center;}
#contents01 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 16px;}
#contents01 .inner-Box figure.photo img{  }
#contents01 .inner-Box p.litext {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: -7px;position: relative;}
#contents01 .inner-Box2 {margin: 0 auto;position: relative;text-align: center;padding-bottom: 77px;}
#contents01 .inner-Box2 h2 {font-size: 22px;line-height: 1.38;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;position: relative;}
#contents01 .inner-Box2 h2 span {font-size: 40px;display: block;}
#contents01 .inner-Box2 iframe{width: 1100px;height: 520px;margin-bottom: 16px;}
#contents01 .inner-Box2 h3 {font-size: 16px;line-height: 1.38;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 10px;position: relative;}
#contents01 .inner-Box2 p.text {font-size: 14px;line-height: 1.88;font-weight: 500;letter-spacing: 0.7px;margin-bottom: 107px;position: relative;}
#contents01 .inner-Box2 h4 {font-size: 42px;line-height: 1.38;font-weight: 500;letter-spacing: 4.2px;margin-bottom: 0px;position: relative;}
#contents01 .inner-Box2 figure.img {position: absolute;bottom: 0;left: 50%;margin-left: -600px;}
#contents01 .inner-Box2 figure.img img{  }

#form{ background: #fff;}
.formttl{margin-bottom: 0!important;}
}

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

    #contentsmain {margin: 0 auto -20vw;position: relative;z-index: 3;}
    #contentsmain .inner-Box {margin: 0 auto 8.74vw;position: relative;padding-top: 9.49vw;}
    #contentsmain .inner-Box h2 {margin: 0 0vw 5.7vw 4vw;}
    #contentsmain .inner-Box h2 span{  }
    #contentsmain .inner-Box h2 img {  }
    #contentsmain .inner-Box figure.photo {lef;display: none;}
    #contentsmain .inner-Box p.text {font-size: 3.38vw;line-height: 2;font-weight: 500;letter-spacing: 0.17vw;margin: 0 0 7.25vw 6.66vw;position: relative;}
    #contentsmain .inner-Box2 {margin: 0 3vw;position: relative;background: #fff;box-shadow: 0.0vw 0.72vw 2.42vw #00000029;padding: 10.43vw 6.88vw 4.43vw 6.88vw;}
    #contentsmain .inner-Box2 h3 {font-size: 4.83vw;line-height: 1.38;font-weight: 500;letter-spacing: 0;margin-bottom: 7.18vw;position: relative;text-align: center;}
    #contentsmain .inner-Box2 ul{}
    #contentsmain .inner-Box2 ul li {position: relative;border-bottom: 0.24vw dashed #A4A4A4;margin-bottom: 5.05vw;}
    #contentsmain .inner-Box2 ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contentsmain .inner-Box2 span.ch {display: block;line-height: 1;position: absolute;top: 1.29vw;left: 0.24vw;width: 4.6vw;}
    #contentsmain .inner-Box2 span.ch img {  }
    #contentsmain .inner-Box2 p.ltext {font-size: 3.86vw;line-height: 1.75;font-weight: 500;letter-spacing: 0.39vw;position: relative;padding: 0 0 2.34vw 5.39vw;}
    
    #contents01 {margin: 0 auto 4.1vw;position: relative;background: #F7F8F8;padding: 36.29vw 0 0;}
    #contents01 .inner-Box {margin: 0 auto 9.27vw;position: relative;}
    #contents01 .inner-Box h2 {text-align: center;margin: 0 26.9vw 7.42vw;}
    #contents01 .inner-Box h2 span{  }
    #contents01 .inner-Box h2 img {  }
    #contents01 .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.1vw;}
    #contents01 .inner-Box ul li {position: relative;background: #fff;border: 0.24vw solid #CECEC1;margin-bottom: 7.25vw;padding: 7.73vw 4.25vw;}
    #contents01 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contents01 .inner-Box span.no{display: block;width: 9.66vw;height: 9.66vw;background: #FFE600;position: absolute;top: 0;left: 0;text-align: center;padding-top: 1.69vw;}
    #contents01 .inner-Box h3 {font-size: 4.83vw;line-height: 1.64;font-weight: 500;letter-spacing: 0.53vw;margin-bottom: 3.86vw;position: relative;text-align: center;}
    #contents01 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 3.86vw;}
    #contents01 .inner-Box figure.photo img{  }
    #contents01 .inner-Box p.litext {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: -2vw;position: relative;}
    #contents01 .inner-Box2 {margin: 0 4vw;position: relative;text-align: center;padding-bottom: 8.3vw;}
    #contents01 .inner-Box2 h2 {font-size: 4.83vw;line-height: 1.38;font-weight: 500;letter-spacing: 0.3vw;margin-bottom: 7.25vw;position: relative;}
    #contents01 .inner-Box2 h2 span {font-size: 7.25vw;display: block;margin-bottom: 3.9vw;letter-spacing: 0;}
    #contents01 .inner-Box2 iframe{margin-bottom: 3.86vw;width: 91.79vw;height: 57.97vw;}
    #contents01 .inner-Box2 h3 {font-size: 3.86vw;line-height: 1.38;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 2.42vw;position: relative;}
    #contents01 .inner-Box2 p.text {font-size: 3.38vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.17vw;margin-bottom: 14.85vw;position: relative;}
    #contents01 .inner-Box2 h4 {font-size: 6.76vw;line-height: 1.68;font-weight: 500;letter-spacing: 0.68vw;margin-bottom: 0.0vw;position: relative;}
    #contents01 .inner-Box2 figure.img {position: absolute;bottom: -12vw;left: 0;width: 28.8vw;}
    #contents01 .inner-Box2 figure.img img{  }
    
    #form{ background: #fff;}
    .formttl{margin-bottom: 0!important;}

}