/* パンくず 追加スタイル PC */
@media only screen and (min-width: 768px) {
  .breadcrumb__list {
    padding-bottom: 1.6rem;
  }
}

:root {
  --thema-color: #BF691F;
}

/* ページ共通___________________________*/
.main-area {
  font-family: "HiraKakuProN-W3", "Hiragino Kaku Gothic ProN W3", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  line-height: 1.6;
  font-size: calc(14* (100vw / 375));
  overflow-x: hidden;
  text-align: center;
  color: #332E2B;
  background: #F5F1EB;
}

.bold {
  font-family: "HiraKakuProN-W6", "Hiragino Kaku Gothic ProN W6", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
}

.minion {
  font-family: minion-pro, serif;
  font-weight: 400;
  font-style: normal;
}

.main-area * {
  letter-spacing: 0.08em;
}

.main-area img,
.main-area picture {
  width: 100%;
  height: auto;
}

.main-area a,
.main-area picture {
  display: inline-block;
}


_:lang(x)+_:-webkit-full-screen-document,
.ff_hkg_b {
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
}

@media screen and (max-width: 767px) {
  .main-area .pcOnly {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .main-area {
    font-size: 1.4rem;

  }

  .main-area .spOnly {
    display: none;
  }

  .main-area a {
    transition: all 0.3s;
  }

  .ff_gara {
    font-size: 5rem;
  }
}

/* ===============================================
* sec__fv *
=============================================== */
.sec__fv {
  position: relative;
  text-align: center;
}

.sec__fv h3 {
  font-size: calc(16* (100vw /375));
  margin-top: calc(50 * (100vw / 375));
}

.sec__fv h3+p {
  margin-top: calc(10*(100vw / 375));
}

@media screen and (min-width: 768px) {
  .sec__fv h3 {
    font-size: 1.8rem;
    margin-top: 6rem;
  }

  .sec__fv h3+p {
    margin-top: 2rem;
  }
}

/* ===============================================
* sec *
=============================================== */
.sec__01 .img_01 {
  width: calc(335* (100vw /375));
  margin: calc(35 * (100vw / 375)) auto 0;
}

.sec__01 h3 {
  font-size: calc(16 * (100vw / 375));
  line-height: 1.6;
}

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

/* sec01__inner_01___________________________*/
.sec01__inner_01 {
  width: calc(335 * (100vw / 375));
  margin: calc(55 * (100vw / 375)) auto 0;
}

.sec01__inner_01 h3+p {
  position: relative;
  font-size: calc(15* (100vw /375));
  margin-top: calc(12 * (100vw / 375));
  text-align: left;
  padding-left: 10.6rem;
}

.sec01__inner_01 h3+p::before {
  content: "Q.";
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(24* (100vw /375));
  line-height: 1;
  color: var(--thema-color);
  left: calc(-3 * (100vw / 375));
  top: calc(-3 * (100vw / 375));
  position: absolute;
}

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

.img_02+p {
  font-size: calc(11* (100vw /375));
  line-height: 1.5272727273;
  text-align: center;
  margin-top: calc(18 * (100vw / 375));
}

/* sec01__inner_02___________________________*/
.sec01__inner_02 {
  width: calc(335 * (100vw / 375));
  margin: calc(52 * (100vw / 375)) auto 0;
}

.sec01__inner_02 h3 span {
  color: var(--thema-color);
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.sec01__inner_02 .img_03 {
  position: relative;
  width: calc(324* (100vw /375));
  margin-top: calc(15 * (100vw / 375));
  z-index: 1;
}

.sec01__inner_02 .img_03::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: var(--thema-color);
  opacity: 0.2;
  left: calc(10* (100vw /375));
  top: calc(10* (100vw /375));
  z-index: -1;
}

.sec01__inner_02 .img_03+p {
  margin-top: calc(17 * (100vw / 375));
  text-align: left;
}

/* sec01__inner_03___________________________*/
.sec01__inner_03 {
  width: calc(335 * (100vw / 375));
  margin: calc(50 * (100vw / 375)) auto calc(60* (100vw /375));
}

.sec01__inner_03_wrap {
  display: flex;
  flex-direction: column;
  gap: calc(20 * (100vw / 375));
  padding: calc(20 * (100vw / 375)) calc(20 * (100vw / 375)) calc(30 * (100vw / 375));
  background: #fff;
  margin-top: calc(14 * (100vw / 375));
  text-align: left;
}

.sec01__inner_03_wrap_card_01 {
  display: flex;
  align-items: center;
  gap: calc(10* (100vw /375));
  margin-top: calc(20* (100vw /375));
}

.sec01__inner_03_wrap_card_01 .img_05 {
  width: calc(70* (100vw /375));
}

.sec01__inner_03_wrap_card_01 .text_wrap {
  font-size: calc(15* (100vw /375));
  line-height: 1.5;
  text-align: left;
}

.sec01__inner_03_wrap_card_01 .text_wrap span {
  font-size: calc(12* (100vw /375));
}

.sec01__inner_03_wrap_card_02 p:nth-of-type(1) {
  color: var(--thema-color);
  font-size: calc(16* (100vw /375));
  margin-top: calc(16* (100vw /375));
}

.sec01__inner_03_wrap_card_02 p:nth-of-type(2) {
  font-size: calc(14* (100vw /375));
  margin-top: calc(5 * (100vw / 375));
}

.sec01__inner_03_wrap_card_03 {
  width: fit-content;
  margin: calc(20* (100vw /375)) 0 0 auto;
}

.sec01__inner_03_wrap_card_03 a {
  position: relative;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #EA33B5;
  text-decoration: underline;
  line-height: 1;
}

.sec01__inner_03_wrap_card_03 a::before {
  content: "";
  position: absolute;
  background: url(../img/insta.svg) center/contain no-repeat;
  width: calc(25* (100vw /375));
  height: calc(25* (100vw /375));
  left: calc(-30 * (100vw / 375));
  top: calc(-6 * (100vw / 375));
}

@media screen and (min-width: 768px) {
  .sec__01 .img_01 {
    width: 75rem;
    margin: 6rem auto 0;
  }

  .sec__01 h3 {
    font-size: 2rem;
  }

  .sec__01 h3 span {
    font-size: 2.4rem;
  }

  /* sec01__inner_01___________________________*/
  .sec01__inner_01 {
    width: 55rem;
    margin: 9rem auto 0;
  }

  .sec01__inner_01 h3+p {
    font-size: 1.5rem;
    margin-top: 1.2rem;
    text-align: center;
    padding-left: 3.6rem;
  }

  .sec01__inner_01 h3+p::before {
    font-size: 2.4rem;
    left: 2.4rem;
    top: 0;
  }

  .img_02 {
    margin-top: 3.3rem;
  }

  .img_02+p {
    font-size: 1.1rem;
    line-height: 1.5272727273;
    margin-top: 1.7rem;
  }

  /* sec01__inner_02___________________________*/
  .sec01__inner_02 {
    width: 48.7rem;
    margin: 9rem auto 0;
  }

  .sec01__inner_02 .img_03 {
    width: 47rem;
    margin-top: 1.7rem;
  }

  .sec01__inner_02 .img_03::before {
    left: 1.6rem;
    top: 1.3rem;
  }

  .sec01__inner_02 .img_03+p {
    margin-top: 2.6rem;
  }

  /* sec01__inner_03___________________________*/
  .sec01__inner_03 {
    width: 75rem;
    margin: 8.9rem auto 10rem;
  }

  .sec01__inner_03_wrap {
    padding: 3.2rem 3rem 3rem;
    background: #fff;
    margin-top: 1rem;
    flex-direction: row;
    gap: 3rem;
  }

  .img_04 {
    width: 32rem;
    flex-shrink: 0;
  }

  .sec01__inner_03_wrap_card_01 {
    gap: 1.6rem;
    margin-top: 3rem;
  }

  .sec01__inner_03_wrap_card_01 .img_05 {
    width: 7rem;
  }

  .sec01__inner_03_wrap_card_01 .text_wrap {
    font-size: 1.5rem;
  }

  .sec01__inner_03_wrap_card_01 .text_wrap span {
    font-size: 1.3rem;
  }

  .sec01__inner_03_wrap_card_02 {
    width: 34rem;
  }

  .sec01__inner_03_wrap_card_02 p:nth-of-type(1) {
    font-size: 1.6rem;
    margin-top: 1rem;
  }

  .sec01__inner_03_wrap_card_02 p:nth-of-type(2) {
    font-size: 1.4rem;
    margin-top: 1rem;
  }

  .sec01__inner_03_wrap_card_03 {
    margin: 1rem 0 0 auto;
  }

  .sec01__inner_03_wrap_card_03 a::before {
    width: 2.5rem;
    height: 2.5rem;
    left: -3rem;
    top: -0.5rem;
  }

}

/* ===============================================
* sec__02 *
=============================================== */
.sec__02 {
  color: #fff;
  background-image: linear-gradient(#d1a580, #9B5113);
  padding-bottom: calc(48* (100vw /375));
}

.sec02__inner_01 h3 {
  padding-top: calc(47 * (100vw / 375));
  font-size: calc(20 * (100vw / 375));
  line-height: 1.5;
}

.sec02__inner_01_wrap_cardlist {
  position: relative;
  display: flex;
  flex-direction: column;
  text-align: left;
  gap: calc(21 * (100vw / 375));
  width: calc(305* (100vw /375));
  margin: calc(14* (100vw /375)) calc(20* (100vw /375)) 0 auto;
}

.sec02__inner_01_wrap_cardlist::before {
  position: absolute;
  content: "";
  background: url(../img/timetable_sp.png) center/contain no-repeat;
  width: calc(56 * (100vw / 375));
  height: calc(930 * (100vw / 375));
  left: calc(-31 * (100vw / 375));
  top: calc(0 * (100vw / 375));
}

.sec02__inner_01_wrap_cardlist li {
  width: calc(305* (100vw /375));
}

.sec02__card_time {
  padding-left: calc(35 * (100vw / 375));
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(16* (100vw /375));
  letter-spacing: 0;
}

.sec02__card_text {
  margin-top: calc(6 * (100vw / 375));
  line-height: 1.8;
}

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

@media screen and (min-width: 768px) {
  .sec__02 {
    padding-bottom: 10rem;
  }

  .sec02__inner_01 h3 {
    padding-top: 10rem;
    font-size: 2.4rem;
    line-height: 1.5;
  }

  .sec02__inner_01_wrap_cardlist {
    gap: 10.1rem;
    width: 75rem;
    margin: 5rem auto 0;
  }

  .sec02__inner_01_wrap_cardlist::before {
    background: url(../img/timetable_pc.png) center/contain no-repeat;
    width: 12.5rem;
    height: 80rem;
    left: -3.6rem;
    top: -3.9rem;
  }

  .sec02__inner_01_wrap_cardlist li {
    position: relative;
    flex-direction: row-reverse;
    display: flex;
    gap: 2rem;
    width: 75rem;
  }

  .sec02__card_time {
    position: absolute;
    padding-left: 3rem;
    font-size: 1.6rem;
    top: -4rem;
    left: 3.3rem;
  }

  .sec02__card_text {
    width: 37rem;
    margin-top: 0;
    line-height: 1.8;
  }

  .img_07 {
    width: 33rem;
    margin-top: 0;
  }
}

/* ===============================================
* sec__03 *
=============================================== */
.sec__03 h3 {
  margin-top: calc(54 * (100vw / 375));
  font-size: calc(16 * (100vw / 375));
}

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

.sec__03 h3 span.red {
  color: var(--thema-color);
}

.sec03__inner_01 {
  display: flex;
  flex-direction: column;
  gap: calc(5* (100vw /375));
  width: calc(335 * (100vw / 375));
  margin: calc(19* (100vw /375)) auto 0;
}

.sec03__inner_01 li {
  background: #fff;
  width: 100%;
  padding: calc(12 * (100vw /375)) 0;
}

.sec03__inner_01_num {
  position: relative;
  font-size: calc(20* (100vw /375));
  color: var(--thema-color);
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.sec03__inner_01_num::before {
  content: "";
  position: absolute;
  width: calc(22* (100vw /375));
  height: 1px;
  background: var(--thema-color);
  top: calc(30* (100vw /375));
  left: 50%;
  transform: translateX(-50%);
}

.sec03__inner_01_text {
  font-size: calc(14* (100vw /375));
  margin-top: calc(9 * (100vw / 375));
}

/* sec03__inner_02___________________________*/
.sec03__inner_02 {
  position: relative;
  border: var(--thema-color) 1px solid;
  border-radius: calc(7 * (100vw / 375));
  padding: calc(20 * (100vw / 375)) calc(18 * (100vw / 375));
  margin: calc(46 * (100vw / 375)) auto 0;
  width: calc(335 * (100vw / 375));
  text-align: left;
}

.sec03__inner_02 .title {
  text-align: center;
  position: absolute;
  top: calc(-14 * (100vw / 375));
  left: calc(9 * (100vw / 375));
  width: calc(71 * (100vw / 375));
  background: #F5F1EB;
  color: var(--thema-color);
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(16 * (100vw / 375));
  letter-spacing: 0;
}

.sec03__inner_02_wrap {
  display: flex;
  flex-direction: column;
  gap: calc(19 * (100vw / 375));
}

.sec03__inner_02_wrap_card_01 {
  display: flex;
  justify-content: center;
  gap: calc(5 * (100vw / 375));
  align-items: center;
  padding-left: calc(10* (100vw /375));
}

.sec03__inner_02_wrap_card_01 .img_08 {
  width: calc(100* (100vw /375));
}

.sec03__inner_02_wrap_card_01 p {
  font-size: calc(15* (100vw /375));
  padding-left: calc(10* (100vw /375));
}

.sec03__inner_02_wrap_card_01 p span {
  font-size: calc(12* (100vw /375));
  opacity: 0.5;
}

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


.sec03_button {
  cursor: pointer;
  width: calc(310* (100vw /375));
  height: calc(50* (100vw /375));
  background: var(--thema-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: calc(13 * (100vw / 375));
  position: relative;
  color: #fff;
  margin: calc(26* (100vw /375)) auto 0;
}

.sec03_button span {
  position: relative;
  width: calc(12* (100vw /375));
  height: calc(12* (100vw /375));
}

.sec03_button span::before,
.sec03_button span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 1px;
  background-color: #fff;
  transform: translate(-50%, -50%);
}

.sec03_button span::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

/* ポップアップの外枠（背景） */
.sec03_popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  overflow-y: auto;
}

.sec03_popup_close {
  pointer-events: none;
  cursor: pointer;
  width: calc(335* (100vw /375));
  position: absolute;
  margin: calc(20* (100vw /375)) auto;
  height: 80vh;
}

.sec03_popup_close span {
  position: absolute;
  width: calc(30 * (100vw / 375));
  height: calc(30 * (100vw / 375));
  transform: rotate(45deg);
  top: calc(-34 * (100vw / 375));
  right: calc(0 * (100vw / 375));
}

.sec03_popup_close span::before,
.sec03_popup_close span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 1px;
  background-color: #fff;
  transform: translate(-50%, -50%);
}

.sec03_popup_close span::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.sec03_popup.is-active {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sec03_popup_inner {
  background: #fff;
  width: calc(335* (100vw /375));
  position: relative;
  margin: calc(20* (100vw /375)) auto;
  height: 80vh;
  overflow: scroll;
}

.sec03_popup_inner h3 {
  width: 100%;
  height: calc(40* (100vw /375));
  background: var(--thema-color);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: #fff;
  margin: 0;
  font-size: calc(15* (100vw /375));
}

.sec03_popup_cardlist {
  padding: calc(27 * (100vw / 375)) calc(20 * (100vw / 375));
  display: flex;
  flex-direction: column;
  gap: calc(44* (100vw /375));
}

.sec03_popup_cardlist li {
  position: relative;
}

.sec03_popup_cardlist li::before {
  position: absolute;
  content: "";
  width: calc(300* (100vw /375));
  height: 1px;
  background: #F4E0D0;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(-18 * (100vw / 375));
}

.sec03_popup_cardlist p {
  position: relative;
  width: calc(297 * (100vw / 375));
  padding-left: calc(38 * (100vw / 375));
  text-align: left;
}

.sec03_popup_cardlist p::before {
  position: absolute;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(22* (100vw /375));
  line-height: 1;
  left: 0;
  top: calc(0* (100vw /375));
  color: var(--thema-color);
}

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

.sec03_popup_text_answer span {
  display: inline;
  padding: 0 calc(7 * (100vw / 375)) calc(4 * (100vw / 375)) calc(0 * (100vw / 375));
  background: linear-gradient(transparent 50%, rgba(255, 214, 74, 0.2) 0%);
}

.sec03_popup_text_answer::before {
  content: "A.";
  color: #ED6060 !important;
}

.sec03_popup_card_01 .sec03_popup_text_question::before {
  content: "Q1.";
}

.sec03_popup_card_02 .sec03_popup_text_question::before {
  content: "Q2.";
}

.sec03_popup_card_03 .sec03_popup_text_question::before {
  content: "Q3.";
}

.sec03_popup_card_04 .sec03_popup_text_question::before {
  content: "Q4.";
}

@media screen and (min-width: 768px) {
  .sec__03 h3 {
    margin-top: 9.4rem;
    font-size: 2rem;
    line-height: 1.6;
  }

  .sec__03 h3 span {
    font-size: 2.4rem;
  }

  .sec03__inner_01 {
    gap: 1rem;
    width: 75rem;
    margin: 1.7rem auto 0;
    flex-direction: row;
  }

  .sec03__inner_01 li {
    padding: 1rem 0 1.4rem;
  }

  .sec03__inner_01_num {
    font-size: 2rem;
  }

  .sec03__inner_01_num::before {
    width: 2.2rem;
    top: 3rem;
  }

  .sec03__inner_01_text {
    font-size: 1.4rem;
    margin-top: 1rem;
  }

  /* sec03__inner_02___________________________*/
  .sec03__inner_02 {
    border-radius: 1rem;
    padding: 3rem 3.8rem 2.1rem;
    margin: 3.5rem auto 0;
    width: 75rem;
  }

  .sec03__inner_02 .title {
    top: -1rem;
    left: 1.1rem;
    width: 7rem;
    font-size: 1.6rem;
    text-align: center;
  }

  .sec03__inner_02_wrap {
    flex-direction: row;
    gap: 3rem;
    align-items: center;
  }

  .sec03__inner_02_wrap_card_01 {
    gap: 1rem;
    padding-left: 0;
    flex-direction: column;
    align-items: center;
  }

  .sec03__inner_02_wrap_card_01 .img_08 {
    width: 13rem;
  }

  .sec03__inner_02_wrap_card_01 p {
    font-size: 1.5rem;
    padding-left: 0;
    line-height: 1.4;
    text-align: center;
  }

  .sec03__inner_02_wrap_card_01 p span {
    font-size: 1.2rem;
  }

  .sec03__inner_02_wrap_card_02 {
    font-size: 1.3rem;
    width: 53rem;
  }

  .sec03_button {
    width: 31rem;
    height: 5rem;
    padding: 1.3rem;
    margin: 2rem auto 0;
  }

  .sec03_button span {
    width: 1.2rem;
    height: 1.2rem;
  }

  .sec03_popup_close {
    width: 75rem;
    margin: auto;
    height: 44rem;
  }

  .sec03_popup_close span {
    width: 3rem;
    height: 3rem;
    top: -3.5rem;
    right: 1rem;
  }

  .sec03_popup_inner {
    width: 75rem;
    margin: 10rem auto;
    height: 44rem;
  }

  .sec03_popup_inner h3 {
    height: 5rem;
    font-size: 1.8rem;
    margin: 0;
  }

  .sec03_popup_cardlist {
    padding: 2.5rem 4.2rem;
    gap: 4.1rem;
  }

  .sec03_popup_cardlist li::before {
    width: 69rem;
    bottom: -2rem;
  }

  .sec03_popup_cardlist p {
    width: 67.7rem;
    padding-left: 3rem;
    text-align: left;
  }

  .sec03_popup_cardlist p::before {
    font-size: 2.2rem;
    top: 0;
    left: -1.2rem;
  }

  .sec03_popup_text_answer {
    margin-top: 1.9rem;
  }

  .sec03_popup_text_answer span {
    display: inline;
    padding: 0 0rem 0.5rem 0;
    background: linear-gradient(transparent 50%, rgba(255, 214, 74, 0.2) 0%);
  }
}

/* sec__04___________________________*/
.sec__04 {
  margin-top: calc(56 * (100vw / 375));
}

.sec__04 h3 {
  font-size: calc(16 * (100vw / 375));
  line-height: 1.6;
}

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

.img_09 {
  width: calc(335* (100vw /375));
  margin: calc(20* (100vw /375)) auto 0;
}

@media screen and (min-width: 768px) {
  .sec__04 {
    margin-top: 7.5rem;
  }

  .sec__04 h3 {
    font-size: 2rem;
    line-height: 1.6;
  }

  .sec__04 h3 span {
    font-size: 2.4rem;
  }

  .img_09 {
    width: 75rem;
    margin: 1.4rem auto 0;
  }
}

/* sec__05___________________________*/
.sec__05 {
  margin-top: calc(53 * (100vw / 375));
}

.sec__05 h3 {
  font-size: calc(18 * (100vw / 375));
  line-height: 1.6;
}

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

.sec__05 h3+p {
  margin-top: calc(12 * (100vw / 375));
}

.sec05__cardlist {
  display: flex;
  flex-wrap: wrap;
  gap: calc(18 * (100vw / 375)) 0;
  width: calc(335 * (100vw / 375));
  justify-content: space-between;
  margin: calc(17* (100vw /375)) auto 0;
}

.sec05__cardlist li {
  width: calc(162* (100vw /375));
}

.sec05__cardlist li .img_wrap {
  position: relative;
}

.sec05__cardlist li .img_wrap::before {
  position: absolute;
  color: #fff;
  background: var(--thema-color);
  font-size: calc(16* (100vw /375));
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  bottom: calc(-8 * (100vw / 375));
  line-height: 1.5;
  left: calc(0 * (100vw / 375));
  width: calc(30 * (100vw / 375));
  height: calc(23 * (100vw / 375));
  z-index: 1;
}

.sec05__cardlist li:nth-of-type(1) .img_wrap::before {
  content: "1";
}

.sec05__cardlist li:nth-of-type(2) .img_wrap::before {
  content: "2";
}

.sec05__cardlist li:nth-of-type(3) .img_wrap::before {
  content: "3";
}

.sec05__cardlist li:nth-of-type(4) .img_wrap::before {
  content: "4";
}

.sec05__cardlist li:nth-of-type(5) .img_wrap::before {
  content: "5";
}

.sec05__cardlist li p {
  margin-top: calc(13 * (100vw / 375));
  text-align: left;
}

@media screen and (min-width: 768px) {
  .sec__05 {
    margin-top: 9.4rem;
  }

  .sec__05 h3 {
    font-size: 2rem;
    line-height: 1.6;
  }

  .sec__05 h3 span {
    font-size: 2.4rem;
  }

  .sec__05 h3+p {
    margin-top: 1rem;
  }

  .sec05__cardlist {
    gap: 2.1rem 2.4rem;
    width: 75rem;
    justify-content: center;
    margin: 1.6rem auto 0;
  }

  .sec05__cardlist li {
    width: 23.4rem;
  }

  .sec05__cardlist li .img_wrap::before {
    font-size: 1.6rem;
    bottom: -1rem;
    width: 3rem;
    height: 2.3rem;
  }

  .sec05__cardlist li p {
    margin-top: 1.6rem;
  }
}

/* ===============================================
* sec__06 *
=============================================== */
.sec__06 {
  margin-top: calc(52 * (100vw / 375));
}

.sec__06 h3 {
  font-size: calc(16 * (100vw / 375));
  line-height: 1.6;
}

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

.sec06__inner_01 {
  margin: calc(13* (100vw /375)) auto 0;
  width: calc(335* (100vw /375));
}

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

.sec06__inner_01 ul {
  display: flex;
  justify-content: center;
  margin-top: calc(19* (100vw /375));
  gap: calc(15 * (100vw / 375));
}

.img_12 {
  width: calc(165* (100vw /375));
}

.img_13 {
  width: calc(134* (100vw /375));
}

@media screen and (min-width: 768px) {
  .sec__06 {
    margin-top: 9rem;
  }

  .sec__06 h3 {
    font-size: 1.8rem;
    line-height: 1.6;
  }

  .sec__06 h3 span {
    font-size: 2.4rem;
  }

  .sec06__inner_01 {
    display: grid;
    grid-template-columns: 44.3rem;
    grid-template-rows: 2.6rem 15.7rem;
    margin: 1.5rem auto 0;
    width: 75rem;
  }

  .img_11 {
    grid-area: 1/1;
    width: 40rem;
    margin-top: 0;
  }

  .sec06__inner_01 p {
    grid-area: 2 / 2;
    text-align: left;
  }

  .sec06__inner_01 ul {
    grid-area: 3 / 2;
    margin-top: 2rem;
    gap: 1.7rem;
    flex-direction: column;
  }

  .img_12 {
    width: 16.5rem;
  }

  .img_13 {
    width: 13.4rem;
  }
}

/* ===============================================
* sec__07 *
=============================================== */
.sec__07 h3 {
  font-size: calc(24* (100vw /375));
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  margin-top: calc(59 * (100vw / 375));
}

.tab-container {
  width: calc(335* (100vw /375));
  margin: calc(20* (100vw /375)) auto 0;
}

.tab-menu {
  display: flex;
  gap: calc(5* (100vw /375));
  border-bottom: 2px solid var(--thema-color);
}

.tab-button {
  padding: calc(10 * (100vw / 375));
  border: none;
  background: var(--thema-color);
  opacity: 0.3;
  cursor: pointer;
  border-radius: calc(5 * (100vw / 375)) calc(5 * (100vw / 375)) 0 0;
  color: white;
  width: calc(165* (100vw /375));
}

.tab-button.active {
  background: var(--thema-color);
  opacity: 1;
}

.tab-content-wrapper {
  padding: calc(30 * (100vw / 375)) calc(20 * (100vw / 375));
  border: 2px solid var(--thema-color);
  border-top: none;
  background: #fff;
}

.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

.tab-content_inner {
  display: flex;
  flex-wrap: wrap;
  gap: calc(19 * (100vw / 375)) 0;
  justify-content: space-between;
}

.tab-content_inner_card {
  width: calc(142* (100vw /375));
}

.sec07__sku {
  display: flex;
  gap: calc(5* (100vw /375));
  margin-top: calc(11 * (100vw / 375));
  justify-content: center;
}

.sec07__sku li {
  width: calc(15* (100vw /375));
  height: calc(15* (100vw /375));
}

.sec07__sku li span {
  background: #000;
  display: block;
  width: 100%;
  height: 100%;
}
.sec07__sku li span[data-color="navy"]{
  background: #485CAA;
}
.sec07__sku+p {
  font-size: calc(13* (100vw /375));
  margin-top: calc(2 * (100vw / 375));
}

.sec07__credit {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(12* (100vw /375));
}

@media screen and (min-width: 768px) {
  .sec__07 h3 {
    font-size: 2.4rem;
    margin-top: 25.8rem;
  }

  .tab-container {
    width: 75rem;
    margin: 2rem auto 0;
  }

  .tab-menu {
    gap: 1rem;
  }

  .tab-button {
    font-size: 1.5rem;
    padding: 1rem;
    border-radius: 0.5rem 0.5rem 0 0;
    width: 37rem;
  }

  .tab-content-wrapper {
    padding: 3rem 3rem;
    border: 2px solid var(--thema-color);
  }

  .tab-content_inner {
    gap: 2rem 0;
    justify-content: space-between;
  }

  .tab-content_inner_card {
    width: 15.6rem;
  }

  .sec07__sku {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.8rem;
  }

  .sec07__sku li {
    width: 1.5rem;
    height: 1.5rem;
  }

  .sec07__sku+p {
    font-size: 1.3rem;
    margin-top: 0.1rem;
  }

  .sec07__credit {
    font-size: 1.2rem;
  }

}

/* ===============================================
* sec__08 *
=============================================== */
.img_15 {
  width: calc(335* (100vw /375));
  margin: calc(52 * (100vw / 375)) auto 0;
}

.sec08__inner {
  margin-top: calc(60* (100vw /375));
  background: var(--thema-color);
  color: #fff;
  padding: calc(26* (100vw /375)) 0 calc(30* (100vw /375));
}

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

.sec08__inner p+p {
  font-size: calc(13* (100vw /375));
  margin-top: calc(11 * (100vw / 375));
  line-height: 1.4846153846;
}

@media screen and (min-width: 768px) {
  .img_15 {
    width: 75rem;
    margin: 9.5rem auto 0;
  }

  .sec08__inner {
    margin-top: 10rem;
    padding: 3rem 0 3rem;
  }

  .sec08__inner p {
    font-size: 1.4rem;
  }

  .sec08__inner p+p {
    font-size: 1.3rem;
    margin-top: 1rem;
    line-height: 1.4846153846;
  }
}

/* ▽_____________ lp_foot_btn ______________▽ */
.main-area .lp_foot_btn {
  font-family: "HiraKakuProN-W6", "Hiragino Kaku Gothic ProN W6", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(280*(100vw / 375));
  height: calc(50*(100vw / 375));
  margin: calc(60*(100vw / 375)) auto 0;
  line-height: 1;
  font-style: normal;
  font-size: calc(14* (100vw / 375));
  letter-spacing: 0.05em;
  background: #242424;
  color: #fff
}


@media screen and (min-width: 768px) {
  .main-area .lp_foot_btn {
    width: 28rem;
    height: 5.2rem;
    font-size: 1.4rem;
    margin: 8.1rem auto 0;
  }

}


/* ▽ imganime ▽ */
.js-fadeIn {
  opacity: 0;
  will-change: opacity, transform;
  transition: ease-in, opacity 2500ms, transform 1500ms;
  transform: translateY(100px);
}

.showFade {
  opacity: 1;
  transform: translateY(0);
}

.js-slider-set2 {
  margin: 0;
}

.slick-dots {
  display: none;
}