@charset "UTF-8";

/* 「」の余白を調整 */
@import url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.3.1/dist/css/yakuhanjp.min.css);

@media screen and (min-width:751px) {
  html {
    font-size: 62.5%;
    /* 10px / 16px = 62.5% */
  }
}

@media screen and (max-width:750px) {
  html {
    font-size: 1.33vw;
    /* 10px / 750px = 1.33% */
  }
}

:root {
  --font: fot-tsukuardgothic-std, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  /* specify font */
  --bg-color: #fff;
  --main-color: #604c3f;
  --title-bg: #FFF5DC;
  --font-color: #604c3f;
  --label-color: #e9ecf5;
  --border-color: #f2a0b4;
  --checked-color: #e66e9f;
  --checked-text: #fff;
  --checked-input: #ffff00;
  --question-width: 67rem;
}

button:hover {
  filter: brightness(1.1);
}

.main {
  background: var(--bg-color);
  font-size: 3.2rem;
  font-family: var(--font);
  font-feature-settings: 'palt';
  line-height: 1.75;
  text-align: justify;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  margin: 0 auto;
  max-width: 75rem;
  /* = 750px */
  scroll-behavior: smooth;
}

.main img {
  display: block;
  line-height: 1;
  max-width: 100%;
}

/**********************
// question form
***********************/

.question {
  margin-bottom: 8rem;
}

.question__number {
  margin-top: 5rem;
}

.question__header {
  display: block;
  line-height: 1.4;
  padding: 3rem 0;
  margin: 0 auto;
  color: #3c3c3c;
}

.question__header__text {
  font-size: 4.3rem;
  font-weight: bold;
  display: block;
  text-align: left;
  margin: 0 auto;
  margin-right: -2.5rem;
}

.multiple {
  font-size: 3.6rem;
  font-weight: bold;
}

.question__content {
  width: 68rem;
  margin: auto;
}

.question__form {
  margin: 4rem auto 6rem;
  width: 67rem;
}

.question__answer {
  font-weight: bold;
  font-size: 3.8rem;
  padding: 1rem 0;
}

/**********************
// checkbox
***********************/
.question__form__checkbox {
  display: none;
}

.question__form__label {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-weight: bold;
  letter-spacing: 0.02em;
  line-height: 1.4;
  position: relative;
  width: 100%;
  border: 0.4rem solid var(--border-color);
  border-radius: 1rem;
  padding-left: 0.5rem;
  margin-top: 2rem;
  min-height: 11rem;
  background-color: #fff;
}

.question__form__label:before {
  background: var(--bg-color);
  content: '';
  display: block;
  flex-shrink: 0;
  border: 0.2rem solid var(--border-color);
  border-radius: 50%;
  width: 5.6rem;
  height: 5.6rem;
  margin: 0 2rem;
}

.question__form__checkbox:checked+.question__form__label {
  background: var(--checked-color);
  color: var(--checked-text);
  border: none;
}

.question__form__checkbox:checked+.question__form__label:before {
  background: url(../images/check.png) var(--checked-input) no-repeat center center;
  background-size: 3.7rem;
  border: 0.2rem solid var(--border-color);
}

/**********************
// fv
***********************/

.fv {
  position: relative;
}

.header__logo--wrap {
  position: absolute;
  top: 1rem;
  left: 2rem;
  display: flex;
  align-items: center;
  height: 8rem;
  max-width: 100%;
}

.header__logo01 {
  width: 34rem;
}




/**********************
// question
***********************/
/* q2 */
.q2 {
  background-color: #fbe7ef;
  padding-top: 4rem;
}

.q2 .question {
  padding-bottom: 2rem;
  margin-bottom: 0;
}

.movie_wrapper {
  width: 67rem;
  margin: auto;
}

.q2-accordion {
  position: relative;
  padding-bottom: 4rem;
}

.movie_content {
  position: absolute;
  width: 60rem;
  bottom: calc(2rem + 22rem);
  left: 50%;
  transform: translateX(-50%);
}

