@charset "UTF-8";

/*//////////////////////////////////////////////////

Subscription | Celvoke Website

//////////////////////////////////////////////////*/

/* ========================================================
                      * Layout style *
========================================================= */



/* html {
  font-size: calc(10 * (100vw * 0.31));
} */

@media (max-width: 1550px) {
  html {
    font-size: calc(10 * (100vw / 1550));
  }
}

@media (max-width: 768px) {
  html {
    font-size: calc(10 * (100vw/480));
  }
}

/* @media (min-width: 1400px) {
  html {
    font-size: 62.5%
  }
} */

@media (min-width: 768px) {
  #header {
    overflow: hidden;
  }
}

#Wrap {
  width: 100%;
}

#share {
  z-index: 111 !important;
  transition: all 0.6s 0.3s;
}

@media screen and (max-width: 768px) {
  #share.move {
    translate: 0 calc(-150 * 48rem / 750);
  }
}

footer {
  position: relative;
  z-index: 9999;
}


/* ========================================================
                      * root *
========================================================= */
:root {
  --color1: #fff;
  --color2: #000000;
  --color3: #f7f7f7;
  --font_regular: "europa", "Noto Sans JP", sans-serif;
  --font_en: "adobe-garamond-pro", serif;
  --font_serif: "Noto Serif JP", serif;
}


/* ========================================================
                      * lp_contents *
========================================================= */

.lp_contents * {
  box-sizing: border-box;
  /* font-feature-settings: "palt"; */
  line-height: 1;
  letter-spacing: .025em;
  text-align: center;

}

.lp_contents {
  width: 100%;
  height: 100%;
  font-family: var(--font_regular);
  font-weight: 400;
  overflow-x: clip;
  color: var(--color2);
  scroll-behavior: smooth;
}

@media (min-width: 769px) {
  .lp_contents {
    position: relative;
    width: 100%;
    max-width: 100vw;
    height: 100%;
  }
}

.lp_contents .pcOnly {
  display: none;
}

.lp_contents img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.lp_contents a {
  width: 100%;
  height: 100%;
  display: inline-block;
}

.lp_contents a:hover {
  opacity: 1;
}

.lp_contents a,
.lp_contents button,
.lp_contents .btn_accordion {
  -webkit-tap-highlight-color: transparent;
  /* iOS Safari用 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* Android Chrome用 */
}

.lp_contents_inner {
  background: var(--color1);
  position: relative;
  font-family: var(--font_regular);
  padding-bottom: calc(156 * 48rem / 750);
}

.lp_contents h1,
.lp_contents h2,
.lp_contents h3,
.lp_contents h4,
.lp_contents h5 {
  font-weight: 400;
}

/* ========================================================
                      * PC *
========================================================= */

