.main-area {
  margin-bottom: calc(62* (100vw /375));
  font-family: var(--hirakaku);
  font-weight: normal;
  overflow: hidden;
  box-sizing: border-box;
}

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

.sp_only {
  display: block;
}

.pc_only {
  display: none;
}


/************** js **************/
/* .main-area .fadeIn {
  opacity: 0;
  transition: transform 1s ease-in-out, opacity 1s ease-in-out;
  transition: 1s;
  transform: translateY(10rem);
  overflow: hidden;
} */

.model_wrap {
  margin: 0 auto;
  width: calc(345* (100vw /375));
}

/************** model_box **************/
.model_box {
  margin: 0;
  width: calc(166* (100vw /375));
  position: relative;
  display: block;
}

.model_flex_box {
  margin: 0 auto calc(20* (100vw /375));
  width: calc(345* (100vw /375));
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: calc(13.8* (100vw /375)) 0;
}

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

.model_center_box img {
  display: block;
}

/************** model_sub_box **************/
.model_sub_box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #FFFFFF;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: 0.1s;
  box-sizing: border-box;
  z-index: -1;
}

.model_sub_box.active {
  opacity: 1;
  display: block;
  visibility: visible;
  transition: 0.5s;
  z-index: 100;
}

.model_sub_body {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 100vw;
  height: 100vh;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  /* margin: 0 auto calc(400* (100vw /750)); */
}

.model_sub_content {
  width: 100%;
  height: 100svh;
  margin: 0 auto calc(0* (100vw /375));
  position: relative;
}

.main-area .model_open:hover {
  cursor: pointer;
  transition: .1s;
  opacity: 0.7;
}

.main-area .scrollIn {
  opacity: 1;
  transform: translateX(0);
  transform: translateY(0);
}


/*** model_close_btn ***/
.model_close {
  width: calc(60*(100vw / 375));
  height: calc(60*(100vw / 375));
  cursor: pointer;
  z-index: 1;
  background: url(../img/svg/close_btn.svg) no-repeat center / 100%;
  margin-left: auto;
}

/*** model_sub_text ***/
.model_sub_text {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: calc(11*(100vw / 375)) 0;
  flex-shrink: 0;
  margin: calc(22*(100vw / 375)) auto 0;
  width: calc(325*(100vw / 375));
  padding-bottom: calc(110*(100vw / 375));
}

.model_sub_text a {
  font-size: calc(12* (100vw /375));
  font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
  letter-spacing: 0.1em;
  line-height: 1;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: calc(9* (100vw /375)) 0;
  flex-shrink: 0;
  pointer-events: none;
}

.item_tax_margin_left {
  margin-left: calc(12* (100vw /375));
}

.item_tax_text {
  margin-top: calc(23* (100vw /375));
  padding-top: calc(24* (100vw /375));
  font-size: calc(12* (100vw /375));
  letter-spacing: 0.1em;
  line-height: 2;
  border-top: 1px solid #000;
}


/************** mv **************/
.mv {
  margin: 0 auto calc(60* (100vw /375));
}


/************** flex_width_box **************/
.flex_width_box {
  width: 100%;
  display: block;
}


/************** btn **************/
.sec_btn {
  margin: calc(50*(100vw / 375)) auto calc(60*(100vw / 375));
  width: calc(335*(100vw / 375));
  position: relative;
}

.link-btn--top {
  margin-top: calc(20* (100vw /375));
  display: block;
}

/* ===============================================
### PC用デザイン###
=============================================== */
@media screen and (min-width:768px) {

  .sp_only {
    display: none;
  }

  .pc_only {
    display: block;
  }

  .main-area {
    margin: 2.5rem auto 6rem;
    padding: 0 2rem;
    max-width: 144rem;
  }

  .model_wrap {
    margin: 0 auto;
    width: 100%;
  }

  /************** model_box **************/
  .model_box {
    margin: 0;
    width: 50rem;
  }

  .model_flex_box {
    margin: 0 auto 4rem;
    width: 104rem;
    display: flex;
    justify-content: space-between;
    gap: 3rem 0;
  }

  .model_center_box {
    margin: 0 auto 4rem;
    width: 80rem;
  }

  /*** model_close_btn ***/
  .model_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 6rem;
    height: 6rem;
  }

  /************** model_sub_box **************/
  .model_sub_body {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
  }

  .model_sub_content {
    margin: 0 auto 0;
    height: 79rem;
    width: 61.7rem;
    display: grid;
    place-content: center;
    padding-top: 0;
  }


  .model_sub_img {
    margin: 0;
    width: 61.7rem;
    height: max-content;
  }

  /*** model_sub_text ***/
  .model_sub_text {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 0.6rem 0;
    flex-shrink: 0;
    position: absolute;
    width: max-content;
    padding-bottom: 0;
    margin: 0;
    bottom: -0.2rem;
    right: -21rem;
  }

  .model_sub_text a {
    width: max-content;
    font-size: 1.2rem;
    gap: 0;
    line-height: 1.5;
  }

  .item_tax_margin_left {
    margin-left: 0;
  }

  .item_tax_margin_left_2 {
    margin-left: 0;
  }

  .item_tax_text {
    margin-top: 2.4rem;
    padding-top: 2.4rem;
    font-size: 1.2rem;
  }


  /************** mv **************/
  .mv {
    margin: 0 auto 6rem;
    width: 50rem;
  }


  /************** model_1,model_2 **************/
  .model_1 .item_tax_text,
  .model_2 .item_tax_text {
    letter-spacing: 0.095em;
  }


  /************** flex_width_box **************/
  .flex_width_box {
    display: none;
  }


  /************** btn **************/
  .sec_btn {
    margin: 10rem auto 8rem;
    width: 40rem;
  }

  .link-btn--top {
    margin-top: 2rem;
    display: block;
  }
}


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




/************************************************
タブレット用デザイン
*************************************************/
/* @media all and (min-width: 767px) and (max-width: 1200px) { 
  .model_close {
    top: 24.4%;
  }
} */