/* q4 */
.q4 {
  background-color: #fbe7ef;
  padding-top: 6rem;
  padding-bottom: 1rem;
}

.q4 .question__form {
  margin: 2rem auto 6rem;
}

.q4 .question {
  margin-bottom: 0;
}


/**********************
// offer
***********************/
.offer-pictures {
  margin: 0 auto;
  width: 68rem;
}

.offer_text {
  width: 48rem;
  margin: 2rem auto 6rem;
}


.appeals__offer__set{
width: 68rem;
    margin: 4rem auto 6rem;
}

/**********************
// cta
***********************/
.cta {
  padding-bottom: 5rem;
}

.cta__btn__link {
  display: block;
  width: 65rem;
  margin: auto;
  transition: 0.3s;
}

.cta__btn_link:hover {
  filter: brightness(1.2);
}

.cta__annotation__list {
  font-size: 2.1rem;
  padding: 0 5rem;
  margin-top: 1.5rem;
  line-height: 1.2;
}

.cta__annotation__item {
  margin-left: 1em;
  text-indent: -1em;
}


/**********************
// enq__footer
***********************/
.enq__copyright {
width: 43rem;
margin: 0 auto 2.5rem;
}


/*****************************************
// ここからLPのCSS
******************************************/

/**********************
// layout css 
***********************/
.margin-auto {
  margin-left: auto;
  margin-right: auto;
}

/**********************
// choice
***********************/
.choice__ttl{
  margin-top: 3rem;
}
.choice__annotation__list {
  font-size: 2rem;
  margin: 2.5rem 3.5rem 3rem;
}

.choice__annotation__item {
  line-height: 1.5;
}

.choice__detail {
  position: relative;
  border: #c60001 solid .2rem;
  border-radius: 1.5rem;
  width: 90%;
  margin: 0 auto 2rem;
}

.choice__detail__arrow {
  position: absolute;
  top: 2.2rem;
  right: 2rem;
  width: 4rem;
  transform: rotate(180deg);
}

.choice__detail__arrow.open {
  transform: rotate(0);
}

.choice__detail__btn {
  cursor: pointer;
}

.choice__detail__ttl {
  margin: 0;
  padding: 2.5rem;
  height: 8.6rem;
  width: auto;
}

.choice__detail__table {
  padding: 1rem 2.5rem 2.5rem;
}

.choice__gray,
.choice__red {
  position: relative;
}

.cta__btn__choice {
  position: absolute;
  bottom: 4rem;
  left: 50%;
  transform: translateX(-50%);
  width: 63rem;
}

.cta__btn__choice--red {
  bottom: 6rem;
}

.cta__btn__choice--red:hover,
.cta__btn__choice:hover {
  filter: brightness(1.1);
}



/**********************
// point
***********************/
.point__video__wrap {
  position: relative;
}

.point01__video {
  position: absolute;
  bottom: -1.5rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 60rem;
}

.point__videp__mov {
  position: absolute;
  top: 1.5rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 60rem;
}

.point__videp__mov--2{
  top: 1.5rem;
}


/**********************
// offer
***********************/
.offer__ttl {
  width: 66.5rem;
  margin: 5rem auto 8rem;
}

.offer__set {
  width: 68rem;
  margin: 0 auto 2.7rem;
}

/**********************
// post
***********************/
.post_arrow {
  width: 43rem;
  margin: 0 auto;
}


/**********************
// footer
***********************/

.footer {
  padding: 3.8rem 0 2rem;
  background-color: #ffd8d8;
  margin-top: 4rem;
}

.footer__txt{
  width: 43rem;
  margin: 0 auto;
}

.footer__tel {
  width: 42.5rem;
    margin: 2.3rem auto 2.2rem;
}
.footer__time {
  width: 22.4rem;
    margin: 0 auto;
}

.footer__copyright {
width: 43rem;
margin: 3.4rem auto 2.5rem;
}