/*base.css start*/
/*reset*/
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, article, footer, header, menu, nav, section, video, picture {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
  display: block;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

img {
  display: block;
  vertical-align: bottom;
  font-size: 0;
  line-height: 0;
  width: 100%;
  height: auto;
  border: 0;
}

input {
  margin: 0;
  padding: 0;
  font-size:100%;
  font-weight: normal;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

// フォーカスを削除
input:focus {
  outline: 0;
}

// 縦方向の揃え位置を中央揃えに定義
input {
  vertical-align:middle;
}

/*base*/
html {
  -webkit-overflow-scrolling: touch;
}

dl, dt, dd, ul, li {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ul {
  list-style: none;
}

/* ▼コンテンツ */
/* common */
.wrap {
  width: 100%;
  background: #fff;
  margin: 0 auto;
  font-family: sans-serif;
}
.wrap .relative {
  position: relative;
}
.wrap .wrapContents {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
@media (min-width: 751px) {
  .wrap a {
    opacity: 1;
    transition: opacity .3s ease-in-out;
  }
  .wrap a:hover {
    opacity: .5;
  }
}

/* fv */
.wrap .fv_01-btn {
  position: absolute;
  top: calc(511/600*100%);
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(541/600*100%);
}
@media (min-width: 751px) {
  .wrap .fv_01-btn {
    top: calc(911/1200*100%);
    width: calc(1081/1200*100%);
  }
}

/* cv */
.wrap .cv_01-btn {
  position: absolute;
  top: calc(56/600*100%);
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(541/600*100%);
}
.wrap .cv_01-txt {
  position: absolute;
  top: calc(458/600*100%);
  left: calc(120/600*100%);
  width: calc(155/600*100%);
}
@media (min-width: 751px) {
  .wrap .cv_01-btn {
    top: calc(142/1200*100%);
    width: calc(1081/1200*100%);
  }
  .wrap .cv_01-txt {
    top: calc(879/1200*100%);
    left: calc(549/1200*100%);
    width: calc(231/1200*100%);
  }
}

/* cv2 */
.wrap .cv2_01-btn {
  position: absolute;
  top: calc(148/600*100%);
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(541/600*100%);
}
.wrap .cv2_01-txt {
  position: absolute;
  top: calc(468/600*100%);
  left: calc(120/600*100%);
  width: calc(155/600*100%);
}
@media (min-width: 751px) {
  .wrap .cv2_01-btn {
    top: calc(328/1200*100%);
    width: calc(1081/1200*100%);
  }
  .wrap .cv2_01-txt {
    top: calc(974/1200*100%);
    left: calc(549/1200*100%);
    width: calc(231/1200*100%);
  }
}

/* campaign */
.wrap .campaignWrap {
  padding: calc(40/600*100%) 0;
  position: relative;
  background: #fff;
}
.wrap .campaignSlider-prev,
.wrap .campaignSlider-next {
  position: absolute;
  top: 50%;
  bottom: 50%;
  z-index: 999;
  width: calc(15/600*100vw);
  max-width: 15px;
  height: calc(26/600*100vw);
  max-height: 26px;
  transform: translateY(-50%);
  cursor: pointer;
}
.wrap .campaignSlider-prev {
  left: calc(100/600*100%);
  background: url(../img/sp/slideArrow-prev.png) center center/cover no-repeat;
}
.wrap .campaignSlider-next {
  right: calc(100/600*100%);
  background: url(../img/sp/slideArrow-next.png) center center/cover no-repeat;
}
@media (min-width: 751px) {
  .wrap .campaignWrap {
    padding: calc(40/1200*100%);
  }
  .wrap .campaignSlider-prev {
    left: calc(12/1200*100%);
  }
  .wrap .campaignSlider-next {
    right: calc(12/1200*100%);
  }
}

/* nagare area */
.wrap .nagare_02-txt {
  position: absolute;
  top: calc(124/600*100%);
  left: calc(141/600*100%);
  width: calc(52/600*100%);
  border-bottom: solid 1px #fff;
}
@media (min-width: 751px) {
  .wrap .nagare_02-txt {
    top: calc(248/1200*100%);
    left: calc(278/1200*100%);
    width: calc(73/1200*100%);
  }
}

/* faq */
.wrap .faqAcoWrap {
  background: #1f4973;
}
.wrap .acoContent {
  display: none;
}
.wrap .js-aco, .wrap .acoContent {
  margin: 0 auto;
  width: calc(540/600*100%);
}
.wrap .js-aco {
  position: relative;
  margin-top: calc(12/600*100%);
  cursor: pointer;
}
.wrap .js-aco:first-of-type {
  margin-top: 0;
}
.wrap .js-aco:before,
.wrap .js-aco:after {
  content: "";
  position: absolute;
  top: calc(240/540*100%);
  right: calc(8/540*100%);
  width: calc(20/540*100%);
  height: calc(54/540*100%);
  background: #000;
}
.wrap .js-aco:after {
  transition: all 0.3s ease-in-out;
  transform: rotate(90deg);
}
.wrap .js-aco.is-active:after {
  transform: rotate(0deg);
}
@media (min-width: 751px) {
  .wrap .js-aco, .wrap .acoContent {
    width: calc(1064/1200*100%);
  }
  .wrap .js-aco {
    position: relative;
    margin-top: calc(36/1200*100%);
    cursor: pointer;
  }
  .wrap .js-aco:before,
  .wrap .js-aco:after {
    top: calc(480/1064*100%);
    right: calc(16/1064*100%);
    width: calc(36/1064*100%);
    height: calc(84/1064*100%);
  }
}

/* footer */
.wrap .footer_02 {
  display: flex;
  justify-content: center;
  background: #1f4973;
}
.wrap .footer_02 li {
  margin-right: calc(16/600*100%);
}
.wrap .footer_02 li a {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif, " ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, メイリオ, verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 2.33333333vw;
  font-weight: 500;
  text-decoration: none;
}
@media (min-width: 1200px) {
  .wrap .footer_02 li a {
    font-size: 28px;
  }
}

/* movie */
.wrap .movie_02-movie {
  position: absolute;
  top: calc(236/600*100%);
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(538/600*100%);
  height: calc(174/600*100%);
}
.wrap .movie_02-movie iframe {
  width: 100%;
  height: 100%;
}
.wrap .movie_02-check {
  position: absolute;
  top: calc(440/600*100%);
  left: 0;
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: calc(300/600*100%);
  font-family: "Noto Sans JP", sans-serif, " ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, メイリオ, verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 2.66666667vw;
  font-weight: 500;
  cursor: pointer;
}
.wrap .movie_02-check .check {
  display: none;
}
.wrap .movie_02-check .inputCheck-IE {
  position: relative;
  margin-right: calc(12/300*100%);
  display: block;
  width: calc(14/300*100%);
  padding-top: calc(14/300*100%);
  background: #fff;
  border: 1px solid #000;
}
.wrap .movie_02-check [type=checkbox]:checked + .inputCheck-IE {
  background: #1f4873;
  border: 1px solid #1f4873;
}
.wrap .movie_02-check [type=checkbox]:checked + .inputCheck-IE::before,
.wrap .movie_02-check [type=checkbox]:checked + .inputCheck-IE::after {
  position: absolute;
  content: "";
  display: block;
  background: #fff;
  width: calc(2/16*100%);
}
.wrap .movie_02-check [type=checkbox]:checked + .inputCheck-IE::before {
  top: calc(4/16*100%);
  left: calc(9/16*100%);
  height: calc(8/16*100%);
  transform: rotate(45deg);
}
.wrap .movie_02-check [type=checkbox]:checked + .inputCheck-IE::after {
  top: calc(8/16*100%);
  left: calc(4/16*100%);
  height: calc(4/16*100%);
  transform: rotate(-45deg);
}
.wrap .movie_02-btn {
  position: absolute;
  top: calc(538/600*100%);
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(176/600*100%);
}
.wrap .movieBtn.disabled {
  opacity: .5 !important;
  pointer-events: none;
}
.wrap .movie_02-txt {
  position: absolute;
  top: calc(186/600*100%);
  left: calc(122/600*100%);
  width: calc(155/600*100%);
}
@media (min-width: 751px) {
  .wrap .movie_02-movie {
    top: calc(422/1200*100%);
    width: calc(880/1200*100%);
    height: calc(358/1200*100%);
  }
  .wrap .movie_02-check {
    top: calc(826/1200*100%);
    width: calc(600/1200*100%);
    font-size: 2.66666667vw;
  }
  .wrap .movie_02-check .inputCheck-IE {
    margin-right: calc(24/600*100%);
    width: calc(30/600*100%);
    padding-top: calc(30/600*100%);
  }
  .wrap .movie_02-check [type=checkbox]:checked + .inputCheck-IE::before,
  .wrap .movie_02-check [type=checkbox]:checked + .inputCheck-IE::after {
    width: calc(4/32*100%);
  }
  .wrap .movie_02-check [type=checkbox]:checked + .inputCheck-IE::before {
    top: calc(7/32*100%);
    left: calc(16/32*100%);
    height: calc(16/32*100%);
  }
  .wrap .movie_02-check [type=checkbox]:checked + .inputCheck-IE::after {
    top: calc(16/32*100%);
    left: calc(8/32*100%);
    height: calc(8/32*100%);
  }
  .wrap .movie_02-btn {
    top: calc(1066/1200*100%);
    width: calc(276/1200*100%);
  }
  .wrap .movie_02-txt {
    left: calc(552/1200*100%);
    top: calc(309/1200*100%);
    width: calc(231/1200*100%);
  }
}
@media (min-width: 1201px) {
  .wrap .movie_02-check {
    font-size: 32px;
  }
}
/* ▲コンテンツ */