@charset "UTF-8";
/* CSS Document */
/*スマホ用スタイル*/
@media screen and (max-width: 767px) {
  /*
セクション間余白
----------------------------------------------------------- */
  section {
    padding: 40px 0;
  }
  footer {
    padding: 15px 0;
  }

  /*
Header
----------------------------------------------------------- */
  header .contact {
    padding-right: 40px;
  }
  header .logo {
    height: 40px;
  }
  header .logo img {
    max-height: 40px;
  }

  /*
MV
----------------------------------------------------------- */
.mv .gif_img {
  position: absolute;
  bottom: 8px;
  left: auto;
  width: 100px;
  right: 15px;
}
.mv .gif_txt {
  right: 80px;
}
  /*
CTA
----------------------------------------------------------- */
  /*
CTA2
----------------------------------------------------------- */
  /*
sec01
----------------------------------------------------------- */
.sec01 .bg01 {
  padding-top: 40px;
}
.sec01 h2 .container{
  padding: 0;
}
.sec01 .bg02 {
  background: url(../img/sp_sec01_bg.png) no-repeat center bottom;
  margin-top: -50vw;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 25px;
}
  /*
sec02
----------------------------------------------------------- */
.sec02 {
  background: url(../img/sp_sec02_bg.png) no-repeat center top;
  padding-bottom: 40px;
  background-size: 100% 100%;
}
.sec02 h2 {
  padding: 20px 0;
}
.sec02 .h2_bg {
  margin-bottom: 40px;
}
.sec02 .h2_bg:before {
  height: 1px;
  top: 5px;
}
.sec02 .h2_bg:after {
  height: 1px;
  bottom: 5px;
}
.sec02 .h2_bg .arrow {
  border-width: 25px 30px 0 30px;
  bottom: -25px;
}
.sec02 .sp_con{
  padding: 0 15px 0 10px;
}

  /*
sec03
----------------------------------------------------------- */
.sec03 {
  background: url(../img/pc_sec03_bg.png);
  background-size: 15px;
}
.sec03 .container{
  padding-right: 5px;
  padding-left: 5px;
}
.sec03 .inner_box .p01,
.sec03 .inner_box .p02,
.sec03 .inner_box .p03,
.sec03 .inner_box .p04 {
  width: 20px;
}
.sec03 .inner_box .p01{
  top: -3px;
  left: -3px;
}
.sec03 .inner_box .p02{
  top: -3px;
  right: -3px;
  transform: scale(-1, 1);
}
.sec03 .inner_box .p03{
  bottom: -3px;
  left: -3px;
}
.sec03 .inner_box .p04{
  bottom: -3px;
  right: -3px;
}
.sec03 .inner_box {
  border: solid 2px #111111;
  padding: 15px;
}
.sec03 .white_box .tit {
  margin-top: -33px;
}
  /*
sec04
----------------------------------------------------------- */
.sec04 {
  padding: 25px 0;
  background: url(../img/sp_sec04_bg.jpg) no-repeat #eff4f8;
  background-size: 100%;
}
.sec04 .sp_con{
  padding-right: 0;
  padding-left: 0;
}
.sec04 p {
  position: relative;
  left: 0;
}
  /*
sec05
----------------------------------------------------------- */
.sec05 {
  background: url(../img/sp_sec05_bg.png);
  background-size: contain;
}
.sec05 h2{
  padding-bottom: 0;
  top: -20px;
}
.sec05 h2 .container{
  padding-left: 0;
  padding-right: 0;
}
.sec05 .h2_bg {
  margin-bottom: 30px;
  height: 54vw;
}
  /*
sec06
----------------------------------------------------------- */
.sec06 .bg01 {
  padding-top: 40px;
  background: url(../img/pc_sec06_bg02.png) no-repeat top center;
}
.sec06 .bg01 .box01 {
  background: none;
  background-color: #fff;
  padding: 15px;
}
.sec06 .bg01 .box02 {
  background: none;
  background-color: #fff;
  padding: 0;
  margin-top: 30px;
  margin-bottom: 30px;
}
.sec06 .bg01 .box02 .f_item{
  margin-top: 0;
}
.sec06 .bg01 .box02 .inner_box {
  padding: 20px;
}
.sec06 .bg01 .box02 .inner_box::after {
  content: "";
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border: solid 1px #FFF;
  top: 5px;
  left: 5px;
}
.sec06 .img_r {
  float: none;
  width: 70%;
  margin: 0 auto 15px;
}
.sec06 {
  background: url(../img/pc_sec06_bg.png) no-repeat bottom center;
  background-size: 300%;
}
footer ul li:first-child::after{
  display: none;
}
  /*
sec07
----------------------------------------------------------- */
  /*
sec08
----------------------------------------------------------- */
  /*
sec09
----------------------------------------------------------- */
  /*
sec10
----------------------------------------------------------- */
  /*
sec11
----------------------------------------------------------- */
  /*
sec12
----------------------------------------------------------- */
  /*
sec13
----------------------------------------------------------- */
  /*
sec14
----------------------------------------------------------- */
  /*
sec15
----------------------------------------------------------- */
  /*
sec16
----------------------------------------------------------- */
  /*
sec17
----------------------------------------------------------- */
  /*
sec18
----------------------------------------------------------- */
  /*
sec19
----------------------------------------------------------- */
  .form_wrap {
    padding: 0;
  }
  form > ul > li .fx-row > *:first-child {
    padding-top: 0;
  }
  form > ul > li {
    padding: 15px;
  }
  .form_head {
    text-align: left;
  }
  .input_adjust {
    padding: 8px 12px;
  }
  .input_2col {
    padding-right: 0px;
  }
  .input_1col {
    padding-right: 0px;
  }
  .input_pref {
    width: 80%;
  }
  .input_select select {
    padding: 8px 12px;
  }
  .radio_2col label:first-child {
    padding-right: 0px;
  }
  .date_2col {
    padding-right: 0px;
  }
  .date_2col > * {
    width: calc(50% - 8px);
  }
  .select_1col {
    padding-right: 0px;
  }
  .textarea {
    padding-right: 0px;
  }
  .sbm_wrap {
    padding: 15px;
  }
  .sbm {
    width: 100%;
  }
  /*
sec20
----------------------------------------------------------- */
  /*
Footer
----------------------------------------------------------- */
  .footer_nav1 ul {
    width: 100%;
  }
  .footer_nav1 ul li:first-child {
    border-top: 1px solid #000;
  }
  .footer_nav1 ul li {
    width: 100%;
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-bottom: 1px solid #000;
    margin: 0;
  }
  .footer_nav1 ul a {
    display: block;
  }

/*
thanks
----------------------------------------------------------- */
.thanks .box{
  padding: 5px;
}
  .thanks .btn {
    width: 100%;
  }

}

/*スマホ用スタイルend*/