@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

/* ////////////////////////////////////////////////
# common
//////////////////////////////////////////////// */
ul,ol {
  list-style: none;
}
ul,p,ul li,ol li,h2 {
  margin: 0;
}
.box__full img {
  width: 100%;
}
main {
  font-family: "Noto Sans JP", sans-serif !important;
  font-optical-sizing: auto;
}
.bg_shadow {
  box-shadow: 0 0 10px rgba(102, 102, 102, 0.5);
}
.bg_shadow__blue {
  box-shadow: 0 0 10px rgba(0, 115, 183, 0.5);
}
.bg_color_blue {
  position: relative;
  background: #CCE7FF;
}
.bg_color_blue::before {
  content: '';
  background: #CCE7FF;
  display: block;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.bg_color_light_blue {
  position: relative;
  background: #E8F2FB;
}
.bg_color_light_blue::before {
  content: '';
  background: #E8F2FB;
  display: block;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
a {
  transition: all .3s;
}
a:hover {
  opacity: .6;
}
.fixed__block__bottom.on_scroll {
  display: none;
}
p {
  margin-bottom: 0;
}
ul.list__annotation {
  text-align: left;
}

.block__has_full{
  margin: 0;
  max-width: unset;
}

@media all and (min-width: 768px) {
  .u-hide-pc-tab {
    display: none !important;
  }
  .u-hide-pc {
    display: none !important;
  }
  .u-hide-sp {
    display: block;
  }
  main p {
    font-size: 20px;
  }
  .h2__section_title {
    font-size: 42px;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 50px;
    position: relative;
    padding-top: 50px;
  }
  .h2__section_title::after {
    content: '';
    display: block;
    background: #0073B7;
    width: 140px;
    height: 6px;
    border-radius: 99px;
    position: absolute;
    bottom: -13px;
    left: 50%;
    transform: translateX(-50%);
  }
  .h2__section_title_sub {
    font-size: 28px;
    font-weight: 400;
    display: block;
  }
  .sec_lead_text {
    font-size: 22px;
    text-align: center;
    margin-bottom: 0;
  }
  .inbox__full{
    max-width: 1000px;
  }
  /* btn */
  .btn__item {
    margin-top: 30px;
  }
  .btn__item_wrap .btn__item+.btn__item {
    margin-top: 20px;
  }
  .btn__link01 {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    min-height: 50px;
    height: auto;
    padding: 18px 35px 20px 14px;
    position: relative;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    text-align: center;
    background-color: #000099;
    border: 3px solid #fff;
    box-shadow: 0 0 10px rgba(102, 102, 102, 0.5);
    border-radius: 99px;
    background-repeat: no-repeat;
    background-size: 33px auto;
    background-position: 16px center;
    line-height: 1.5;
    margin: 0 auto;
    font-size: 22px;
    width: 490px;
    color: #fff !important;
  }
  .btn__link01 a, a:visited {}
  .btn__link01::before {
    content: '';
    position: absolute;
    right: 50px;
    transform-origin: center center;
    top: calc(50% - 3px);
    transform: rotate(40deg);
    background-color: #fff;
    display: inline-block;
    height: 2px;
    width: 10px;
  }
  .btn__link01::after {
    content: '';
    position: absolute;
    right: 50px;
    transform-origin: center center;
    top: calc(50% + 2px);
    transform: rotate(-40deg);
    background-color: #fff;
    display: inline-block;
    height: 2px;
    width: 10px;
  }
  .btn__link01.btn__white {
    background: #fff;
    color: #0073B7 !important;
    border: 3px solid #0073B7;
  }
  .btn__link01.btn__white::before,
  .btn__link01.btn__white::after {
    background-color: #0073B7;
  }
  .btn__link01.btn__light_blue {
    background: #E8F2FB;
    color: #0073B7 !important;
    border: 3px solid #0073B7;
  }
  .btn__link01.btn__light_blue::before,
  .btn__link01.btn__light_blue::after {
    background-color: #0073B7;
  }
  .block__has_full .inbox__full {
    max-width: 100vw;
    padding-bottom: 50px;
  }
  .btn__goto_top {
    bottom: 50px;
  }
  .fs10 {font-size: 10px !important;}
  .fs11 {font-size: 11px !important;}
  .fs12 {font-size: 12px !important;}
  .fs13 {font-size: 13px !important;}
  .fs14 {font-size: 14px !important;}
  .fs15 {font-size: 15px !important;}
  .fs16 {font-size: 16px !important;}
  .fs17 {font-size: 17px !important;}
  .fs18 {font-size: 18px !important;}
  .fs19 {font-size: 19px !important;}
  .fs20 {font-size: 20px !important;}
  .fs21 {font-size: 21px !important;}
  .fs22 {font-size: 22px !important;}
  .fs23 {font-size: 23px !important;}
  .fs24 {font-size: 24px !important;}
  .fs25 {font-size: 25px !important;}
  .fs26 {font-size: 26px !important;}
  .fs27 {font-size: 27px !important;}
  .fs28 {font-size: 28px !important;}
  .fs29 {font-size: 29px !important;}
  .fs30 {font-size: 30px !important;}
  .fs31 {font-size: 31px !important;}
  .fs32 {font-size: 32px !important;}
  .fs33 {font-size: 33px !important;}
  .fs34 {font-size: 34px !important;}
  .fs35 {font-size: 35px !important;}
  .fs36 {font-size: 36px !important;}
}

@media all and (max-width: 1000px) and (min-width: 768px) {
  .u-hide-pc {
    display: block !important;
  }
  .inbox__full{
    padding-left: 18px!important;
    padding-right: 18px!important;
  }
  .point__list{
    padding-left: 18px;
    padding-right: 18px;
  }
}

@media screen and (max-width: 1240px) and (min-width: 768px) {
  .inbox__full.kv_wrap {
    max-width: 100% !important;
  }
}

@media all and (max-width: 767px) {
  .u-hide-pc-tab {
    display: block;
  }
  .u-hide-pc {
    display: block;
  }
  .u-hide-sp {
    display: none !important;
  }
  main p {
    font-size: calc(16/375*100vw);
  }
  .h2__section_title {
    font-size: calc(26/375*100vw);
    line-height: 1.5;
    text-align: center;
    margin-bottom: calc(30/375*100vw);
    position: relative;
    padding-top: calc(40/375*100vw);
  }
  .h2__section_title::after {
    content: '';
    display: block;
    background: #0073B7;
    width: calc(140/375*100vw);
    height: calc(6/375*100vw);
    border-radius: 99px;
    position: absolute;
    bottom: calc(-8/375*100vw);
    left: 50%;
    transform: translateX(-50%);
  }
  .h2__section_title_sub {
    font-size: calc(20/375*100vw);
    font-weight: 400;
    display: block;
  }
  .sec_lead_text {
    font-size: calc(18/375*100vw);
    text-align: center;
    margin-bottom: 0;
  }
  /* font size */
  .fs10_sp {font-size: calc(10 / 375 * 100vw) !important;}
  .fs11_sp {font-size: calc(11 / 375 * 100vw) !important;}
  .fs12_sp {font-size: calc(12 / 375 * 100vw) !important;}
  .fs13_sp {font-size: calc(13 / 375 * 100vw) !important;}
  .fs14_sp {font-size: calc(14 / 375 * 100vw) !important;}
  .fs15_sp {font-size: calc(15 / 375 * 100vw) !important;}
  .fs16_sp {font-size: calc(16 / 375 * 100vw) !important;}
  .fs17_sp {font-size: calc(17 / 375 * 100vw) !important;}
  .fs18_sp {font-size: calc(18 / 375 * 100vw) !important;}
  .fs19_sp {font-size: calc(19 / 375 * 100vw) !important;}
  .fs20_sp {font-size: calc(20 / 375 * 100vw) !important;}
  .fs21_sp {font-size: calc(21 / 375 * 100vw) !important;}
  .fs22_sp {font-size: calc(22 / 375 * 100vw) !important;}
  .fs23_sp {font-size: calc(23 / 375 * 100vw) !important;}
  .fs24_sp {font-size: calc(24 / 375 * 100vw) !important;}
  .fs25_sp {font-size: calc(25 / 375 * 100vw) !important;}
  .fs26_sp {font-size: calc(26 / 375 * 100vw) !important;}
  .fs27_sp {font-size: calc(27 / 375 * 100vw) !important;}
  .fs28_sp {font-size: calc(28 / 375 * 100vw) !important;}
  .fs29_sp {font-size: calc(29 / 375 * 100vw) !important;}
  .fs30_sp {font-size: calc(30 / 375 * 100vw) !important;}
  .fs31_sp {font-size: calc(31 / 375 * 100vw) !important;}
  .fs32_sp {font-size: calc(32 / 375 * 100vw) !important;}
  .fs33_sp {font-size: calc(33 / 375 * 100vw) !important;}
  .fs34_sp {font-size: calc(34 / 375 * 100vw) !important;}
  .fs35_sp {font-size: calc(35 / 375 * 100vw) !important;}
  .fs36_sp {font-size: calc(36 / 375 * 100vw) !important;}

  /* annotation */
  .list__annotation li {
    line-height: 1.5;
    font-size: calc(12 / 375 * 100vw);
  }

  /* btn */
  .btn__item {
    margin-top: calc(30/375*100vw);
  }

  .btn__item_wrap .btn__item+.btn__item {
    margin-top: calc(20/375*100vw);
  }

  .btn__link01 {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    min-height: 50px;
    height: auto;
    padding: calc(12/375*100vw) calc(35/375*100vw) calc(10/375*100vw) calc(14/375*100vw);
    position: relative;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    text-align: center;
    background-color: #000099;
    border: 3px solid #fff;
    box-shadow: 0 0 10px rgba(102, 102, 102, 0.5);
    border-radius: 99px;
    background-repeat: no-repeat;
    background-size: 33px auto;
    background-position: 16px center;
    line-height: 1.2;
    margin: 0 auto;
    font-size: calc(20/375*100vw);
    width: calc(340/375*100vw);
    color: #fff !important;
  }

  .btn__link01 a,
  a:visited {
    /* color: #fff; */
  }

  .btn__link01::before {
    content: '';
    position: absolute;
    right: calc(30/375*100vw);
    transform-origin: center center;
    /* top: calc(50% - 3px); */
    top: calc(50% - 4px);
    /* transform: rotate(40deg); */
    transform: rotate(40deg) scale(1.2);
    background-color: #fff;
    display: inline-block;
    height: 2px;
    width: 10px;
  }

  .btn__link01::after {
    content: '';
    position: absolute;
    right: calc(30/375*100vw);
    transform-origin: center center;
    top: calc(50% + 3px);
    transform: rotate(-40deg) scale(1.2);
    background-color: #fff;
    display: inline-block;
    height: 2px;
    width: 10px;
  }

  .btn__link01.btn__white {
    background: #fff;
    color: #0073B7 !important;
    border: 3px solid #0073B7;
  }

  .btn__link01.btn__white::before,
  .btn__link01.btn__white::after {
    background-color: #0073B7;
  }

  .btn__link01.btn__light_blue {
    background: #E8F2FB;
    color: #0073B7 !important;
    border: 3px solid #0073B7;
  }

  .btn__link01.btn__light_blue::before,
  .btn__link01.btn__light_blue::after {
    background-color: #0073B7;
    right: calc(20/375*100vw);
  }

  .inbox__full {
    max-width: calc(100vw - 18px * 2);
  }

  .btn__goto_top {
    bottom: 50px;
  }

    /* font size */
    .fs10_sp {font-size: calc(10 / 375 * 100vw) !important;}
    .fs11_sp {font-size: calc(11 / 375 * 100vw) !important;}
    .fs12_sp {font-size: calc(12 / 375 * 100vw) !important;}
    .fs13_sp {font-size: calc(13 / 375 * 100vw) !important;}
    .fs14_sp {font-size: calc(14 / 375 * 100vw) !important;}
    .fs15_sp {font-size: calc(15 / 375 * 100vw) !important;}
    .fs16_sp {font-size: calc(16 / 375 * 100vw) !important;}
    .fs17_sp {font-size: calc(17 / 375 * 100vw) !important;}
    .fs18_sp {font-size: calc(18 / 375 * 100vw) !important;}
    .fs19_sp {font-size: calc(19 / 375 * 100vw) !important;}
    .fs20_sp {font-size: calc(20 / 375 * 100vw) !important;}
    .fs21_sp {font-size: calc(21 / 375 * 100vw) !important;}
    .fs22_sp {font-size: calc(22 / 375 * 100vw) !important;}
    .fs23_sp {font-size: calc(23 / 375 * 100vw) !important;}
    .fs24_sp {font-size: calc(24 / 375 * 100vw) !important;}
    .fs25_sp {font-size: calc(25 / 375 * 100vw) !important;}
    .fs26_sp {font-size: calc(26 / 375 * 100vw) !important;}
    .fs27_sp {font-size: calc(27 / 375 * 100vw) !important;}
    .fs28_sp {font-size: calc(28 / 375 * 100vw) !important;}
    .fs29_sp {font-size: calc(29 / 375 * 100vw) !important;}
    .fs30_sp {font-size: calc(30 / 375 * 100vw) !important;}
    .fs31_sp {font-size: calc(31 / 375 * 100vw) !important;}
    .fs32_sp {font-size: calc(32 / 375 * 100vw) !important;}
    .fs33_sp {font-size: calc(33 / 375 * 100vw) !important;}
    .fs34_sp {font-size: calc(34 / 375 * 100vw) !important;}
    .fs35_sp {font-size: calc(35 / 375 * 100vw) !important;}
    .fs36_sp {font-size: calc(36 / 375 * 100vw) !important;}
}

/* ////////////////////////////////////////////////
# kv
//////////////////////////////////////////////// */
@media all and (min-width: 768px), print {
  .block__has_full {
    max-width: unset;
    margin-top: 0;
  }

  .block__has_full .inbox__full.kv_wrap {
    padding-bottom: 0;
  }

  .block__has_full .inbox__full {
    width: 100%;
  }

  .inbox__full.kv_wrap {
    max-width: 100%;
    padding: 0 !important;
    background-image: linear-gradient(180deg, #0099db 0%, #e8f2fb 50%, #0099db 100%);
  }

  .kv_wrap {
    position: relative;
    background: #fff;
  }

  .kv {
    position: relative;
    background: #fff;
  }

  .kv .kv_main {
    position: relative;
    width: 100%;
    margin: 0;
  }

  .kv .kv_main img {
    width: 100%;
    filter: drop-shadow(0px 0px 5px rgba(102, 102, 102, 0.5));
  }

  .kv .btn__item {
    position: absolute;
    bottom: calc(20/375*100vw);
    left: calc(197 / 1920 * 100vw);
    bottom: calc(73 / 1920 * 100vw);
  }

  .kv .btn__link01 {
    width: calc(514 / 1920 * 100vw);
    padding: calc(21 / 1920 * 100vw) calc(35 / 1920 * 100vw) calc(23 / 1920 * 100vw) calc(14 / 1920 * 100vw);
    font-size: calc(26 / 1920 * 100vw);
  }
  .kv .btn__link01::before, .kv .btn__link01::after{
    right: calc(32 / 1920 * 100vw);
  }

  .text_underline {
    margin: 0 auto 30px;
  }

  .text_underline span {
    position: relative;
    background: linear-gradient(transparent 65%, #FFF667 65%);
    width: fit-content;
    font-size: 36px;
    font-weight: bold;
    margin: 0 auto;
    display: block;
  }

  .dotted_text {
    font-weight: bold;
    text-align: center;
  }

  .dotted_text span {
    position: relative;
    display: inline-block;
    line-height: 2;
  }

  .dotted_text span::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -10px;
    width: calc(100% + 10px);
    height: 10px;
    background-image: radial-gradient(#0099DB 25%, transparent 25%), radial-gradient(#0099DB 20%, transparent 20%);
    background-size: 10px 10px;
    background-repeat: repeat-x;
  }
}
@media all and (max-width: 767px) {
  .block__has_full .inbox__full.kv_wrap {
    padding-bottom: 0;
  }

  .faq-sec .inbox__full {
    padding-bottom: calc(40 / 375 * 100vw);
    width: 100%;
  }

  .inbox__full.kv_wrap {
    max-width: 100%;
    padding: 0 !important;
    background-image: linear-gradient(180deg, #0099db 0%, #e8f2fb 50%, #0099db 100%);
  }

  .kv_wrap {
    position: relative;
    background: #fff;
    padding: 0 18px 10px !important;
  }

  .kv {
    position: relative;
  }

  .kv .kv_main {
    position: relative;
    width: 100%;
    margin: 0;
  }

  .kv .kv_main img {
    width: 100%;
  }

  .kv .btn__item {
    position: absolute;
    bottom: calc(20/375*100vw);
    left: 50%;
    transform: translateX(-50%);
  }

  .kv .btn__link01 {
    width: calc(320/375*100vw);
  }

  .text_underline {
    margin: 0 auto 30px;
  }

  .text_underline span {
    position: relative;
    background: linear-gradient(transparent 65%, #FFF667 65%);
    width: fit-content;
    font-size: calc(24/375*100vw);
    font-weight: bold;
    margin: 0 auto;
    display: block;
  }

  .dotted_text {
    font-weight: bold;
    text-align: center;
  }

  .dotted_text span {
    position: relative;
    display: inline-block;
    padding-bottom: calc(4 / 375 * 100vw);
    line-height: 2;
  }

  .dotted_text span::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: calc(-6 / 375 * 100vw);
    width: calc(100% + calc(6 / 375 * 100vw));
    height: calc(10 / 375 * 100vw);
    background-image: radial-gradient(#0099DB 25%, transparent 25%), radial-gradient(#0099DB 20%, transparent 20%);
    background-size: calc(10 / 375 * 100vw) calc(10 / 375 * 100vw);
    background-repeat: repeat-x;
  }
}


/* ////////////////////////////////////////////////
# yoro
//////////////////////////////////////////////// */
@media all and (min-width: 768px), print {
  .yoro-sec {
    background-image: linear-gradient(180deg, #fff 0%, #B5DFF8 50%, #0099DB 100%);
  }

  .yoro-sec .inbox__full {
    padding: 50px 0;
  }
  .yoro-sec__in{
    max-width: 1000px;
    margin-inline: auto;
    background-color: #fff;
    border-radius: 20px;
  }

  .yoro-sec__body {
    padding-bottom: 40px;
  }
  .yoro-sec .l-block{
    max-width: 560px;
    margin: auto;
  }

  .yoro-sec__heading {
    position: relative;
    margin-bottom: 40px;
  }

  .yoro-sec__heading::before {
    position: absolute;
    content: '';
    width: 1060px;
    height: 212px;
    background-image: url('/products/yoro/special3/resource/img/bg_light_blue_bubble_pc.png');
    background-size: contain;
    background-repeat: no-repeat;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
  }

  .yoro-sec__heading .box__bubble {
    padding: 30px 100px;
    font-size: 42px;
  }

  .yoro__text {
    text-align: center;
    margin-bottom: 24px;
    font-size: 22px;
  }

  .yoro_contents_block {
    background: url(/products/yoro/special3/resource/img/bg_yoro_section_sp.png) top center no-repeat;
    background-size: contain;
    height: 763px;
  }

  .yoro_contents__balloon {
    position: relative;
    height: 763px;
  }

  .yoro_contents__balloon__text {
    max-width: 144px;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 0;
  }

  .yoro_contents__balloon__text.--01 {
    left: calc(67 / 529 * 100%);
    top: calc(140 / 763 * 100%);
  }

  .yoro_contents__balloon__text.--02 {
    left: calc(198 / 529 * 100%);
    top: calc(65 / 763 * 100%);
  }

  .yoro_contents__balloon__text.--03 {
    left: calc(319 / 529 * 100%);
    top: calc(188 / 763 * 100%);
  }

  .yoro_contents__balloon__text span {
    line-height: 1.46;
  }

  .yoro_contents__balloon__text span.fs15 {
    line-height: 1.3;
  }

  .yoro_contents__desc {
    padding-right: 250px;
    margin-top: -290px;
  }

  .yoro_contents__desc__box {
    padding: 24px;
    border-radius: 4px;
  }

  .yoro_contents__desc__box+.yoro_contents__desc__box {
    margin-top: 20px;
  }

  .yoro_contents__desc__box p {
    margin-bottom: 0;
    text-align: center;
  }

  .yoro_contents__desc__box__lead {
    font-size: 16px;
    font-weight: 700;
  }

  .yoro_contents__desc__box__amount {
    margin-top: 6px;
    padding-top: 6px;
    border-top: 2px dotted #0073B7;

    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
  }

  .yoro_contents__desc__box__amount span {
    font-size: 20px;
    font-weight: 600;
  }

  .yoro_contents__desc__box sup {
    font-size: 12px;
  }

  .point_contents_block {
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 116, 183, 0.5);
  }

  .point__list__item {
    position: relative;
  }

  .point__list__item+.point__list__item {
    margin-top: 92px;
  }

  .point_contents__head_num {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 0;
    z-index: 2;
  }
  .point_contents__head_num .fs46{
    font-size: 46px;
    font-weight: 600;
  }

  .point_contents__head_num__icon {
    background: #0073B7;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 96px;
    aspect-ratio: 1 / 1;
    filter: drop-shadow(0px 0px 20px rgba(0, 115, 183, 0.5));

    color: #fff;
    text-align: center;
    line-height: 1;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .point_contents__head_num__icon .fs32 {
    font-weight: bold;
    display: block;
  }

  .point_contents__head .text_underline {
    margin-bottom: 0;
  }

  .yoro-sec ul.list__annotation, ul.list__annotation_number, ul.list__annotation_kanji, ul.list__nnotation_kanji, ul.list__annotation_kanji_and_number, ul.list__annotation_brackets_kanji, ul.list__annotation_brackets_kanji_and_number{
    margin: 0;
    margin-top: 20px;
  }

  ul.list__annotation,
  ul.list__annotation_number,
  ul.list__annotation_kanji,
  ul.list__nnotation_kanji,
  ul.list__annotation_kanji_and_number,
  ul.list__annotation_brackets_kanji,
  ul.list__annotation_brackets_kanji_and_number {
  }

  .list__annotation li::before {
    content: "＊";
    display: block;
    position: absolute;
    left: 0;
  }

  .list__annotation li+li {
    margin-top: 8px !important;
  }
}
@media all and (max-width: 1000px) and (min-width: 768px) {
 .yoro-sec__heading::before{
    width: calc(100% + 6%);
  }
  .yoro-sec__heading .box__bubble{
    padding: 2% 3%;
    margin-bottom: 2%;
  }
}
@media all and (max-width: 767px) {
  .yoro-sec {
    background-image: linear-gradient(180deg, #fff 0%, #B5DFF8 50%, #0099DB 100%);
  }

  .yoro-sec .inbox__full {
    padding: calc(40/375*100vw) 0;
  }

  .yoro-sec__in{
    border-radius: calc(20/375*100vw);
    background-color: #fff;
    max-width: calc(100vw - calc(18 / 375 * 100vw) * 2);
    margin-inline: auto;
  }
  .yoro-sec__body {
    padding-bottom: calc(30 / 375 * 100vw);
  }

  .yoro-sec__heading {
    position: relative;
    margin-bottom: calc(36 / 375 * 100vw);
  }
  .yoro-sec__heading::before{
    position: absolute;
    content: '';
    width: 100%;
    height: calc(105 / 375 * 100vw);
    background: url('/products/yoro/special3/resource/img/bg_light_blue_bubble.png') center top no-repeat;
    background-size: contain;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    filter: drop-shadow(0px 0px 20px rgba(0,115,183,0.5));
  }
  .yoro-sec__heading .box__bubble{
    padding: 16px 25px 16px;
    padding: calc(15/375*100vw)calc(10/375*100vw)calc(20/375*100vw);
    font-size: calc(26/375*100vw);
  }
  .yoro-sec__heading .box__bubbles.text_underline{
    margin-bottom: 0;
  }

  .yoro__text {
    text-align: center;
    margin-bottom: 0;
  }

  .yoro_contents_block {
    background: url(/products/yoro/special3/resource/img/bg_yoro_section_sp.png) top center no-repeat;
    background-size: contain;
    height: calc(507/375*100vw);
    padding: 0 calc(10/375*100vw) calc(20 / 375 * 100vw);
  }
  .yoro-sec .list__annotation_kanji_and_number{
    padding: 0 calc(10/375*100vw);
  }

  .yoro_contents__balloon {
    position: relative;
  }

  .yoro_contents__balloon__text {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 0;
  }

  .yoro_contents__balloon__text.--01 {
    max-width: calc(96/375*100vw);
    left: calc(18/375*100vw);
    top: calc(88/375*100vw);
  }

  .yoro_contents__balloon__text.--02 {
    left: calc(109/375*100vw);
    top: calc(44/375*100vw);
    gap: calc(4/375*100vw);
  }

  .yoro_contents__balloon__text.--03 {
    left: calc(200 / 375 * 100vw);
    top: calc(126 / 375 * 100vw);
    gap: calc(4/375*100vw);
  }

  .yoro_contents__balloon__text span {
    line-height: 1.46;
  }

  .yoro_contents__balloon__text span.fs15 {
    line-height: 1.3;
  }

  .yoro_contents__desc {
    padding-top: calc(304/375*100vw);
    padding-right: calc(111/375*100vw);
  }

  .yoro_contents__desc__box {
    padding: calc(12/375*100vw) calc(11/375*100vw);
    border-radius: calc(4/375*100vw);
  }

  .yoro_contents__desc__box+.yoro_contents__desc__box {
    margin-top: calc(20/375*100vw);
  }

  .yoro_contents__desc__box p {
    margin-bottom: 0;
    text-align: center;
  }

  .yoro_contents__desc__box__lead {
    font-size: calc(14/375*100vw);
    font-weight: 700;
  }

  .yoro_contents__desc__box__amount {
    margin-top: calc(4/375*100vw);
    padding-top: calc(4/375*100vw);
    border-top: 2px dotted #0073B7;

    font-size: calc(24/375*100vw);
    font-weight: 700;
    line-height: calc(30/375*100vw);
  }

  .yoro_contents__desc__box__amount span {
    font-size: calc(16/375*100vw);
    font-weight: 600;
  }

  .yoro_contents__desc__box sup {
    font-size: calc(8/375*100vw);
  }

  .point_contents_block {
    border-radius: calc(20/375*100vw);
    padding: 0 calc(10 / 375 * 100vw);
    background: #fff;
    box-shadow: 0 0 calc(20 / 375 * 100vw) rgba(0, 116, 183, 0.5);
  }

  .point_contents__head {
    background: #E8F2FB;
    padding-top: calc(52/375*100vw);
    padding-bottom: calc(30/375*100vw);
    border-radius: calc(20/375*100vw);
    margin: 0 calc(-10 / 375 * 100vw);
    position: relative;
  }

  .point__list__item {
    position: relative;
  }

  .point__list__item+.point__list__item {
    margin-top: calc(84 / 375 * 100vw);
  }

  .point_contents__head_num {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 0;
    z-index: 2;
  }

  .point_contents__head_num__icon {
    background: #0073B7;
    border: calc(2 / 375 * 100vw) solid #fff;
    border-radius: 50%;
    width: calc(82/375*100vw);
    aspect-ratio: 1 / 1;
    filter: drop-shadow(0px 0px 20px rgba(0, 115, 183, 0.5));

    color: #fff;
    text-align: center;
    line-height: 1;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .point_contents__head_num__icon .fs32 {
    font-weight: bold;
    display: block;
  }

  .point_contents__head .text_underline {
    margin-bottom: 0;
  }

  .point_contents__body {}

  .point_contents__in {
    padding-bottom: calc(30 / 375 * 100vw);
  }

  .point__list__item.--03 .point_contents__in {
    padding-bottom: 0;
  }

  .point_contents_item {
    margin: 0 auto;
    padding: calc(20/375*100vw) 0 0;
  }

  ul.list__annotation,
  ul.list__annotation_number,
  ul.list__annotation_kanji,
  ul.list__nnotation_kanji,
  ul.list__annotation_kanji_and_number,
  ul.list__annotation_brackets_kanji,
  ul.list__annotation_brackets_kanji_and_number {
    margin: calc(20/375*100vw) 0 0;
  }

  .list__annotation li::before {
    content: "＊";
    display: block;
    position: absolute;
    left: 0;
  }

  .list__annotation li+li {
    margin-top: 8px !important;
  }
}


/* ////////////////////////////////////////////////
# lead
//////////////////////////////////////////////// */
@media all and (min-width: 768px), print {
  .lead {
    position: relative;
  }

  .lead .h2__section_title::after {
    display: none;
  }

  .lead .h2__section_title {
    color: #fff;
  }

  .point-intro-sec .lead__heading {
    margin-bottom: 54px;
  }

  .lead__heading {
    position: relative;
    padding: 0 34px;
    text-align: center;
    width: fit-content;
    margin: auto;
  }

  .lead__heading::before,
  .lead__heading::after {
    position: absolute;
    top: 10px;
    content: '';
    background: #0099DB;
    width: calc(var(--deco-width) *1px);
    height: calc(var(--deco-height) *1px);
  }
  .lead__heading:has(.fs28)::before,
  .lead__heading:has(.fs28)::after{
    top: 6px;
  }

  .lead__heading {
    --deco-width: 20;
    --deco-height: 33;
  }

  .lead__heading::before {
    left: 0;
    clip-path: polygon(0 0, 50% 0, 100% 100%, 80% 100%);
    transform: rotate(-5deg);
  }

  .lead__heading::after {
    right: 0;
    clip-path: polygon(100% 0, 50% 0, 0 100%, 20% 100%);
    transform: rotate(5deg);
  }

  .lead__heading p {
    line-height: 1.5;
    font-weight: bold;
    display: inline-block;
  }
}

@media all and (max-width: 767px) {
  .lead {
    position: relative;
  }

  .lead .h2__section_title::after {
    display: none;
  }

  .lead .h2__section_title {
    color: #fff;
  }

  .point-intro-sec .lead__heading {
    margin-bottom: calc(33/375*100vw);
  }

  .lead__heading {
    position: relative;
    padding: 0 calc(22 / 375 * 100vw);
    text-align: center;
    width: fit-content;
    margin: auto;
  }

  .lead__heading::before,
  .lead__heading::after {
    position: absolute;
    top: calc(4 / 375 * 100vw);
    content: '';
    background: #0099DB;
    width: calc(var(--deco-width) / 375 * 100vw);
    height: calc(var(--deco-height) / 375 * 100vw);
  }

  .lead__heading:has(.fs24_sp) {
    --deco-width: 18;
    --deco-height: 30;
  }

  .lead__heading:has(.fs18_sp) {
    --deco-width: 11;
    --deco-height: 18;
  }

  .lead__heading::before {
    left: 0;
    clip-path: polygon(0 0, 50% 0, 100% 100%, 80% 100%);
    transform: rotate(-5deg);
  }

  .lead__heading::after {
    right: 0;
    clip-path: polygon(100% 0, 50% 0, 0 100%, 20% 100%);
    transform: rotate(5deg);
  }

  .lead__heading p {
    line-height: 1.5;
    font-weight: bold;
    display: inline-block;
  }
}


/* ////////////////////////////////////////////////
# point intro
//////////////////////////////////////////////// */
@media all and (min-width: 768px), print {
  .point_intro__list {
    max-width: 1002px;
    margin-inline: auto;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 40px;
    row-gap: 36px;
  }

  .point_intro__list__item+.point_intro__list__item {
  }

  .point_intro__list__item {
    container-type: inline-size;
    width: calc((100% - 40px) / 2);
    position: relative;
    border-radius: 75px;
    background-color: #fff;
    box-shadow: 0 10px 0 #0073B7;
  }

  .point_intro__list__item::before {
    content: '';
    position: absolute;
  }

  .point_intro__list__item.--01::before {
    top: 50%;
    left: calc(49/480*100cqi);
    transform: translateY(-50%);
    width: calc(140/480*100cqi);
    aspect-ratio: 140 / 190;
    background: url(/products/yoro/special3/resource/img/img_point_intro01_pc.png) center no-repeat;
    background-size: contain;
  }

  .point_intro__list__item.--02::before {
    bottom: 0;
    right: -4px;
    width: calc(174/480*100cqi);
    aspect-ratio: 174/165;
    background: url(/products/yoro/special3/resource/img/img_point_intro02_pc.png) center no-repeat;
    background-size: contain;
  }

  .point_intro__list__item.--03::before {
    bottom: 0;
    left: 0;
    width: calc(179/480*100cqi);
    aspect-ratio: 179/150;
    background: url(/products/yoro/special3/resource/img/img_point_intro03_pc.png) center no-repeat;
    background-size: contain;
  }

  .point_intro__list__item__wrap {
    padding: calc(41/480*100cqi) calc(44/480*100cqi) calc(43/480*100cqi);
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

  .point_intro__list__item.--02 .point_intro__list__item__wrap {
    flex-direction: row-reverse;
  }

  .point_intro__list__item.--03 .point_intro__list__item__wrap {
    padding-right: calc(20/480*100cqi);
  }

  .point_intro__list__item__text {
    font-weight: bold;
    line-height: 1.5;
    font-size: calc(22/480*100cqi);
  }
  .point_intro__list__item.--01 .point_intro__list__item__text{
    width: calc(198/480*100cqi);
  }
  .point_intro__list__item.--02 .point_intro__list__item__text{
    width: calc(240/480*100cqi);
  }
  .point_intro__list__item.--03 .point_intro__list__item__text{
    width: calc(262/480*100cqi);
  }

  .point-intro-sec {
    padding: 50px 0;
  }

  .point-intro-sec .inbox__full {
    padding-bottom: 0;
  }
}
@media all and (max-width: 767px) {
  .point_intro__list {
    list-style: none;
  }

  .point_intro__list__item+.point_intro__list__item {
    margin-top: calc(36 / 375 * 100vw);
  }

  .point_intro__list__item {
    position: relative;
    border-radius: calc(50 / 375 * 100vw);
    background-color: #fff;
    box-shadow: 0 calc(5 / 375 * 100vw) 0 #0073B7;
  }

  .point_intro__list__item::before {
    content: '';
    position: absolute;
  }

  .point_intro__list__item.--01::before {
    top: 50%;
    left: calc(32 / 375 * 100vw);
    transform: translateY(-50%);
    width: calc(102 / 375 * 100vw);
    height: calc(139 / 375 * 100vw);
    background: url(/products/yoro/special3/resource/img/img_point_intro01_sp.png) center no-repeat;
    background-size: contain;
  }

  .point_intro__list__item.--02::before {
    bottom: 0;
    right: 0;
    width: calc(125 / 375 * 100vw);
    height: calc(119 / 375 * 100vw);
    background: url(/products/yoro/special3/resource/img/img_point_intro02_sp.png) center no-repeat;
    background-size: contain;
  }

  .point_intro__list__item.--03::before {
    bottom: 0;
    left: 0;
    width: calc(118 / 375 * 100vw);
    height: calc(100 / 375 * 100vw);
    background: url(/products/yoro/special3/resource/img/img_point_intro03_sp.png) center no-repeat;
    background-size: contain;
  }

  .point_intro__list__item__wrap {
    padding: calc(26 / 375 * 100vw) calc(35 / 375 * 100vw) calc(31 / 375 * 100vw);
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

  .point_intro__list__item.--02 .point_intro__list__item__wrap {
    flex-direction: row-reverse;
  }

  .point_intro__list__item.--03 .point_intro__list__item__wrap {
    padding-right: calc(10 / 375 * 100vw);
  }

  .point_intro__list__item__text {
    font-weight: bold;
    line-height: 1.5;
  }

  .point-intro-sec {
    padding: calc(40/375*100vw) 0 calc(20/375*100vw);
  }

  .point-intro-sec .inbox__full {
    padding-bottom: 0;
  }
}

/* ////////////////////////////////////////////////
# point
//////////////////////////////////////////////// */
@media all and (min-width: 768px), print {
  .text_color_blue{
    color: #000099;
  }
  .point-sec {
  }

  .point-sec .inbox__full {
    position: relative;
    background-image: linear-gradient(180deg, #E8F2FB 0%, #0099DB 100%);
    max-width: 100vw!important;
    background-size: 100vw 100%;
    padding-bottom: 20px;
  }
  .point-sec .inbox__full::before{
    z-index: 1;
    content: '';
    position: absolute;
    bottom: calc(-70px - 33px);
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 66px;
    background-color: #fff;
    mask: url(/products/yoro/special3/resource/img/icon_point_bg_arrow.svg) no-repeat;
  }
  .point-sec .inbox__full::after{
    content: '';
    position: absolute;
    bottom: 1px;
    left: 50%;
    transform: translate(-50%,100%);
    width: 100vw;
    height: 140px;
    background-color: #0099DB;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
  }

  .point-sec .h2__section_title {
    line-height: 62px;
    margin-bottom: 40px;
  }
  .point-sec .h2__section_title .h2__section_title__l{
    font-size: 62px;
  }

  .point_summary__list{
    max-width: 800px;
    margin: auto;
  }
  .point_summary__list__item+.point_summary__list__item {
    margin-top: 30px;
  }

  .point_summary__list__item__wrap {
    position: relative;
  }

  .point_summary__list__item__num {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);

    background-color: #0073B7;
    border-radius: 50%;
    border: 2px solid #fff;
    width: 76px;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 20px rgba(0, 116, 183, 0.5);
  }

  .point_summary__list__item__num__icon {
    color: #fff;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1;
    gap: 2px;
  }

  .point_summary__list__item__lead {
    margin-left: 43px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(0, 116, 183, 0.5);
  }

  .point_summary__list__item__lead__text {
    height: 130px;
    padding: 0 94px 0 87px;
    font-weight: bold;
    line-height: 1.5;
    display: flex;
    align-items: center;
  }
    .point_lead_white {
    font-size: 32px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    line-height: 1.5;
    margin-top: 50px;
    margin-bottom: 0;
  }

  .point__list {
    padding-top: 233px;
    padding-bottom: 50px;
    background-color: #CCE7FF;
  }
  .point__list__item{
    max-width: 1000px;
    margin: auto;
  }
  .point_contents__head {
    background: #E8F2FB;
    padding-top: 70px;
    padding-bottom: 32px;
    border-radius: 20px;
    margin-bottom: 30px;
    position: relative;
  }

  .point_contents__body{
    padding-bottom: 40px;
  }
  .point__list__item.--03 .point_contents__body{
    padding-bottom: 0;
  }
  .point__list__item .point_contents__in{
    max-width: 560px;
    margin: auto;
  }
  .point__list__item.--02 .point_contents__in{
    max-width: 700px;
    margin: auto;
  }
  .point__list__item.--04 .point_contents__in{
    max-width: 800px;
    margin: auto;
  }
  .point__list__item.--01 .point_img01{
    max-width: 424px;
    margin: auto;
  }
  .point__list__item.--02 .list__annotation {
    margin-top: 24px;
  }

  .point_q_text {
    width: fit-content;
    position: relative;
    padding-left: 68px;
    min-height: 58px;
    margin: 0 auto 15px;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.5;
  }
  .point_q_text::before {
    content: 'Q';
    font-size: 32px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    line-height: 48px;

    position: absolute;
    left: 0;
    width: 58px;
    height: 58px;
    background: #0073B7;
    border-radius: 50%;
    background-size: cover;
  }
  .point__list__item ul.list__annotation, ul.list__annotation_number, ul.list__annotation_kanji, ul.list__nnotation_kanji, ul.list__annotation_kanji_and_number, ul.list__annotation_brackets_kanji, ul.list__annotation_brackets_kanji_and_number{
    margin-top: 20px;
  }

  .point__list__item.--01 .point_q_text {
    margin-top: 50px;
    margin-bottom: 30px;
  }
  .point__list__item.--01 .point_lead_text {
    margin-top: 30px;
  }

  .point__list__item.--02 .point_img01 {
    max-width: 424px;
    margin-left: auto;
    margin-right: auto;
  }
  .point__list__item.--02 .point_lead_text {
    margin: 10px auto 60px;
  }
  .point__list__item.--02 .list__annotation li::before{
    content: "※";
  }
  .point__list__item.--03 .point_lead_text{
    margin-top: 30px;
  }

  .point__list__item.--02 .lead__heading {
    margin-bottom: calc(5 / 375 * 100vw);
  }
  .point__list__item.--03 .point_img01{
    max-width: 425px;
    margin: auto;
  }

  .point__list__item.--04 .lead__heading {
    margin-bottom: calc(12 / 375 * 100vw);
  }
  .point__list__item.--04 .point_q_text,
  .point__list__item.--04 .lead__heading,
  .point__list__item.--04 .point_img01{
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
  }
  .point__list__item.--04 .point_q_text{
    margin-bottom: 40px;
  }
  .point__list__item.--04 .point_contents__plus_wrap{
    max-width: 640px;
  }
  .point__list__item.--04 .list__annotation_kanji_and_number{
    max-width: 700px;
    margin: 0 auto;
  }

  .point_contents__plus_wrap {
    display: flex;
    gap: 40px;
    position: relative;
    margin: 30px auto 40px;
  }

  .point_contents__plus__icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    content: '';

    width: 56px;
    aspect-ratio: 1/1;
    background-color: #fff;
    border: 2px solid #0099DB;
    border-radius: 50%;
  }

  .point_contents__plus__icon span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
  }

  .point_contents__plus__icon span::before,
  .point_contents__plus__icon span::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    background: #0099DB;
    width: 30px;
    height: 5px;
    border-radius: 9999px;
  }

  .point_contents__plus__icon span::after {
    width: 5px;
    height: 30px;
  }

  .point_contents__box {
    flex-basis: 50%;
    background: #E8F2FB;
    border-radius: 4px;
    padding: 22px;
    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;
    font-weight: 600;
  }


  .point_contents__box__text {
    min-height: 154px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .point_contents__box p {
    line-height: 1.5;
  }

  .point_contents__box .fs16 {
    font-weight: 400;
    margin: 4px 0 3px;
  }
  .point_contents__box__amount span {
    line-height: 1;
  }

  .point_contents__box__amount sup {
    font-size: 11px;
    line-height: 54px;
  }
  .compare_block {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    text-align: center;
    margin-bottom: 12px;
  }

  .compare_block__heading {
    font-weight: 600;
    padding: 4px 20px;
    border-radius: 4px;
    display: inline-block;
    line-height: 1.5;
    position: relative;
    transform: translateY(50%);
  }

  .compare_block__text {
    border-radius: 4px;
    padding: 30px 20px 20px;
  }

  .compare_block__text p {
    line-height: 1.5;
  }

  .compare_block__deposit .compare_block__heading {
    background-color: #fff;
    border:2px solid #E7BDCE;
  }

  .compare_block__deposit .compare_block__text {
    background-color: #F3F3F3;
  }

  .compare_block__insurance .compare_block__heading {
    color: #fff;
    background-color: #000099;
  }

  .compare_block__insurance .compare_block__text {
    box-sizing: content-box;
    background-color: #EAE9F5;
    border:2px solid #000099;
    font-weight: 600;
  }

  summary.toggle__head,
  summary.toggle__head2 {
    display: block;
    position: relative;
    cursor: pointer;
  }

  summary.toggle__head::-webkit-details-marker,
  summary.toggle__head2::-webkit-details-marker {
    /* Safari */
    display: none;
  }

  .icon_toggle,
  .icon_toggle2 {
    display: block;
  }

  .icon_toggle,
  .icon_toggle2 {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 50%;
    right: 12px;
    transform: translate(-50%, -50%) rotate(0deg);
    cursor: pointer;
    z-index: 100;
    transition: 0.4s cubic-bezier(0.2, 0.6, 0.3, 1.1);
  }

  .icon_toggle2 {
    right: 26px;
  }

  .icon_toggle:after,
  .icon_toggle2:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 4px;
    width: 100%;
    background: #0073B7;
    border-radius: 99px;
  }

  .icon_toggle:before,
  .icon_toggle2:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 4px;
    background: #0073B7;
    border-radius: 99px;
  }

  details[open] .icon_toggle,
  details[open] .icon_toggle2 {
    transform: translate(-50%, -50%) rotate(180deg);
  }

  details[open] .icon_toggle::before,
  details[open] .icon_toggle2::before {
    width: 0;
  }

  .summary_title {
    display: block;
    font-size: 24px;
    font-weight: bold;
    padding: 30px 25px;
    margin-bottom: 0;
  }

  details {
    background: #fff;
    border: 1px solid #666;
    border-radius: 4px;
  }

  .summary_detail {
    overflow: hidden;
    padding: 0 50px;
  }
  .summary_detail + .summary_detail{
    margin-top: 50px;
  }

  .summary_detail__inner {
    max-width: 800px;
    margin: 0 auto;
  }

  .summary_detail_head_title {
    background: #0073B7;
    border-radius: 4px;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
    padding: 12px 0;
    margin-bottom: 36px;
  }

  .summary_detail_head_text {
    margin-bottom: 36px;
    font-size: 18px;
  }

  .summary_detail_title_block {
    background: #0073B7;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    padding: 4px 0;
    border-radius: 4px;
  }
  .summary_detail_title_block p,
  .summary_detail_price_block p {
    font-weight: 600;
  }

  .summary_detail_price_block {
    padding: 20px 0;
    background: #E8F2FB;
    border-radius: 4px;
  }

  .block__flex_box.col_2 {
    display: flex;
  }

  .block__flex_box.col_2>div {
    width: calc(100%/2);
    margin-top: 8px;
  }

  .block__flex_box.col_2>div+div {
    margin-left: 8px;
  }

}
@media all and (max-width: 767px) {
  .text_color_blue{
    color: #000099;
  }
  .point-sec {
    background: url(/products/yoro/special3/resource/img/bg_point_sp.png) no-repeat center top;
    background-size: cover;
  }

  .point-sec .inbox__full {
    padding-bottom: calc(135/375*100vw);
  }

  .point-sec .h2__section_title {
    line-height: calc(42 / 375 * 100vw);
  }
  .point-sec .h2__section_title .h2__section_title__l{
    font-size: calc(42 / 375 * 100vw);
  }

  .point__list {
    padding: 0 calc(18 / 375 * 100vw) calc(40/375*100vw);
  }

  .point_summary__list__item+.point_summary__list__item {
    margin-top: calc(20 / 375 * 100vw);
  }

  .point_summary__list__item__wrap {
    position: relative;
  }

  .point_summary__list__item__num {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);

    background-color: #0073B7;
    border-radius: 50%;
    border: calc(2 / 375 * 100vw) solid #fff;
    width: calc(66 / 375 * 100vw);
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 calc(20 / 375 * 100vw) rgba(0, 116, 183, 0.5);
  }

  .point_summary__list__item__num__icon {
    color: #fff;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1;
    gap: calc(2 / 375 * 100vw);
  }

  .point_summary__list__item__lead {
    margin-left: calc(35 / 375 * 100vw);
    background: #fff;
    border-radius: calc(10 / 375 * 100vw);
    box-shadow: 0 0 calc(20 / 375 * 100vw) rgba(0, 116, 183, 0.5);
  }

  .point_summary__list__item__lead__text {
    padding: calc(10 / 375 * 100vw) calc(10 / 375 * 100vw) calc(10 / 375 * 100vw) calc(51 / 375 * 100vw);
    font-weight: bold;
    line-height: 1.5;
  }

  .compare_block {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(20 / 375 * 100vw);
    text-align: center;
    margin-bottom: calc(10 / 375 * 100vw);
  }

  .compare_block__heading {
    font-weight: 600;
    padding: calc(3 / 375 * 100vw) calc(15 / 375 * 100vw);
    border-radius: calc(4 / 375 * 100vw);
    display: inline-block;
    line-height: 1.5;
    position: relative;
    transform: translateY(50%);
  }

  .compare_block__text {
    border-radius: calc(4 / 375 * 100vw);
    padding: calc(20 / 375 * 100vw) calc(5 / 375 * 100vw) calc(6 / 375 * 100vw);
  }

  .compare_block__text p {
    line-height: 1.5;
  }

  .compare_block__deposit .compare_block__heading {
    background-color: #fff;
    border: calc(2 / 375 * 100vw) solid #E7BDCE;
  }

  .compare_block__deposit .compare_block__text {
    background-color: #F3F3F3;
  }

  .compare_block__insurance .compare_block__heading {
    color: #fff;
    background-color: #000099;
  }

  .compare_block__insurance .compare_block__text {
    box-sizing: content-box;
    background-color: #EAE9F5;
    border: calc(2 / 375 * 100vw) solid #000099;
    font-weight: 600;
  }

  .point__list__item.--02 .list__annotation {
    margin-top: calc(15 / 375 * 100vw);
  }

  .point_lead_white {
    font-size: calc(20/375*100vw);
    color: #fff;
    font-weight: 500;
    text-align: center;
    line-height: 1.5;
    margin-top: calc(30/375*100vw);
    margin-bottom: 0;
  }

  .point_q_text {
    width: fit-content;
    position: relative;
    padding-left: calc(50/375*100vw);
    min-height: calc(40/375*100vw);
    margin-bottom: calc(15/375*100vw);
    font-size: calc(20/375*100vw);
    font-weight: bold;
  }

  .point__list__item.--01 .point_q_text {
    margin-inline: auto;
    margin-top: calc(30 / 375 * 100vw);
    margin-bottom: calc(10 / 375 * 100vw);
  }

  .point_q_text::before {
    content: 'Q';
    font-size: calc(20 / 375 * 100vw);
    color: #fff;
    font-weight: 500;
    text-align: center;
    line-height: calc(36 / 375 * 100vw);

    position: absolute;
    left: 0;
    width: calc(40/375*100vw);
    height: calc(40/375*100vw);
    background: #0073B7;
    border-radius: 50%;
    background-size: cover;
  }

  .point__list__item.--01 .point_lead_text {
    margin-top: calc(20/375*100vw);
  }

  .point__list__item.--02 .point_lead_text {
    margin: calc(10 / 375 * 100vw) auto calc(40 / 375 * 100vw);
  }

  .point__list__item.--02 .lead__heading {
    margin-bottom: calc(5 / 375 * 100vw);
  }

  .point__list__item.--04 .lead__heading {
    margin-bottom: calc(12 / 375 * 100vw);
  }

  .point_contents__plus_wrap {
    display: flex;
    gap: calc(20 / 375 * 100vw);
    position: relative;
    margin: calc(15 / 375 * 100vw) 0 calc(20 / 375 * 100vw);
  }

  .point_contents__plus__icon {
    position: absolute;
    left: calc(140 / 375 * 100vw);
    top: 50%;
    transform: translate(-50%, -50%);
    content: '';

    width: calc(38 / 375 * 100vw);
    aspect-ratio: 1/1;
    background-color: #fff;
    border: calc(2 / 375 * 100vw) solid #0099DB;
    border-radius: 50%;
  }

  .point_contents__plus__icon span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
  }

  .point_contents__plus__icon span::before,
  .point_contents__plus__icon span::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    background: #0099DB;
    width: calc(22 / 375 * 100vw);
    height: calc(5 / 375 * 100vw);
    border-radius: 9999px;
  }

  .point_contents__plus__icon span::after {
    width: calc(5 / 375 * 100vw);
    height: calc(22 / 375 * 100vw);
  }

  .point_contents__box {
    background: #E8F2FB;
    border-radius: calc(4 / 375 * 100vw);
    padding: calc(8 / 375 * 100vw) calc(12 / 375 * 100vw);
    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;
    font-weight: 600;
  }

  .point_contents__box:last-child {
    flex-grow: 1;
  }

  .point_contents__box__text {
    min-height: calc(127 / 375 * 100vw);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .point_contents__box p {
    line-height: 1.5;
  }

  .point_contents__box .fs14_sp {
    font-weight: 400;
  }

  .point_contents__box__amount span {
    line-height: calc(24 / 375 * 100vw);
  }

  .point_contents__box__amount sup {
    font-size: calc(9 / 375 * 100vw);
  }

  .point_contents__box p {
    line-height: 1.5;
  }
}

/* modal */
@media all and (min-width: 768px) {
  .modal_btn_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin: 50px 0 30px;
  }

  .modal_btn_list .plan__open_modaal {
    width: calc((100% - calc(36px*2)) / 3);
    padding: 12px 4px;
    box-shadow: 0 0 10px rgba(102, 102, 102, 0.5);
    border-radius: 4px;
    background: #0073B7;

    color: #fff;
    font-weight: 500;
    text-align: center;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    gap: 12px;
  }

  .modal_btn_list .plan__open_modaal p {
    line-height: 1.5;
  }

  .plan__open_modaal__icon {
    width: 30px;
    aspect-ratio: 1/1;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .plan__open_modaal__icon__label {
    position: relative;
  }

  .plan__open_modaal__icon__label::before,
  .plan__open_modaal__icon__label::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #0073B7;
    width: 12px;
    height: 2px;
    border-radius: 9999px;
  }

  .plan__open_modaal__icon__label::after {
    width: 2px;
    height: 12px;
  }

  .modaal-container .modaal-content {
  }
  
  .modaal-container {
    border-radius: 10px;
    max-width: 700px;
    box-shadow: 0 0 10px rgba(0, 115, 183, 0.5);
  }

  .modaal-content-container {
    padding: 50px 100px;
  }

  .modaal-container .modaal-content {
    border-radius: 10px;
    border: #0073B7 3px solid;
    position: relative;
    overflow-y: auto;
  }

  .modaal-wrapper .modaal-close {
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    position: absolute;
    border: #0073B7 2px solid;
    background-color: #F3F3F3;
    box-shadow: 0 0 4px rgba(102, 102, 102, 0.5)
  }

  .modaal-close:after,
  .modaal-close:before {
    background-color: #0073B7;
    width: 2px;
    height: 12px;
    top: 7px;
    left: 12px;
  }

  .modaal-wrapper .box__bubble {
    max-width: 328px;
    margin: auto;
    background: #E8F2FB;
    padding: 20px 24px;
    border-radius: 35px;
    border: 2px solid #0073B7;
    line-height: 1.5;
    margin-bottom: 19px;
  }

  .modaal-wrapper .box__bubble_down::after {
    margin-left: -12.5px;
    bottom: -15px;
    background: #E8F2FB;
    border-right: 2px solid #0073B7;
    border-bottom: 2px solid #0073B7;
    width: 25px;
    height: 25px;
    transform: rotate(30deg) skewY(30deg) scaleX(0.86666);

  }

  .modaal_plan__heading {
    margin: 0 auto 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
  }

  .modaal_plan__heading__label {
    font-size: 36px;
    font-weight: bold;
    border-bottom: 2px solid #0073B7;
  }

  .modaal_plan__heading small {
    font-size: 22px;
  }

  .modaal_plan__lead {
    font-family: "Noto Sans JP";
    background: #0073B7;
    border-radius: 4px;
    text-align: center;
    padding: 8px;
    font-weight: bold;
    color: #fff;
    font-feature-settings: "palt";
  }

  .modaal_plan__lead p {
    line-height: 1.444;
  }

  .modaal_plan__wrap {
    margin-top: 24px;
    text-align: center;
  }

  .modaal_plan__item+.modaal_plan__item {
    margin-top: 30px;
  }

  .modaal_plan__case {
    margin-bottom: 12px;
  }

  .modaal_plan__case p {
    line-height: 1.5;
  }

  .modaal_plan__amount {
    font-family: "Noto Sans JP";
    font-size: 58px;
    font-weight: bold;
    line-height: 1.12;
    width: fit-content;
    padding: 58px 52px;
    margin: auto;
    background: #fff;
    border: 2px solid #0073B7;
    border-radius: 4px;
    z-index: 10;
    box-shadow: 2px 2px 0px 2px #0073B7;
    filter: drop-shadow(2px 2px 0px #0073B7);
  }

  .modaal_plan__amount span {
    line-height: 1;
  }

  .modaal_plan__multiple .modaal_plan__amount {
    width: 280px;
  }

  .modaal_plan__multiple {
  }

  .modaal_plan__multiple__text {
    z-index: 1;
    top: calc(50% + 100px);
    left: 67px;
    position: absolute;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #BB4346;
    border-radius: 4px;
    padding: 6px 10px;
    font-weight: bold;
    font-size: 20px;
    color: #BB4346;
    line-height: 1.5;
  }

  .modaal_plan__multiple .modaal_plan__box {
    position: relative;
    width: 280px;
    margin: 0 auto;
  }

  .modaal_plan__multiple .modaal_plan__item:first-child .modaal_plan__box::before {
    position: absolute;
    content: '';
    width: 71px;
    height: 20px;
    left: -17px;
    top: 50%;
    transform: translate(-100%, -50%);
    background-color: #0099DB;
  }

  .modaal_plan__multiple .modaal_plan__item:first-child .modaal_plan__box::after {
    position: absolute;
    content: '';
    width: 17px;
    height: 37px;
    background-color: #0099DB;
    left: 0;
    top: 50%;
    transform: translate(-100%, -50%);
    clip-path: polygon(100% 50%, 0 0, 0 100%);
  }

  .modaal_plan__multiple .modaal_plan__item:last-child .modaal_plan__box::before {
    position: absolute;
    content: '';
    width: 88px;
    height: 20px;
    left: 0;
    top: 50%;
    transform: translate(-100%, -50%);
    background-color: #0099DB;
  }

  .modaal_plan__multiple .modaal_plan__wrap {
    position: relative;
    max-width: 380px;
    margin: 24px auto 0;
  }

  .modaal_plan__multiple .modaal_plan__wrap::after {
    position: absolute;
    content: '';
    width: 20px;
    height: 245px;
    left: -38px;
    top: calc(50% + 25px);
    transform: translate(0, -50%);
    background-color: #0099DB;
  }

  .modaal_plan__multiple .modaal_plan__item+.modaal_plan__item {
    /* height: 140px; */
    display: flex;
    flex-direction: column;
    /* justify-content: flex-end; */
  }

  .module_03 .p_250 .modaal_plan__amount {
    padding: 10px 52px;
    height: 100px;
  }
  .module_03 .modaal_plan__multiple .modaal_plan__wrap::after {
    height: 205px !important;
    top: calc(50% + 45px) !important;
  }
  .module_03 .modaal_plan__multiple__text {
    top: calc(50% + 120px);
  }
  .module_04 .modaal_plan__multiple .modaal_plan__box.p_100{
    height: 65px;
  }
  .module_04 .p_100 .modaal_plan__amount {
    padding: 0 52px;
    line-height: 1;
  }
  .module_04 .modaal_plan__multiple .modaal_plan__wrap::after {
    height: 200px !important;
    top: calc(50% + 55px) !important;
  }
  .module_04 .modaal_plan__multiple__text {
    top: calc(50% + 120px);
  }
  .module_05 .modaal_plan__multiple .modaal_plan__box.p_50{
  }
  .module_05 .p_50 .modaal_plan__amount {
    padding: 0 52px;
    line-height: 1;
    height: 20px;
  }
  .module_05 .modaal_plan__multiple .modaal_plan__wrap::after {
    height: 235px !important;
    top: calc(50% + 55px) !important;
  }
  .module_05 .modaal_plan__multiple__text {
    top: calc(50% + 125px);
  }
  .module_05 .p_50_text{
    font-weight: 700;
    font-family: "Noto Sans JP";
    font-size: 58px;
    font-weight: bold;
    line-height: 1.12;
  }

}
@media all and (max-width: 767px) {
  .modal_btn_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(5/375*100vw);
    margin: calc(36/375*100vw) 0 calc(30/375*100vw);
  }

  .modal_btn_list .plan__open_modaal {
    width: calc((100% - calc(5*2/375*100vw)) / 3);
    padding: calc(8 / 375 * 100vw) 0;
    box-shadow: 0 0 10px rgba(102, 102, 102, 0.5);
    border-radius: calc(4 / 375 * 100vw);
    background: #0073B7;

    color: #fff;
    font-weight: 500;
    text-align: center;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    gap: calc(5 / 375 * 100vw);
  }

  .modal_btn_list .plan__open_modaal p {
    line-height: 1.5;
  }

  .plan__open_modaal__icon {
    width: calc(24 / 375 * 100vw);
    aspect-ratio: 1/1;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .plan__open_modaal__icon__label {
    position: relative;
  }

  .plan__open_modaal__icon__label::before,
  .plan__open_modaal__icon__label::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #0073B7;
    width: calc(10 / 375 * 100vw);
    height: calc(2 / 375 * 100vw);
    border-radius: 9999px;
  }

  .plan__open_modaal__icon__label::after {
    width: calc(2 / 375 * 100vw);
    height: calc(10 / 375 * 100vw);
  }

  .modaal-container .modaal-content {
    max-height: calc(100dvh - calc(160 / 375 * 100vw));
  }

  .modaal-container {
    border-radius: 10px;
    border: #0073B7 3px solid;
    box-shadow: 0 0 10px rgba(0, 115, 183, 0.5);
  }

  .modaal-content-container {
    padding: calc(30 / 375 * 100vw) calc(20 / 375 * 100vw) calc(36 / 375 * 100vw);
  }

  .modaal-container .modaal-content {
    position: relative;
  }

  .modaal-wrapper .modaal-close {
    top: calc(20 / 375 * 100vw);
    right: calc(20 / 375 * 100vw);
    width: calc(30 / 375 * 100vw);
    height: calc(30 / 375 * 100vw);
    border-radius: calc(4 / 375 * 100vw);
    position: absolute;
    border: #0073B7 calc(2 / 375 * 100vw) solid;
    background-color: #F3F3F3;
    box-shadow: 0 0 calc(4 / 375 * 100vw) rgba(102, 102, 102, 0.5);
  }

  .modaal-close:after,
  .modaal-close:before {
    background-color: #0073B7;
    width: calc(2 / 375 * 100vw);
    height: calc(12 / 375 * 100vw);
    top: calc(7 / 375 * 100vw);
    left: calc(12 / 375 * 100vw);
  }

  .modaal-wrapper .box__bubble {
    background: #E8F2FB;
    padding: calc(13 / 375 * 100vw) calc(20 / 375 * 100vw) calc(12 / 375 * 100vw);
    border-radius: calc(28 / 375 * 100vw);
    border: calc(2 / 375 * 100vw) solid #0073B7;
    line-height: 1.5;
    margin-bottom: calc(17 / 375 * 100vw);
  }

  .modaal-wrapper .box__bubble_down::after {
    margin-left: calc(-9 / 375 * 100vw);
    bottom: calc(-9 / 375 * 100vw);
    background: #E8F2FB;
    border-right: calc(2 / 375 * 100vw) solid #0073B7;
    border-bottom: calc(2 / 375 * 100vw) solid #0073B7;
    width: calc(14 / 375 * 100vw);
    height: calc(14 / 375 * 100vw);
    transform: rotate(30deg) skewY(30deg) scaleX(0.86666);

  }

  .modaal_plan__heading {
    margin: 0 auto calc(24 / 375 * 100vw);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(2 / 375 * 100vw);
  }

  .modaal_plan__heading__label {
    font-size: calc(26 / 375 * 100vw);
    font-weight: bold;
    border-bottom: calc(2 / 375 * 100vw) solid #0073B7;
  }

  .modaal_plan__heading small {
    font-size: calc(18 / 375 * 100vw);
  }

  .modaal_plan__lead {
    font-family: "Noto Sans JP";
    background: #0073B7;
    border-radius: calc(4 / 375 * 100vw);
    text-align: center;
    padding: calc(8 / 375 * 100vw);
    font-weight: bold;
    color: #fff;
    font-feature-settings: "palt";
  }

  .modaal_plan__lead p {
    line-height: 1.444;
  }

  .modaal_plan__wrap {
    margin-top: calc(20 / 375 * 100vw);
    text-align: center;
  }

  .modaal_plan__item+.modaal_plan__item {
    margin-top: calc(26 / 375 * 100vw);
  }

  .modaal_plan__case {
    margin-bottom: calc(6 / 375 * 100vw);
  }

  .modaal_plan__case p {
    line-height: 1.5;
  }

  .modaal_plan__amount {
    font-family: "Noto Sans JP";
    font-size: calc(42 / 375 * 100vw);
    font-weight: bold;
    line-height: 1.12;

    width: fit-content;
    padding: calc(30 / 375 * 100vw) calc(42 / 375 * 100vw) calc(30 / 375 * 100vw) calc(44 / 375 * 100vw);
    margin: auto;
    background: #fff;
    border: calc(2 / 375 * 100vw) solid #0073B7;
    border-radius: calc(4 / 375 * 100vw);
    z-index: 10;
    box-shadow: 2px 2px 0px 2px #0073B7;
    filter: drop-shadow(2px 2px 0px #0073B7);
  }

  .modaal_plan__amount span {
    line-height: 1;
  }

  .modaal_plan__multiple .modaal_plan__amount {
    width: auto;
  }

  .modaal_plan__multiple {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }

  .modaal_plan__multiple__text {
    z-index: 1;
    top: calc(35 / 375 * 100vw);
    position: relative;
    display: inline-block;
    background-color: #fff;
    border: calc(1 / 375 * 100vw) solid #BB4346;
    border-radius: calc(4 / 375 * 100vw);
    padding: calc(2 / 375 * 100vw) calc(5 / 375 * 100vw);

    font-weight: bold;
    font-size: calc(14 / 375 * 100vw);
    color: #BB4346;
  }

  .modaal_plan__multiple .modaal_plan__box {
    position: relative;
  }

  .modaal_plan__multiple .modaal_plan__item:first-child .modaal_plan__box::before {
    position: absolute;
    content: '';
    width: calc(43 / 375 * 100vw);
    height: calc(14 / 375 * 100vw);
    left: calc(-10 / 375 * 100vw);
    top: 50%;
    transform: translate(-100%, -50%);
    background-color: #0099DB;
  }

  .modaal_plan__multiple .modaal_plan__item:first-child .modaal_plan__box::after {
    position: absolute;
    content: '';
    width: calc(14 / 375 * 100vw);
    height: calc(30 / 375 * 100vw);
    background-color: #0099DB;
    left: 0;
    top: 50%;
    transform: translate(-100%, -50%);
    clip-path: polygon(100% 50%, 0 0, 0 100%);
  }

  .modaal_plan__multiple .modaal_plan__item:last-child .modaal_plan__box::before {
    position: absolute;
    content: '';
    width: calc(53 / 375 * 100vw);
    height: calc(14 / 375 * 100vw);
    left: 0;
    top: 50%;
    transform: translate(-100%, -50%);
    background-color: #0099DB;
  }

  .modaal_plan__multiple .modaal_plan__wrap {
    position: relative;
  }

  .modaal_plan__multiple .modaal_plan__wrap::after {
    position: absolute;
    content: '';
    width: calc(14 / 375 * 100vw);
    height: calc(125 / 375 * 100vw);
    left: calc(-53 / 375 * 100vw);
    top: calc(50% + calc(30 / 375 * 100vw));
    transform: translate(0, -50%);
    background-color: #0099DB;
  }

  .modaal_plan__multiple .modaal_plan__item+.modaal_plan__item {
    min-height: calc(102 / 375 * 100vw);
  }


  .module_03 .p_250 .modaal_plan__amount {
    padding: calc(10 / 375 * 100vw)calc(20 / 375 * 100vw);
    height: calc(66 / 375 * 100vw);
  }
  .module_03 .modaal_plan__multiple .modaal_plan__wrap::after {
    height: calc(170 / 375 * 100vw);
    top: calc(50% + calc(40 / 375 * 100vw));
  }
  .module_03 .modaal_plan__multiple__text {
    top: calc(45 / 375 * 100vw);
  }
  .module_04 .modaal_plan__multiple .modaal_plan__box.p_100{
    height: calc(42 / 375 * 100vw);
  }
  .module_04 .p_100 .modaal_plan__amount {
    padding: calc(0 / 375 * 100vw)calc(20 / 375 * 100vw);
    line-height: 1;
  }
  .module_04 .modaal_plan__multiple .modaal_plan__wrap::after {
    height: calc(160 / 375 * 100vw);
    top: calc(50% + calc(45 / 375 * 100vw));
  }
  .module_04 .modaal_plan__multiple__text {
    top: calc(45 / 375 * 100vw);
  }
  .module_05 .modaal_plan__multiple .modaal_plan__box.p_50{
  }
  .module_05 .p_50 .modaal_plan__amount {
    padding: 0;
    line-height: 1;
    height: calc(12 / 375 * 100vw);
  }
  .module_05 .modaal_plan__multiple .modaal_plan__wrap::after {
    height: calc(190 / 375 * 100vw);
    top: calc(50% + calc(50 / 375 * 100vw));
  }
  .module_05 .modaal_plan__multiple__text {
    top: calc(45 / 375 * 100vw);
  }
  .module_05 .p_50_text{
    font-weight: 700;
    font-family: "Noto Sans JP";
    font-size: calc(42 / 375 * 100vw);
    font-weight: bold;
    line-height: 1.12;
  }
}

/* ////////////////////////////////////////////////
# plan
//////////////////////////////////////////////// */
@media all and (min-width: 768px), print {
  .plan .h2__section_title {
    padding-top: 50px;
  }

  .tab {
    max-width: 1000px;
    margin: 0 auto 40px;
  }

  .tab_list {
    margin-bottom: 0;
  }

  .tab_list .slick-slide {
    width: calc(320/1000*100%) !important;
    height: calc(338/1000*100%) !important;
    position: relative;
  }
  .tab_list .slick-slide:nth-of-type(2).slick-current::after {
    background: url(/products/yoro/special3/resource/img/img_plan02_current.png) no-repeat;
    background-size: contain;
  }

  .tab_list .slick-slide:nth-of-type(3).slick-current::after {
    background: url(/products/yoro/special3/resource/img/img_plan03_current.png) no-repeat;
    background-size: contain;
  }

  .tab_list .slick-slide+.slick-slide {
    margin-left: calc(20/1000*100%);
  }

  .tab_list .slick-slide.slick-current::before {
    content: '';
    display: block;
    background-size: contain;
    width: 90px;
    height: 50px;
    position: absolute;
    bottom: -47px;
    left: 50%;
    transform: translateX(-50%);
  }

  .tab_list .slick-list {
  }

  .tab_list li {
    cursor: pointer;
    text-align: center;
  }

  .tab_list li {}

  .tab_list li:first-child,
  .tab_content div:first-child {}

  .tab_content .slick-slide {
    position: relative;
    border-radius: 20px;
  }

  .tab_content .slick-slide {
    height: 0;
  }

  .tab_content .slick-slide.slick-current {
    height: auto;
  }

  /* contents */
  .tab_item {
    padding: 40px 100px;
    margin: 0;
    width: auto !important;
    display: block !important;
  }

  .tab_list li:focus,
  .tab_content div:focus {
    outline: none;
  }

  .slick-disabled {
    display: none !important;
  }

  .tab_item h3 {
    margin: 0;
  }

  .tab_item__head {
    text-align: center;
    position: relative;
  }

  .tab_item__head-text {
    font-size: 24px;
  }

  .tab_item__head-text span {
    display: block;
  }

  span.fs_large {
    display: inline;
    font-size: 42px;
  }

  .tab_item__body {
    text-align: center;
  }

  /* tab_item__block_01 */
  .tab_item__block_01 {
    border-radius: 10px;
    overflow: hidden;
  }

  .plan_title {
    background: #0099DB;
    font-size: 28px;
    color: #fff;
    margin: 0;
    line-height: 1.5;
  }

  .plan_title span {
    display: block;
    padding: 15px 0;
    margin: 0 50px;
  }

  /* tab_item__block_02 */
  .tab_item__block_02 {
    margin-top: 20px;
  }

  .plan_middle__head {
    background: #0073B7;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    border-radius: 4px;
    line-height: 1.5;
    padding: 10px 0;
    margin-bottom: 0;
  }

  .plan_middle__body {
    display: flex;
    position: relative;
  }

  .plan_middle_item {
    background: #fff;
    border: 1px solid #666;
    border-radius: 4px;
    padding: 14px 0;
    width: calc(100%/2);
  }

  .plan_middle_item+.plan_middle_item {
    margin-left: 4px;
  }

  .plan_middle_item p {
    margin-bottom: 15px;
  }

  .price_text {
    font-size: 42px;
    line-height: 0.714;
    font-weight: bold;
  }

  .price_text span {
    font-size: 28px;
  }

  .price_text__l {
    font-size: 44px;
    line-height: 1;
  }

  /* tab_item__block_03 */
  .tab_item__block_03 {
    margin-top: 30px;
  }

  /* 個別 */
  .tab02 .tab_item__block_03 {
    margin-top: 96px;
  }

  .tab02 .tab_item__block_02 .plan_middle__body::after {
    content: '';
    display: block;
    background: url(/products/yoro/special3/resource/img/img_tab02_parts_pc.svg) no-repeat;
    background-size: contain;
    width: 431px;
    height: 66px;
    position: absolute;
    bottom: -66px;
    left: 50%;
    transform: translateX(-50%);
  }

  .tab03 .tab_item__block_03 {
    margin-top: 96px;
  }

  .tab03 .tab_item__block_02 .plan_middle__body::after {
    content: '';
    display: block;
    background: url(/products/yoro/special3/resource/img/img_tab03_parts_pc.svg) no-repeat;
    background-size: contain;
    width: 431px;
    height: 66px;
    position: absolute;
    bottom: -66px;
    left: 50%;
    transform: translateX(-50%);
  }

  /* sec_plan_bottom */
  .sec_plan_bottom {
    max-width: 1000px;
    margin: 0 auto 20px;
    text-align: center;
  }

  .sec_plan_bottom details {
    background: #E8F2FB;
    overflow: hidden;
  }

  .sec_plan_bottom .summary_detail {
    background: #fff;
    padding-bottom: 30px;
  }

  .sec_plan_bottom .summary_detail_lead {
    margin-bottom: 20px;
  }

  .sec_plan_bottom .summary_detail__inner {
    padding-top: 20px;
  }

  .summary_detail_head_logo img {
    width: 400px;
    margin-bottom: 20px;
  }

  .sec_plan_bottom_item {
    display: flex;
  }

  .sec_plan_bottom_item>div {
    width: 50%;
    background: #E8F2FB;
    padding: 20px;
    border: 1px solid #666;
  }

  .sec_plan_bottom_item>div:nth-of-type(2) {
    border-left: 0;
  }

  .sec_plan_bottom_item_head {
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 8px;
  }

  .sec_plan_bottom_item_text {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0;
  }

  .sec_plan_bottom_item_end_text {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 0;
  }

}

@media all and (min-width: 768px), print {
  .plan .inbox__full {
    padding: 50px 0;
  }

  /* slick */
  .slick-slide {
  }

  .tab_prev {
    content: '';
    display: block;
    background: url(/products/yoro/special3/resource/img/icon_plan_arrow_left.svg) no-repeat;
    background-size: contain;
    width: calc(44/375*100vw);
    height: calc(44/375*100vw);
    position: absolute;
    top: 50%;
    left: calc(58/375*100vw);
    transform: translateY(-50%);
    z-index: 1;
    filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.3));
  }

  .tab_next {
    content: '';
    display: block;
    background: url(/products/yoro/special3/resource/img/icon_plan_arrow_right.svg) no-repeat;
    background-size: contain;
    width: calc(44/375*100vw);
    height: calc(44/375*100vw);
    position: absolute;
    top: 50%;
    right: calc(58/375*100vw);
    transform: translateY(-50%);
    z-index: 1;
    filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.3));
  }

  .slick-disabled {
    display: none !important;
  }

  .tab_list .slick-slide {
    position: relative;
  }

  .tab_list .slick-slide img {
    transition: all .2s;
  }

  .tab_list .slick-slide.slick-center img {
  }

  .tab_list .slick-slide.slick-current::after {
    content: '';
    display: block;
    width: 100% !important;
    aspect-ratio: 288/360;
    position: absolute;
    bottom: 0;
    left: 0;
    background-position: bottom;
  }

  .tab_list .slick-slide:nth-of-type(1).slick-current::after {
    background: url(/products/yoro/special3/resource/img/img_plan01_current.png) no-repeat;
    background-size: contain;
  }

  .tab_list .slick-slide:nth-of-type(2).slick-current::after {
    background: url(/products/yoro/special3/resource/img/img_plan02_current.png) no-repeat;
    background-size: contain;
  }

  .tab_list .slick-slide:nth-of-type(3).slick-current::after {
    background: url(/products/yoro/special3/resource/img/img_plan03_current.png) no-repeat;
    background-size: contain;
  }

  .tab_content .slick-slide {
    height: 0;
  }

  .tab_content .slick-slide.slick-current {
    height: auto;
  }

  /* /slick */

  .plan .inbox__full {
    max-width: 1000px;
  }

  .slick-dotted.tab_list {
    margin-bottom: 0;
  }

  .tab_content .slick-slide {
    position: relative;
    width: 900px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 50px;
  }

  .tab_content {
    position: relative;
    padding-top: 90px;
  }

  .tab_content::before {
    content: '';
    display: block;
    background: url(/products/yoro/special3/resource/img/icon_plan_arrow_down.svg) no-repeat;
    background-size: contain;
    width: 90px;
    height: 50px;
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
  }

  .tab_item {
    padding: 0;
    margin: 0 50px;
    width: auto !important;
    display: block !important;
  }

  .tab_item__head {
    text-align: center;
    position: relative;
  }

  .tab_item h3 {
    margin: 0;
  }

  .tab_item__head-text {
    font-size: 24px;
  }

  span.fs_large {
    display: inline;
    font-size: 42px;
  }

  .tab_item__head-text span {
    display: block;
  }

  .tab_item__head-text {
    font-size: calc(18/375*100vw);
  }

  .tab_item__head-text span {
    display: block;
  }

  span.fs_large {
    display: inline;
    font-size: calc(26/375*100vw);
  }

  .tab_item__body {
    text-align: center;
  }

  .plan_title {
    background: #0073B7;
    font-size: 32px;
    border-radius: 4px;
    color: #fff;
    margin: 0;
    line-height: 1.5;
    font-weight: 500;
  }

  .plan_title span {
    display: block;
    padding: 10px 0;
  }

  .plan_title span:nth-of-type(2) {
    border-top: calc(2/375*100vw) solid #fff;
  }

  .plan_text {
    background: #fff;
    font-size: 24px;
    font-weight: bold;
    margin: 10px 0 0;
    line-height: 1.5;
  }

  .plan_point_text {
    margin: 50px auto 30px;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.5;
  }

  /* tab_item__block */
  .tab_item__block+.tab_item__block {
    margin-top: 30px;
  }

  .tab_item__block {
    background: #E8F2FB;
    border-radius: 4px;
    border: 1px solid #666;
    padding: 30px 50px;
  }
  .tab_item__block .summary_detail{
    padding: 0;
  }

  .plan_case_title {
    font-size: 32px;
    margin: 0 0 30px;
  }

  /* tab_item__block_01 */
  .tab_item__block_01 {
    overflow: hidden;
  }

  .plan_middle__head {
    background: #0073B7;
    color: #fff;
    font-size: calc(18/375*100vw);
    font-weight: bold;
    border-radius: calc(4/375*100vw);
    line-height: 1.5;
    padding: calc(8/375*100vw) 0;
    margin-bottom: 0;
  }

  .plan_middle__body {
    display: flex;
    position: relative;
  }

  .plan_middle_item {
    background: #fff;
    border: 1px solid #666;
    border-radius: calc(4/375*100vw);
    padding: calc(10/375*100vw) 0;
    width: calc(100%/2);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .plan_middle_item+.plan_middle_item {
    margin-left: calc(4/375*100vw);
  }

  .plan_middle_item p {
    margin-bottom: 0;
  }

  .price_text {
    font-size: calc(28/375*100vw);
    line-height: 1.071428571;
    font-weight: bold;
  }

  .price_text span {
    display: inline-block;
    margin-left: 8px;
    font-size: 32px;
  }

  .price_text__l {
    font-size: 44px;
    line-height: 1.375;
  }


  .summary_detail_price_block {
    padding: 10px 0;
    background: #fff;
    border-radius: 0 0 4px 4px;
  }

  .plan_case_lead {
    font-size: 24px;
    margin-bottom: 0;
    padding-bottom: 72px;
    position: relative;
  }

  .plan_case_lead::after {
    content: '';
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%);
    background: url(/products/yoro/special3/resource/img/icon_plan_arrow_down02.svg) no-repeat;
    background-size: contain;
    width: 64px;
    height: 52px;
  }

  .plan__nav__item {
    background: #CCCCCC;
    position: relative;
    font-weight: 500;
    color: #333333;
    text-align: center;
    line-height: 1;
    padding: 16px 0;
    font-size: 20px;
    margin-bottom: 20px;
    transition: .15s;
  }

  .plan__nav__item.--02{
    margin: 0 -20px 20px;
  }
  .plan__nav__item.--01{
    border-radius: 30px 0 0 30px;
  }
  .plan__nav__item.--03{
    border-radius: 0 30px 30px 0;
  }
  .slick-current .plan__nav__item{
    background: #0099DB;
    color: #fff;
  }

  .plan__nav__item li::before {
    display: inline-block;
    font-size: calc(14/375*100vw);
  }
  .tab_item__block ul.list__annotation{
    margin: 24px 0 0;
  }
}
@media all and (max-width: 1000px) and (min-width: 768px) {
  .tab_content .slick-slide{
    width: calc(100% / 3)!important;
    padding: 0;
  }
}
@media all and (max-width: 767px) {
  .plan .inbox__full {
    padding: calc(30/375*100vw) 0;
  }

  /* slick */
  .slick-slide {
    margin-right: 7px !important;
    margin-left: 7px !important;
  }

  .tab_prev {
    content: '';
    display: block;
    background: url(/products/yoro/special3/resource/img/icon_plan_arrow_left.svg) no-repeat;
    background-size: contain;
    width: calc(44/375*100vw);
    height: calc(44/375*100vw);
    position: absolute;
    top: 50%;
    left: calc(58/375*100vw);
    transform: translateY(-50%);
    z-index: 1;
    filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.3));
  }

  .tab_next {
    content: '';
    display: block;
    background: url(/products/yoro/special3/resource/img/icon_plan_arrow_right.svg) no-repeat;
    background-size: contain;
    width: calc(44/375*100vw);
    height: calc(44/375*100vw);
    position: absolute;
    top: 50%;
    right: calc(58/375*100vw);
    transform: translateY(-50%);
    z-index: 1;
    filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.3));
  }

  .slick-disabled {
    display: none !important;
  }

  .tab_list .slick-slide {
    position: relative;
  }

  .tab_list .slick-slide img {
    transition: all .2s;
    transform: scale(.92);
  }

  .tab_list .slick-slide.slick-center img {
    transform: scale(1);
  }

  .tab_list .slick-slide.slick-current::after {
    content: '';
    display: block;
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
  }

  .tab_list .slick-slide:nth-of-type(1).slick-current::after {
    background: url(/products/yoro/special3/resource/img/img_plan01_current.png) no-repeat;
    background-size: contain;
  }

  .tab_list .slick-slide:nth-of-type(2).slick-current::after {
    background: url(/products/yoro/special3/resource/img/img_plan02_current.png) no-repeat;
    background-size: contain;
  }

  .tab_list .slick-slide:nth-of-type(3).slick-current::after {
    background: url(/products/yoro/special3/resource/img/img_plan03_current.png) no-repeat;
    background-size: contain;
  }

  .tab_content .slick-slide {
    height: 0;
  }

  .tab_content .slick-slide.slick-current {
    height: auto;
  }

  /* /slick */

  .plan .inbox__full {
    max-width: unset;
  }

  .slick-dotted.tab_list {
    margin-bottom: 0;
  }

  .tab_content .slick-slide {
    position: relative;
    width: 100vw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .tab_content {
    position: relative;
    padding-top: calc(60/375*100vw);
  }

  .tab_content::before {
    content: '';
    display: block;
    background: url(/products/yoro/special3/resource/img/icon_plan_arrow_down.svg) no-repeat;
    background-size: contain;
    width: calc(90 / 375 * 100vw);
    height: calc(40 / 375 * 100vw);
    position: absolute;
    top: calc(10/375*100vw);
    left: 50%;
    transform: translateX(-50%);
  }

  .tab_item {
    padding: 0 calc(18/375*100vw);
    margin: 0;
    width: auto !important;
    display: block !important;
  }

  .tab_item__head {
    text-align: center;
    position: relative;
  }

  .tab_item h3 {
    margin: 0;
  }

  .tab_item__head-text {
    font-size: 24px;
  }

  span.fs_large {
    display: inline;
    font-size: 42px;
  }

  .tab_item__head-text span {
    display: block;
  }

  .tab_item__head-text {
    font-size: calc(18/375*100vw);
  }

  .tab_item__head-text span {
    display: block;
  }

  span.fs_large {
    display: inline;
    font-size: calc(26/375*100vw);
  }

  .tab_item__body {
    text-align: center;
  }

  .plan_title {
    background: #0073B7;
    font-size: calc(20/375*100vw);
    border-radius: calc(4/375*100vw);
    color: #fff;
    margin: 0;
    line-height: 1.5;
    font-weight: 500;
  }

  .plan_title span {
    display: block;
    padding: calc(10/375*100vw) 0;
    margin: 0 calc(10/375*100vw);
  }

  .plan_title span:nth-of-type(2) {
    border-top: calc(2/375*100vw) solid #fff;
  }

  .plan_text {
    background: #fff;
    font-size: calc(18/375*100vw);
    font-weight: bold;
    margin: calc(4/375*100vw) 0 0;
    line-height: 1.5;
  }

  .plan_point_text {
    margin: calc(30/375*100vw) auto calc(20/375*100vw);
    font-size: calc(24/375*100vw);
    font-weight: 600;
    line-height: 1.5;
  }

  /* tab_item__block */
  .tab_item__block+.tab_item__block {
    margin-top: calc(20/375*100vw);
  }

  .tab_item__block {
    background: #E8F2FB;
    border-radius: calc(4/375*100vw);
    border: 1px solid #666;
    padding: calc(20/375*100vw) calc(10/375*100vw);
  }

  .plan_case_title {
    font-size: calc(20/375*100vw);
    margin: 0 0 calc(16/375*100vw);
  }

  /* tab_item__block_01 */
  .tab_item__block_01 {
    overflow: hidden;
  }

  .plan_middle__head {
    background: #0073B7;
    color: #fff;
    font-size: calc(18/375*100vw);
    font-weight: bold;
    border-radius: calc(4/375*100vw);
    line-height: 1.5;
    padding: calc(8/375*100vw) 0;
    margin-bottom: 0;
  }

  .plan_middle__body {
    display: flex;
    position: relative;
  }

  .plan_middle_item {
    background: #fff;
    border: 1px solid #666;
    border-radius: calc(4/375*100vw);
    padding: calc(10/375*100vw) 0;
    width: calc(100%/2);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .plan_middle_item+.plan_middle_item {
    margin-left: calc(4/375*100vw);
  }

  .plan_middle_item p {
    margin-bottom: 0;
  }

  .price_text {
    font-size: calc(28/375*100vw);
    line-height: 1.071428571;
    font-weight: bold;
  }

  .price_text span {
    font-size: calc(20/375*100vw);
  }

  .price_text__l {
    font-size: calc(32/375*100vw);
    line-height: 1.375;
  }

  /* tab_item__block_03 */
  .tab_item__block_03 {
    margin-top: calc(30/375*100vw);
  }

  summary.toggle__head,
  summary.toggle__head2 {
    display: block;
    position: relative;
    cursor: pointer;
  }

  summary.toggle__head::-webkit-details-marker,
  summary.toggle__head2::-webkit-details-marker {
    /* Safari */
    display: none;
  }

  .icon_toggle,
  .icon_toggle2 {
    display: block;
  }

  .icon_toggle,
  .icon_toggle2 {
    position: absolute;
    width: calc(20/375*100vw);
    height: calc(20/375*100vw);
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%) rotate(0deg);
    cursor: pointer;
    z-index: 100;
    transition: 0.4s cubic-bezier(0.2, 0.6, 0.3, 1.1);
  }

  .icon_toggle:after,
  .icon_toggle2:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: calc(4/375*100vw);
    width: 100%;
    background: #0073B7;
    border-radius: 99px;
  }

  .icon_toggle:before,
  .icon_toggle2:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: calc(4/375*100vw);
    background: #0073B7;
    border-radius: 99px;
  }

  details[open] .icon_toggle,
  details[open] .icon_toggle2 {
    transform: translate(-50%, -50%) rotate(180deg);
  }

  details[open] .icon_toggle::before,
  details[open] .icon_toggle2::before {
    width: 0;
  }

  .summary_title {
    display: block;
    font-size: calc(16/375*100vw);
    font-weight: bold;
    padding: calc(10/375*100vw) calc(13/375*100vw);
    margin-bottom: 0;
  }

  details {
    background: #fff;
    border: 1px solid #666;
    border-radius: 4px;
  }


  .summary_detail+.summary_detail {
    margin-top: calc(30/375*100vw);
  }

  .summary_detail {
    overflow: hidden;
  }

  .summary_detail__inner {
    margin: 0 auto;
    padding-bottom: calc(10/375*100vw);
  }

  .summary_detail_head_title {
    background: #0073B7;
    color: #fff;
    font-size: calc(18/375*100vw);
    font-weight: 500;
    line-height: 1.333333333;
    padding: calc(8/375*100vw) 0;
    margin-bottom: calc(8/375*100vw);
    border-radius: calc(4/375*100vw);
  }

  .summary_detail_head_text {
    margin-bottom: calc(16/375*100vw);
    font-size: calc(14/375*100vw);
  }

  .summary_detail_title_block p {
    background: #0073B7;
    color: #fff;
    font-size: calc(14/375*100vw);
    font-weight: 500;
    line-height: 1.5;
    padding: calc(6/375*100vw) 0;
    border-radius: calc(4/375*100vw);
  }

  .summary_detail_title_block p,
  .summary_detail_price_block p {
    margin-bottom: 0;
  }

  .summary_detail_price_block {
    padding: calc(10/375*100vw) 0;
    background: #fff;
    border-radius: 0 0 calc(4/375*100vw) calc(4/375*100vw);
  }

  .plan_case_lead {
    font-size: calc(18/375*100vw);
    margin-bottom: 0;
    padding-bottom: calc(36/375*100vw);
    position: relative;
  }

  .plan_case_lead::after {
    content: '';
    position: absolute;
    bottom: calc(6/375*100vw);
    left: 50%;
    transform: translate(-50%);
    background: url(/products/yoro/special3/resource/img/icon_plan_arrow_down02.svg) no-repeat;
    background-size: contain;
    width: calc(32/375*100vw);
    height: calc(26/375*100vw);
  }

  /* sec_plan_bottom */
  .sec_plan_bottom {
    margin: calc(20/375*100vw) auto 0;
    text-align: center;
  }

  .sec_plan_bottom details {
    background: #E8F2FB;
    overflow: hidden;
  }

  .sec_plan_bottom .summary_detail {
    background: #fff;
  }

  .sec_plan_bottom .summary_detail__inner {
    padding-top: calc(14/375*100vw);
  }

  .summary_detail_head_logo img {
    width: calc(180/375*100vw);
    margin-bottom: calc(20/375*100vw);
  }

  .summary_detail_lead {
    margin-bottom: calc(16/375*100vw);
  }

  .sec_plan_bottom_item {
    display: flex;
    flex-direction: column;
    padding: 0 calc(10/375*100vw);
  }

  .sec_plan_bottom_item>div {
    width: auto;
    background: #E8F2FB;
    padding: calc(10/375*100vw);
    border: 1px solid #666;
  }

  .sec_plan_bottom_item>div:nth-of-type(2) {
    border-top: 0;
  }

  .sec_plan_bottom_item_head {
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: calc(8/375*100vw);
  }

  .sec_plan_bottom_item_text {
    font-size: calc(14/375*100vw);
    line-height: 1.5;
    margin-bottom: 0;
  }

  .sec_plan_bottom_item_end_text {
    font-size: calc(18/375*100vw);
    font-weight: bold;
    margin-top: calc(8/375*100vw);
    margin-bottom: 0;
  }

  .plan .btn__link01.btn__white {
    font-size: calc(16/375*100vw);
  }

  .plan__nav__item button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
  }

  .plan__nav__item {
    display: flex;
    max-width: calc(355.5/375*100vw);
    margin: 0 auto calc(10/375*100vw);
  }

  .plan__nav__item li {
    width: calc(100% / 3);
    background: #CCCCCC;
    position: relative;
    font-weight: 500;
    color: #333333;
    text-align: center;
    line-height: 1;
  }

  .plan__nav__item li:nth-child(1) {
    width: calc(118 / 375 * 100vw);
    border-radius: 18px 0 0 18px;
    
  }

  .plan__nav__item li:nth-child(2){
    width: calc(119.5 / 375 * 100vw);
  }
  .plan__nav__item li:nth-child(3) {
    width: calc(118 / 375 * 100vw);
    border-radius: 0 18px 18px 0;
    
  }

  .plan__nav__item li.slick-active {
    background: #0099DB;
    color: #fff;
  }

  .plan__nav__item li::marker {
    content: none;
  }

  .plan__nav__item li::before {
    display: inline-block;
    font-size: calc(14/375*100vw);
    line-height: calc(19 / 375 * 100vw);
    padding: calc(8 / 375 * 100vw) calc(10 / 375 * 100vw) calc(9 / 375 * 100vw);
  }

  .plan__nav__item li:nth-child(1)::before {
    content: '資金準備重視型';
    font-size: calc(13 / 375 * 100vw);
    padding-inline: calc(18 / 375 * 100vw) calc(9 / 375 * 100vw);
  }

  .plan__nav__item li:nth-child(2)::before {
    content: 'バランス重視型';
  }

  .plan__nav__item li:nth-child(3)::before {
    content: '保障重視型';
    padding-inline: calc(20 / 375 * 100vw) calc(28 / 375 * 100vw);
  }
}


