@charset "UTF-8";
/* --------------Utilities-------------- */
.u-hidden-pc {
  display: none;
}

@media only screen and (max-width: 768px) {
  .u-hidden-pc {
    display: block;
  }
}
.u-hidden-pc_inline {
  display: none;
}

@media only screen and (max-width: 768px) {
  .u-hidden-pc_inline {
    display: inline;
  }
}
.u-hidden-tb {
  display: none;
}

@media only screen and (max-width: 599px) {
  .u-hidden-tb {
    display: block;
  }
}
@media only screen and (max-width: 768px) {
  .u-hidden-sp {
    display: none;
  }
}
@media only screen and (max-width: 599px) {
  .u-hidden-sp599 {
    display: none;
  }
}
@media only screen and (max-width: 374px) {
  .u-hidden-sp374 {
    display: none;
  }
}
.u-sup-txt {
  vertical-align: top;
  white-space: nowrap;
  font-size: xx-small;
  font-weight: normal;
}

/* --------------詳細ページ-------------- */
.detail_wrapper {
  margin: 40px auto;
  width: 750px;
  word-wrap: break-word;
  word-break: normal !important;

  line-break: strict;
  overflow-wrap: break-word;
}

@media only screen and (max-width: 768px) {
  .detail_wrapper {
    margin: 4.1666666667vw auto;
    width: 78.125vw;
  }
}
@media only screen and (max-width: 599px) {
  .detail_wrapper {
    margin: 35px auto;
    width: 325px;
  }
}
@media only screen and (max-width: 374px) {
  .detail_wrapper {
    width: 86.6666666667vw;
    min-width: 277.3333333333px;
  }
}
.detail_box {
  box-sizing: border-box;
  position: relative;
  padding: 28px 22px 22px;
  border: solid 4px #b9e1f3;
  border-radius: 30px;
  width: 100%;
  background-color: #f0f8fc;
}

@media only screen and (max-width: 768px) {
  .detail_box {
    padding: 2.9166666667vw 2.2916666667vw 2.2916666667vw;
    border-radius: 3.125vw;
    border-radius: 3.125vw;
  }
}
@media only screen and (max-width: 599px) {
  .detail_box {
    padding: 23px 11px 22px;
    border: solid 3px #b9e1f3;
    border-radius: 22.5px;
  }
}
/* 詳細ページ Q&A */
.detail_question_wrapper,
.detail_answer_wrapper {
  position: relative;
  padding: 0 0 0 54px;
  text-align: left;
}

@media only screen and (max-width: 768px) {
  .detail_question_wrapper,
  .detail_answer_wrapper {
    padding: 0 0 0 5.625vw;
  }
}
@media only screen and (max-width: 599px) {
  .detail_question_wrapper,
  .detail_answer_wrapper {
    padding: 0 0 0 31.5px;
  }
}
.detail_question_wrapper::before,
.detail_answer_wrapper::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 40px;
  height: 40px;
}

@media only screen and (max-width: 768px) {
  .detail_question_wrapper::before,
  .detail_answer_wrapper::before {
    width: 4.1666666667vw;
    height: 4.1666666667vw;
  }
}
@media only screen and (max-width: 599px) {
  .detail_question_wrapper::before,
  .detail_answer_wrapper::before {
    width: 25px;
    height: 25px;
  }
}
.detail_question_wrapper {
  margin-bottom: 13px;
}

@media only screen and (max-width: 768px) {
  .detail_question_wrapper {
    margin-bottom: 1.3541666667vw;
  }
}
@media only screen and (max-width: 599px) {
  .detail_question_wrapper {
    margin-bottom: 15px;
  }
}
.detail_question_wrapper::before {
  background: url("/gan/yokuwakaru/extnl/css/images/icon_question.png") no-repeat left top/100% auto;
}

.detail_question_wrapper .detail_question_txt {
  margin: 0 !important;
  color: #171c61 !important;
  font-size: 22px !important;
  font-weight: bold !important;
  line-height: 1.27 !important;
  line-height: 1.2727272727 !important;
}

@media only screen and (max-width: 768px) {
  .detail_question_wrapper .detail_question_txt {
    font-size: 2.2916666667vw !important;
  }
}
@media only screen and (max-width: 599px) {
  .detail_question_wrapper .detail_question_txt {
    font-size: 16px !important;
    line-height: 1.19 !important;
    line-height: 1.1875 !important;
  }
}
.detail_answer_wrapper .detail_answer_txt {
  margin: 0 !important;
  color: #171c61 !important;
  font-size: 20px !important;
  font-weight: bold !important;
  line-height: 1.27 !important;
  line-height: 1.6 !important;
}

@media only screen and (max-width: 768px) {
  .detail_answer_wrapper .detail_answer_txt {
    font-size: 2.0833333333vw !important;
  }
}
@media only screen and (max-width: 599px) {
  .detail_answer_wrapper .detail_answer_txt {
    font-size: 15px !important;
    line-height: 1.19 !important;
    line-height: 1.7272727273 !important;
  }
}
.detail_question_wrapper .detail_question_txt sup,
.detail_answer_wrapper .detail_answer_txt sup {
  vertical-align: super;
  font-size: 60%;
  font-weight: bold;
}

.detail_question_wrapper .detail_question_txt .font_small,
.detail_answer_wrapper .detail_answer_txt .font_small {
  color: #171c61;
  font-size: 80%;
  font-weight: bold;
}

.detail_answer_wrapper {
  margin-bottom: 24px;
}

@media only screen and (max-width: 768px) {
  .detail_answer_wrapper {
    margin-bottom: 2.5vw;
  }
}
@media only screen and (max-width: 599px) {
  .detail_answer_wrapper {
    margin-bottom: 12px;
  }
}
.detail_answer_wrapper::before {
  background: url("/gan/yokuwakaru/extnl/css/images/icon_answer.png") no-repeat left top/100% auto;
}

.detail_answer_wrapper dl {
  width: 64%;
}

@media only screen and (max-width: 599px) {
  .detail_answer_wrapper dl {
    margin-bottom: 2px;
    width: 100%;
  }
}
.detail_answer_wrapper dl dt,
.detail_answer_wrapper dl dd,
.detail_answer_wrapper dl dd span {
  color: #171c61;
  font-size: 19px;
  font-weight: bold;
  line-height: 1.47;
  line-height: 1.4736842105;
}

@media only screen and (max-width: 768px) {
  .detail_answer_wrapper dl dt,
  .detail_answer_wrapper dl dd,
  .detail_answer_wrapper dl dd span {
    font-size: 1.9791666667vw;
  }
}
@media only screen and (max-width: 599px) {
  .detail_answer_wrapper dl dt,
  .detail_answer_wrapper dl dd,
  .detail_answer_wrapper dl dd span {
    font-size: 12px;
  }
}
.detail_answer_wrapper dl dt {
  float: left;
  margin-right: -9px;
}

@media only screen and (max-width: 768px) {
  .detail_answer_wrapper dl dt {
    margin-right: -0.9375vw;
  }
}
@media only screen and (max-width: 599px) {
  .detail_answer_wrapper dl dt {
    margin-right: -6px;
  }
}
.detail_answer_wrapper dl dd {
  display: flex;
  justify-content: space-between;
}

.detail_answer_wrapper dl dd .answer_txt .txt_small {
  color: #171c61;
  font-size: 13px;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .detail_answer_wrapper dl dd .answer_txt .txt_small {
    font-size: 1.3541666667vw;
  }
}
@media only screen and (max-width: 599px) {
  .detail_answer_wrapper dl dd .answer_txt .txt_small {
    font-size: 10px;
  }
}
.detail_answer_wrapper dl dd .answer_percentage {
  margin-top: auto;
  white-space: nowrap;
}

.detail_answer_wrapper .detail_answer_image {
  margin: 0;
  width: 182px;
}

@media only screen and (max-width: 768px) {
  .detail_answer_wrapper .detail_answer_image {
    width: 18.9583333333vw;
  }
}
@media only screen and (max-width: 599px) {
  .detail_answer_wrapper .detail_answer_image {
    width: 118.5px;
  }
}
.detail_answer_wrapper .detail_answer_image img {
  width: 100%;
}

/* 詳細ページ ボタン */
.detail_more_btn {
  margin: 0 auto;
  border-radius: 17.5px;
  width: 290px;
  height: 35px;
  transition: all ease 0.3s;
  background: #fee100;
}

@media only screen and (max-width: 768px) {
  .detail_more_btn {
    border-radius: 1.83vw;
    border-radius: 1.8229166667vw;
    width: 30.2083333333vw;
    height: 3.6458333333vw;
  }
}
@media only screen and (max-width: 599px) {
  .detail_more_btn {
    border-radius: 17.5px;
    width: 180px;
    height: 35px;
  }
}
@media only screen and (max-width: 374px) {
  .detail_more_btn {
    border-radius: 4.67vw;
    border-radius: 4.6666666667vw;
    width: 48vw;
    height: 9.3333333333vw;
  }
}
@media only screen and (max-width: 320px) {
  .detail_more_btn {
    border-radius: 14.94px;
    border-radius: 14.9333333333px;
    width: 153.6px;
    height: 29.8666666667px;
  }
}
.detail_more_btn:hover {
  background: #fff000;
}

.detail_more_btn a {
  display: block;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  color: #171c61;
  font-size: 14px !important;
  font-weight: normal !important;
  line-height: 35px !important;
}

@media only screen and (max-width: 768px) {
  .detail_more_btn a {
    font-size: 1.4583333333vw !important;
    line-height: 3.65vw !important;
    line-height: 3.6458333333vw !important;
  }
}
@media only screen and (max-width: 599px) {
  .detail_more_btn a {
    font-size: 12px !important;
    line-height: 35px !important;
  }
}
@media only screen and (max-width: 374px) {
  .detail_more_btn a {
    font-size: 3.2vw !important;
    line-height: 9.33vw !important;
    line-height: 9.3333333333vw !important;
  }
}
@media only screen and (max-width: 320px) {
  .detail_more_btn a {
    font-size: 10.24px !important;
    line-height: 29.87px !important;
    line-height: 29.8666666667px !important;
  }
}
.detail_more_btn a::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  right: 14px;
  bottom: 0;
  margin: auto;
  border-top: solid 2px #171c61;
  border-right: solid 2px #171c61;
  width: 5px;
  height: 5px;
  transform: rotate(45deg);
}

@media only screen and (max-width: 768px) {
  .detail_more_btn a::after {
    right: 1.4583333333vw;
    width: 0.5208333333vw;
    height: 0.5208333333vw;
  }
}
@media only screen and (max-width: 599px) {
  .detail_more_btn a::after {
    right: 12px;
    width: 6px;
    height: 6px;
  }
}
@media only screen and (max-width: 374px) {
  .detail_more_btn a::after {
    right: 3.2vw;
    width: 1.6vw;
    height: 1.6vw;
  }
}
@media only screen and (max-width: 320px) {
  .detail_more_btn a::after {
    right: 10.24px;
    width: 5.12px;
    height: 5.12px;
  }
}
/* 詳細ページ ピクトグラム */
.detail_pic {
  position: absolute;
  right: 25px;
  bottom: 30%;
  width: 209px;
  height: auto;
}