@media (min-width: 769px) {
  .lp_contents .grid_area {
    display: grid;
    grid-template-columns: 1fr minmax(0, min(31vw, 480px)) 1fr;
    width: 100%;
    height: 100%;
    margin: 0 auto;
  }

  .lp_contents .grid_area .fixed_nav {
    position: -webkit-sticky;
    position: sticky;
    display: grid;
    place-items: center;
    pointer-events: all;
    height: 100vh;
  }

  .lp_contents .grid_area .fixed_left {
    top: 0;
    grid-column: 1;
    -webkit-clip-path: border-box;
    clip-path: border-box;
  }

  .fixed_left_inner {
    text-align: center;
  }

  .fixed_left_inner .logo {
    width: 28.4rem;
  }

  .lp_contents .fixed_left_inner_title {
    margin-top: 1.5rem;
  }

  .lp_contents .fixed_left_inner_title span {
    display: block;
  }

  .lp_contents .fixed_left_inner_title span:nth-of-type(1) {
    font-size: 1.5rem;
    margin-right: 5.1rem;
  }

  .lp_contents .fixed_left_inner_title span:nth-of-type(2) {
    font-size: 1.7rem;
    margin-left: 5rem;
  }

  .fixed_left_inner_sub_titele {
    font-size: 2.6rem;
    margin-top: 2.6rem;
  }

  .fixed_left_inner_sub_titele span {
    font-size: 0.7em;
  }

  .lp_contents_inner {
    grid-column: 2;
    margin-inline: auto;
    width: 100%;
  }

  .lp_contents .grid_area .fixed_right {
    top: 0;
    grid-column: 3;
    -webkit-clip-path: border-box;
    clip-path: border-box;
  }

  .lp_contents .grid_area .fixed_right .menu_list {
    margin-top: 1.1rem;
  }

  .lp_contents .grid_area .fixed_right .menu_list li {
    border-bottom: 1px solid #000;
  }

  .lp_contents .grid_area .fixed_right .menu_list li a {
    position: relative;
    text-align: left;
    font-size: 1.76rem;
    padding-right: 6.6rem;
    padding-bottom: 1.43rem;
  }

  .lp_contents .grid_area .fixed_right .menu_list li:not(:first-of-type) a {
    padding-top: 3.3rem;
  }

  .lp_contents .grid_area .fixed_right .menu_list li a::before {
    content: "";
    width: 1.32rem;
    height: .66rem;
    background: url(../img/arrow_btm_black.svg) no-repeat center;
    background-size: 100%;
    position: absolute;
    bottom: 1.65rem;
    right: 0;
  }

  .bgSetting {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100lvh;
  }

  .bgSetting .for_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #FFFFFF 0%, #F7F7F7 100%);
  }

}

/* ========================================================
                      * SP *
========================================================= */

@media (max-width: 768px) {
  .lp_contents .grid_area .fixed_right {
    position: fixed;
    bottom: 0;
    display: block;
    /* translate: 0 100%; */
    transition: translate .5s;
    z-index: 100;
    width: 100%;
  }

  .lp_contents .grid_area .fixed_right.js-scrollStatus {
    transform: translateY(100%);
    transition: all 0.6s 0.3s;
  }

  .lp_contents .grid_area .fixed_right.js-scrollStatus.scrolled-up.scrolled-up {
    transition: all 0.6s 0.3s;
    visibility: visible;
    transform: translateY(0);
    z-index: 100;
  }

  .lp_contents .grid_area .fixed_right .menu_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: var(--color1);
  }

  .lp_contents .grid_area .fixed_right .menu_list li {
    width: 50%;
    height: calc(100 * 48rem / 750);
    background: var(--color2);
  }

  .lp_contents .grid_area .fixed_right .menu_list li:nth-of-type(1),
  .lp_contents .grid_area .fixed_right .menu_list li:nth-of-type(2) {
    border-bottom: calc(2 * 48rem / 750) solid var(--color1);
  }

  .lp_contents .grid_area .fixed_right .menu_list li:nth-of-type(1),
  .lp_contents .grid_area .fixed_right .menu_list li:nth-of-type(3) {
    border-right: calc(2 * 48rem / 750) solid var(--color1);
  }

  .lp_contents .grid_area .fixed_right .menu_list a {
    color: var(--color1);
    font-size: calc(26 * 48rem / 750);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-right: calc(19 * 48rem / 750);
  }

  .lp_contents .grid_area .fixed_right .menu_list a::before {
    content: "";
    width: calc(22 * 48rem / 750);
    height: calc(11 * 48rem / 750);
    background: url(../img/arrow_btm_white.svg) no-repeat center;
    background-size: 100%;
    position: absolute;
    top: 50%;
    right: calc(21 * 48rem / 750);
    transform: translateY(-50%);
  }

}

/* ========================================================
                      * 共通 *
========================================================= */

.txt_en {
  font-family: var(--font_en);
}

.ttl {
  font-size: calc(34 * 48rem / 750);
  font-weight: 400;
}

.note {
  font-size: calc(20 * 48rem / 750);
  color: #7A7A7A;
  line-height: 1.75;
}