/* ////////////////////////////////////////////////
# difference
//////////////////////////////////////////////// */
@media all and (min-width: 768px), print {
  .difference {
    background: #B5DFF8;
    padding: 30px 100px 50px;
  }

  .difference .inbox__full {
    max-width: 1000px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(0, 115, 183, 0.5);
    padding: 50px 100px;
  }

  .difference_tit {
    font-size: 32px;
    text-align: center;
    margin-bottom: 40px;
  }

  /* table */
  .table__difference {
    margin: 0;
  }

  .table__difference th,
  .table__difference td {
    text-align: center;
  }

  .table__difference .align-left td {
    text-align: left;
    vertical-align: top;
  }

  .table__difference th {
    background-color: #E8F2FB;
    padding: 16px;
    font-size: 16px;
  }

  .table__difference td {
    padding: 16px;
    font-size: 16px;
  }

  .table__difference thead th {
    background: #0073B7;
    font-size: 22px;
    padding: 10px;
    font-weight: 500;
    color: #fff;
  }

  .table__difference thead th:first-child {
    background: #fff;
  }

  .table__difference th:first-child {
    width: 17.5%;
  }
  .difference .list__annotation{
    margin: 24px 0 0;
  }

}
@media all and (max-width: 767px) {
  .difference {
    background: #B5DFF8;
    padding: calc(30/375*100vw) calc(18/375*100vw);
  }

  .difference .inbox__full {
    background: #fff;
    border-radius: calc(20/385*100vw);
    box-shadow: 0 0 20px rgba(0, 115, 183, 0.5);
    padding: calc(30/375*100vw) calc(10/375*100vw);
  }

  .difference_tit {
    font-size: calc(20/375*100vw);
    text-align: center;
    margin-bottom: calc(20/375*100vw);
  }

  /* table */
  .table__difference {
    margin: 0;
  }

  .table__difference th,
  .table__difference td {
    text-align: center;
  }

  .table__difference .align-left td {
    text-align: left;
  }

  .table__difference th {
    background-color: #E8F2FB;
    padding: calc(12/375*100vw) calc(5 / 375 * 100vw);
    font-size: calc(12/375*100vw);
  }

  .table__difference td {
    padding: calc(5/375*100vw);
    font-size: calc(12/375*100vw);
  }

  .table__difference thead th {
    width: calc(125 / 375 * 100vw);
    background: #0073B7;
    font-size: calc(16/375*100vw);
    font-weight: 500;
    color: #fff;
  }

  .table__difference thead th:first-child {
    background: #fff;
  }

  .table__difference th:first-child {
    width: calc(67 / 375 * 100vw);
  }

}