@media only screen and (max-width: 768px) {
  .detail_pic {
    right: 2.6041666667vw;
    width: 21.7708333333vw;
  }
}
@media only screen and (max-width: 374px) {
  .detail_pic {
    position: static;
    margin: 0 auto 12px;
  }
}
.detail_pic img {
  width: 100%;
}

/* 詳細ページ 注釈 */
.detail_note {
  margin: 5px 6px 0 0 !important;
  padding-left: 1.2em;
  text-align: right;
  text-indent: -1.2em;
  font-size: 11px !important;
  font-weight: normal !important;
  line-height: 1.36 !important;
  line-height: 1.3636363636 !important;
}

@media only screen and (max-width: 768px) {
  .detail_note {
    margin: 0.625vw 0.625vw 0 0 !important;
    font-size: 1.1458333333vw !important;
  }
}
@media only screen and (max-width: 599px) {
  .detail_note {
    margin: 3px 5px 0 !important;
    text-align: left;
    font-size: 10px !important;
    line-height: 1.2 !important;
    line-height: 1.2 !important;
  }
}
.detail_note br {
  line-height: 0;
}

/* --------------モーダル画面-------------- */
.mfp-bg {
  opacity: 0.9;
  z-index: 100000000;
  background: #e2f5ff;
}

.mfp-wrap {
  z-index: 100000001;
}

button.mfp-close {
  overflow: hidden;
  background: url("/gan/yokuwakaru/extnl/css/images/icon_btn_close.png") no-repeat left top/100% auto;
  white-space: nowrap;
  text-indent: 100%;
}

.mfp-close,
.mfp-close:active {
  top: -52px;
  right: 0;
  width: 42px;
  height: 40.385px;
  line-height: 40.385px;
}

@media only screen and (max-width: 768px) {
  .mfp-close,
  .mfp-close:active {
    top: -33.5px;
    right: 0;
    width: 26px;
    height: 25px;
    line-height: 25px;
  }
}
/* モーダル画面 コンテンツ */
.modal_content {
  display:     grid;
  display: -ms-grid;
  box-sizing: border-box;
  position: relative;
  margin: 107px auto 127px;
  padding: 36px 36px 40px;
  border: solid 4px #b9e1f3;
  width: 920px;
  background: #fff;
  word-wrap: break-word;
  word-break: normal !important;
  color: #333;

  grid-template-columns: 1fr 410px;
  -ms-grid-columns: 1fr 410px;
  grid-template-rows: auto auto auto 1fr auto;
  -ms-grid-rows: auto auto auto 1fr auto;
  line-break: strict;
  overflow-wrap: break-word;
}

@media only screen and (max-width: 768px) {
  .modal_content {
    margin: 13.0666666667vw auto;
    padding: 25px 5.3333333333vw 20px;
    border: solid 3px #b9e1f3;
    width: 80vw;
    min-width: 345px;

    grid-template-columns: 100%;
    -ms-grid-columns: 100%;
    grid-template-rows: auto;
    -ms-grid-rows: auto;
    gap: 0;
  }
}
@media only screen and (max-width: 374px) {
  .modal_content {
    margin: 49px auto;
    padding: 25px 20px 20px;
    width: 92vw;
    min-width: 294.4px;
  }
}
/* モーダル画面 共通 */
.modal_txt_wrap {
  padding: 0 0 0 3px;
}

@media only screen and (max-width: 768px) {
  .modal_txt_wrap {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 768px) {
  .modal_note_top {
    margin-top: 15px;
  }
}
/* モーダル画面 キャプション */
.modal_cap {
  margin: -3px 0 16px;
  color: #171c61;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.64;
  line-height: 1.6363636364;

      grid-column: 1/2;
  -ms-grid-column: 1;
}

@media only screen and (max-width: 768px) {
  .modal_cap {
    margin: 0 0 17px;
    font-size: 18px;
    line-height: 1.39;
    line-height: 1.3888888889;
  }
}
.modal_cap .highlit_yellow {
  position: relative;
  background: linear-gradient(transparent 65%, #fee100 0%);
  color: #171c61;
  font-size: 22px;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .modal_cap .highlit_yellow {
    font-size: 18px;
  }
}
/* モーダル画面 説明文 */
.modal_discription {
  margin: 0 0 38px;
  color: #333;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.67;
  line-height: 1.6666666667;

      grid-column: 1/2;
  -ms-grid-column: 1;
      grid-row: 2/3;
  -ms-grid-row: 2;
}

@media only screen and (max-width: 768px) {
  .modal_discription {
    margin: 0 0 27px;
    font-size: 13px;
  }
}
.modal_discription .note_txt {
  display: block;
  margin-top: 10px;
  padding-left: 1.1em;
  text-indent: -1.1em;
  color: #888;
  font-size: 11px;
  font-weight: normal;
  line-height: 1.365;
  line-height: 1.3636363636;
}

@media only screen and (max-width: 768px) {
  .modal_discription .note_txt {
    font-size: 10px;
    line-height: 1.5;
    line-height: 1.5;
  }
}
.modal_discription .note_txt a {
  text-decoration: underline;
  color: #008eca;
  font-size: 11px;
}

.modal_discription .noindent {
  margin-top: 4px;
  text-indent: 0;
}

/* モーダル画面 サブ説明文 */
.modal_sub_discription {
      grid-column: 1/2;
  -ms-grid-column: 1;
      grid-row: 3/4;
  -ms-grid-row: 3;
}

@media only screen and (max-width: 768px) {
  .modal_sub_discription {
        grid-row: 4/5;
    -ms-grid-row: 4;
  }
}
.modal_sub_discription .modal_sub_discription_cap {
  position: relative;
  margin-bottom: 19px;
  padding: 0 0 0 23px;
  color: #333;
  font-size: 15px;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .modal_sub_discription .modal_sub_discription_cap {
    margin-bottom: 17px;
    padding: 0 0 0 20px;
    font-size: 14px;
  }
}
.modal_sub_discription .modal_sub_discription_cap::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
}

.modal_sub_discription .icon_voice::before {
  top: 20%;
  width: 20px;
  height: 17px;
  background: url("/gan/yokuwakaru/extnl/css/images/icon_voice.png") no-repeat left top/100% auto;
}

@media only screen and (max-width: 768px) {
  .modal_sub_discription .icon_voice::before {
    top: 20%;
    width: 16px;
    height: 14px;
  }
}
.modal_sub_discription .icon_survey::before {
  top: 20%;
  width: 17px;
  height: 17px;
  background: url("/gan/yokuwakaru/extnl/css/images/icon_survey.png") no-repeat left top/100% auto;
}

@media only screen and (max-width: 768px) {
  .modal_sub_discription .icon_survey::before {
    top: 22%;
    width: 14px;
    height: 14px;
  }
}
.modal_sub_discription .modal_sub_discription_cap::after {
  content: "";
  display: block;
  position: absolute;
  top: 125%;
  left: 0;
  width: 100%;
  height: 2px;
  background: url("/gan/yokuwakaru/extnl/css/images/line_dotted_pc.png") left top/auto 2px;
}

@media only screen and (max-width: 768px) {
  .modal_sub_discription .modal_sub_discription_cap::after {
    top: 115%;
    background: url("/gan/yokuwakaru/extnl/css/images/line_dotted_sp.png") left top/auto 2px;
  }
}
.modal_sub_discription .modal_sub_discription_cap .note {
  font-size: 11px;
}

.modal_sub_discription .modal_sub_discription_list li {
  position: relative;
  margin-bottom: 10px;
  padding: 0 0 0 17px;
  color: #333;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.46;
  line-height: 1.4615384615;
}

@media only screen and (max-width: 768px) {
  .modal_sub_discription .modal_sub_discription_list li {
    margin-bottom: 10px;
    padding: 0 0 0 20px;
    font-size: 11px;
    line-height: 1.545;
    line-height: 1.5454545455;
  }
}
.modal_sub_discription .modal_sub_discription_list li:last-child {
  margin-bottom: 0;
}

.modal_sub_discription .modal_sub_discription_list li::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0.45em;
  left: 0.5em;
  width: 5px;
  height: 5px;
  background-color: #666;
}

/* モーダル画面 注釈 */
.modal_note {
  margin-top: 12px;

      grid-column: 1/2;
  -ms-grid-column: 1;
      grid-row: 4/5;
  -ms-grid-row: 4;
}

@media only screen and (max-width: 768px) {
  .modal_note {
    margin-top: 0;

        grid-column: 1/2;
    -ms-grid-column: 1;
        grid-row: 6/7;
    -ms-grid-row: 6;
  }
}
.modal_note_list li,
.modal_note_list li span {
  margin-bottom: 4px;
  font-size: 11px;
  font-weight: normal;
  line-height: 1.365;
  line-height: 1.3636363636;
}

@media only screen and (max-width: 768px) {
  .modal_note_list li,
  .modal_note_list li span {
    font-size: 10px;
    line-height: 1.5;
    line-height: 1.5;
  }
}
.modal_note_list li:last-child {
  margin-bottom: 0;
}

.modal_note_list .indent_01 {
  padding-left: 1.1em;
  text-indent: -1.1em;
}

.modal_note_list .indent_02 {
  padding-left: 2.5em;
  text-indent: -2.5em;
}

.modal_note_list .indent_03 {
  text-indent: 1.1em;
}

.modal_note_list .indent_04 {
  text-indent: 2.3em;
}

.modal_note_list .indent_05 {
  padding-left: 4.7em;
  text-indent: -4.7em;
}

.modal_note_list .indent_05 .space_right {
  margin-right: 2.3em;
}

@media only screen and (max-width: 768px) {
  .modal_note_list .indent_05 .space_right {
    margin-right: 2.2em;
  }
}
.modal_note_list .research_date {
  margin-top: 6px;
}

.modal_note_list li br {
  line-height: 0;
}

/* モーダル画面 モーダル画面内ボックス */
.modal_inner_box_wrapper {
      grid-column: 2/3;
  -ms-grid-column: 2;
      grid-row: 1/5;
  -ms-grid-row: 1;
  -ms-grid-row-span: 4;
}

@media only screen and (max-width: 768px) {
  .modal_inner_box_wrapper {
        grid-column: 1/2;
    -ms-grid-column: 1;
        grid-row: 3/4;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
  }
}
.modal_inner_box {
  box-sizing: border-box;
  margin-left: 30px;
  padding: 26px 0 22px;
  border-radius: 10px;
  width: 380px;
  background: #deeff9;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .modal_inner_box {
    margin: 0 auto 25px;
    padding: 26px 0;
    width: 100%;
  }
}
.modal_inner_box .modal_inner_box_cap {
  margin: 26px 0 22px;
  color: #17a3d5;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.267;
  line-height: 1.2666666667;
}

.modal_inner_box .modal_inner_box_cap.modal_inner_box_cap_mb-sm {
  margin-bottom: 4px;
}

.modal_inner_box .modal_inner_box_cap .modal_inner_box_cap_sub {
  margin: 0;
  color: inherit;
  font-weight: normal;
}

@media only screen and (max-width: 768px) {
  .modal_inner_box .modal_inner_box_cap {
    margin: 13px 0 10px;
    font-size: 15px;
  }
}
@media only screen and (max-width: 374px) {
  .modal_inner_box .modal_inner_box_cap {
    margin: 13px 0 10px;
  }
}
.modal_inner_box .modal_inner_box_cap:first-child {
  margin-top: 0 !important;
}

