@charset "UTF-8";
body .wrap .main-img {
  height: 666px;
  background: url(../images/home/main.jpg) no-repeat left top;
}
body .wrap .main-img h2 {
  line-height: 620px;
  letter-spacing: 0.2em;
}
body .wrap .content a.blackbelt {
  display: block;
  width: 480px;
  height: 60px;
  text-align: center;
  font-weight: 700;
  line-height: 58px;
  font-size: 125%;
  background: url(../images/home/blackbelt-icon.png) no-repeat right center #000;
  color: #fff;
  letter-spacing: 0.3em;
  margin: 0 auto;
}
body .wrap .content a.blackbelt:hover {
  background-color: #314879;
  text-decoration: none;
}
body .wrap .content .profile {
  padding: 80px 0;
}
body .wrap .content .profile h3 {
  margin-bottom: 30px;
}
body .wrap .content .profile .row {
  padding-bottom: 40px;
}
body .wrap .content .profile .row .img {
  width: 520px;
  position: relative;
}
body .wrap .content .profile .row .img h4 {
  background: #314879;
  width: 160px;
  height: 160px;
  position: absolute;
  line-height: 156px;
  color: #fff;
  top: 0;
  left: 20px;
  text-align: center;
}
body .wrap .content .profile .row .img img {
  margin-top: 20px;
}
body .wrap .content .profile .row .fright {
  width: 530px;
  padding-top: 24px;
}
body .wrap .content .profile a.banner {
  margin-bottom: 40px;
  display: block;
  width: 1120px;
  height: 200px;
  background: url(../images/home/banner.jpg) no-repeat;
  text-indent: -9999px;
}
body .wrap .content .profile a.banner-mod {
  width: 651px;
  margin: 0 auto 40px auto;
  display: block;
}
body .wrap .content .recruit .items {
  display: flex;
  -webkit-flex-wrap: wrap;
  /* Safari */
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  /* Safari */
  justify-content: space-around;
  padding: 40px 0;
}
body .wrap .content .recruit .items .item {
  width: 520px;
  padding-bottom: 40px;
}
body .wrap .content .recruit .items .item .img {
  position: relative;
  padding-top: 20px;
}
body .wrap .content .recruit .items .item .img h4 {
  background: #314879;
  width: 160px;
  height: 160px;
  position: absolute;
  line-height: 156px;
  color: #fff;
  top: 0;
  left: 20px;
  text-align: center;
}
body .wrap .content .recruit .items .item .img h4.normallinehight {
  line-height: 1.2;
  padding-top: 50px;
  height: 110px;
}
body .wrap .content .recruit .items .item .img + p {
  height: 4.8em;
  padding: 10px 0 20px 0;
}
body .wrap .wrap-slider {
  width: 100%;
  background: #fef7ea;
  padding: 30px 0 70px 0;
}
body .wrap .wrap-slider h3.redline {
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  font-size: 250%;
  text-align: center;
  background: url(../images/redline.png) repeat-x left center;
}
body .wrap .wrap-slider h3.redline span {
  background: #fef7ea;
  padding: 0 0.8em;
}
body .wrap .wrap-slider .slider {
  width: 1280px;
  margin: 30px auto;
  /*左右の矢印の色を変える*/
  /*左右の矢印の位置を変える*/
}
body .wrap .wrap-slider .slider .slide {
  padding: 0 27px;
}
body .wrap .wrap-slider .slider .slide .inner-slide {
  background: #fff;
  height: 660px;
}
body .wrap .wrap-slider .slider .slide .inner-slide h4 {
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  text-align: center;
  font-size: 150%;
  line-height: 2;
}
body .wrap .wrap-slider .slider .slide .inner-slide img {
  max-width: 265px;
  margin: 0 auto;
}
body .wrap .wrap-slider .slider .slide .inner-slide .info {
  padding: 0.8em 0 1.2em 1em;
}
body .wrap .wrap-slider .slider .slide .inner-slide .detail {
  padding: 0 1em 1em 1em;
}
body .wrap .wrap-slider .slider .slick-prev:before,
body .wrap .wrap-slider .slider .slick-next:before {
  content: none !important;
}
body .wrap .wrap-slider .slider .slick-next {
  right: -50px;
  top: center;
  z-index: 99;
  width: 65px;
  height: 65px;
  background: url(../images/home/slider/next-arrow.png) no-repeat;
}
body .wrap .wrap-slider .slider .slick-prev {
  left: -50px;
  top: center;
  z-index: 100;
  width: 65px;
  height: 65px;
  background: url(../images/home/slider/prev-arrow.png) no-repeat;
}
body .wrap .wrap-slider a.blackbelt {
  display: block;
  width: 480px;
  height: 60px;
  text-align: center;
  font-weight: 700;
  line-height: 58px;
  font-size: 125%;
  background: url(../images/home/blackbelt-icon.png) no-repeat right center #000;
  color: #fff;
  letter-spacing: 0.3em;
  margin: 0 auto;
}
body .wrap .wrap-slider a.blackbelt:hover {
  background-color: #314879;
  text-decoration: none;
}

