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

#contentsmain {margin: 54px auto 0 auto;position: relative;text-align: center;padding: 390px 0 0;}
#contentsmain h2 {position: absolute;top: -30px;left: 50%;z-index: 5;margin-left: 340px;}
#contentsmain h2 span{  }
#contentsmain h2 img {  }
#contentsmain figure.photo {position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
#contentsmain figure.photo img{  }
#contentsmain .inner-Box1 {margin: 0 auto -171px;position: relative;width: 1200px;height: 360px;background: #fff;padding: 71px 0 0;z-index: 3;}
#contentsmain .inner-Box1 h3 {font-size: 40px;line-height: 1.38;font-weight: 500;letter-spacing: 0px;margin-bottom: 60px;position: relative;}
#contentsmain .inner-Box1 h3::before{content: "";display: block;background: #B9B9B6;width: 90px;height: 1px;position: absolute;bottom: -18px;left: 50%;transform: translateX(-50%);}
#contentsmain .inner-Box1 p.text {font-size: 22px;line-height: 1.88;font-weight: 500;letter-spacing: 2.2px;margin-bottom: 30px;position: relative;}
#contentsmain .inner-Box2 {margin: 0 auto;position: relative;background: #F7F8F8;padding: 258px 0 0;height: 590px;}
#contentsmain .inner-Box2 h4 {font-size: 22px;line-height: 1.38;font-weight: 500;letter-spacing: 0px;margin-bottom: 20px;position: relative;}
#contentsmain .inner-Box2 p.tel {font-size: 41px;line-height: 1.88;font-weight: 500;letter-spacing: 2.05px;margin-bottom: 40px;position: relative;}
#contentsmain .inner-Box2 p.tel span.sp-tel-link {display: block;width: 492px;height: 104px;border-radius: 58px;background: #fff;margin: 0 auto;line-height: 1;padding: 32px 0 0;}
#contentsmain .inner-Box2 figure.img {position: absolute;bottom: -39px;left: 50%;margin-left: 379px;z-index: 4;}
#contentsmain .inner-Box2 figure.img img{  }
#contentsmain .inner-Box2 p.btn { font-size: 16px; line-height: 1.88; font-weight: 500; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#contentsmain .inner-Box2 p.btn a {background: #FFE600;border-radius: 10px;width: 720px;height: 60px;display: block;margin: 0 auto;padding-top: 14px;position: relative;}
#contentsmain .inner-Box2 p.btn .arr {position: absolute;top: 16px;right: 7px;-webkit-filter: brightness(0);filter: brightness(0);transform: rotate(90deg);transform-origin: center;}
#contentsmain .inner-Box2 p.btn .arr img{width: 18px;}

