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

    #contentsmain {margin: 46px auto 0 auto;position: relative;background: url('../images/atferservice/contentsmain-back01.png')no-repeat top center #F6F3EC;padding: 241px 0 132px;}
    #contentsmain .inner-Box1 {margin: 0 auto 189px;position: relative;width: 1200px;height: 793px;background: #35AE97;border: #359D82 16px solid;}
    #contentsmain .inner-Box1 h2 {text-align: center;padding: 43px 0 32px;position: relative;left: -19px;}
    #contentsmain .inner-Box1 h2 img{  }
    #contentsmain .inner-Box1 h3 {text-align: center;margin-bottom: 40px;}
    #contentsmain .inner-Box1 h3 img{  }
    #contentsmain .inBox {margin: 0 auto;position: relative;width: 989px;height: 374px;background: #fff;padding: 60px 0 0 85px;}
    #contentsmain .inBox figure.photo {position: absolute;top: 0;right: 0;}
    #contentsmain .inBox h4 {margin-bottom: 26px;}
    #contentsmain .inBox h4 img{  }
    #contentsmain .inBox p.text {font-size: 16px;line-height: 30px;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;width: 468px;padding-left: 4px;}
    #contentsmain .inner-Box2 {margin: 0 auto 90px;position: relative;width: 1200px;height: 398px;background: #fff;border: 3px solid #359D82;padding: 59px 610px 0 122px;}
    #contentsmain .inner-Box2 span.icon {display: block;line-height: 1;position: absolute;top: -72px;left: 27px;z-index: 3;}
    #contentsmain .inner-Box2 h3{font-size: 26px;line-height: 1.6;font-weight: 700;letter-spacing: 1.3px;margin-bottom: 30px;}
    #contentsmain .inner-Box2 h3 span{  }
    #contentsmain .inner-Box2 figure.photo {position: absolute;top: 85px;right: 122px;}
    #contentsmain .inner-Box2 p.text2 {font-size: 16px;line-height: 30px;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;}
    #contentsmain .inner-Box3 {margin: 0 auto;position: relative;width: 1200px;height: 648px;background: #fff;border: 3px solid #359D82;padding: 59px 605px 0 122px;}
    #contentsmain .inner-Box3 span.icon {display: block;line-height: 1;position: absolute;top: -72px;left: 27px;z-index: 3;}
    #contentsmain .inner-Box3 h3{font-size: 26px;line-height: 1.6;font-weight: 700;letter-spacing: 1.3px;margin-bottom: 30px;}
    #contentsmain .inner-Box3 h3 span{  }
    #contentsmain .inner-Box3 figure.photo {position: absolute;top: 85px;right: 122px;}
    #contentsmain .inner-Box3 p.text2 {font-size: 16px;line-height: 30px;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;}
    #contentsmain .inner-Box3 figure.img {position: absolute;top: 400px;left: 80px;}


    #contentsbottom {margin: 0 auto;position: relative;background: url('../images/atferservice/contentsbottom-back01.png')no-repeat top center;padding-bottom: 114px;}
    #contentsbottom .inner-Box {margin: 0 auto 0px;position: relative;width: 1280px;padding: 160px 0 160px;}
    #contentsbottom .inBox {position: relative;width: 650px;height: 348px;background: #fff;box-shadow: 0px 0px 30px #00000066;text-align: center;}
    #contentsbottom .inBox span.f-gara {font-size: 14px;line-height: 1.6;letter-spacing: 0.7px;font-weight: 500;color: #CC8400;display: block;padding: 59px 0 32px;}
    #contentsbottom .inBox h2.f-min-02 {font-size: 24px;line-height: 40px;font-weight: 600;letter-spacing: 2.4px;margin-bottom: 30px;}
    #contentsbottom .inBox h2.f-min-02 span{  }
    #contentsbottom .inner-Box2 { width: 710px; margin: 0 auto; 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{ }
    #contentsbottom .inner-Box2 ul li:nth-child(2){position: relative;right: -70px;}

}

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

    #contentsmain {margin: 7.6vw auto 0 auto;position: relative;background: url('../images/atferservice/sp-contentsmain-back01.png')no-repeat top center #F6F3EC;padding: 47.2vw 0 1.9vw;background-size: 100% auto;}