.btn_item_series {
  background: var(--color2);
  width: calc(512 * 48rem / 750);
  height: calc(100 * 48rem / 750);
  margin: calc(62 * 48rem / 750) auto 0;
}

.btn_item_series a {
  font-size: calc(30 * 48rem / 750);
  color: var(--color1);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.btn_item_series a::before {
  content: "";
  width: calc(14 * 48rem / 750);
  height: calc(25 * 48rem / 750);
  background: url(../img/arrow_right_white.svg) no-repeat center;
  position: absolute;
  top: 50%;
  right: calc(20 * 48rem / 750);
  transform: translateY(-50%);
}

.next_button,
.prev_button {
  position: absolute;
  bottom: calc(-112 * 48rem / 750);
  transform: translateY(-50%);
  z-index: 10 !important;
  cursor: pointer;
  width: calc(82 * 48rem / 750);
  height: calc(82 * 48rem / 750);
}

.next_button::after,
.prev_button::after {
  content: "";
  background-size: 100% 100%;
  width: calc(82 * 48rem / 750);
  height: calc(7 * 48rem / 750);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
}

.next_button {
  right: calc(41 * 48rem / 750);
}

.prev_button {
  left: calc(41 * 48rem / 750);
}

.next_button::after {
  background: url(../img/arrow_right_black.svg) no-repeat center;
  background-size: 100%;
}

.prev_button::after {
  background: url(../img/arrow_left_black.svg) no-repeat center;
  background-size: 100%;
}

.lp_contents .opacity {
  opacity: 0;
}

.lp_contents .opacity_enable {
  -webkit-animation: opa 1.4s cubic-bezier(0.51, 0.21, 0.41, 1) 0.3s 1 forwards;
  animation: opa 1.4s cubic-bezier(0.51, 0.21, 0.41, 1) 0.3s 1 forwards;
}

@-webkit-keyframes opa {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes opa {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.lp_contents .item_series .slick-slide {
  margin-right: calc(-22 * 48rem / 750) !important;
}

/* ========================================================
                      * sec_mv *
========================================================= */

.sec_mv {
  position: relative;
}

.sec_mv .ttl_head {
  color: transparent;
  position: absolute;
}

.sec_mv .slide_wrap {}

.sec_mv .slide_wrap li {
  width: 100%;
}


/* ========================================================
                      * sec_point *
========================================================= */

.sec_point {
  padding-top: calc(160 * 48rem / 750);
}

.sec_point .ttl {}

.sec_point .point_list {
  margin-top: calc(77 * 48rem / 750);
  padding-inline: calc(40 * 48rem / 750);
  margin-bottom: calc(52 * 48rem / 750);
}

.sec_point .point_list li {
  border-top: calc(2 * 48rem / 750) solid #999;
  padding-top: calc(71 * 48rem / 750);
  padding-bottom: calc(100 * 48rem / 750);
  position: relative;
}

.sec_point .point_list li:nth-of-type(1)::before {
  content: "";
  width: calc(56 * 48rem / 750);
  height: calc(57 * 48rem / 750);
  background: url(../img/icon01.svg) no-repeat center;
  background-size: 100%;
  position: absolute;
  top: calc(157 * 48rem / 750);
  right: calc(36 * 48rem / 750);
}

.sec_point .point_list li:nth-of-type(3)::before {
  content: "";
  width: calc(98 * 48rem / 750);
  height: calc(57 * 48rem / 750);
  background: url(../img/icon02.svg) no-repeat center;
  background-size: 100%;
  position: absolute;
  top: calc(112 * 48rem / 750);
  left: calc(40 * 48rem / 750);
}

.sec_point .point_list li:nth-of-type(5)::before {
  content: "";
  width: calc(54 * 48rem / 750);
  height: calc(52 * 48rem / 750);
  background: url(../img/icon03.svg) no-repeat center;
  background-size: 100%;
  position: absolute;
  top: calc(180 * 48rem / 750);
  right: calc(137 * 48rem / 750);
}

.sec_point .point_list li:last-of-type {
  border-bottom: calc(2 * 48rem / 750) solid #999;
  padding-bottom: calc(104 * 48rem / 750);
}

.sec_point .point_list li .ttl_sub {
  font-family: var(--font_en);
  font-size: calc(40 * 48rem / 750);
  font-weight: 400;
}

.sec_point .point_list li .ttl_sub span {
  font-family: var(--font_en);
  font-size: calc(78 * 48rem / 750);
  margin-left: calc(10 * 48rem / 750);
}

.sec_point .point_list li .ttl {
  font-size: calc(44 * 48rem / 750);
  font-family: var(--font_serif);
  font-weight: 500;
  margin-top: calc(43 * 48rem / 750);
}

.sec_point .point_list li .txt {
  font-size: calc(26 * 48rem / 750);
  line-height: 1.75;
  margin-top: calc(48 * 48rem / 750);
  margin-bottom: calc(-9 * 48rem / 750);
}

.sec_point .point_list li .note {
  font-size: calc(20 * 48rem / 750);
  color: #7A7A7A;
  line-height: 1.75;
  margin-top: calc(54 * 48rem / 750);
  margin-bottom: calc(-9 * 48rem / 750);
}

.sec_point .point_list li .special_wrap {
  margin-top: calc(60 * 48rem / 750);
}

.sec_point .point_list li .special_wrap .head {
  font-size: calc(26 * 48rem / 750);
}

.sec_point .point_list li .special_wrap .txt_wrap {
  background: #F6F6F6;
  margin-top: calc(20 * 48rem / 750);
  padding: calc(4 * 48rem / 750) 0 calc(53 * 48rem / 750);
}

.sec_point .point_list li .special_wrap .txt {
  font-size: calc(26 * 48rem / 750);
}

.sec_point .point_list li .special_wrap .txt:nth-of-type(2) {
  margin-top: calc(28 * 48rem / 750);
}

.sec_point .regular_img_wrap {
  background: #F6F6F6;
  margin-top: calc(152 * 48rem / 750);
  padding-top: calc(100 * 48rem / 750);
  padding-bottom: calc(19 * 48rem / 750);
}

.sec_point .regular_img_wrap .ttl {}

.sec_point .regular_img_wrap .img {
  background: var(--color1);
  width: calc(670 * 48rem / 750);
  height: calc(867 * 48rem / 750);
  padding: calc(75 * 48rem / 750) calc(20 * 48rem / 750);
  margin: calc(80 * 48rem / 750) auto;
}

/* ========================================================
                      * sec_lineup *
========================================================= */
.sec_lineup {
  padding-top: calc(160 * 48rem / 750);
}

.sec_lineup .ankerlink_wrap {
  padding-inline: calc(40 * 48rem / 750);
  margin-top: calc(81 * 48rem / 750);
  margin-bottom: calc(160 * 48rem / 750);
}

.sec_lineup .ankerlink_wrap li {
  border-top: calc(2 * 48rem / 750) solid #999;
  position: relative;
}

.sec_lineup .ankerlink_wrap li:last-of-type {
  border-bottom: calc(2 * 48rem / 750) solid #999;
}

.sec_lineup .ankerlink_wrap li::before {
  content: "";
  position: absolute;
  bottom: calc(19 * 48rem / 750);
  left: 50%;
  transform: translateX(-50%);
  width: calc(40 * 48rem / 750);
  height: calc(21 * 48rem / 750);
  background: url(../img/arrow_btm_gray.svg) no-repeat center;
  background-size: 100%;
  pointer-events: none;
}

.sec_lineup .ankerlink_wrap li .icon {
  position: absolute;
  top: calc(15 * 48rem / 750);
  left: calc(206 * 48rem / 750);
  width: calc(144 * 48rem / 750);
  height: calc(144 * 48rem / 750);
}

.sec_lineup .ankerlink_wrap li .flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: calc(630 * 48rem / 750);
  margin: 0 auto;
}

.sec_lineup .ankerlink_wrap li .img {
  width: calc(240 * 48rem / 750);
  height: calc(340 * 48rem / 750);
  position: relative;
  z-index: 1;
}

.sec_lineup .ankerlink_wrap li .txt_wrap {}

.sec_lineup .ankerlink_wrap li:nth-of-type(3) .txt {
  margin-right: calc(-24 * 48rem / 750);
}

.sec_lineup .ankerlink_wrap li .head {
  font-size: calc(30 * 48rem / 750);
  font-family: var(--font_serif);
  font-weight: 500;
  line-height: 1.75;
  margin-top: calc(54 * 48rem / 750);
}

.sec_lineup .ankerlink_wrap li .txt {
  margin-top: calc(19 * 48rem / 750);
  font-size: calc(24 * 48rem / 750);
  line-height: 1.75;
}

.item_series {
  padding-top: calc(96 * 48rem / 750);
  padding-bottom: calc(135 * 48rem / 750);
}

.item_series .ttl {
  font-size: calc(34 * 48rem / 750);
  font-family: var(--font_serif);
  font-weight: 500;
}

.item_series .campaign_txt {
  margin-top: calc(61 * 48rem / 750);
  font-size: calc(24 * 48rem / 750);
  text-align: center;
  position: relative;
}

.item_series .campaign_txt::before {
  content: "";
  background: #999999;
  width: calc(30 * 48rem / 750);
  height: calc(2 * 48rem / 750);
  position: absolute;
  top: calc(-33 * 48rem / 750);
  ;
  left: 50%;
  transform: translateX(-50%);
}

.item_series .slide_wrap {
  margin-top: calc(58 * 48rem / 750);
  position: relative;
}

.item_series .slide_wrap ul {}

.item_series .slide_wrap li {
  background: var(--color1);
  width: calc(592 * 48rem / 750);
  margin: 0 auto;
  padding-top: calc(52 * 48rem / 750);
  padding-bottom: calc(60 * 48rem / 750);
}

.item_series03 .slide_wrap li {
  padding-top: calc(59 * 48rem / 750);
}

.item_series .slide_wrap li.slick-center:not(.slick-cloned) {}

.item_series .slide_wrap li .head {
  font-size: calc(26 * 48rem / 750);
  font-family: var(--font_serif);
  font-weight: 500;
  line-height: 1.75;
  margin-left: calc(13 * 48rem / 750);
}

.item_series02 .slide_wrap li .head {}

.item_series .slide_wrap li .img {
  width: calc(512 * 48rem / 750);
  height: calc(360 * 48rem / 750);
  margin: 0 auto;
  margin-top: calc(49 * 48rem / 750);
}

.item_series03 .slide_wrap li .img {
  height: calc(290 * 48rem / 750);
  margin-top: calc(48 * 48rem / 750);
}

.item_series .slide_wrap li .name {
  font-size: calc(26 * 48rem / 750);
  margin-top: calc(42 * 48rem / 750);
}

.item_series .slide_wrap li .name_sub {
  font-size: calc(20 * 48rem / 750);
  margin-top: calc(28 * 48rem / 750);
}

.item_series .slide_wrap li .price {}

.item_series .slide_wrap li .price.price_nomal {
  font-size: calc(20 * 48rem / 750);
  margin-top: calc(40 * 48rem / 750);
  text-decoration: line-through;
}

.item_series03 .slide_wrap li .price.price_nomal {
  margin-top: calc(37 * 48rem / 750);
}

.item_series .slide_wrap li .price.price_nomal span {
  font-size: calc(20 * 48rem / 750);
}

.item_series .slide_wrap li .price.price_first {
  font-size: calc(28 * 48rem / 750);
  color: #8C1400;
  margin-top: calc(21 * 48rem / 750);
  font-family: var(--font_serif);
  margin-left: calc(16 * 48rem / 750);
  display: flex;
  align-items: center;
  justify-content: center;
}

.item_series03 .slide_wrap li .price.price_first {
  margin-top: calc(18 * 48rem / 750);
}

.item_series .slide_wrap li .price.price_first .bdr_red {
  font-size: calc(24 * 48rem / 750);
  border: calc(2 * 48rem / 750) solid #8C1400;
  padding: calc(5 * 48rem / 750) calc(13 * 48rem / 750);
  margin-right: calc(20 * 48rem / 750);
  font-family: var(--font_regular);
}

.item_series .slide_wrap li .price.price_first .lg {
  font-size: calc(40 * 48rem / 750);
  margin-right: calc(-6 * 48rem / 750);
}

.item_series .slide_wrap li .price.price_2nd {
  font-size: calc(24 * 48rem / 750);
  margin-top: calc(29 * 48rem / 750);
}

.item_series03 .slide_wrap li .price.price_2nd {
  color: #8C1400;
}

.item_series01 {
  background: linear-gradient(135deg, #FCF9F5 0%, #F4E9DF 100%);
}

.item_series02 {
  background: linear-gradient(135deg, #F8F8F6 0%, #D8D5D2 100%);
  padding-top: calc(102 * 48rem / 750);
}

.item_series03 {
  background: linear-gradient(135deg, #F7F7F7 0%, #D1D1D3 100%);
  padding-top: calc(101 * 48rem / 750);
}

.sec_lineup .note_wrap {
  padding-inline: calc(38 * 48rem / 750);
  margin-top: calc(59 * 48rem / 750);
}

.sec_lineup .note_wrap .note {
  text-align: justify;
}

/* ========================================================
                      * sec_step *
========================================================= */

.sec_step {
  padding-top: calc(264 * 48rem / 750);
}

.sec_step .ttl {
  position: relative;
}

.sec_step .ttl::before {
  content: "";
  width: calc(196 * 48rem / 750);
  height: calc(69 * 48rem / 750);
  background: url(../img/fukidashi01.svg) no-repeat center;
  background-size: 100%;
  position: absolute;
  top: calc(-97 * 48rem / 750);
  left: calc(143 * 48rem / 750);
}

.sec_step .step_wrap {
  padding-top: calc(153 * 48rem / 750);
}

.sec_step .step_wrap .img {
  margin: 0 auto;
  margin-top: calc(66 * 48rem / 750);
}

.sec_step .step_wrap .img01 {
  width: calc(590 * 48rem / 750);
}

.sec_step .step_wrap .img02 {
  width: calc(670 * 48rem / 750);
}

.sec_step .step_wrap .img03 {
  width: calc(670 * 48rem / 750);
}

.sec_step .step_num {
  font-family: var(--font_en);
  font-size: calc(40 * 48rem / 750);
  font-weight: 400;
  position: relative;
}

.sec_step .step_num::before,
.sec_change .txt::before {
  content: "";
  width: calc(670 * 48rem / 750);
  height: calc(2 * 48rem / 750);
  background: #999999;
  position: absolute;
  top: calc(-71 * 48rem / 750);
  left: 50%;
  transform: translate(-50%);
}

.sec_step .step_num01 {}

.sec_step .step_num02 {
  margin-top: calc(175 * 48rem / 750);
}

.sec_step .step_num03 {
  margin-top: calc(169 * 48rem / 750);
}

.sec_step .step_num04 {
  margin-top: calc(174 * 48rem / 750);
}

.sec_step .step_num span {
  font-family: var(--font_en);
  font-size: calc(78 * 48rem / 750);
  margin-left: calc(10 * 48rem / 750);
}

.sec_step .step_txt {
  font-size: calc(30 * 48rem / 750);
  margin-top: calc(34 * 48rem / 750);
  line-height: 1.75;
}

.sec_step .step_txt.step_txt_last {
  position: relative;
  height: calc(148 * 48rem / 750);
}

.sec_step .step_txt.step_txt_last::after {
  content: "";
  width: calc(670 * 48rem / 750);
  height: calc(2 * 48rem / 750);
  background: #999999;
  position: absolute;
  bottom: calc(1 * 48rem / 750);
  left: 50%;
  transform: translate(-50%);
}

/* ========================================================
                      * sec_change *
========================================================= */

.sec_change {
  padding-top: calc(254 * 48rem / 750);
  padding-bottom: calc(152 * 48rem / 750);
}

.sec_change .ttl {
  position: relative;
}

.sec_change .ttl::before {
  content: "";
  width: calc(390 * 48rem / 750);
  height: calc(69 * 48rem / 750);
  background: url(../img/fukidashi02.svg) no-repeat center;
  background-size: 100%;
  position: absolute;
  top: calc(-103 * 48rem / 750);
  left: calc(41 * 48rem / 750);
}

.sec_change .change_wrap {
  padding-top: calc(146 * 48rem / 750);
}

.sec_change .txt {
  font-size: calc(30 * 48rem / 750);
  line-height: 1.75;
  position: relative;
}

.sec_change .txt01 {}

.sec_change .txt02 {
  margin-top: calc(173 * 48rem / 750);
}

.sec_change .txt03 {
  margin-top: calc(173 * 48rem / 750);
}

.sec_change .txt04 {
  margin-top: calc(173 * 48rem / 750);
}

.sec_change .change_wrap .img {
  width: calc(670 * 48rem / 750);
  margin: 0 auto;
  margin-top: calc(67 * 48rem / 750);
}

.sec_change .change_wrap .img01 {}

.sec_change .change_wrap .img02 {}

.sec_change .change_wrap .img03 {}

.sec_change .change_wrap .img03 {}


/* ========================================================
                      * sec_qa *
========================================================= */

.sec_qa {
  background: #F6F6F6;
  padding-top: calc(160 * 48rem / 750);
}

.sec_qa .ttl {}

.sec_qa .qa_list {
  margin-top: calc(78 * 48rem / 750);
  padding-bottom: calc(161 * 48rem / 750);
}

.sec_qa .qa_list li {
  position: relative;
  background: var(--color1);
  width: calc(670 * 48rem / 750);
  margin: 0 auto;
  padding-top: calc(47 * 48rem / 750);
  padding-bottom: calc(38 * 48rem / 750);
  border-bottom: calc(2 * 48rem / 750) solid #999999;
}

.sec_qa .qa_list p {
  font-size: calc(26 * 48rem / 750);
  text-align: left;
  line-height: 1.75;
  font-family: var(--font_regular);
}

.sec_qa .qa_list .question {
  position: relative;
  padding-left: calc(131 * 48rem / 750);
  padding-right: calc(78 * 48rem / 750);
}

.sec_qa .qa_list .question::before {
  content: "";
  width: calc(47 * 48rem / 750);
  height: calc(44 * 48rem / 750);
  background: url(../img/question.png) no-repeat center;
  background-size: 100%;
  position: absolute;
  top: calc(1 * 48rem / 750);
  left: calc(43 * 48rem / 750);

}

.sec_qa .qa_list .answer {
  position: relative;
  margin-top: calc(47 * 48rem / 750);
  padding-left: calc(131 * 48rem / 750);
  padding-right: calc(78 * 48rem / 750);
  text-align: justify;
}

.sec_qa .qa_list .answer::before {
  content: "";
  width: calc(42 * 48rem / 750);
  height: calc(34 * 48rem / 750);
  background: url(../img/answer.png) no-repeat center;
  background-size: 100%;
  position: absolute;
  top: calc(14 * 48rem / 750);
  left: calc(43 * 48rem / 750);
}

.btn_all {
  background: var(--color2);
  width: calc(670 * 48rem / 750);
  height: calc(140 * 48rem / 750);
  margin: calc(162 * 48rem / 750) auto 0;
}

.btn_all a {
  font-size: calc(30 * 48rem / 750);
  color: var(--color1);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.btn_all a::before {
  content: "";
  width: calc(14 * 48rem / 750);
  height: calc(25 * 48rem / 750);
  background: url(../img/arrow_right_white.svg) no-repeat center;
  position: absolute;
  top: 50%;
  right: calc(20 * 48rem / 750);
  transform: translateY(-50%);
}


/* ========================================================
                      * accordion *
========================================================= */

.accordion {
  transition: all .5s;
  height: 0;
  overflow: hidden;
}

.sec_change .accordion {
  height: calc(150 * 48rem / 750);
}

.btn_accordion {
  position: relative;
  margin: calc(118 * 48rem / 750) auto 0;
  cursor: pointer;
}

.btn_accordion p {
  font-family: var(--font_en);
  font-size: calc(30 * 48rem / 750);
  position: relative;
}

.sec_step .btn_accordion,
.sec_change .btn_accordion {
  position: relative;
  padding-bottom: calc(78 * 48rem / 750);
}

.sec_step .btn_accordion.is-open {
  position: relative;
  margin: calc(129 * 48rem / 750) auto 0;
}

.sec_change .btn_accordion.is-open {
  position: relative;
  margin: calc(75 * 48rem / 750) auto 0;
}

.sec_change .btn_accordion {
  margin: calc(28 * 48rem / 750) auto 0;
}

.sec_step .btn_accordion::after,
.sec_change .btn_accordion::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: calc(423 * 48rem / 750);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 100%) 95%);
  display: block;
}

.sec_step .btn_accordion.is-open::after,
.sec_change .btn_accordion.is-open::after {
  display: none;
}

.sec_step .btn_accordion.is-open::before,
.sec_change .btn_accordion.is-open::before {
  transform: translate(-50%) rotate(180deg);
}

.sec_step .btn_accordion p::after,
.sec_change .btn_accordion p::after {
  content: "";
  width: calc(28 * 48rem / 750);
  height: calc(28 * 48rem / 750);
  background: url(../img/btn_plus.svg) no-repeat center;
  background-size: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(calc(63 * 48rem / 750));
}

.sec_step .btn_accordion p.is-open::after,
.sec_change .btn_accordion p.is-open::after {
  background: url(../img/btn_minus.svg) no-repeat center;
  background-size: 100%;
  transform: translate(calc(30 * 48rem / 750));
}

.sec_step .accordion,
.sec_change .accordion {
  transition: all 1.5s;
}

.sec_step .accordion.is-open {}

.sec_step .btn_accordion::before,
.sec_change .btn_accordion::before {
  content: "";
  width: calc(280 * 48rem / 750);
  height: calc(100 * 48rem / 750);
  background: url(../img/arrow_btm_gray_lg.svg) no-repeat center;
  background-size: 100%;
  position: absolute;
  bottom: calc(11 * 48rem / 750);
  left: 50%;
  transform: translate(-50%);
  z-index: 99;
}

.sec_step .btn_accordion p,
.sec_change .btn_accordion p {
  padding-right: calc(44 * 48rem / 750);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(-32 * 48rem / 750);
  z-index: 99;
}

.sec_step .btn_accordion p.is-open,
.sec_change .btn_accordion p.is-open {
  top: calc(42 * 48rem / 750);
}

.sec_qa .qa_list .btn_accordion {
  margin: 0;
}

.sec_qa .qa_list .btn_accordion .btn_toggle {
  position: absolute;
  top: calc(-5 * 48rem / 750);
  right: calc(41 * 48rem / 750);
  width: calc(38 * 48rem / 750);
  height: calc(38 * 48rem / 750);
}

.sec_qa .qa_list .btn_accordion .btn_toggle::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #999999;
  content: "";
  backface-visibility: hidden;
}

.sec_qa .qa_list .btn_accordion.is-open .btn_toggle::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #999999;
  content: "";
  backface-visibility: hidden;
}

.sec_qa .qa_list .btn_accordion .btn_toggle::after {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  background: #999999;
  content: "";
  transition: .3s;
}

.sec_qa .qa_list .btn_accordion.is-open .btn_toggle::after {
  transform: rotate(90deg);
  opacity: 0;
}