.modal_inner_box .modal_inner_box_cap .note {
  color: #17a3d5;
  font-size: 11px;
  font-weight: normal;
}

.modal_inner_box .modal_inner_box_cap .txt_small {
  color: #17a3d5;
  font-size: 11px;
  font-weight: normal;
}

.modal_inner_box .modal_inner_box_pic {
  margin: 0 auto;
  height: auto;
}

.modal_inner_box .modal_inner_box_pic_01 {
  width: 326px;
}

@media only screen and (max-width: 768px) {
  .modal_inner_box .modal_inner_box_pic_01 {
    width: 271.5px;
  }
}
@media only screen and (max-width: 374px) {
  .modal_inner_box .modal_inner_box_pic_01 {
    width: 72.4vw;
    min-width: 231.68px;
  }
}
.modal_inner_box .modal_inner_box_pic_02 {
  width: 319px;
}

@media only screen and (max-width: 768px) {
  .modal_inner_box .modal_inner_box_pic_02 {
    width: 279px;
  }
}
@media only screen and (max-width: 374px) {
  .modal_inner_box .modal_inner_box_pic_02 {
    width: 74.4vw;
    min-width: 238.08px;
  }
}
.modal_inner_box .modal_inner_box_note {
  margin: 17px 30px 0;
  text-align: left;
}

.modal_inner_box .modal_inner_box_note .modal_note_list .research_date {
  margin-top: 3px;
}

/* モーダル画面 ボタン */
.modal_btn {
  overflow: hidden;
  position: relative;
  margin: 40px auto 0;
  border-radius: 9999px;
  width: 436px;
  min-height: 66px;
  transition: all ease 0.3s;
  background: #171c61;

      grid-column: 1/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
      grid-row: 5/6;
  -ms-grid-row: 5;
}

@media only screen and (max-width: 768px) {
  .modal_btn {
    margin: 37px auto;
    width: 279px;
    min-height: 59px;

        grid-column: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
        grid-row: 5/6;
    -ms-grid-row: 5;
  }
}
@media only screen and (max-width: 374px) {
  .modal_btn {
    width: 74.4vw;
    min-height: 15.7333333333vw;
  }
}
@media only screen and (max-width: 320px) {
  .modal_btn {
    width: 238.08px;
    min-height: 50.3466666667px;
  }
}
.modal_btn:hover {
  background: #1789d8;
}

.modal_btn a {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  margin: auto;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-size: 21px !important;
  font-weight: normal !important;
  line-height: 1.3 !important;

  padding-block: 10px;
}

@media only screen and (max-width: 768px) {
  .modal_btn a {
    font-size: 17px !important;
  }
}
@media only screen and (max-width: 374px) {
  .modal_btn a {
    font-size: 4.5333333333vw !important;
  }
}
@media only screen and (max-width: 320px) {
  .modal_btn a {
    font-size: 14.5066666667px !important;
  }
}
.modal_btn a::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  right: 17px;
  bottom: 0;
  margin: auto;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
}

@media only screen and (max-width: 768px) {
  .modal_btn a::after {
    right: 22px;
    width: 10px;
    height: 10px;
  }
}
@media only screen and (max-width: 374px) {
  .modal_btn a::after {
    right: 5.8666666667vw;
    width: 2.6666666667vw;
    height: 2.6666666667vw;
  }
}
@media only screen and (max-width: 320px) {
  .modal_btn a::after {
    right: 17.0666666667px;
    width: 8.1066666667px;
    height: 8.1066666667px;
  }
}
.modal_btn a span {
  display: block;
  color: #fff;
  font-size: 15px;
  font-weight: normal;
}

.modal_btn a small {
  display: block;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: normal;
  line-height: 1.1 !important;
}

@media only screen and (max-width: 768px) {
  .modal_btn a span {
    font-size: 13px;
  }
}
@media only screen and (max-width: 374px) {
  .modal_btn a span {
    font-size: 3.4666666667vw !important;
  }
}
@media only screen and (max-width: 320px) {
  .modal_btn a span {
    font-size: 11.0933333333px !important;
  }
}
/* ----------------------------
  つんくさん モーダル1枚目
---------------------------- */
/* --------------モーダル画面-------------- */
.page34_modal01 .modal_cap {
  letter-spacing: -0.03em;
}

@media only screen and (max-width: 768px) {
  .page34_modal01 .modal_cap {
    letter-spacing: -0.05em;
  }
}
/* ----------------------------
  つんくさん モーダル2枚目
---------------------------- */
/* --------------詳細ページ-------------- */
.page34_detail02 .detail_pic {
  right: 27px;
  bottom: 29%;
  width: 194px;
}

@media only screen and (max-width: 768px) {
  .page34_detail02 .detail_pic {
    right: 2.8125vw;
    width: 20.2083333333vw;
  }
}
@media only screen and (max-width: 599px) {
  .page34_detail02 .detail_pic {
    right: 15px;
    bottom: 35%;
    width: 96.5px;
  }
}
/* --------------モーダル画面-------------- */
.page34_modal02 {
  grid-template-columns: 1fr 390px;
  -ms-grid-columns: 1fr 390px;
}

@media only screen and (max-width: 768px) {
  .page34_modal02 {
    grid-template-columns: 100%;
    -ms-grid-columns: 100%;
  }
}
.page34_modal02 .modal_cap {
  letter-spacing: -0.03em;
}

@media only screen and (max-width: 768px) {
  .page34_modal02 .modal_cap {
    letter-spacing: 0;
  }
}
.page34_modal02 .modal_inner_box {
  width: 360px;
}

