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

.main-title{ background: url(../images/contact/h1.png)no-repeat top right;}

#contentsmain {margin: 0 auto -326px;position: relative;background: url('../images/contact/contentsmain-back01.png')no-repeat bottom center;padding: 62px 0 390px;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;width: 1100px;}
#contentsmain .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: -42px;left: 180px;}
#contentsmain .inner-Box h2{font-size: 26px;line-height: 48px;font-weight: 700;letter-spacing: 6.24px;margin-bottom: 54px;text-align: center;padding-left: 9px;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inBox {margin: 0 auto 52px;position: relative;background: #191919;border: 2px solid #FFFFFF;padding: 42px 58px 34px 58px;}
#contentsmain .inBox ul{}
#contentsmain .inBox ul li{position: relative;border-bottom: #7E7E7E 1px solid;padding-bottom: 10px;margin-bottom: 13px;}
#contentsmain .inBox ul li:nth-child(3n){ margin-right: 0px; }
#contentsmain .inBox span.ch {display: block;line-height: 1;position: absolute;top: 6px;left: 0;}
#contentsmain .inBox p.ltext {font-size: 20px;line-height: 34px;font-weight: 500;letter-spacing: 1px;margin-bottom: 2px;padding: 0 0 0 40px;}
#contentsmain p.text2 {font-size: 26px;line-height: 48px;font-weight: 700;letter-spacing: 6.24px;margin-bottom: 30px;text-align: center;}

#form {margin: 0 auto -309px;background: #191919;position: relative;width: 1200px;box-shadow: 0px 0px 36px #FFFFFF29;padding: 79px 100px;}
#form figure.img01 {position: absolute;top: -212px;right: 130px;}
#form .inner-Box1 {margin: 0 auto 99px;position: relative;}
#form .inner-Box1 h2 {margin-bottom: 40px;text-align: center;}
#form .inner-Box1 h2 img{  }
#form .inner-Box1 h3{font-size: 24px;line-height: 1.6;font-weight: 700;letter-spacing: 5.76px;margin-bottom: 21px;text-align: center;}
#form .inner-Box1 h3 span{  }
#form .inner-Box1 p.text {font-size: 16px;line-height: 30px;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 38px;text-align: center;}
#form .inner-Box1 figure.img02 {position: relative;top: 0;left: 0;text-align: center;}
#form .form-Box { margin: 0 auto; position: relative; }
#form .form-Box h2 {margin-bottom: 40px;text-align: center;}
#form .form-Box h2 img{  }
#form .form-Box h3{font-size: 24px;line-height: 1.6;font-weight: 700;letter-spacing: 5.76px;margin-bottom: 33px;text-align: center;}
#form .form-Box h3 span{  }
#form .form-Box ul.list{font-size: 14px;line-height: 26px;letter-spacing: 0.7px;font-weight: 500;margin-bottom: 40px;}
#form .pritext{text-align: center;margin-bottom: 59px;}

}




@media screen and (min-width: 768px) and (max-width: 1320px) {
    #contentsmain img{width: 100%;}
  #contentsmain {margin: 0 auto -24.7vw;position: relative;background: url('../images/contact/contentsmain-back01.png') no-repeat bottom center;padding: 4.7vw 0 29.5vw;background-size: cover;}
  #contentsmain .inner-Box {margin: 0 auto; position: relative; width: 83.33vw;}
  #contentsmain .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: -3.18vw;left: 13.64vw;width: 11vw;}
  #contentsmain .inner-Box h2 {font-size: 1.97vw; line-height: 3.64vw; font-weight: 700; letter-spacing: 0.47vw; margin-bottom: 4.09vw; text-align: center; padding-left: 0.68vw;}
  #contentsmain .inner-Box h2 span {}
  #contentsmain .inBox {margin: 0 auto 3.94vw; position: relative; background: #191919; border: 2px solid #FFFFFF; padding: 3.18vw 4.39vw 2.58vw 4.39vw;}
  #contentsmain .inBox ul {}
  #contentsmain .inBox ul li {position: relative; border-bottom: #7E7E7E 1px solid; padding-bottom: 0.76vw; margin-bottom: 0.98vw;}
  #contentsmain .inBox ul li:nth-child(3n) {margin-right: 0vw;}
  #contentsmain .inBox span.ch {display: block;line-height: 1;position: absolute;top: 0.7vw;left: 0vw;}
  #contentsmain .inBox span.ch img{width: 2vw;}
  #contentsmain .inBox p.ltext {font-size: 16px;/* line-height: 2.58vw; */font-weight: 500;/* letter-spacing: 0.076vw; */margin-bottom: 0.15vw;padding: 0 0 0 3.03vw;}
  #contentsmain p.text2 {font-size: 1.97vw; line-height: 3.64vw; font-weight: 700; letter-spacing: 0.47vw; margin-bottom: 2.27vw; text-align: center;}
  
  #form {margin: 0 auto -23.41vw; background: #191919; position: relative; width: 90.91vw; box-shadow: 0px 0px 2.73vw #FFFFFF29; padding: 5.98vw 7.58vw;}
  #form figure.img01 {position: absolute;top: -17.06vw;right: 9.85vw;width: 20vw;}
  #form .inner-Box1 {margin: 0 auto 7.5vw; position: relative;}
  #form .inner-Box1 h2 {margin-bottom: 3.03vw; text-align: center;}
  #form .inner-Box1 h2 img {}
  #form .inner-Box1 h3 {/* font-size: 1.82vw; *//* line-height: 1.6; */font-weight: 700;/* letter-spacing: 0.44vw; */margin-bottom: 1.59vw;text-align: center;}
  #form .inner-Box1 h3 span {}
  #form .inner-Box1 p.text {/* font-size: 1.21vw; *//* line-height: 2.27vw; */font-weight: 500;/* letter-spacing: 0.06vw; */margin-bottom: 2.88vw;text-align: center;}
  #form .inner-Box1 figure.img02 {position: relative; top: 0; left: 0; text-align: center;}
  #form .form-Box {margin: 0 auto; position: relative;}
  #form .form-Box h2 {margin-bottom: 3.03vw; text-align: center;}
  #form .form-Box h2 img {}
  #form .form-Box h3 {/* font-size: 1.82vw; *//* line-height: 1.6; */font-weight: 700;/* letter-spacing: 0.44vw; */margin-bottom: 2.5vw;text-align: center;}
  #form .form-Box h3 span {}
  #form .form-Box ul.list {/* font-size: 1.06vw; *//* line-height: 1.97vw; *//* letter-spacing: 0.05vw; */font-weight: 500;margin-bottom: 3.03vw;}
  #form .pritext {text-align: center; margin-bottom: 4.47vw;}

}