#contentsmain .inner-Box1 {margin: 0 5vw 31.5vw;position: relative;background: #35AE97;border: #359D82 3.9vw solid;padding-bottom: 8.5vw;}
#contentsmain .inner-Box1 h2 {text-align: center;position: relative;margin: 0 12.1vw -3vw 12.2vw;padding: 6vw 0 0vw;}
#contentsmain .inner-Box1 h2 img{  }
#contentsmain .inner-Box1 h3 {text-align: center;margin: 0 3.7vw 6.5vw 1vw;}
#contentsmain .inner-Box1 h3 img{  }
#contentsmain .inBox {margin: 0 2.7vw;position: relative;background: #fff;padding: 0 0 1vw;}
#contentsmain .inBox figure.photo {position: relative;top: 0;right: 0;margin-bottom: 7vw;}
#contentsmain .inBox h4 {margin: 0 4vw 6.3vw;}
#contentsmain .inBox h4 img{  }
#contentsmain .inBox p.text {font-size: 3.86vw;line-height: 7.24vw;font-weight: 500;letter-spacing: 0.2vw;margin: 0 5.3vw 7.2vw;padding-left: 1.0vw;}
#contentsmain .inner-Box2 {margin: 0 9vw 24.5vw;position: relative;background: #fff;border: 0.7vw solid #359D82;padding: 18.6vw 6.6vw 5.6vw 6.6vw;}
#contentsmain .inner-Box2 span.icon {display: block;line-height: 1;position: absolute;top: -10.4vw;left: 30.6vw;z-index: 3;width: 19.4vw;}
#contentsmain .inner-Box2 h3{font-size: 4.83vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.3vw;margin: 0 -4vw 4.1vw;text-align: center;}
#contentsmain .inner-Box2 h3 span{  }
#contentsmain .inner-Box2 figure.photo {position: relative;margin: 0 0 6vw;}
#contentsmain .inner-Box2 p.text2 {font-size: 3.86vw;line-height: 7.24vw;font-weight: 500;letter-spacing: 0.3vw;margin-bottom: 7.2vw;}
#contentsmain .inner-Box3 {margin: 0 9vw 12.7vw;position: relative;background: #fff;border: 0.7vw solid #359D82;padding: 18.6vw 6.6vw 8.6vw 6.6vw;}
#contentsmain .inner-Box3 span.icon {display: block;line-height: 1;position: absolute;top: -10.4vw;left: 30.6vw;z-index: 3;width: 19.4vw;}
#contentsmain .inner-Box3 h3{font-size: 4.83vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.3vw;margin: 0 -4vw 4.1vw;text-align: center;}
#contentsmain .inner-Box3 h3 span{  }
#contentsmain .inner-Box3 figure.photo {position: relative;margin: 0 0 6vw;}
#contentsmain .inner-Box3 p.text2 {font-size: 3.86vw;line-height: 7.24vw;font-weight: 500;letter-spacing: 0.3vw;margin-bottom: 7.2vw;}
#contentsmain .inner-Box3 figure.img {position: relative;margin: 0 -2.7vw 0 -4vw;padding-top: 2vw;}


#contentsbottom {position: relative;background: url('../images/atferservice/sp-contentsbottom-back01.png') no-repeat top 46.3vw center;background-size: 100% auto;padding-bottom: 9.9vw;}
#contentsbottom .inner-Box {margin: 0 5.2vw 0.0vw;position: relative;padding: 16.4vw 0 76.4vw;}
#contentsbottom .inBox {position: relative;height: 79.1vw;background: #fff;box-shadow: 0.0vw 0.0vw 7.2vw #00000066;text-align: center;}
#contentsbottom .inBox span.f-gara {font-size: 3.38vw;line-height: 1.6;letter-spacing: 0.15vw;font-weight: 500;color: #CC8400;display: block;padding: 11.6vw 0 5.7vw;}
#contentsbottom .inBox h2.f-min-02 {font-size: 4.83vw;line-height: 8.69vw;font-weight: 600;letter-spacing: 0.48vw;margin: 0 8.6vw 7.2vw;text-align: left;}
#contentsbottom .inBox h2.f-min-02 span{  }

    #contentsbottom .inner-Box2 {margin: 0 4vw;position: relative;}
    #contentsbottom .inner-Box2 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;margin: 0 7vw;}
    #contentsbottom .inner-Box2 ul li {text-align: center;margin-bottom: 6.7vw;}

}