@media only screen and (max-width: 768px) {
  .page34_modal02 .modal_inner_box {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .page34_modal02 .modal_inner_box .modal_inner_box_cap {
    margin: 30px 0 15px;
  }
}
.page34_modal02 .modal_inner_box .modal_inner_box_cap:first-child {
  margin-top: 0;
}

.page34_modal02 .modal_inner_box .modal_inner_box_pic_01 {
  padding-right: 13%;
  width: 200px;
}

@media only screen and (max-width: 768px) {
  .page34_modal02 .modal_inner_box .modal_inner_box_pic_01 {
    padding-right: 5%;
    width: 228px;
  }
}
@media only screen and (max-width: 374px) {
  .page34_modal02 .modal_inner_box .modal_inner_box_pic_01 {
    width: 60.8vw;
    min-width: 194.56px;
  }
}
.page34_modal02 .modal_inner_box .modal_inner_box_pic_02 {
  width: 150px;
}

@media only screen and (max-width: 768px) {
  .page34_modal02 .modal_inner_box .modal_inner_box_pic_02 {
    width: 170px;
  }
}
@media only screen and (max-width: 374px) {
  .page34_modal02 .modal_inner_box .modal_inner_box_pic_02 {
    width: 45.3333333333vw;
    min-width: 145.0666666667px;
  }
}
/* ----------------------------
  つんくさん モーダル3枚目
---------------------------- */
/* --------------詳細ページ-------------- */
.page34_detail03 .detail_answer_wrapper {
  margin-bottom: 35px;
}

@media only screen and (max-width: 768px) {
  .page34_detail03 .detail_answer_wrapper {
    margin-bottom: 3.6458333333vw;
  }
}
@media only screen and (max-width: 599px) {
  .page34_detail03 .detail_answer_wrapper {
    margin-bottom: 12px;
  }
}
.page34_detail03 .detail_answer_wrapper .detail_answer_image {
  width: 194px;
}

@media only screen and (max-width: 768px) {
  .page34_detail03 .detail_answer_wrapper .detail_answer_image {
    width: 20.2083333333vw;
  }
}
@media only screen and (max-width: 599px) {
  .page34_detail03 .detail_answer_wrapper .detail_answer_image {
    width: 126px;
  }
}
.page34_detail03 .detail_pic {
  right: 24px;
  bottom: 28%;
  width: 401px;
}

@media only screen and (max-width: 768px) {
  .page34_detail03 .detail_pic {
    right: 2.5vw;
    width: 41.7708333333vw;
  }
}
@media only screen and (max-width: 599px) {
  .page34_detail03 .detail_pic {
    position: static;
    margin-bottom: 8px;
    width: 293px;
  }
}
@media only screen and (max-width: 374px) {
  .page34_detail03 .detail_pic {
    width: 78.1333333333vw;
    min-width: 250.0266666667px;
  }
}
.page34_detail03 .detail_note {
  padding-left: 4.7em;
  text-indent: -4.7em;
}

/* --------------モーダル画面-------------- */
.page34_modal03 {
  grid-template-columns: 1fr 405px;
  -ms-grid-columns: 1fr 405px;
}

@media only screen and (max-width: 768px) {
  .page34_modal03 {
    grid-template-columns: 100%;
    -ms-grid-columns: 100%;
  }
}
.page34_modal03 .modal_discription {
      grid-column: 1/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
}

.page34_modal03 .modal_inner_box_wrapper_01 {
      grid-column: 1/2;
  -ms-grid-column: 1;
      grid-row: 3/4;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
}

/* @media only screen and (max-width: 768px) {
  .page34_modal03 .modal_inner_box_wrapper_01 {
    grid-row: 3 / 4;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
  }
} */
.page34_modal03 .modal_inner_box {
  margin-left: 0;
  width: 405px;
}

@media only screen and (max-width: 768px) {
  .page34_modal03 .modal_inner_box_01 {
    margin: 0 auto;
    width: 100%;
  }
}
.page34_modal03 .modal_inner_box_01 .modal_inner_box_cap {
  margin-bottom: 35px;
}

@media only screen and (max-width: 768px) {
  .page34_modal03 .modal_inner_box_01 .modal_inner_box_cap {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .page34_modal03 .modal_inner_box_01 .modal_inner_box_cap {
    margin: 28px 0 10px;
  }
}
.page34_modal03 .modal_inner_box_wrapper_02 {
      grid-column: 2/3;
  -ms-grid-column: 2;
      grid-row: 3/4;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
}

.page34_modal03 .modal_inner_box_02 .modal_inner_box_cap {
  margin: 0 0 15px;
}

.page34_modal03 .modal_inner_box .modal_inner_box_pic_01 {
  width: 341px;
}

@media only screen and (max-width: 768px) {
  .page34_modal03 .modal_inner_box .modal_inner_box_pic_01 {
    width: 262px;
  }
}
@media only screen and (max-width: 374px) {
  .page34_modal03 .modal_inner_box .modal_inner_box_pic_01 {
    width: 69.8666666667vw;
    min-width: 223.5733333333px;
  }
}
.page34_modal03 .modal_inner_box .modal_inner_box_pic_02 {
  width: 363px;
}

@media only screen and (max-width: 768px) {
  .page34_modal03 .modal_inner_box .modal_inner_box_pic_02 {
    width: 278.5px;
  }
}
@media only screen and (max-width: 374px) {
  .page34_modal03 .modal_inner_box .modal_inner_box_pic_02 {
    width: 74.2666666667vw;
    min-width: 237.6533333333px;
  }
}
.page34_modal03 .modal_note {
  margin-top: 20px;

      grid-column: 1/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
      grid-row: 4/5;
  -ms-grid-row: 4;
}

@media only screen and (max-width: 768px) {
  .page34_modal03 .modal_note {
    margin-top: 0;

        grid-column: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
        grid-row: 5/6;
    -ms-grid-row: 5;
  }
}
.page34_modal03 .modal_note .modal_note_list {
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .page34_modal03 .modal_note .modal_note_list {
    text-align: left;
  }
}
@media only screen and (max-width: 768px) {
  .page34_modal03 .modal_btn {
        grid-column: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
        grid-row: 4/5;
    -ms-grid-row: 4;
  }
}
/* ----------------------------
  小林さん モーダル1枚目
---------------------------- */
/* --------------詳細ページ-------------- */
.page38_detail01 .detail_answer_wrapper {
  margin-top: 25px;
}

@media only screen and (max-width: 768px) {
  .page38_detail01 .detail_answer_wrapper {
    margin-top: 0;
  }
}
.page38_detail01 .detail_answer_wrapper .detail_answer_image {
  width: 182px;
}

@media only screen and (max-width: 768px) {
  .page38_detail01 .detail_answer_wrapper .detail_answer_image {
    width: 18.9583333333vw;
  }
}
@media only screen and (max-width: 599px) {
  .page38_detail01 .detail_answer_wrapper .detail_answer_image {
    width: 118px;
  }
}
.page38_detail01 .detail_pic {
  right: 21px;
  bottom: 23%;
  width: 188px;
}

@media only screen and (max-width: 768px) {
  .page38_detail01 .detail_pic {
    right: 2.1875vw;
    bottom: 17%;
    width: 19.5833333333vw;
  }
}
@media only screen and (max-width: 599px) {
  .page38_detail01 .detail_pic {
    right: 13px;
    bottom: 39%;
    width: 113.5px;
  }
}
/* --------------モーダル画面-------------- */
.page38_modal01 {
  grid-template-columns: 1fr 350px;
  -ms-grid-columns: 1fr 350px;
}

@media only screen and (max-width: 768px) {
  .page38_modal01 {
    grid-template-columns: 100%;
    -ms-grid-columns: 100%;
  }
}
.page38_modal01 .modal_discription .u-sup-txt {
  margin-left: -1.3em;
}

.page38_modal01 .modal_inner_box {
  width: 320px;
}

@media only screen and (max-width: 768px) {
  .page38_modal01 .modal_inner_box {
    width: 100%;
  }
}
.page38_modal01 .modal_inner_box .modal_inner_box_pic_01 {
  padding-left: 18%;
  width: 211px;
}

@media only screen and (max-width: 768px) {
  .page38_modal01 .modal_inner_box .modal_inner_box_pic_01 {
    padding-right: 5%;
    width: 219.5px;
  }
}
@media only screen and (max-width: 374px) {
  .page38_modal01 .modal_inner_box .modal_inner_box_pic_01 {
    width: 58.5333333333vw;
    min-width: 187.3066666667px;
  }
}
/* ----------------------------
  小林さん モーダル3枚目
---------------------------- */
/* --------------詳細ページ-------------- */
.page38_detail03 .detail_answer_wrapper {
  margin-top: 25px;
}

@media only screen and (max-width: 768px) {
  .page38_detail03 .detail_answer_wrapper {
    margin-top: 0;
  }
}
.page38_detail03 .detail_answer_wrapper .detail_answer_image {
  width: 182px;
}

@media only screen and (max-width: 768px) {
  .page38_detail03 .detail_answer_wrapper .detail_answer_image {
    width: 18.9583333333vw;
  }
}
@media only screen and (max-width: 599px) {
  .page38_detail03 .detail_answer_wrapper .detail_answer_image {
    width: 118px;
  }
}
.page38_detail03 .detail_pic {
  right: 40px;
  bottom: 24.5%;
  width: 170px;
}

@media only screen and (max-width: 768px) {
  .page38_detail03 .detail_pic {
    right: 4.1666666667vw;
    bottom: 19%;
    width: 17.7083333333vw;
  }
}
@media only screen and (max-width: 599px) {
  .page38_detail03 .detail_pic {
    right: 16px;
    bottom: 39%;
    width: 94px;
  }
}
/* --------------モーダル画面-------------- */
.page38_modal03 {
  grid-template-columns: 1fr 350px;
  -ms-grid-columns: 1fr 350px;
}

@media only screen and (max-width: 768px) {
  .page38_modal03 {
    grid-template-columns: 100%;
    -ms-grid-columns: 100%;
  }
}
.page38_modal03 .modal_inner_box {
  width: 320px;
}

@media only screen and (max-width: 768px) {
  .page38_modal03 .modal_inner_box {
    width: 100%;
  }
}
.page38_modal03 .modal_inner_box .modal_inner_box_pic_01 {
  padding-left: 19%;
  width: 209px;
}

@media only screen and (max-width: 768px) {
  .page38_modal03 .modal_inner_box .modal_inner_box_pic_01 {
    padding-left: 3%;
    width: 240.1px;
  }
}
@media only screen and (max-width: 374px) {
  .page38_modal03 .modal_inner_box .modal_inner_box_pic_01 {
    width: 64.1333333333vw;
    min-width: 205.2266666667px;
  }
}
/* ----------------------------
  鈴木さん モーダル1枚目
---------------------------- */
/* --------------詳細ページ-------------- */
.page70_detail01 .detail_answer_wrapper {
  margin-bottom: 90px;
}

@media only screen and (max-width: 768px) {
  .page70_detail01 .detail_answer_wrapper {
    margin-bottom: 9.375vw;
  }
}
@media only screen and (max-width: 599px) {
  .page70_detail01 .detail_answer_wrapper {
    margin-bottom: 16px;
  }
}
.page70_detail01 .detail_answer_wrapper .detail_answer_image {
  width: 218px;
}

@media only screen and (max-width: 768px) {
  .page70_detail01 .detail_answer_wrapper .detail_answer_image {
    width: 22.7083333333vw;
  }
}
@media only screen and (max-width: 599px) {
  .page70_detail01 .detail_answer_wrapper .detail_answer_image {
    width: 145px;
  }
}
.page70_detail01 .detail_pic {
  right: 24px;
  bottom: 26%;
  width: 376px;
}

@media only screen and (max-width: 768px) {
  .page70_detail01 .detail_pic {
    right: 4.0625vw;
    width: 39.1666666667vw;
  }
}
@media only screen and (max-width: 599px) {
  .page70_detail01 .detail_pic {
    position: static;
    margin: -7px auto 18px;
    width: 269.5px;
  }
}
@media only screen and (max-width: 374px) {
  .page70_detail01 .detail_pic {
    width: 250px;
  }
}
/* --------------モーダル画面-------------- */
.page70_modal01 {
  grid-template-columns: 1fr 470px;
  -ms-grid-columns: 1fr 470px;
}

@media only screen and (max-width: 768px) {
  .page70_modal01 {
    grid-template-columns: 100%;
    -ms-grid-columns: 100%;
  }
}
.page70_modal01 .modal_inner_box {
  width: 440px;
}

@media only screen and (max-width: 768px) {
  .page70_modal01 .modal_inner_box {
    width: 100%;
  }
}
.page70_modal01 .modal_inner_box .modal_inner_box_cap {
  margin-bottom: 8px;
}

@media only screen and (max-width: 768px) {
  .page70_modal01 .modal_inner_box .modal_inner_box_cap {
    margin: 4px;
  }
}
.page70_modal01 .modal_inner_box .modal_inner_box_txt {
  margin-bottom: 16px;
  color: #333;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.67;
  line-height: 1.6666666667;
}

@media only screen and (max-width: 768px) {
  .page70_modal01 .modal_inner_box .modal_inner_box_txt {
    margin-bottom: 14px;
    padding: 0 4.8vw;
    text-align: left;
    font-size: 12px;
    line-height: 1.58;
    line-height: 1.5833333333;
  }
}
.page70_modal01 .modal_inner_box .modal_inner_box_pic_title {
  margin-bottom: 0;
  color: #333;
  font-size: 14px;
  font-weight: normal;
}

@media only screen and (max-width: 768px) {
  .page70_modal01 .modal_inner_box .modal_inner_box_pic_title {
    font-size: 13px;
  }
}
.page70_modal01 .modal_inner_box .modal_inner_box_pic_title .note {
  color: #333;
  font-size: 11px;
  font-weight: normal;
}

@media only screen and (max-width: 768px) {
  .page70_modal01 .modal_inner_box .modal_inner_box_pic_title .note {
    font-size: 9px;
  }
}
.page70_modal01 .modal_inner_box .modal_inner_box_pic_subtitle {
  margin-bottom: 10px;
  color: #333;
  font-size: 11px;
  font-weight: normal;
}

@media only screen and (max-width: 768px) {
  .page70_modal01 .modal_inner_box .modal_inner_box_pic_subtitle {
    margin-bottom: 0;
    font-size: 10px;
  }
}
.page70_modal01 .modal_inner_box .modal_inner_box_pic_01 {
  width: 376px;
}

@media only screen and (max-width: 768px) {
  .page70_modal01 .modal_inner_box .modal_inner_box_pic_01 {
    width: 269.5px;
  }
}
@media only screen and (max-width: 374px) {
  .page70_modal01 .modal_inner_box .modal_inner_box_pic_01 {
    width: 71.8666666667vw;
    min-width: 229.9733333333px;
  }
}
.page70_modal01 .modal_inner_box .modal_inner_box_note {
  margin: 23px 35px 0;
}

/* ----------------------------
  鈴木さん モーダル2枚目
---------------------------- */
/* --------------詳細ページ-------------- */
@media only screen and (max-width: 599px) {
  .page70_detail02 .detail_answer_wrapper dl dt,
  .page70_detail02 .detail_answer_wrapper dl dd,
  .page70_detail02 .detail_answer_wrapper dl dd span {
    font-size: 14px;
  }
}
.page70_detail02 .detail_answer_wrapper dl {
  width: 42.5%;
}

@media only screen and (max-width: 599px) {
  .page70_detail02 .detail_answer_wrapper dl {
    width: 97.5%;
  }
}
.page70_detail02 .detail_pic {
  right: 24px;
  bottom: 27.5%;
  width: 318px;
}

@media only screen and (max-width: 768px) {
  .page70_detail02 .detail_pic {
    right: 2.5vw;
    width: 33.125vw;
  }
}
/* --------------モーダル画面-------------- */
.page70_modal02 {
  grid-template-columns: 1fr 390px;
  -ms-grid-columns: 1fr 390px;
}

@media only screen and (max-width: 768px) {
  .page70_modal02 {
    grid-template-columns: 100%;
    -ms-grid-columns: 100%;
  }
}
.page70_modal02 .modal_inner_box {
  width: 360px;
}

@media only screen and (max-width: 768px) {
  .page70_modal02 .modal_inner_box {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .page70_modal02 .modal_inner_box .modal_inner_box_cap {
    letter-spacing: -0.03em;
  }
}
@media only screen and (max-width: 374px) {
  .page70_modal02 .modal_inner_box .modal_inner_box_cap {
    letter-spacing: 0;
  }
}
.page70_modal02 .modal_inner_box .modal_inner_box_pic_01 {
  width: 299px;
}

@media only screen and (max-width: 768px) {
  .page70_modal02 .modal_inner_box .modal_inner_box_pic_01 {
    width: 279px;
  }
}
@media only screen and (max-width: 374px) {
  .page70_modal02 .modal_inner_box .modal_inner_box_pic_01 {
    width: 74.4vw;
    min-width: 238.08px;
  }
}
@media only screen and (max-width: 768px) {
  .page70_modal02 .modal_btn a span {
    font-size: 12px;
  }
}
@media only screen and (max-width: 374px) {
  .page70_modal02 .modal_btn a span {
    font-size: 3.2vw !important;
  }
}
@media only screen and (max-width: 320px) {
  .page70_modal02 .modal_btn a span {
    font-size: 10.24px !important;
  }
}
/* ----------------------------
  鈴木さん モーダル3枚目
---------------------------- */
/* --------------詳細ページ-------------- */
.page70_detail03 .detail_answer_wrapper .detail_answer_image {
  width: 132px;
}

@media only screen and (max-width: 768px) {
  .page70_detail03 .detail_answer_wrapper .detail_answer_image {
    width: 13.75vw;
  }
}
@media only screen and (max-width: 599px) {
  .page70_detail03 .detail_answer_wrapper .detail_answer_image {
    width: 84px;
  }
}
.page70_detail03 .detail_pic {
  right: 33px;
  bottom: 35.5%;
  width: 329px;
}

@media only screen and (max-width: 768px) {
  .page70_detail03 .detail_pic {
    right: 3.4375vw;
    width: 34.2708333333vw;
  }
}
@media only screen and (max-width: 599px) {
  .page70_detail03 .detail_pic {
    right: 13px;
    bottom: 37%;
    width: 159px;
  }
}
/* --------------モーダル画面-------------- */
.page70_modal03 {
  grid-template-columns: 1fr 390px;
  -ms-grid-columns: 1fr 390px;
}

@media only screen and (max-width: 768px) {
  .page70_modal03 {
    grid-template-columns: 100%;
    -ms-grid-columns: 100%;
  }
}
.page70_modal03 .modal_inner_box {
  width: 360px;
}

@media only screen and (max-width: 768px) {
  .page70_modal03 .modal_inner_box {
    width: 100%;
  }
}
.page70_modal03 .modal_inner_box .modal_inner_box_pic_01 {
  width: 323px;
}

@media only screen and (max-width: 768px) {
  .page70_modal03 .modal_inner_box .modal_inner_box_pic_01 {
    width: 279px;
  }
}
@media only screen and (max-width: 374px) {
  .page70_modal03 .modal_inner_box .modal_inner_box_pic_01 {
    width: 74.4vw;
    min-width: 238.08px;
  }
}
/* ----------------------------
  鈴木さん モーダル4枚目
---------------------------- */
/* --------------詳細ページ-------------- */
.page70_detail04 .detail_question_wrapper .detail_question_txt .u-sup-txt {
  font-size: small;
}

@media only screen and (max-width: 768px) {
  .page70_detail04 .detail_question_wrapper .detail_question_txt .u-sup-txt {
    font-size: xx-small;
  }
}
.page70_detail04 .detail_answer_wrapper .detail_answer_image {
  width: 225px;
}

@media only screen and (max-width: 768px) {
  .page70_detail04 .detail_answer_wrapper .detail_answer_image {
    width: 23.4375vw;
  }
}
@media only screen and (max-width: 599px) {
  .page70_detail04 .detail_answer_wrapper .detail_answer_image {
    width: 147.5px;
  }
}
.page70_detail04 .detail_pic {
  right: 31px;
  bottom: 23.5%;
  width: 174px;
}

@media only screen and (max-width: 768px) {
  .page70_detail04 .detail_pic {
    right: 3.2291666667vw;
    width: 18.125vw;
  }
}
@media only screen and (max-width: 599px) {
  .page70_detail04 .detail_pic {
    right: 10px;
    bottom: 41.5%;
    width: 98.5px;
  }
}
/* --------------モーダル画面-------------- */
.page70_modal04 {
  grid-template-columns: 1fr 405px;
  -ms-grid-columns: 1fr 405px;
  grid-template-rows: auto 1fr auto auto auto;
  -ms-grid-rows: auto 1fr auto auto auto;
}

@media only screen and (max-width: 768px) {
  .page70_modal04 {
    grid-template-columns: 100%;
    -ms-grid-columns: 100%;
    grid-template-rows: auto;
    -ms-grid-rows: auto;
  }
}
.page70_modal04 .modal_discription {
  padding-right: 30px;
}

@media only screen and (max-width: 768px) {
  .page70_modal04 .modal_discription {
    padding-right: 0;
  }
}
.page70_modal04 .modal_inner_box {
  margin-left: 0;
  width: 405px;
}

.page70_modal04 .modal_inner_box_wrapper_01 {
      grid-column: 2/3;
  -ms-grid-column: 2;
      grid-row: 1/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
}

@media only screen and (max-width: 768px) {
  .page70_modal04 .modal_inner_box_wrapper_01 {
        grid-column: 1/2;
    -ms-grid-column: 1;
        grid-row: 3/4;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
  }
}
.page70_modal04 .modal_inner_box_01 {
  margin-bottom: 25px;
}

@media only screen and (max-width: 768px) {
  .page70_modal04 .modal_inner_box_01 {
    margin: 0 auto;
    width: 100%;
  }
}
.page70_modal04 .modal_inner_box_01 .modal_inner_box_cap {
  margin: 26px 0 33px;
}

@media only screen and (max-width: 768px) {
  .page70_modal04 .modal_inner_box_01 .modal_inner_box_cap {
    margin: 42px 0 10px;
  }
}
.page70_modal04 .modal_inner_box_wrapper_02 {
      grid-column: 1/2;
  -ms-grid-column: 1;
      grid-row: 3/4;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
}

.page70_modal04 .modal_inner_box_02 .modal_inner_box_cap {
  margin-bottom: 35px;
}

@media only screen and (max-width: 768px) {
  .page70_modal04 .modal_inner_box_02 .modal_inner_box_cap {
    margin-bottom: 10px;
  }
}
.page70_modal04 .modal_inner_box_wrapper_03 {
      grid-column: 2/3;
  -ms-grid-column: 2;
      grid-row: 3/4;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
}

.page70_modal04 .modal_inner_box_03 .modal_inner_box_cap {
  margin: 0 0 15px;
}

.page70_modal04 .modal_inner_box .modal_inner_box_pic_01 {
  width: 349px;
}

@media only screen and (max-width: 768px) {
  .page70_modal04 .modal_inner_box .modal_inner_box_pic_01 {
    width: 268px;
  }
}
@media only screen and (max-width: 374px) {
  .page70_modal04 .modal_inner_box .modal_inner_box_pic_01 {
    width: 71.4666666667vw;
    min-width: 228.6933333333px;
  }
}
.page70_modal04 .modal_inner_box .modal_inner_box_pic_02 {
  /* margin-top: -6px; */
  width: 341px;
}

@media only screen and (max-width: 768px) {
  .page70_modal04 .modal_inner_box .modal_inner_box_pic_02 {
    /* margin-top: -5px; */
    width: 262px;
  }
}
@media only screen and (max-width: 374px) {
  .page70_modal04 .modal_inner_box .modal_inner_box_pic_02 {
    width: 69.8666666667vw;
    min-width: 223.5733333333px;
  }
}
.page70_modal04 .modal_inner_box .modal_inner_box_pic_03 {
  /* margin-top: -6px; */
  width: 363px;
}

@media only screen and (max-width: 768px) {
  .page70_modal04 .modal_inner_box .modal_inner_box_pic_03 {
    /* margin-top: -5px; */
    width: 278.5px;
  }
}
@media only screen and (max-width: 374px) {
  .page70_modal04 .modal_inner_box .modal_inner_box_pic_03 {
    width: 74.2666666667vw;
    min-width: 237.6533333333px;
  }
}
.page70_modal04 .modal_note {
  margin-top: 20px;

      grid-column: 1/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
      grid-row: 4/5;
  -ms-grid-row: 4;
}

@media only screen and (max-width: 768px) {
  .page70_modal04 .modal_note {
    margin-top: 0;

        grid-column: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
        grid-row: 5/6;
    -ms-grid-row: 5;
  }
}
@media only screen and (max-width: 768px) {
  .page70_modal04 .modal_btn {
        grid-column: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
        grid-row: 4/5;
    -ms-grid-row: 4;
  }
}
/* ----------------------------
  谷さん モーダル1枚目
---------------------------- */
/* --------------詳細ページ-------------- */
.page68_detail01 .detail_answer_wrapper .detail_answer_image {
  width: 182px;
}

@media only screen and (max-width: 768px) {
  .page68_detail01 .detail_answer_wrapper .detail_answer_image {
    width: 18.9583333333vw;
  }
}
@media only screen and (max-width: 599px) {
  .page68_detail01 .detail_answer_wrapper .detail_answer_image {
    width: 118.5px;
  }
}
.page68_detail01 .detail_pic {
  right: 19px;
  bottom: 40%;
  width: 328px;
}

@media only screen and (max-width: 768px) {
  .page68_detail01 .detail_pic {
    right: 1.9791666667vw;
    width: 34.1666666667vw;
  }
}
@media only screen and (max-width: 599px) {
  .page68_detail01 .detail_pic {
    position: static;
    margin: -8px auto 15px;
    width: 237.5px;
  }
}
/* --------------モーダル画面-------------- */
.page68_modal01 {
  grid-template-columns: 1fr 350px;
  -ms-grid-columns: 1fr 350px;
}

@media only screen and (max-width: 768px) {
  .page68_modal01 {
    grid-template-columns: 100%;
    -ms-grid-columns: 100%;
  }
}
.page68_modal01 .modal_inner_box {
  width: 320px;
}

@media only screen and (max-width: 768px) {
  .page68_modal01 .modal_inner_box {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .page68_modal01 .modal_inner_box .modal_inner_box_cap {
    margin: 13px 0 19px;
  }
}
.page68_modal01 .modal_inner_box .modal_inner_box_pic_01 {
  padding-left: 16%;
  width: 203px;
}

@media only screen and (max-width: 768px) {
  .page68_modal01 .modal_inner_box .modal_inner_box_pic_01 {
    padding-left: 0;
    width: 226.5px;
  }
}
@media only screen and (max-width: 374px) {
  .page68_modal01 .modal_inner_box .modal_inner_box_pic_01 {
    width: 60.4vw;
    min-width: 193.28px;
  }
}
/* ----------------------------
  谷さん モーダル2枚目
---------------------------- */
/* --------------詳細ページ-------------- */
.page68_detail02 .detail_pic {
  right: 22px;
  bottom: 30.5%;
  width: 218px;
}

@media only screen and (max-width: 768px) {
  .page68_detail02 .detail_pic {
    right: 2.2916666667vw;
    width: 22.7083333333vw;
  }
}
@media only screen and (max-width: 599px) {
  .page68_detail02 .detail_answer_wrapper dl {
    width: 97%;
  }
}
.page68_detail02 .detail_answer_wrapper::before {
  padding-bottom: 3.3%;
}

@media only screen and (max-width: 768px) {
  .page68_detail02 .detail_answer_wrapper::before {
    padding-bottom: 5.5%;
  }
}
/* --------------モーダル画面-------------- */
.page68_modal02 .modal_inner_box .modal_inner_box_pic_01 {
  width: 320px;
}

@media only screen and (max-width: 768px) {
  .page68_modal02 .modal_inner_box .modal_inner_box_pic_01 {
    width: 279px;
  }
}
@media only screen and (max-width: 374px) {
  .page68_modal02 .modal_inner_box .modal_inner_box_pic_01 {
    width: 74.4vw;
    min-width: 238.08px;
  }
}
@media only screen and (max-width: 768px) {
  .page68_modal02 .modal_btn a span {
    font-size: 12px;
  }
}
@media only screen and (max-width: 374px) {
  .page68_modal02 .modal_btn a span {
    font-size: 3.2vw !important;
  }
}
@media only screen and (max-width: 320px) {
  .page68_modal02 .modal_btn a span {
    font-size: 10.24px !important;
  }
}
/* ----------------------------
  谷さん モーダル3枚目
---------------------------- */
/* --------------詳細ページ-------------- */
@media only screen and (max-width: 768px) {
  .page68_detail03 .detail_question_wrapper .detail_question_txt {
    letter-spacing: -0.03em;
  }
}
.page68_detail03 .detail_answer_wrapper .detail_answer_image {
  width: 182px;
}

@media only screen and (max-width: 768px) {
  .page68_detail03 .detail_answer_wrapper .detail_answer_image {
    width: 18.9583333333vw;
  }
}
@media only screen and (max-width: 599px) {
  .page68_detail03 .detail_answer_wrapper .detail_answer_image {
    width: 118.5px;
  }
}
.page68_detail03 .detail_pic {
  right: 35px;
  bottom: 33.5%;
  width: 374px;
}

@media only screen and (max-width: 768px) {
  .page68_detail03 .detail_pic {
    right: 3.6458333333vw;
    width: 38.9583333333vw;
  }
}
@media only screen and (max-width: 599px) {
  .page68_detail03 .detail_pic {
    right: -28px;
    bottom: 42%;
    width: 173.5px;
  }
}
/* --------------モーダル画面-------------- */
.page68_modal03 .modal_inner_box .modal_inner_box_pic_01 {
  width: 320px;
}

@media only screen and (max-width: 768px) {
  .page68_modal03 .modal_inner_box .modal_inner_box_pic_01 {
    width: 279px;
  }
}
@media only screen and (max-width: 374px) {
  .page68_modal03 .modal_inner_box .modal_inner_box_pic_01 {
    width: 74.4vw;
    min-width: 238.08px;
  }
}
/* ----------------------------
  原口さん モーダル1枚目
---------------------------- */
/* --------------詳細ページ-------------- */
.page74_detail01 .detail_answer_wrapper .detail_answer_image {
  width: 182px;
}

@media only screen and (max-width: 768px) {
  .page74_detail01 .detail_answer_wrapper .detail_answer_image {
    width: 18.9583333333vw;
  }
}
@media only screen and (max-width: 599px) {
  .page74_detail01 .detail_answer_wrapper .detail_answer_image {
    width: 118.5px;
  }
}
.page74_detail01 .detail_pic {
  right: 31px;
  bottom: 22.5%;
  width: 158px;
}

@media only screen and (max-width: 768px) {
  .page74_detail01 .detail_pic {
    right: 3.2291666667vw;
    width: 16.4583333333vw;
  }
}
@media only screen and (max-width: 599px) {
  .page74_detail01 .detail_pic {
    right: 15px;
    bottom: 35%;
    width: 100.5px;
  }
}
/* --------------モーダル画面-------------- */
.page74_modal01 {
  grid-template-columns: 1fr 350px;
  -ms-grid-columns: 1fr 350px;
}

@media only screen and (max-width: 768px) {
  .page74_modal01 {
    grid-template-columns: 100%;
    -ms-grid-columns: 100%;
  }
}
.page74_modal01 .modal_inner_box {
  width: 320px;
}

@media only screen and (max-width: 768px) {
  .page74_modal01 .modal_inner_box {
    width: 100%;
  }
}
.page74_modal01 .modal_inner_box .modal_inner_box_pic_01 {
  width: 195px;
}

@media only screen and (max-width: 768px) {
  .page74_modal01 .modal_inner_box .modal_inner_box_pic_01 {
    padding-right: 5%;
    width: 202px;
  }
}
@media only screen and (max-width: 374px) {
  .page74_modal01 .modal_inner_box .modal_inner_box_pic_01 {
    width: 53.8666666667vw;
    min-width: 172.3733333333px;
  }
}
/* ----------------------------
  原口さん モーダル2枚目
---------------------------- */
/* --------------詳細ページ-------------- */
@media only screen and (max-width: 599px) {
  .page74_detail02 .detail_answer_wrapper dl dt,
  .page74_detail02 .detail_answer_wrapper dl dd,
  .page74_detail02 .detail_answer_wrapper dl dd span {
    font-size: 14px;
  }
}
.page74_detail02 .detail_answer_wrapper dl {
  width: 42.5%;
}

@media only screen and (max-width: 599px) {
  .page74_detail02 .detail_answer_wrapper dl {
    width: 97.5%;
  }
}
.page74_detail02 .detail_pic {
  right: 24px;
  bottom: 27.5%;
  width: 318px;
}

@media only screen and (max-width: 768px) {
  .page74_detail02 .detail_pic {
    right: 2.5vw;
    width: 33.125vw;
  }
}
/* --------------モーダル画面-------------- */
.page74_modal02 {
  grid-template-columns: 1fr 390px;
  -ms-grid-columns: 1fr 390px;
}

@media only screen and (max-width: 768px) {
  .page74_modal02 {
    grid-template-columns: 100%;
    -ms-grid-columns: 100%;
  }
}
.page74_modal02 .modal_inner_box {
  width: 360px;
}

@media only screen and (max-width: 768px) {
  .page74_modal02 .modal_inner_box {
    width: 100%;
  }
}
.page74_modal02 .modal_inner_box .modal_inner_box_pic_01 {
  width: 299px;
}

@media only screen and (max-width: 768px) {
  .page74_modal02 .modal_inner_box .modal_inner_box_pic_01 {
    width: 279px;
  }
}
@media only screen and (max-width: 374px) {
  .page74_modal02 .modal_inner_box .modal_inner_box_pic_01 {
    width: 74.4vw;
    min-width: 238.08px;
  }
}
@media only screen and (max-width: 768px) {
  .page74_modal02 .modal_inner_box .modal_inner_box_cap {
    letter-spacing: -0.03em;
  }
}
@media only screen and (max-width: 374px) {
  .page74_modal02 .modal_inner_box .modal_inner_box_cap {
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 768px) {
  .page74_modal02 .modal_btn a span {
    font-size: 12px;
  }
}
@media only screen and (max-width: 374px) {
  .page74_modal02 .modal_btn a span {
    font-size: 3.2vw !important;
  }
}
@media only screen and (max-width: 320px) {
  .page74_modal02 .modal_btn a span {
    font-size: 10.24px !important;
  }
}
/* ----------------------------
  原口さん モーダル3枚目
---------------------------- */
/* --------------詳細ページ-------------- */
.page74_detail03 .detail_answer_wrapper {
  margin-top: 23.5px;
}

@media only screen and (max-width: 768px) {
  .page74_detail03 .detail_answer_wrapper {
    margin-top: 0;
  }
}
.page74_detail03 .detail_answer_wrapper .detail_answer_image {
  width: 330px;
}

@media only screen and (max-width: 768px) {
  .page74_detail03 .detail_answer_wrapper .detail_answer_image {
    width: 34.375vw;
  }
}
@media only screen and (max-width: 599px) {
  .page74_detail03 .detail_answer_wrapper .detail_answer_image {
    width: 209.5px;
  }
}
.page74_detail03 .detail_pic {
  right: 30px;
  bottom: 37.5%;
  width: 268px;
}

@media only screen and (max-width: 768px) {
  .page74_detail03 .detail_pic {
    right: 3.125vw;
    width: 27.9166666667vw;
  }
}
@media only screen and (max-width: 599px) {
  .page74_detail03 .detail_pic {
    position: static;
    margin: -10.5px auto 18px;
    padding-left: 3.5%;
    width: 238px;
  }
}
@media only screen and (max-width: 374px) {
  .page74_detail03 .detail_pic {
    padding-left: 0;
  }
}
/* --------------モーダル画面-------------- */
.page74_modal03 {
  grid-template-columns: 1fr 390px;
  -ms-grid-columns: 1fr 390px;
}

@media only screen and (max-width: 768px) {
  .page74_modal03 {
    grid-template-columns: 100%;
    -ms-grid-columns: 100%;
  }
}
.page74_modal03 .modal_inner_box {
  width: 360px;
}

@media only screen and (max-width: 768px) {
  .page74_modal03 .modal_inner_box {
    width: 100%;
  }
}
.page74_modal03 .modal_inner_box .modal_inner_box_pic_01 {
  width: 294px;
}

@media only screen and (max-width: 768px) {
  .page74_modal03 .modal_inner_box .modal_inner_box_pic_01 {
    width: 253.5px;
  }
}
@media only screen and (max-width: 374px) {
  .page74_modal03 .modal_inner_box .modal_inner_box_pic_01 {
    width: 67.6vw;
    min-width: 216.32px;
  }
}
@media only screen and (max-width: 768px) {
  .page74_modal03 .modal_btn a span {
    font-size: 11px;
  }
}
@media only screen and (max-width: 374px) {
  .page74_modal03 .modal_btn a span {
    font-size: 2.9333333333vw !important;
  }
}
@media only screen and (max-width: 320px) {
  .page74_modal03 .modal_btn a span {
    font-size: 9.3866666667px !important;
  }
}
/* ----------------------------
  原口さん モーダル4枚目
---------------------------- */
/* --------------詳細ページ-------------- */
.page74_detail04 .detail_answer_wrapper .detail_answer_image {
  width: 132px;
}

@media only screen and (max-width: 768px) {
  .page74_detail04 .detail_answer_wrapper .detail_answer_image {
    width: 13.75vw;
  }
}
@media only screen and (max-width: 599px) {
  .page74_detail04 .detail_answer_wrapper .detail_answer_image {
    width: 84px;
  }
}
.page74_detail04 .detail_pic {
  right: 33px;
  bottom: 35.5%;
  width: 329px;
}

@media only screen and (max-width: 768px) {
  .page74_detail04 .detail_pic {
    right: 3.4375vw;
    width: 34.2708333333vw;
  }
}
@media only screen and (max-width: 599px) {
  .page74_detail04 .detail_pic {
    right: 13px;
    bottom: 37%;
    width: 159px;
  }
}
/* --------------モーダル画面-------------- */
.page74_modal04 {
  grid-template-columns: 1fr 390px;
  -ms-grid-columns: 1fr 390px;
}

@media only screen and (max-width: 768px) {
  .page74_modal04 {
    grid-template-columns: 100%;
    -ms-grid-columns: 100%;
  }
}
.page74_modal04 .modal_inner_box {
  width: 360px;
}

@media only screen and (max-width: 768px) {
  .page74_modal04 .modal_inner_box {
    width: 100%;
  }
}
.page74_modal04 .modal_inner_box .modal_inner_box_pic_01 {
  width: 323px;
}

@media only screen and (max-width: 768px) {
  .page74_modal04 .modal_inner_box .modal_inner_box_pic_01 {
    width: 279px;
  }
}
@media only screen and (max-width: 374px) {
  .page74_modal04 .modal_inner_box .modal_inner_box_pic_01 {
    width: 74.4vw;
    min-width: 238.08px;
  }
}
/* ----------------------------
  page82 モーダル
---------------------------- */
@media only screen and (max-width: 768px) {
  .page82_detail02 .detail_box {
    width: 100%;
  }
}
.page82_detail02 .detail_answer_wrapper {
  display: flex;
  margin-bottom: 12px;

  gap: 0 36px;
}

@media only screen and (max-width: 768px) {
  .page82_detail02 .detail_answer_wrapper {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .page82_detail02 .detail_answer_wrapper {
    flex-direction: column;

    gap: 1.5rem 3.06vw;
  }
}
@media only screen and (max-width: 768px) {
  .page82_detail02 .detail_answer_wrapper::before {
    margin: 0;
  }
}
.page82_detail02 .detail_answer_wrapper .detail_answer_list {
  align-self: center;
}

@media only screen and (max-width: 768px) {
  .page82_detail02 .detail_answer_wrapper .detail_answer_list {
    align-self: flex-start;
    width: auto;
  }
}
@media only screen and (max-width: 768px) {
  .page82_detail02 .detail_answer_wrapper .detail_answer_list .detail_answer_item {
    display: flex;
    flex-direction: column;

    gap: 0.35rem 0;
  }
}
.page82_detail02 .detail_answer_wrapper .detail_answer_list .detail_answer_item + .detail_answer_item {
  margin-top: 0.2rem;
}

@media only screen and (max-width: 768px) {
  .page82_detail02 .detail_answer_wrapper .detail_answer_list .detail_answer_item + .detail_answer_item {
    margin-top: 0.8rem;
  }
}
.page82_detail02 .detail_answer_wrapper .detail_answer_desc {
  justify-content: flex-end;

  gap: 0 0.5rem;
}

@media only screen and (max-width: 768px) {
  .page82_detail02 .detail_answer_wrapper .detail_answer_desc {
    align-items: flex-end;
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 768px) {
  .page82_detail02 .detail_answer_wrapper .detail_answer_name {
    font-size: 16px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 768px) {
  .page82_detail02 .detail_answer_wrapper .detail_answer_desc .answer_txt .txt_small {
    font-size: 13px;
  }
}
.page82_detail02 .detail_answer_wrapper .detail_answer_name .txt_small {
  color: #171c61;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .page82_detail02 .detail_answer_wrapper .detail_answer_name .txt_small {
    font-size: 13px;
  }
}
.page82_detail02 .detail_answer_wrapper .detail_answer_name sup {
  position: relative;
  top: -0.5em;
  font-size: 0.6em;
  font-weight: bold;
}

.page82_detail02 .detail_answer_wrapper .detail_answer_desc .answer_amount {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.page82_detail02 .detail_answer_wrapper .detail_answer_desc .answer_amount {
  min-width: 44px;
}

.page82_detail02 .detail_answer_wrapper .detail_answer_desc .answer_amount.answer_amount_01 img {
  width: 44px;
}

.page82_detail02 .detail_answer_wrapper .detail_answer_desc .answer_amount.answer_amount_02 img {
  width: 35px;
}

.page82_detail02 .detail_answer_wrapper .detail_answer_desc .answer_amount.answer_amount_03 img {
  width: 25px;
}

.page82_detail02 .detail_answer_wrapper .detail_answer_desc .answer_amount_unit {
  display: inline-block;
  min-width: 30px;
}

.page82_detail02 .detail_pic {
  align-self: center;
  flex-shrink: 0;
  position: relative;
  right: 0;
  margin: -27px 0 0;
  width: 193px;
}

@media only screen and (max-width: 768px) {
  .page82_detail02 .detail_pic {
    margin: -5vw auto 0;
    width: 24vw;
  }
}
@media only screen and (max-width: 600px) {
  .page82_detail02 .detail_pic {
    margin: 0 auto 0 0;
    width: min(62.3vw, 234px);
  }
}
.modal_content.page82_modal02 .modal_cap {
  letter-spacing: -0.075em;
}

.modal_content.page82_modal02 .modal_inner_box {
  padding: 26px 0;
}

@media only screen and (max-width: 600px) {
  .modal_content.page82_modal02 .modal_inner_box {
    padding: 25px 0;
  }
}
.modal_content.page82_modal02 .modal_inner_box .modal_inner_box_pic.modal_inner_box_pic_01 {
  width: 320px;
}

@media only screen and (max-width: 768px) {
  .modal_content.page82_modal02 .modal_inner_box .modal_inner_box_pic.modal_inner_box_pic_01 {
    width: min(74.4vw, 279px);
  }
}
.modal_content.page82_modal02 .modal_sub_discription .modal_sub_discription_list li {
  margin-bottom: 6px;
}

/* page98 */
.page98_detail01 .detail_pic {
  position: static;
  margin: 0 auto 31px;
  padding-left: 2px;
  width: 100%;
  max-width: 615px;
}

.page98_detail01 .detail_box {
  padding: 39px 22px 22px;
}

@media only screen and (max-width: 768px) {
  .page98_detail01 .detail_box {
    padding: 18px 15px 23px;
  }
}
@media only screen and (max-width: 768px) {
  .page98_detail01 .detail_pic {
    margin-bottom: 26px;
    padding-right: 0.4vw;
    max-width: 78vw;
  }
}
@media only screen and (max-width: 600px) {
  .page98_detail01 .detail_pic {
    position: static;
    margin: 0 auto 26px;
    width: 100%;
    min-width: 249.6px;
  }
}
.page98_detail01 .detail_question_wrapper {
  margin-bottom: 21px;
}

@media only screen and (max-width: 768px) {
  .page98_detail01 .detail_question_wrapper {
    margin-bottom: 16px;
  }
}
.page98_detail01 .detail_answer_wrapper {
  margin-bottom: 37px;
}

@media only screen and (max-width: 768px) {
  .page98_detail01 .detail_answer_wrapper {
    margin-bottom: 25px;
  }
}
.page98_detail01 .detail_answer_image {
  width: 142px;
}

@media only screen and (max-width: 768px) {
  .page98_detail01 .detail_answer_image {
    width: 91px;
  }
}
@media only screen and (max-width: 768px) {
  .detail_note.page98 {
    margin-top: 12px !important;
    padding-left: 4.5em;
    /* .detail_noteに!importantがついているため */
    text-indent: -4.5em;
  }
}
.page98_modal01 {
  display: block;
}

@media only screen and (max-width: 768px) {
  .page98_modal01 {
    display: grid;
  }
}
.modal_inner_page98 {
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 768px) {
  .modal_inner_page98 {
    display: block;
  }
}
@media only screen and (max-width: 375px) {
  .modal_inner_page98 {
    display: block;
  }
}
.modal_inner_page98 .modal_inner_box_cap {
  margin-bottom: 22px;
  color: #005ea2;
}

@media only screen and (max-width: 768px) {
  .modal_inner_page98 .modal_inner_box_cap {
    margin-bottom: 10px;
  }
}
.modal_inner_page98 .modal_inner_box_cap.modal_inner_box_cap_mb-sm {
  margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
  .modal_inner_page98 .modal_inner_box_cap.modal_inner_box_cap_mb-sm {
    margin-bottom: 6px;
  }
}
.modal_inner_page98 .modal_inner_box_cap .note {
  color: #005ea2;
}

.asterisk {
  position: relative;
  top: -5px;
  font-size: 10px;
}

.modal_inner_box.inner_98_01 {
  margin-bottom: 0;
  margin-left: 0;
  padding: 25px 0 26px;
  width: 405px;
}

.modal_inner_box.inner_98_01 .modal_inner_box_pic {
  padding-left: 3px;
  width: 341px;
}

@media only screen and (max-width: 768px) {
  .modal_inner_box.inner_98_01 .modal_inner_box_pic {
    padding-left: 0;
    width: 250px;
    max-width: 66.7vw;
  }
}
.modal_inner_box.inner_98_02 .modal_inner_box_pic {
  width: 362px;
}

@media only screen and (max-width: 768px) {
  .modal_inner_box.inner_98_02 .modal_inner_box_pic {
    padding-left: 0;
    width: 270.5px;
    max-width: 72.1vw;
  }
}
@media only screen and (max-width: 768px) {
  .modal_inner_box.inner_98_01 {
    padding: 25px 0 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    width: 100%;
  }
}
.modal_inner_box.inner_98_02 {
  margin-left: 0;
  padding: 25px 0 26px;
  width: 405px;
}

@media only screen and (max-width: 768px) {
  .modal_inner_box.inner_98_02 {
    padding: 31px 0 24px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100%;
  }
}
.page98_list_wrap {
  margin-top: 18px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 500px;
}

@media only screen and (max-width: 768px) {
  .page98_list_wrap {
    margin-top: 0;
  }
}
@media only screen and (max-width: 768px) {
  .modal_btn {
    margin: 15px auto 40px;
  }
}
.page98_list {
  text-align: left;
}

.page98_list .indent_02 {
  margin-left: 40px;
  padding-left: 4.5em;
  text-indent: -4.5em;
}

@media only screen and (max-width: 768px) {
  .page98_list .indent_02 {
    margin-left: 0;
    letter-spacing: 0.025em;
  }
}
/* --------------モーダル画面-------------- */
.page93_modal06 {
  display: block;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .page93_modal06 {
    padding-bottom: 40px;
  }
}
.page93_modal06 .modal_discription {
  margin-block: 20px;
}

@media only screen and (max-width: 768px) {
  .page93_modal06 .modal_discription {
    margin-block: 15px;
  }
}
.page93_modal06 .modal_discription p {
  color: #333;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.6666666667;

  margin-block: 18px 0;
}

@media only screen and (max-width: 768px) {
  .page93_modal06 .modal_discription p {
    font-size: 13px;

    margin-block: 10px 0;
  }
}
.page93_modal06 .modal_discription p:first-of-type {
  margin-top: 0;
}

.page93_modal06 .modal_inner_box {
  width: 100%;

  margin-inline: auto;
}

.page93_modal06 .modal_inner_box .modal_inner_box_pic_01 {
  width: 600px;
}

.page93_modal06 .modal_inner_box .modal_inner_box_pic img {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .page93_modal06 .modal_inner_box .modal_inner_box_pic_01 {
    width: 100%;
    max-width: 540px;

    padding-inline: 20px;
  }
}
.page93_modal06 .modal_note_list {
  margin-top: 10px;
  text-align: right;
}

@media only screen and (max-width: 768px) {
  .page93_modal06 .modal_note_list {
    position: absolute;
    bottom: 20px;
    left: 0;
    text-align: left;

    padding-inline: 5.3333333333vw;
  }
}
/* --------------詳細ページ-------------- */
.page93_detail01 .detail_answer_wrapper {
  margin-top: 25px;
}

@media only screen and (max-width: 768px) {
  .page93_detail01 .detail_answer_wrapper {
    margin-top: 0;
  }
}
.page93_detail01 .detail_answer_wrapper .detail_answer_image {
  width: 170px;
}

@media only screen and (max-width: 768px) {
  .page93_detail01 .detail_answer_wrapper .detail_answer_image {
    width: 17.7083333333vw;
  }
}
@media only screen and (max-width: 599px) {
  .page93_detail01 .detail_answer_wrapper .detail_answer_image {
    width: 113px;
  }
}
.page93_detail01 .detail_pic {
  right: 21px;
  bottom: 23%;
  width: 290px;
}

@media only screen and (max-width: 768px) {
  .page93_detail01 .detail_pic {
    right: 2.1875vw;
    bottom: 30%;
    width: 24.2708333333vw;
  }
}
@media only screen and (max-width: 599px) {
  .page93_detail01 .detail_pic {
    right: 13px;
    bottom: 30%;
    width: 117px;
  }
}
@media only screen and (max-width: 768px) {
  .page93_detail01 .detail_note {
    padding: 0;
    text-indent: 0;
  }
}
.page102_modal01 {
  display: block;
}

.page102_modal01 .modal_discription {
  margin-block: 20px 0;
}

.page102_modal01 .modal_discription p {
  color: #333;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.6666666667;

  margin-block: 10px 0;
}

@media only screen and (max-width: 768px) {
  .page102_modal01 .modal_discription p {
    font-size: 13px;

    margin-block: 20px 0;
  }
}
.page102_modal01 .modal_inner_box_wrapper {
  display: grid;
  margin-top: 20px;

  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

@media only screen and (max-width: 768px) {
  .page102_modal01 .modal_inner_box_wrapper {
    margin-bottom: 0;

    grid-template-columns: 100%;
    gap: 0;
  }
}
.page102_modal01 .modal_inner_box {
  padding: 25px 20px;
  width: 100%;

  margin-inline: 0;
}

@media only screen and (max-width: 768px) {
  .page102_modal01 .modal_inner_box {
    margin: 0;
  }
}
.page102_modal01 .modal_inner_box .modal_inner_box_cap {
  margin: 0;
  color: #17a3d5;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.2666666667;
}

@media only screen and (max-width: 768px) {
  .page102_modal01 .modal_inner_box .modal_inner_box_cap {
    margin: 0;
    font-size: 15px;
  }
}
.page102_modal01 .modal_inner_box .modal_inner_box_cap_mini {
  margin: 0;
  color: #17a3d5;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.2;
}

.page102_modal01 .modal_note_list {
  margin-top: 20px;
}

.page102_modal01 .modal_note_list li {
  text-align: left;
}

.page102_detail01 .detail_answer_wrapper {
  margin-top: 25px;
}

@media only screen and (max-width: 768px) {
  .page102_detail01 .detail_note {
    padding: 0;
    text-indent: 0;
  }
}
.page102_detail01 .detail_answer_wrapper p {
  margin: 0;
}

@media only screen and (max-width: 768px) {
  .page102_detail01 .detail_answer_wrapper {
    margin-top: 0;
  }
}
.page102_detail01 .detail_answer_wrapper .detail_answer_image {
  position: relative;
  width: 285px;
}

@media only screen and (max-width: 768px) {
  .page102_detail01 .detail_answer_wrapper .detail_answer_image {
    width: 20.8333333333vw;
  }
}
@media only screen and (max-width: 599px) {
  .page102_detail01 .detail_answer_wrapper .detail_answer_image {
    width: 100px;
  }
}
.page102_detail01 .detail_pic {
  right: 70px;
  bottom: 27%;
  width: 165px;
}

@media only screen and (max-width: 768px) {
  .page102_detail01 .detail_pic {
    right: 2.1875vw;
    width: 20.8333333333vw;
  }
}
@media only screen and (max-width: 599px) {
  .page102_detail01 .detail_pic {
    right: 13px;
    bottom: 30%;
    width: 100px;
  }
}
@media only screen and (max-width: 374px) {
  .page102_detail01 .detail_pic {
    position: absolute;
    margin: 0;
  }
}
.page102_detail01 .detail_answer_note {
  position: absolute;
  bottom: -5px;
  left: 0;
  white-space: nowrap;
  color: #171c61;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.2;
}

@media only screen and (max-width: 768px) {
  .page102_detail01 .detail_answer_note {
    bottom: -5px;
    font-size: 9px;
  }
}
@media only screen and (max-width: 768px) {
  .page102_detail01 .detail_answer_wrapper::before {
    bottom: auto;
  }
}
@media only screen and (max-width: 768px) {
  .page102_detail01 .detail_more_btn {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .page102_modal01 .modal_inner_box_first {
    position: relative;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}
@media only screen and (max-width: 768px) {
  .page102_modal01 .modal_inner_box_second {
    position: relative;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media only screen and (max-width: 768px) {
  .page102_modal01 .modal_inner_box_second::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 80%;
    height: 1px;
    transform: translateX(-50%);
    background-color: #28b0e0;
  }
}
@media only screen and (max-width: 768px) {
  .page102_modal01 .modal_inner_box .modal_inner_box_pic_01 {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .modal_btn a::after {
    right: 12px;
  }
}
.page103_modal01 {
  display: block;
  margin: 0 auto 1.4rem;
}

.page103_modal01 .modal_discription {
  margin-block: 20px 0;
}

.page103_modal01 .modal_discription p {
  color: #333;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.6666666667;

  margin-block: 10px 0;
}

@media only screen and (max-width: 768px) {
  .page103_modal01 .modal_discription p {
    font-size: 13px;

    margin-block: 20px 0;
  }
}
.page103_modal01 .modal_inner_box_wrapper {
  display: grid;
  margin-top: 20px;

  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

@media only screen and (max-width: 768px) {
  .page103_modal01 .modal_inner_box_wrapper {
    margin-bottom: 0;

    grid-template-columns: 100%;
    gap: 0;
  }
}
.page103_modal01 .modal_inner_box {
  margin-top: 30px;
  padding: 25px 20px;
  width: 100%;

  margin-inline: 0;
}
.page103_modal01 .modal_inner_box:first-of-type {
  margin-top: 0;
}

.page103_modal01 .modal_inner_box .modal_inner_box_cap {
  margin: 0;
  color: #17a3d5;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.2666666667;
}

@media only screen and (max-width: 768px) {
  .page103_modal01 .modal_inner_box .modal_inner_box_cap {
    margin: 0;
    font-size: 15px;
  }
}
.page103_modal01 .modal_inner_box .modal_inner_box_cap_mini {
  margin: 0;
  color: #17a3d5;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.2;
}

.page103_modal01 .modal_note_list {
  margin-top: 20px;
}

.page103_modal01 .modal_note_list li {
  text-align: left;
}

.page103_detail01 .detail_answer_wrapper {
  margin-top: 25px;
}

@media only screen and (max-width: 768px) {
  .page103_detail01 .detail_note {
    padding: 0;
    text-indent: 0;
  }
}
.page103_detail01 .detail_answer_wrapper p {
  margin: 0;
}

@media only screen and (max-width: 768px) {
  .page103_detail01 .detail_answer_wrapper {
    margin-top: 0;
  }
}
.page103_detail01 .detail_answer_wrapper .detail_answer_image {
  position: relative;
  width: 200px;
}

@media only screen and (max-width: 768px) {
  .page103_detail01 .detail_answer_wrapper .detail_answer_image {
    width: 23.4vw;
  }
}
.page103_detail01 .detail_pic {
  right: 70px;
  bottom: 27%;
  width: 165px;
}

@media only screen and (max-width: 768px) {
  .page103_detail01 .detail_pic {
    right: 5.33vw;
    bottom: 70px;
    width: 16.9vw;
  }
}
@media only screen and (max-width: 374px) {
  .page103_detail01 .detail_pic {
    position: absolute;
    bottom: 65px;
    width: 65px;
  }
}
.page103_detail01 .detail_answer_note {
  position: absolute;
  bottom: -5px;
  left: 0;
  white-space: nowrap;
  color: #171c61;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.2;
}

@media only screen and (max-width: 768px) {
  .page103_detail01 .detail_answer_note {
    bottom: -5px;
    font-size: 9px;
  }
}
@media only screen and (max-width: 768px) {
  .page103_detail01 .detail_answer_wrapper::before {
    bottom: auto;
  }
}
@media only screen and (max-width: 768px) {
  .page103_detail01 .detail_more_btn {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .page103_modal01 .modal_inner_box_first {
    position: relative;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}
@media only screen and (max-width: 768px) {
  .page103_modal01 .modal_inner_box_second {
    position: relative;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media only screen and (max-width: 768px) {
  .page103_modal01 .modal_inner_box_second::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 80%;
    height: 1px;
    transform: translateX(-50%);
    background-color: #28b0e0;
  }
}
@media only screen and (max-width: 768px) {
  .modal_btn a::after {
    right: 12px;
  }
}
@media only screen and (max-width: 768px) {
  .page103_detail01 .detail_answer_wrapper {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 374px) {
  .page103_detail01 .detail_answer_wrapper {
    margin-bottom: 13.3vw;
  }
}

.open_modal {
  width: 100%;
  min-width: auto;
}

.page103_modal01 {
  display: block;
}
.page103_modal01 .modal_inner_box_wrapper {
  display: block;
}
.page103_modal01 .modal_inner_box_pic_01 {
  margin-top: 26px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .page103_modal01 .modal_inner_box_pic_01 {
    margin-top: 10px;
  }
}
.page103_modal01 .modal_sub_discription_cap {
  position: relative;
  margin-top: 20px;
  margin-bottom: 19px;
  padding: 0 0 0 23px;
  color: #333;
  font-size: 15px;
  font-weight: bold;
}
.page103_modal01 .modal_sub_discription_cap::after {
  content: "";
  display: block;
  position: absolute;
  top: 125%;
  left: 0;
  width: 100%;
  height: 2px;
  background: url(/gan/yokuwakaru/extnl/css/images/line_dotted_pc.png) left top/auto 2px;
}
.page103_modal01 .icon_survey::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 20%;
  left: 0;
  width: 17px;
  height: 17px;
  background: url(/gan/yokuwakaru/extnl/css/images/icon_survey.png) no-repeat left top/100% auto;
}
.page103_modal01 .modal_note_list {
  margin-top: 10px;
  margin-left: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width: 768px) {
  .page103_modal01 .modal_note_list {
    position: absolute;
    bottom: 20px;
    padding-right: 20px;
  }
}
.page103_modal01 .modal_inner_box_note {
  margin: 0 0 6px auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 10px;
  font-weight: 300;
  line-height: 1.2;
}
@media only screen and (max-width: 768px) {
  .page103_modal01 .modal_btn {
    margin: 15px auto 60px;
  }
}
@media only screen and (max-width: 768px) {
  .page103_modal01 .link_btn {
    margin: 15px auto;
  }
}
.page103_modal01 .modal_inner_box_cap_small {
  margin-top: 4px;
  color: #17a3d5;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.2;
}
@media only screen and (max-width: 768px) {
  .page103_modal01 .modal_inner_box_cap_small {
    font-size: 11px;
  }
}