@media screen and (min-width: 0px) and (max-width: 750px) {
  body .wrap .main-img {
    padding-top: 52%;
  }
  body .wrap .main-img h2 {
    top: 30%;
  }
  body .wrap .content {
    /* width: 89.33%; */
    margin: 0 auto;
  }
  body .wrap .content a.blackbelt {
    width: 89.33%;
    height: 8%;
    padding: 3% 0;
    line-height: 2;
    font-size: 4vw;
    background: url(../images/home/blackbelt-icon.png) no-repeat right center #000;
    letter-spacing: 0.3em;
    margin: 0 auto;
  }
  body .wrap .content a.blackbelt:hover {
    background-color: #314879;
    text-decoration: none;
  }
  body .wrap .content .profile {
    padding-top: 7%;
  }
  body .wrap .content .profile h3 {
    margin-bottom: 5%;
  }
  body .wrap .content .profile .row {
    padding-bottom: 5%;
    width: 89.33%;
    margin: 0 auto;
  }
  body .wrap .content .profile .row .img {
    width: 100%;
  }
  body .wrap .content .profile .row .img h4 {
    background: #314879;
    width: 30%;
    height: 0;
    position: absolute;
    line-height: 1;
    color: #fff;
    top: 0;
    left: 4%;
    font-size: 3vw;
    padding: 13% 0 16% 0;
  }
  body .wrap .content .profile .row .img img {
    margin-top: 0;
    padding-top: 4%;
  }
  body .wrap .content .profile .row .img.fleft {
    float: none;
  }
  body .wrap .content .profile .row .fright {
    width: 100%;
    padding-top: 3%;
    float: none;
  }
  body .wrap .content .profile a.banner {
    width: 89.33%;
    margin: 0 auto;
    height: 0;
    padding-top: 65.67%;
    background: url(../images/home/banner-sp.jpg) no-repeat;
    background-size: contain;
  }
  body .wrap .content .profile a.banner-mod {
    width: 89.33%;
    margin: 0 auto 5% auto;
  }
  body .wrap .content .recruit h3 + p {
    width: 89.33%;
    margin: 2% auto 0 auto;
  }
  body .wrap .content .recruit .items {
    display: block;
    padding: 4% 0;
  }
  body .wrap .content .recruit .items .item {
    width: 89.33%;
    margin: 0 auto;
    padding-bottom: 40px;
  }
  body .wrap .content .recruit .items .item .img {
    width: 100%;
    padding-top: 0;
  }
  body .wrap .content .recruit .items .item .img h4 {
    background: #314879;
    width: 30%;
    height: 0;
    position: absolute;
    line-height: 1;
    color: #fff;
    top: 0;
    left: 4%;
    font-size: 3vw;
    padding: 13% 0 16% 0;
  }
  body .wrap .content .recruit .items .item .img h4.normallinehight {
    line-height: 1.2;
    padding: 9% 0 21% 0;
    height: 0;
  }
  body .wrap .content .recruit .items .item .img img {
    margin-top: 0;
    padding-top: 4%;
  }
  body .wrap .content .recruit .items .item .img.fleft {
    float: none;
  }
  body .wrap .content .recruit .items .item .img + p {
    height: auto;
    padding: 1% 0 2% 0;
  }
  body .wrap .content .recruit .items .item a.blackbelt {
    width: 100%;
  }
  body .wrap .wrap-slider {
    width: 100%;
    background: #fef7ea;
    padding: 5% 0 20% 0;
  }
  body .wrap .wrap-slider h3.redline {
    font-size: 6.5vw;
  }
  body .wrap .wrap-slider h3.redline span {
    padding: 0 0.5em;
  }
  body .wrap .wrap-slider .slider {
    width: 80%;
    margin: 7% auto;
    /*左右の矢印の色を変える*/
    /*左右の矢印の位置を変える*/
  }
  body .wrap .wrap-slider .slider .slide {
    padding: 0 10px;
  }
  body .wrap .wrap-slider .slider .slide .inner-slide {
    min-height: 700px;
  }
  body .wrap .wrap-slider .slider .slick-prev:before,
  body .wrap .wrap-slider .slider .slick-next:before {
    color: #d2d2d2;
    font-size: 200% !important;
  }
  body .wrap .wrap-slider a.blackbelt {
    width: 89.33%;
    height: 8%;
    padding: 3% 0;
    line-height: 2;
    font-size: 4vw;
    background: url(../images/home/blackbelt-icon.png) no-repeat right center #000;
    letter-spacing: 0.3em;
    margin: 0 auto;
  }
  body .wrap .wrap-slider a.blackbelt:hover {
    background-color: #314879;
    text-decoration: none;
  }
}
@media screen and (min-width: 0px) and (max-width: 480px) {
  body .wrap .wrap-slider {
    width: 100%;
    background: #fef7ea;
  }
  body .wrap .wrap-slider h3.redline {
    font-size: 6.5vw;
  }
  body .wrap .wrap-slider h3.redline span {
    padding: 0 0.5em;
  }
  body .wrap .wrap-slider .slider {
    width: 68%;
    max-width: 265px;
    margin: 7% auto;
    /*左右の矢印の色を変える*/
    /*左右の矢印の位置を変える*/
  }
  body .wrap .wrap-slider .slider .slide {
    padding: 0;
  }
  body .wrap .wrap-slider .slider .slide .inner-slide {
    min-height: auto;
    height: auto;
  }
  body .wrap .wrap-slider .slider .slick-prev:before,
  body .wrap .wrap-slider .slider .slick-next:before {
    color: #d2d2d2;
    font-size: 200% !important;
  }
  body .wrap .wrap-slider .slider .slick-next {
    right: -18%;
    top: center;
    z-index: 99;
    width: 15%;
    height: 80px;
    background: url(../images/home/slider/next-arrow.png) no-repeat;
    background-size:contain;
  }
  body .wrap .wrap-slider .slider .slick-prev {
    left: -18%;
    top: center;
    z-index: 100;
    width: 15%;
    height: 80px;
    background: url(../images/home/slider/prev-arrow.png) no-repeat;
    background-size:contain;
  }
}