@charset "UTF-8";
@media screen and (min-width: 768px),print {
.side-fix{ display: none!important; }
#contentsmain {margin: 0 auto 68px;position: relative;padding: 34px 0 0;}
#contentsmain h2 {text-align: center;margin-bottom: 330px;}
#contentsmain h2 span{  }
#contentsmain h2 img {  }
#contentsmain figure.photo {position: absolute;top: 140px;left: 50%;transform: translateX(-50%);}
#contentsmain figure.photo img{  }
#contentsmain .inner-Box {margin: 0 auto;position: relative;width: 1100px;height: 279px;background: #fff;box-shadow: 0px 3px 6px #00000029;padding: 50px 120px;}
#contentsmain .inner-Box p.text { font-size: 16px; line-height: 1.94; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }

#contents01 {margin: 0 auto 59px;position: relative;background: url('../images/partner/contents01-back01.png')no-repeat top center;padding: 34px 0 54px;}
#contents01 .inner-Box {width: 1100px;margin: 0 auto;position: relative;}
#contents01 .inner-Box h2 {text-align: center;margin-bottom: 83px;}
#contents01 .inner-Box h2 span{  }
#contents01 .inner-Box h2 img {  }
#contents01 .inner-Box ul.reason-slide {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;background: #FFFFFF;width: 346px;margin-right: 31px;padding: 245px 17px 0;}
#contents01 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents01 .inner-Box span.no {display: block;line-height: 1;position: absolute;top: -59px;left: 137px;z-index: 3;}
#contents01 .inner-Box span.no img {  }
#contents01 .inner-Box h3 {font-size: 21px;line-height: 1.5;font-weight: 700;letter-spacing: 1.05px;margin-bottom: 14px;position: relative;text-align: center;}
#contents01 .inner-Box figure.photo { position: absolute; top: 0; left: 0; }
#contents01 .inner-Box figure.photo img{  }
#contents01 .inner-Box p.ltext {font-size: 16px;line-height: 1.75;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;}

#contents02 {margin: 0 auto;position: relative;background: url('../images/partner/contents02-back01.png')no-repeat bottom center;padding-bottom: 404px;}
#contents02 h2 {text-align: center;margin-bottom: 20px;}
#contents02 h2 span{  }
#contents02 h2 img {  }
#contents02 .bottom-Box {margin: 0 auto 99px;position: relative;width: 1200px;height: 350px;background: #F1F2ED;padding: 38px 50px;}
#contents02 .bottom-Box 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;}
#contents02 .bottom-Box ul li {margin-right: 40px;margin-bottom: 30px;}
#contents02 .bottom-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents02 .bottom-Box ul li figure {  }
#contents02 .bottom-Box ul li a {  }
#contents02 .bottom-Box ul li a:hover {  }
#contents02 .inner-Box {margin: 0 auto;position: relative;text-align: center;}
#contents02 .inner-Box h3 {font-size: 30px;line-height: 1.53;font-weight: 700;letter-spacing: 1.5px;margin-bottom: 19px;position: relative;}
#contents02 .inner-Box p.text {font-size: 20px;line-height: 1.94;font-weight: 700;letter-spacing: 0px;margin-bottom: 30px;position: relative;}

#contents03 {margin: 0 auto;position: relative;background: #F1F2ED;}
#contents03 .form-Box{padding-top: 119px;}
#contents03 .form-Box .fgb-Box{padding-top: 60px;}
#contents03 h2{margin-bottom: 15px;}

}

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

    #contentsmain {margin: 7.1vw auto 9.63vw;position: relative;}
    #contentsmain h2 {text-align: center;margin: 0 18.1vw 6vw 17.4vw;}
    #contentsmain h2 span{  }
    #contentsmain h2 img {  }
    #contentsmain figure.photo {position: relative;margin-bottom: -5vw;}
    #contentsmain figure.photo img{  }
    #contentsmain .inner-Box {margin: 0 3vw;position: relative;background: #fff;box-shadow: 0.0vw 0.72vw 1.45vw #00000029;padding: 6.6vw 8.5vw 1.6vw 8.5vw;}
    #contentsmain .inner-Box p.text { font-size: 3.86vw; line-height: 1.94; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
    
    #contents01 {margin: 0 auto 9.75vw;position: relative;background: url('../images/partner/sp-contents01-back01.png')no-repeat top center;padding: 5.71vw 0 20.04vw;background-size: 100% auto;}
    #contents01 .inner-Box {position: relative;}
    #contents01 .inner-Box h2 {text-align: center;margin: 0 9.4vw -6.8vw;}
    #contents01 .inner-Box h2 span{  }
    #contents01 .inner-Box h2 img {  }
    #contents01 .inner-Box ul.reason-slide {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 {border-radius: 4vw;position: relative;background: #FFFFFF;margin: 21vw 2.42vw 0;padding: 10.4vw 6.01vw 0;width: 82.13vw;height: 148vw;}
    #contents01 .inner-Box span.no {display: block;line-height: 1;position: absolute;top: -10vw;z-index: 3;left: 50%;transform: translateX(-50%);width: 16.4vw;}
    #contents01 .inner-Box span.no img {  }
    #contents01 .inner-Box h3 {font-size: 5.07vw;line-height: 1.5;font-weight: 700;letter-spacing: 0.25vw;margin-bottom: 3.38vw;position: relative;text-align: center;}
    #contents01 .inner-Box figure.photo {position: relative;margin-bottom: 5vw;top: 0;left: 0;}
    #contents01 .inner-Box figure.photo img{  }
    #contents01 .inner-Box p.ltext {font-size: 3.86vw;line-height: 1.94;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;}
    
    #contents02 {position: relative;background: url('../images/partner/sp-contents02-back01.png')no-repeat bottom center;padding-bottom: 51.58vw;background-size: 100% auto;}
    #contents02 h2 {text-align: center;margin: 0 25.7vw 4.83vw;}
    #contents02 h2 span{  }
    #contents02 h2 img {  }
    #contents02 .bottom-Box {margin: 0 auto 5.91vw;position: relative;background: #F1F2ED;padding: 7.18vw 9.08vw 2.18vw 9.08vw;}
    #contents02 .bottom-Box 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;}
    #contents02 .bottom-Box ul li {margin-bottom: 6.05vw;}
    #contents02 .bottom-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contents02 .bottom-Box ul li figure {  }
    #contents02 .bottom-Box ul li a {  }
    #contents02 .bottom-Box ul li a:hover {  }
    #contents02 .inner-Box {margin: 0 4vw;position: relative;text-align: center;}
    #contents02 .inner-Box h3 {font-size: 4.83vw;line-height: 1.73;font-weight: 700;letter-spacing: 0vw;margin-bottom: 3.59vw;position: relative;}
    #contents02 .inner-Box p.text {font-size: 3.86vw;line-height: 1.94;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 7.25vw;position: relative;}
    
    #contents01 .inner-Box .slick-dots {position: absolute;bottom: -9.5vw;display: block;width: 100%;padding: 0;list-style: none;text-align: left;text-align: center;}
    #contents01 .inner-Box .slick-dots li {position: relative;display: inline-block;width: 2.42vw!important;height: 2.42vw!important;margin: 0 1.61vw!important;padding: 0;cursor: pointer;}
    #contents01 .inner-Box .slick-dots li button {width: 2.42vw;font-size: 0;line-height: 0;display: block;height: 2.42vw;border-radius: 50%;padding: 0;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #fff;}
    #contents01 .inner-Box .slick-dots li button:hover,     #contents01 .inner-Box .slick-dots li button:focus { outline: none; }
    #contents01 .inner-Box .slick-dots li button:hover:before,     #contents01 .inner-Box .slick-dots li button:focus:before { opacity: 1; }
    #contents01 .inner-Box .slick-dots li button:before { font-family: 'slick'; font-size: 1.45vw; line-height: 4.83vw; position: absolute; top: 0; left: 0;  height: 4.83vw; content: ''; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
    #contents01 .inner-Box .slick-dots li.slick-active button { background: #000; }


#contents03 {position: relative;background: #F1F2ED;}
#contents03 .form-Box{padding-top: 16.73vw;}
#contents03 .form-Box .fgb-Box{padding-top: 14.49vw;}
#contents03 h2{margin-bottom: 3.62vw;}

}