@media screen and (max-width: 767px) {
    .main-title{ background: url(../images/contact/sp-h1.png)no-repeat top right;background-size: 100% auto;}

    #contentsmain {margin: 0 auto -139.6vw;position: relative;background: url('../images/contact/sp-contentsmain-back01.png') no-repeat  center;background-size: 100% auto;padding: 15.8vw 0 167.4vw;}
    #contentsmain .inner-Box {margin: 0 4vw;position: relative;}
    #contentsmain .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: -21.2vw;left: 1.3vw;width: 26.81vw;}
    #contentsmain .inner-Box h2{font-size: 4.34vw;line-height: 8.45vw;font-weight: 700;letter-spacing: 0.21vw;margin-bottom: 10vw;text-align: center;}
    #contentsmain .inner-Box h2 span{  }
    #contentsmain .inBox {margin: 0 5vw 9.6vw;position: relative;background: #191919;border: 0.5vw solid #FFFFFF;padding: 6vw 6vw 4vw;}
    #contentsmain .inBox ul{}
    #contentsmain .inBox ul li{position: relative;border-bottom: #7E7E7E 0.2vw solid;padding-bottom: 2.4vw;margin-bottom: 3.5vw;}
    #contentsmain .inBox ul li:nth-child(3n){ margin-right: 0.0vw; }
    #contentsmain .inBox span.ch {display: block;line-height: 1;position: absolute;top: 50%;left: -2.7vw;width: 5vw;margin-top: -3vw;}
    #contentsmain .inBox p.ltext {font-size: 3.38vw;line-height: 5.79vw;font-weight: 500;letter-spacing: 0.15vw;margin-bottom: 1.4vw;padding: 0 0 0 4.7vw;margin-right: -2vw;}
    #contentsmain p.text2 {font-size: 4.34vw;line-height: 8.45vw;font-weight: 700;letter-spacing: 0.21vw;margin-bottom: 7.2vw;text-align: center;}
    
    #form {background: #191919;position: relative;box-shadow: 0.0vw 0.0vw 8.7vw #FFFFFF29;padding: 11vw 2.8vw;margin: 0 9vw -60vw;z-index: 3;}
    #form figure.img01 {position: absolute;top: -40.5vw;right: -9vw;width: 36.4vw;}
    #form .inner-Box1 {margin: 0 auto 11.4vw;position: relative;}
    #form .inner-Box1 h2 {margin: 0 9vw 5.1vw;text-align: center;}
    #form .inner-Box1 h2 img{  }
    #form .inner-Box1 h3{font-size: 4.83vw;line-height: 1.6;font-weight: 700;letter-spacing: 1.15vw;margin-bottom: 3.3vw;text-align: center;}
    #form .inner-Box1 h3 span{  }
    #form .inner-Box1 p.text {font-size: 3.38vw;line-height: 2;font-weight: 500;letter-spacing: 0.16vw;margin: 0 4vw 6.8vw;/* text-align: center; */}
    #form .inner-Box1 figure.img02 {position: relative;top: 0;left: 0;text-align: center;margin: 0 4.3vw;}
    #form .form-Box { margin: 0 4vw; position: relative; }
    #form .form-Box h2 {margin: 0 5vw 5.1vw;text-align: center;}
    #form .form-Box h2 img{  }
    #form .form-Box h3{font-size: 4.83vw;line-height: 1.6;font-weight: 700;letter-spacing: 1.15vw;margin-bottom: 3.3vw;text-align: center;}
    #form .form-Box h3 span{  }
    #form .form-Box p.text {font-size: 3.38vw;line-height: 2;font-weight: 500;letter-spacing: 0.16vw;margin: 0 4vw 6.8vw;/* text-align: center; */}
    #form .form-Box ul.list{font-size: 3.38vw;line-height: 2;letter-spacing: 0.16vw;font-weight: 500;margin-bottom: 5.7vw;}
    #form .pritext{text-align: center;margin-bottom: 14.3vw;margin: 0vw 8vw 7vw;}
    #form th p{ display: inline;}
    
}