/* accordion_typeA 調整 */
@media all and (min-width:767px) {
  .box__accordion_typeA__label {
    padding: 14px !important;
    height: auto;
    width: 100%;
    font-size: 14px;
  }

  .box__accordion_typeA__contents {
    padding: 40px 0 0!important;
    font-size: 14px;
    text-align: left;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.7;
  }

  .point * .accordion_btn {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  /* toggle btn */
  .accordion_toggle_btn .box__accordion_typeA__label {
    display: block;
    width: 65px;
    height: 65px;
    position: relative;
    background-color: #0099DB;
    border-radius: 50%;
    align-items: center;
    text-align: center;
    justify-content: center;
    text-align: center;
    padding: 0 !important;
    margin: 0 auto !important;
  }

  .accordion_toggle_btn .box__accordion_typeA {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: none;
    background-color: unset;
    margin: 0 auto !important;
  }

  .accordion_toggle_btn .box__accordion_typeA__label::before,
  .accordion_toggle_btn .box__accordion_typeA__label::after {
    background: #fff;
    right: 21px;
    width: 24px;
    height: 5px;
  }

  /*  */

  .real .box__accordion_typeA__label {
    margin-bottom: 0 !important;
    transition: 0.4s;
    display: block;
  }

  .real .contents {
    padding: 40px 0 0 !important;
    max-width: 808px;
    width: 100%;
    margin: 0 auto !important;
    font-weight: 700;
    letter-spacing: normal;
  }

  .further .box__accordion_typeA__label,
  .example .box__accordion_typeA__label {
    font-size: 20px;
  }

}

@media all and (max-width:766px) {
  .box__accordion_typeA__checkbox:checked+label+.box__accordion_typeA__contents {
    padding: calc(20/375*100vw) 0 0;
  }

  .box__accordion_typeA {
    border-radius: 0 !important;
  }

  .box__accordion_typeA__label {
    padding: calc(12/375*100vw) !important;
    height: auto;
    width: 100%;
    font-size: calc(13/375*100vw) !important;
  }

  .box__accordion_typeA__contents {
    font-size: 2.79vw;
    letter-spacing: -.02em;
    text-align: left;
    font-weight: 400;
    line-height: 1.7;
  }

  .point * .accordion_btn {
    margin-left: calc(18/375*100vw) !important;
    margin-right: calc(18/375*100vw) !important;
  }

  /* toggle btn */
  .accordion_toggle_btn .box__accordion_typeA__label {
    display: block !important;
    width: calc(60/375*100vw) !important;
    height: calc(60/375*100vw) !important;
    position: relative;
    background-color: #4684BC;
    border-radius: 50%;
    padding: 0 !important;
    margin: 0 auto !important;
  }

  .accordion_toggle_btn .box__accordion_typeA {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: none;
    background-color: unset;
    margin: 0 auto !important;
  }

  .accordion_toggle_btn .box__accordion_typeA__label::before,
  .accordion_toggle_btn .box__accordion_typeA__label::after {
    background: #fff;
    /* right: calc(12.5/375*100vw); */
    right: calc(17.5/375*100vw);
    height: calc(5/375*100vw);
    width: calc(25/375*100vw);
  }

  /*  */

  .real.accordion_btn {
    margin: 0 calc(18/375*100vw) !important;
  }

  .real .box__accordion_typeA__label {
    margin-bottom: 0 !important;
    transition: 0.4s;
    display: block;
  }

  .real .contents {
    padding: calc(20/375*100vw) 0 0 !important;
    max-width: unset;
    width: 100%;
    margin: 0 auto !important;
    font-weight: 700;
    letter-spacing: normal;
  }

  .further .box__accordion_typeA__label,
  .example .box__accordion_typeA__label {
    font-size: calc(13/375*100vw) !important;
  }

  .real .box__accordion_typeA__label {
    padding: calc(6/375*100vw) !important;
    /* font-size: calc(10.46/375*100vw) !important;
        letter-spacing: 0.16em; */
  }

}

/* ////////////////////////////////////////////////
# step
//////////////////////////////////////////////// */
@media all and (min-width: 768px), print {
  .step {
    text-align: center;
    padding-bottom: 40px;
  }

  .step_flow {
    list-style: none;
    display: flex;
    justify-content: center;
    max-width: 880px;
    margin: 68px auto 0;
  }

  .step dl,
  dd {
    margin: 0;
  }

  .step_flow_item {
    position: relative;
    width: calc(240/880*100%);
    background: #fff;
    border-radius: 4px;
    filter: drop-shadow(0px 0px 5px rgba(102, 102, 102, 0.5));
    padding-top: 50px;
    padding-bottom: 118px;
  }

  .step_flow_item::after {
    content: '';
    display: block;
    background: url(/products/yoro/special3/resource/img/icon_step_flow_arrow.png) no-repeat;
    background-size: cover;
    width: 20px;
    height: 40px;
    position: absolute;
    top: 50%;
    right: -50px;
    transform: translateY(-50%);
  }

  .step_flow_item:last-of-type::after {
    display: none;
  }

  .step_flow_item+.step_flow_item {
    margin-left: calc(80/880*100%);
  }

  .step_flow_item_name {
    font-size: 22px;
  }

  .step_icon_num {
    width: 70px;
    filter: drop-shadow(0px 0px 5px rgba(102, 102, 102, 0.5));
    position: absolute;
    top: -34px;
    left: 50%;
    transform: translateX(-50%);
  }

  .icon_step_img01 {
    background: #fff url(/products/yoro/special3/resource/img/icon_step_item01.svg) no-repeat bottom 8px center;
    background-size: 100px 100px;
  }

  .icon_step_img02 {
    background: #fff url(/products/yoro/special3/resource/img/icon_step_item02.svg) no-repeat bottom 8px center;
    background-size: 100px 100px;
  }

  .icon_step_img03 {
    background: #fff url(/products/yoro/special3/resource/img/icon_step_item03.svg) no-repeat bottom 8px center;
    background-size: 100px 100px;
  }

  .step_bottom {
    background: #fff;
    border-radius: 10px;
    filter: drop-shadow(0px 0px 5px rgba(102, 102, 102, 0.5));
    padding: 40px;
    max-width: 1000px;
    margin: 40px auto 0;
  }

  .step_bottom_text {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: bold;
  }

  .step_bottom .btn__item_wrap {
    display: flex;
    justify-content: center;
  }

  .step_bottom .btn__item {
    margin-top: 0;
  }

  .step_bottom .btn__item_wrap .btn__item+.btn__item {
    margin-top: 0;
    margin-left: calc(50/1000*100%);
  }

  .step_bottom .btn__link01 {
    font-size: clamp(13px, 2.5vw, 22px);
    width: calc(382/1000*100vw);
    max-width: 382px;
  }

  .step_bottom .btn__link01::before,
  .step_bottom .btn__link01::after {
    right: 30px;
  }

}

@media all and (max-width: 767px) {
  .step {
    text-align: center;
    padding-bottom: calc(40 / 375 * 100vw);
  }

  .step_flow {
    list-style: none;
    display: flex;
    justify-content: center;
    margin: calc(45/375*100vw) auto 0;
  }

  .step dl,
  dd {
    margin: 0;
  }

  .step_flow_item {
    position: relative;
    width: calc(96/375*100vw);
    background: #fff;
    border-radius: calc(4/375*100vw);
    filter: drop-shadow(0px 0px 5px rgba(102, 102, 102, 0.5));
    padding-top: calc(30/375*100vw);
    padding-bottom: calc(70/375*100vw);
  }

  .step_flow_item:first-of-type {
    padding-top: calc(42/375*100vw);
  }

  .step_flow_item::after {
    content: '';
    display: block;
    background: url(/products/yoro/special3/resource/img/icon_step_flow_arrow.png) no-repeat;
    background-size: cover;
    width: calc(15/375*100vw);
    height: calc(30/375*100vw);
    position: absolute;
    top: 50%;
    right: calc(-22/375*100vw);
    transform: translateY(-50%);
  }

  .step_flow_item:last-of-type::after {
    display: none;
  }

  .step_flow_item+.step_flow_item {
    margin-left: calc(26/375*100vw);
  }

  .step_flow_item_name {
    font-size: calc(14/375*100vw);
  }

  .step_icon_num {
    width: calc(52/375*100vw);
    filter: drop-shadow(0px 0px 5px rgba(102, 102, 102, 0.5));
    position: absolute;
    top: calc(-26/375*100vw);
    left: 50%;
    transform: translateX(-50%);
  }

  .icon_step_img01 {
    background: #fff url(/products/yoro/special3/resource/img/icon_step_item01.svg) no-repeat bottom 8px center;
    background-size: calc(56/375*100vw) calc(56/375*100vw);
  }

  .icon_step_img02 {
    background: #fff url(/products/yoro/special3/resource/img/icon_step_item02.svg) no-repeat bottom 8px center;
    background-size: calc(56/375*100vw) calc(56/375*100vw);
  }

  .icon_step_img03 {
    background: #fff url(/products/yoro/special3/resource/img/icon_step_item03.svg) no-repeat bottom 8px center;
    background-size: calc(56/375*100vw) calc(56/375*100vw);
  }

  .step_bottom {
    background: #fff;
    border-radius: calc(10/375*100vw);
    filter: drop-shadow(0px 0px 5px rgba(102, 102, 102, 0.5));
    padding: calc(20/375*100vw) calc(10/375*100vw);
    margin: calc(36/375*100vw) auto 0;
  }

  .step_bottom_text {
    font-size: calc(18/375*100vw);
    font-weight: bold;
    margin-bottom: calc(20/375*100vw);
    line-height: 1.333333333;
  }

  .step_bottom .btn__item_wrap {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }

  .step_bottom .btn__item {
    margin-top: 0;
  }

  .step_bottom .btn__item_wrap .btn__item+.btn__item {
    margin-top: calc(20/375*100%);
  }

  .step_bottom .btn__link01 {
    width: auto;
  }
}

/* ////////////////////////////////////////////////
# voice
//////////////////////////////////////////////// */
@media all and (min-width: 768px), print {
  /* voice */
  .voice-sec{
    padding-bottom: 50px;
  }
  .voice_block {
    max-width: 800px;
    margin: 78px auto 0;
    display: block;
  }

  .voice_item {
    position: relative;
    background: #fff;
    padding: 72px 50px 40px;
    border-radius: 2px;
  }

  .voice_item+.voice_item {
    margin-top: 68px;
  }

  .voice_item_text {
    margin-bottom: 0;
  }

  .voice_item_text span {
    border-bottom: 1px solid #0099DB;
    display: block;
    line-height: 1.75;
    font-size: clamp(16px, 2vw, 20px);
    letter-spacing: -0.03em;
  }

  .voice_item:before {
    content: '';
    display: block;
    background: url(/products/yoro/special3/resource/img/icon_voice01.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    width: 130px;
    height: 130px;
    top: -65px;
    left: 35px;
  }

  .voice_item:nth-of-type(2)::before {
    content: '';
    display: block;
    background: url(/products/yoro/special3/resource/img/icon_voice02.png) no-repeat center center;
    background-size: cover;
  }

  .voice_item:nth-of-type(3)::before {
    content: '';
    display: block;
    background: url(/products/yoro/special3/resource/img/icon_voice03.png) no-repeat center center;
    background-size: cover;
  }

  .voice_item:nth-of-type(4)::before {
    content: '';
    display: block;
    background: url(/products/yoro/special3/resource/img/icon_voice04.png) no-repeat center center;
    background-size: cover;
  }

  .voice_item:nth-of-type(5)::before {
    content: '';
    display: block;
    background: url(/products/yoro/special3/resource/img/icon_voice05.png) no-repeat center center;
    background-size: cover;
  }

  .voice_item::after {
    content: '';
    display: block;
    background: url(/products/yoro/special3/resource/img/icon_voice01_text_pc.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    width: 208px;
    height: 76px;
    top: -28px;
    right: -32px;
  }

  .voice_item:nth-of-type(2)::after {
    background: url(/products/yoro/special3/resource/img/icon_voice02_text_pc.png) no-repeat center center;
    background-size: cover;
    width: 316px;
  }

  .voice_item:nth-of-type(3)::after {
    background: url(/products/yoro/special3/resource/img/icon_voice03_text_pc.png) no-repeat center center;
    background-size: cover;
    width: 334px;
  }

  .voice_item:nth-of-type(4)::after {
    background: url(/products/yoro/special3/resource/img/icon_voice04_text_pc.png) no-repeat center center;
    background-size: cover;
    width: 319px;
  }

  .voice_item:nth-of-type(5)::after {
    background: url(/products/yoro/special3/resource/img/icon_voice05_text_pc.png) no-repeat center center;
    background-size: cover;
    width: 351px;
  }

  .voice-sec .list__annotation_kanji_and_number {
    max-width: 800px;
    margin: 20px auto 0;
  }

  .list__annotation_kanji_and_number li::before {
    content: "*" counter(number) "：";
    display: block;
    position: absolute;
    left: 0;
  }

  .list__annotation_kanji_and_number li+li {
    margin-top: 8px !important;
  }
  .voice__annotation{
    max-width: 800px;
    margin-inline: auto;
    margin-top: 30px;
  }
  .voice__annotation .list__annotation li::before{
    content: "＊";
  }    
}

@media all and (min-width: 1001px) {
  .data_text_label {
    font-size: 28px;
    padding-bottom: 8px;
  }

  .data_text {
    font-size: 28px;
  }

  .strong_point_data_item:nth-of-type(2) .data_text::after {
    font-size: 14px;
  }

  .strong_point_data_item:nth-of-type(3) .data_text::after {
    font-size: 14px;
  }

  .strong_point_data_item:nth-of-type(4) .data_text::after {
    font-size: 14px;
    right: -15px;
  }

  .data_text_l {
    font-size: 58px;
  }

  .strong_point_data_item:nth-of-type(4) .data_text_l {
    line-height: .8;
  }

  .data_text_sub {
    font-size: 22px;
  }
}

@media all and (max-width: 1000px) and (min-width: 768px) {
  .voice_block {
    padding: 0 20px;
  }

  .data_text_l {
    line-height: 1;
  }
}

@media all and (max-width: 767px) {
  .voice-sec .inbox__full{
    padding-bottom: calc(40 / 375 * 100vw);
  }

  /* voice */
  .voice_block {
    margin: calc(60/375*100vw) auto 0;
    display: block;
  }

  .voice_item {
    position: relative;
    background: #fff;
    padding: calc(50/375*100vw) calc(20/375*100vw) calc(20/375*100vw);
    border-radius: 2px;
    margin-right: calc(10/375*100vw);
  }

  .voice_item+.voice_item {
    margin-top: 68px;
  }

  .voice_item_text {
    margin-bottom: 0;
  }

  .voice_item_text span {
    border-bottom: 1px solid #0099DB;
    display: block;
    line-height: 1.5;
    font-size: calc(16/375*100vw);
    letter-spacing: -0.03em;
  }

  .voice_item:before {
    content: '';
    display: block;
    background: url(/products/yoro/special3/resource/img/icon_voice01.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    width: calc(100/375*100vw);
    height: calc(100/375*100vw);
    top: calc(-55/375*100vw);
    left: calc(0/375*100vw);
  }

  .voice_item:nth-of-type(2)::before {
    content: '';
    display: block;
    background: url(/products/yoro/special3/resource/img/icon_voice02.png) no-repeat center center;
    background-size: cover;
  }

  .voice_item:nth-of-type(3)::before {
    content: '';
    display: block;
    background: url(/products/yoro/special3/resource/img/icon_voice03.png) no-repeat center center;
    background-size: cover;
  }

  .voice_item:nth-of-type(4)::before {
    content: '';
    display: block;
    background: url(/products/yoro/special3/resource/img/icon_voice04.png) no-repeat center center;
    background-size: cover;
  }

  .voice_item:nth-of-type(5)::before {
    content: '';
    display: block;
    background: url(/products/yoro/special3/resource/img/icon_voice05.png) no-repeat center center;
    background-size: cover;
    z-index: 1;
  }

  .voice_item::after {
    content: '';
    display: block;
    background: url(/products/yoro/special3/resource/img/icon_voice01_text_sp.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    width: calc(164/375*100vw);
    height: calc(52/375*100vw);
    top: calc(-26/375*100vw);
    right: calc(-22/375*100vw);
  }

  .voice_item:nth-of-type(2)::after {
    background: url(/products/yoro/special3/resource/img/icon_voice02_text_sp.png) no-repeat center center;
    background-size: cover;
    width: calc(248/375*100vw);
  }

  .voice_item:nth-of-type(3)::after {
    background: url(/products/yoro/special3/resource/img/icon_voice03_text_sp.png) no-repeat center center;
    background-size: cover;
    width: calc(262/375*100vw);

  }

  .voice_item:nth-of-type(4)::after {
    background: url(/products/yoro/special3/resource/img/icon_voice04_text_sp.png) no-repeat center center;
    background-size: cover;
    width: calc(248/375*100vw);
  }

  .voice_item:nth-of-type(5)::after {
    background: url(/products/yoro/special3/resource/img/icon_voice05_text_sp.png) no-repeat center center;
    background-size: cover;
    width: calc(262/375*100vw);
    right: calc(-15 / 375 * 100vw);
    z-index: 0;
  }

  .list__annotation_kanji_and_number li {
    margin: calc(30/375*100vw) auto 0;
    font-size: calc(12/375*100vw);
    line-height: 1.5;
  }

  .list__annotation_kanji_and_number li::before {
    content: "*" counter(number) "：";
    display: block;
    position: absolute;
    left: 0;
  }

  .list__annotation_kanji_and_number li+li {
    margin-top: calc(10/375*100vw) !important;
  }

  .voice__annotation{
    margin-top: calc(30 / 375 * 100vw);
  }
  .voice__annotation .list__annotation li::before{
    content: "＊";
  }
}


/* ////////////////////////////////////////////////
# faq
//////////////////////////////////////////////// */
@media all and (min-width: 768px), print {
  .faq-sec {
    background-color: #E8F2FB;
    padding-bottom: 50px;
  }
  .faq-sec .h2__section_title {
    margin-bottom: 40px;
  }

  .faq-block {
    max-width: 800px;
    margin: auto;
  }

  .faq__item {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
  }

  .faq__item+.faq__item {
    margin-top: 20px;
  }

  .faq__item .btn__item {
    margin-top: 10px;
    padding: 0 189px;
  }

  .faq__item .btn__item .btn__link01 {
    width: 100%;
  }

  .faq__question__block,
  .faq__answer__block {
    display: flex;
    align-items: stretch;
    gap: 20px;
  }

  .faq__answer__block {
    position: relative;
    margin-top: 20px;
    padding-top: 20px;
  }

  .faq__answer__block::before {
    position: absolute;
    content: '';
    background-image: linear-gradient(to right, #0099DB, #0099DB 5px, transparent 5px, transparent 10px);
    background-size: 10px 1px;
    background-repeat: repeat-x;
    top: 0;
    width: 100%;
    height: 1px;
  }

  .faq__icon {
    flex-shrink: 0;
  }

  .faq__icon img {
    width: 70px;
    height: 70px;
    filter: drop-shadow(0 0 10px rgba(0, 115, 183, 0.5));
  }

  .faq__question,
  .faq__answer {
    display: flex;
    align-items: center;
  }
  .faq__answer.bl_phone{
    flex-direction: column;
    align-items: initial;
  }
}
@media all and (max-width: 767px) {
  .faq-sec {
    background-color: #E8F2FB;
  }

  .faq-block {
    padding-top: calc(10/375*100vw);
  }

  .faq__item {
    background-color: #fff;
    border-radius: calc(10/375*100vw);
    padding: calc(16/375*100vw) calc(10/375*100vw);
  }

  .faq__item+.faq__item {
    margin-top: calc(20/375*100vw);
  }

  .faq__item .btn__item {
    margin-top: calc(20/375*100vw);
    padding-left: calc(10/375*100vw);
  }

  .faq__item .btn__item .btn__link01 {
    width: 100%;
  }

  .faq__question__block,
  .faq__answer__block {
    display: flex;
    align-items: stretch;
    gap: calc(12/375*100vw);
  }

  .faq__answer__block {
    position: relative;
    margin-top: calc(20/375*100vw);
    padding-top: calc(20/375*100vw);
  }

  .faq__answer__block::before {
    position: absolute;
    content: '';
    background-image: linear-gradient(to right, #0099DB, #0099DB 5px, transparent 5px, transparent 10px);
    background-size: calc(10/375*100vw) calc(1/375*100vw);
    background-repeat: repeat-x;
    top: 0;
    width: 100%;
    height: calc(1/375*100vw);
  }

  .faq__icon {
    flex-shrink: 0;
  }

  .faq__icon img {
    width: calc(50/375*100vw);
    height: calc(50/375*100vw);
    filter: drop-shadow(0 0 calc(10 / 375 * 100vw) rgba(0, 115, 183, 0.5));
  }

  .faq__question,
  .faq__answer {
    display: flex;
    align-items: center;
  }
  .faq__answer.bl_phone{
    flex-direction: column;
    align-items: initial;
  }
}

/* ////////////////////////////////////////////////
# bnrarea
//////////////////////////////////////////////// */
.bnrarea_list_img-03.animated {
  animation-delay: .9s !important;
}

.popin.animated {
  animation: poko .7s cubic-bezier(.175, .885, .32, 1.275) forwards;
  animation-delay: .2s;
  opacity: 0;
}

@keyframes poko {
  0% {
    opacity: 0;
    -webkit-transform: scale(.7);
    transform: scale(.7)
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.bnrarea {
  background-color: #fff;
  margin: 85px auto 0;
  max-width: 550px;
  width: 55%;
}

.bnrarea_tit {
  font-size: 20px;
  letter-spacing: .04em;
  line-height: 1.66;
  text-align: center;
}

.bnrarea_tit span {
  display: inline-block;
  position: relative;
}

.bnrarea_tit span:after,
.bnrarea_tit span:before {
  bottom: 8px;
  content: "";
  display: block;
  height: 29px;
  position: absolute;
  width: 14px;
}

.bnrarea_tit span:before {
  background: url(/products/yoro/special3/resource/img/bnrarea_border_left.png) 0 bottom no-repeat;
  background-size: contain;
  left: -34px;
}

.bnrarea_tit span:after {
  background: url(/products/yoro/special3/resource/img/bnrarea_border_right.png) 0 bottom no-repeat;
  background-size: contain;
  right: -34px;
}

.bnrarea_list {
  margin: 22px auto 0;
  max-width: 482px;
}

.bnrarea li {
  list-style: none;
}

.bnrarea img {
  width: 100%;
  display: block;
  transition: all .3s;
}

@media all and (max-width: 767px) {
  .bnrarea {
    margin-bottom: 0;
    margin-top: 15.28vw;
    width: 90.28vw;
  }

  .bnrarea_tit {
    font-size: 3.89vw;
    line-height: 1.41;
  }

  .bnrarea_tit span:before {
    left: -5.56vw;
  }

  .bnrarea_tit span:after {
    right: -5.56vw;
  }

  .bnrarea_list {
    margin-top: 4.17vw;
  }

}
/* cta contents */
.cta_contents {
    margin: 0 auto;
    max-width: 1000px;
    width: 95%;
}
.cta_contents p{
  padding: 3rem 0 2rem;
}
@media all and (max-width: 767px){
  .cta_contents{
    max-width: 90.28vw;
  }
}