#contents01 {margin: 0 auto;position: relative;background: url('../images/contact/contents01-back01.png')no-repeat top center;padding: 67px 0 0;}
#contents01 .inner-Box {margin: 0 auto;position: relative;padding-bottom: 80px;}
#contents01 .inner-Box h2 {font-size: 32px;line-height: 1.58;font-weight: 500;letter-spacing: 3.3px;margin-bottom: 57px;position: relative;color: #fff;text-align: center;}
#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;width: 1040px;margin: 0 auto 61px;}
#contents01 .inner-Box ul li {position: relative;width: 320px;margin-right: 40px;background: #fff;padding: 20px;}
#contents01 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents01 .inner-Box span.no{padding: 14px 0 0;background: #fff;width: 60px;height: 60px;display: block;text-align: center;border-radius: 50%;position: absolute;top: -31px;left: 50%;transform: translateX(-50%);z-index: 3;font-size: 19px;}
#contents01 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 10px;}
#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: 10px;position: relative;text-align: center;}
#contents01 .inner-Box span.arr {display: block;line-height: 1;position: absolute;top: 143px;right: -32px;}
#contents01 .inner-Box span.arr img {  }
#contents01 .inner-Box p.btn {text-align: center;}
#contents01 .inner-Box p.btn img {  }




}

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


    #contentsmain {margin: 14.4vw auto 0 auto;position: relative;text-align: center;}
    #contentsmain h2 { margin: 0 3.3vw -5vw; position: relative; z-index: 3; }
    #contentsmain h2 span{  }
    #contentsmain h2 img {  }
    #contentsmain figure.photo {position: relative;top: 0;left: 50%;transform: translateX(-50%);margin: 0 0 -7.2vw;}
    #contentsmain figure.photo img{  }
    #contentsmain .inner-Box1 {margin: 0 4.1vw -60.4vw;position: relative;background: #fff;padding: 9.05vw 0 1vw;z-index: 3;}
    #contentsmain .inner-Box1 h3 {font-size: 7.25vw;line-height: 1.38;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 4.99vw;position: relative;}
    #contentsmain .inner-Box1 h3::before{content: "";display: block;background: #B9B9B6;width: 21.74vw;height: 0.24vw;position: absolute;bottom: -2vw;left: 50%;transform: translateX(-50%);}
    #contentsmain .inner-Box1 p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.39vw;margin-bottom: 9.25vw;position: relative;}
    #contentsmain .inner-Box2 {position: relative;background: #F7F8F8;padding: 72.42vw 0 14.5vw;}
    #contentsmain .inner-Box2 h4 {font-size: 4.83vw;line-height: 1.8;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 4.03vw;position: relative;}
    #contentsmain .inner-Box2 p.tel {font-size: 7.25vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.4vw;margin-bottom: 6.66vw;position: relative;}
    #contentsmain .inner-Box2 p.tel span.sp-tel-link {display: block;width: 88.41vw;height: 18.84vw;border-radius: 14.01vw;background: #fff;margin: 0 auto;line-height: 1;padding: 5.53vw 0 0;}
    #contentsmain .inner-Box2 figure.img {position: absolute;bottom: -3vw;right: 4vw;width: 18.6vw;z-index: 3;}
    #contentsmain .inner-Box2 figure.img img{  }
    #contentsmain .inner-Box2 p.btn {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;position: relative;}
    #contentsmain .inner-Box2 p.btn a {background: #FFE600;border-radius: 2.42vw;height: 14.49vw;display: block;margin: 0 4vw;padding-top: 4.08vw;position: relative;}
    #contentsmain .inner-Box2 p.btn .arr {position: absolute;top: 3.66vw;right: 2.19vw;-webkit-filter: brightness(0);filter: brightness(0);transform: rotate(90deg);transform-origin: center;}
    #contentsmain .inner-Box2 p.btn .arr img{ width: 3.4vw; }
    
    #contents01 {position: relative;background: url('../images/contact/contents01-back01.png')repeat top center;padding: 15.38vw 0 0;background-size: 100% auto;}
    #contents01 .inner-Box {position: relative;padding-bottom: 14.32vw;}
    #contents01 .inner-Box h2 {font-size: 5.31vw;line-height: 1.58;font-weight: 500;letter-spacing: 0.53vw;margin-bottom: 13.77vw;position: relative;color: #fff;text-align: center;}
    #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 11.3vw -6.07vw;}
    #contents01 .inner-Box ul li {position: relative;margin-bottom: 18.16vw;background: #fff;padding: 4.83vw;}
    #contents01 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contents01 .inner-Box span.no{padding: 4.11vw 0 0;background: #fff;width: 14.49vw;height: 14.49vw;display: block;text-align: center;border-radius: 50%;position: absolute;top: -7.5vw;left: 50%;transform: translateX(-50%);z-index: 3;font-size: 4.59vw;}
    #contents01 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 2.42vw;}
    #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: 2.42vw;position: relative;text-align: center;}
    #contents01 .inner-Box span.arr {display: block;line-height: 1;position: absolute;bottom: -8.3vw;left: 50%;width: 14.49vw;transform: translateX(-50%);}
    #contents01 .inner-Box span.arr img {  }
    #contents01 .inner-Box p.btn {text-align: center;margin: 0 4.1vw;}
    #contents01 .inner-Box p.btn img {  }
    

}