@charset "UTF-8";
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- pc/sp共通デザイン初期設定 -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
#LpContainer {
  --color-white: #fff;
  --color-black: #000;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  /* font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, "Noto Sans JP", sans-serif; */
  --font-jp: "Noto Sans JP", sans-serif;
  --font-en: "Outfit", sans-serif;
  overflow: clip;
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- ユーティリティクラス -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
#LpContainer .u-text-left {text-align: left;}
#LpContainer .u-text-center {text-align: center;}
#LpContainer .u-text-regular {text-align: right;}
#LpContainer .u-text-bold {font-weight: var(--font-weight-bold);}
#LpContainer .u-text-red {color: var(--color-red);}
#LpContainer .u-text-underline {text-decoration: underline;}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- レイアウト設定 -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
#LpContainer .common-position {
  position: absolute;
}
#LpContainer .common-grid {
  display: grid;
  gap: var(--row, 0) var(--column, 0);
}
#LpContainer .common-flex_row {
  display: flex;
  flex-direction: row;
  gap: var(--row, 0) var(--column, 0);
}
#LpContainer .common-flex_row_reverse {
  display: flex;
  flex-direction: row-reverse;
  gap: var(--row, 0) var(--column, 0);
}
#LpContainer .common-flex_column {
  display: flex;
  flex-direction: column;
  gap: var(--row, 0) var(--column, 0);
}
#LpContainer .common-flex_column_reverse {
  display: flex;
  flex-direction: column-reverse;
  gap: var(--row, 0) var(--column, 0);
}
@media screen and (min-width: 768px) {
  #LpContainer .desktop-position {
    position: absolute;
  }
  #LpContainer .desktop-grid {
    display: grid;
    gap: var(--row, 0) var(--column, 0);
  }
  #LpContainer .desktop-flex_row {
    display: flex;
    flex-direction: row;
    gap: var(--row, 0) var(--column, 0);
  }
  #LpContainer .desktop-flex_row_reverse {
    display: flex;
    flex-direction: row-reverse;
    gap: var(--row, 0) var(--column, 0);
  }
  #LpContainer .desktop-flex_column {
    display: flex;
    flex-direction: column;
    gap: var(--row, 0) var(--column, 0);
  }
  #LpContainer .desktop-flex_column_reverse {
    display: flex;
    flex-direction: column-reverse;
    gap: var(--row, 0) var(--column, 0);
  }
}
@media screen and (max-width: 767px) {
  #LpContainer .mobile-position {
    position: absolute;
  }
  #LpContainer .mobile-grid {
    display: grid;
    gap: var(--row, 0) var(--column, 0);
  }
  #LpContainer .mobile-flex_row {
    display: flex;
    flex-direction: row;
    gap: var(--row, 0) var(--column, 0);
  }
  #LpContainer .mobile-flex_row_reverse {
    display: flex;
    flex-direction: row-reverse;
    gap: var(--row, 0) var(--column, 0);
  }
  #LpContainer .mobile-flex_column {
    display: flex;
    flex-direction: column;
    gap: var(--row, 0) var(--column, 0);
  }
  #LpContainer .mobile-flex_column_reverse {
    display: flex;
    flex-direction: column-reverse;
    gap: var(--row, 0) var(--column, 0);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- thumbnail -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.thumbnail {
  position: relative;
  z-index: 5;
}
.thumbnail::before {
  position: absolute;
  content: "";
  width: min(10*100vw/1920, 10px);
  height: min(183*100vw/1920, 183px);
  background-image: url(../img/border.png);
  background-repeat: no-repeat;
  background-size: min(10*100vw/1920, 10px) min(183*100vw/1920, 183px);
  z-index: 2;
  bottom: max(-90*100vw/1920, -86px);
  right: min(372*100vw/1920, 372px);
}
@media screen and (max-width: 767px) {
  .thumbnail::before {
    width: calc(4*100vw/375);
    height: calc(94*100vw/375);
    background-size: calc(4*100vw/375) calc(94*100vw/375);
    bottom: calc(-100*100vw/375);
    left: 50%;
    transform: translateX(-50%);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- hero -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.hero {
  position: relative;
  z-index: 2;
  background-color: #396179;
  color: var(--color-white);
}
@media screen and (min-width: 768px) {
  .hero_container {
    width: min(1920*100vw/1920, 1920px);
    margin: 0 auto;
  }
}
.hero_inner {
  position: relative;
  z-index: 2;
  --column: min(110*100vw/1920, 110px);
  padding: min(102*100vw/1920, 102px) 0;
}
.hero_inner::before {
  position: absolute;
  content: "";
  width: min(1497*100vw/1920, 1497px);
  height: min(751*100vw/1920, 751px);
  top: 0;
  left: 0;
  background-color: #4E768E;
  z-index: -1;
}
.hero_text {
  top: min(183*100vw/1920, 183px);
  left: min(301*100vw/1920, 301px);
  width: min(272*100vw/1920, 272px);
}
.hero_content {
  margin-top: min(237*100vw/1920, 237px);
  margin-left: min(323*100vw/1920, 323px);
  --row: min(37*100vw/1920, 37px);
}
.hero_title {
  font-size: min(74*100vw/1920, 74px);
  line-height: 1;
  font-weight: var(--font-weight-medium);
  font-family: var(--font-en);
  letter-spacing: .03em;
}
.hero_lead {
  font-size: min(16*100vw/1920, 16px);
  line-height: 2;
  font-weight: var(--font-weight-medium);
  font-family: var(--font-jp);
}
.hero_image {
  width: min(524*100vw/1920, 524px);
}
@media screen and (max-width: 767px) {
  .hero_inner {
    --row: calc(32*100vw/375);
    padding: calc(116*100vw/375) 0 calc(53*100vw/375);
  }
  .hero_inner::before {
    width: calc(351*100vw/375);
    height: calc(525*100vw/375);
  }
  .hero_text {
    top: calc(45*100vw/375);
    left: calc(8*100vw/375);
    width: calc(122*100vw/375);
  }
  .hero_content {
    margin-top: 0;
    margin-left: calc(21*100vw/375);
    --row: calc(18*100vw/375);
  }
  .hero_title {
    font-size: calc(48*100vw/375);
    line-height: 1.1458333333;
    letter-spacing: 0.03em;
  }
  .hero_lead {
    width: calc(320*100vw/375);
    font-size: calc(16*100vw/375);
  }
  .hero_image {
    width: calc(327*100vw/375);
    margin: 0 auto;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- introduction -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.introduction {
  padding: min(92*100vw/1920, 92px) 0;
  background-color: #F0F0F0;
}
.introduction_content {
  --row: min(47*100vw/1920, 47px);
}
.introduction_title {
  font-size: min(74*100vw/1920, 74px);
  font-weight: var(--font-weight-medium);
  font-family: var(--font-en);
  text-align: center;
}
.introduction_lead {
  font-size: min(16*100vw/1920, 16px);
  line-height: 2;
  font-weight: var(--font-weight-medium);
  font-family: var(--font-jp);
  text-align: center;
}
.introduction_list {
  --column: min(28*100vw/1920, 28px);
  width: min(1248*100vw/1920, 1248px);
  margin: min(37*100vw/1920, 37px) auto 0;
  column-gap: min(28*100vw/1920, 28px);
}
.introduction_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(330*100vw/1920, 330px);
  height: min(50*100vw/1920, 50px);
  margin: min(70*100vw/1920, 70px) auto 0;
  font-size: min(16*100vw/1920, 16px);
  font-family: var(--font-en);
  line-height: 1;
  text-align: center;
  background-color: #535353;
  color: var(--color-white);
}
.introduction_btn > a {
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .introduction {
    padding: calc(38*100vw/375) 0 calc(61*100vw/375);
  }
  .introduction_content {
    --row: calc(29*100vw/375);
  }
  .introduction_title {
    font-size: calc(48*100vw/375);
    line-height: 1.1458333333;
    letter-spacing: -.02em;
  }
  .introduction_lead {
    width: calc(327*100vw/375);
    margin: 0 auto;
    font-size: calc(16*100vw/375);
    line-height: 1.9375;
    letter-spacing: .06em;
  }
  .introduction_list {
    width: calc(276*100vw/375);
    margin-top: calc(17*100vw/375);
    --column: calc(13*100vw/375);
    --row: calc(1*100vw/375);
    grid-template-columns: repeat(2, 1fr);
  }
  .introduction_btn {
    width: calc(260*100vw/375);
    height: calc(50*100vw/375);
    margin-top: calc(54*100vw/375);
    font-size: calc(16*100vw/375);
    letter-spacing: .18em;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- information -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.information {
  padding: min(116*100vw/1920, 116px) 0 min(106*100vw/1920, 106px);
  background-color: #57614F;
  color: var(--color-white);
}
.information_inner {
  width: min(1285*100vw/1920, 1285px);
  margin: 0 auto;
}
.information_wrapper:has(.information_detail_date) {
  grid-template-columns: min(571.5*100vw/1920, 571.5px);
  grid-template-rows: min(126*100vw/1920, 126px) min(265*100vw/1920, 265px);
}
.information_wrapper {
  grid-template-columns: min(571.5*100vw/1920, 571.5px);
  grid-template-rows: min(126*100vw/1920, 126px) min(200*100vw/1920, 200px);
}
.information_content01 {
  grid-column: 1;
  grid-row: 1;
}
.information_content02 {
  grid-column: 2;
  grid-row: 2;
}
.information_content03 {
  grid-column: 1;
  grid-row: 3;
}
.information_title {
  font-size: min(74*100vw/1920, 74px);
  font-weight: var(--font-weight-medium);
  font-family: var(--font-en);
  letter-spacing: .03em;
}
.information_detail01 {
  margin-top: min(46*100vw/1920, 46px);
}
.information_detail02 {
  margin-top: min(17*100vw/1920, 17px);
}
.information_detail_title {
  font-size: min(16*100vw/1920, 16px);
  line-height: 1.5;
  font-weight: var(--font-weight-semibold);
  font-family: var(--font-jp);
}
.information_content03 .information_detail_title {
  font-size: min(18*100vw/1920, 18px);
}
.information_detail_lead {
  margin-top: min(10*100vw/1920, 10px);
  font-size: min(18*100vw/1920, 18px);
  line-height: 1.5;
  font-weight: var(--font-weight-semibold);
  font-family: var(--font-en);
  letter-spacing: -.03em;
}
.information_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(330*100vw/1920, 330px);
  height: min(50*100vw/1920, 50px);
  margin-top: min(4*100vw/1920, 4px);
  background-color: var(--color-white);
  color: #57614F;
  text-align: center;
}
.information_btn > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: min(16*100vw/1920, 16px);
  font-weight: var(--font-weight-semibold);
  font-family: var(--font-jp);
}
.information_popup_title {
  font-size: min(30*100vw/1920, 30px);
  font-weight: var(--font-weight-semibold);
}
.information_popup_list {
  margin-top: min(21*100vw/1920, 21px);
  width: min(713*100vw/1920, 713px);
  border-bottom: 2px solid var(--color-white);
  justify-content: space-between;
}
.information_popup_list li {
  align-items: center;
  justify-content: space-between;
  padding: min(48*100vw/1920, 48px) 0;
  border-top: 2px solid var(--color-white);
}
.information_popup_list li:nth-of-type(2) {
  padding-bottom: min(44*100vw/1920, 44px);
}
.information_popup_list li:nth-of-type(3) {
  padding-bottom: min(44*100vw/1920, 44px);
}
.information_popup_list li:nth-of-type(4) {
  padding-bottom: min(44*100vw/1920, 44px);
}
.information_popup_list li:nth-of-type(4) .information_popup_place > span {
  font-size: min(19*100vw/1920, 19px);
  font-family: var(--font-en);
}
.information_popup_place {
  width: min(371*100vw/1920, 371px);
  font-size: min(24*100vw/1920, 24px);
  font-weight: var(--font-weight-semibold);
  --row: min(6*100vw/1920, 6px);
}
.information_popup_place > span {
  font-size: min(20*100vw/1920, 20px);
  font-weight: var(--font-weight-semibold);
  line-height: 1.5;
  font-family: var(--font-jp);
}
.information_popup_date {
  font-size: min(20*100vw/1920, 20px);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  font-family: var(--font-en);
  letter-spacing: 0.025em;
}
.information_popup_link {
  width: fit-content;
  margin-top: min(50*100vw/1920, 50px);
  margin-right: min(20*100vw/1920, 20px);
  margin-left: auto;
  font-size: min(20*100vw/1920, 20px);
  font-weight: var(--font-weight-semibold);
}
.information_wrap {
  margin-top: min(57*100vw/1920, 57px);
  grid-template-columns: min(192*100vw/1920, 192px);
  grid-template-rows: min(107*100vw/1920, 107px);
}
.information_image {
  width: min(240*100vw/1920, 240px);
}
.information_image01 {
  grid-column: 1;
  grid-row: 1;
}
.information_image02 {
  grid-column: 2;
  grid-row: 2;
}
.information_detail_date {
  font-size: min(16*100vw/1920, 16px);
  line-height: 1.5;
  font-weight: var(--font-weight-semibold);
  font-family: var(--font-en);
}
@media screen and (max-width: 767px) {
  .information {
    padding: calc(54*100vw/375) 0 calc(48*100vw/375);
  }
  .information_inner {
    width: calc(327*100vw/375);
  }
  .information_content02 {
    margin-top: calc(59*100vw/375);
  }
  .information_content03 {
    margin-top: calc(49*100vw/375);
  }
  .information_title {
    font-size: calc(48*100vw/375);
  }
  .information_detail01 {
    margin-top: calc(40*100vw/375);
  }
  .information_detail02 {
    margin-top: calc(18*100vw/375);
  }
  .information_detail_title {
    position: relative;
    font-size: calc(16*100vw/375);
    left: calc(-10*100vw/375);
    letter-spacing: .1em;
  }
  .information_content03 .information_detail_title {
    font-size: calc(18*100vw/375);
    letter-spacing: .07em;
  }
  .information_content03 .information_detail_date {
    margin-top: calc(4*100vw/375);
    display: block;
    letter-spacing: .08em;
  }
  .information_detail_lead {
    margin-top: calc(6*100vw/375);
    font-size: calc(16*100vw/375);
    letter-spacing: .08em;
  }
  .information_detail01 .information_detail_lead {
    font-size: calc(26*100vw/375);
  }
  .information_detail02 .information_detail_lead {
    margin-top: calc(10*100vw/375);
  }
  .information_content03 .information_detail_lead {
    margin-top: calc(12*100vw/375);
  }
  .information_btn {
    width: calc(260*100vw/375);
    height: calc(50*100vw/375);
    margin: calc(24*100vw/375) auto 0;
  }
  .information_btn > a {
    font-size: calc(16*100vw/375);
    letter-spacing: .18em;
  }
  .information_popup_title {
    font-size: calc(24*100vw/375);
    letter-spacing: .03em;
  }
  .information_popup_list {
    margin-top: calc(13*100vw/375);
    width: calc(327*100vw/375);
  }
  .information_popup_list li {
    --row: calc(15*100vw/375);
    padding: calc(50*100vw/375) 0 calc(46*100vw/375);
    align-items: start;
    justify-content: start;
  }
  .information_popup_list li:nth-of-type(2) {
    padding: calc(48*100vw/375) 0 calc(46*100vw/375);
  }
  .information_popup_list li:nth-of-type(3) {
    padding: calc(48*100vw/375) 0 calc(46*100vw/375);
  }
  .information_popup_list li:nth-of-type(4) {
    padding: calc(47*100vw/375) 0 calc(46*100vw/375);
  }
  .information_popup_list li:nth-of-type(4) .information_popup_place > span {
    font-size: calc(16*100vw/375);
  }
  .information_popup_place {
    width: fit-content;
    font-size: calc(20*100vw/375);
    --row: calc(5*100vw/375);
  }
  .information_popup_place > span {
    font-size: calc(16*100vw/375);
    letter-spacing: .03em;
  }
  .information_popup_date {
    font-size: calc(16*100vw/375);
    letter-spacing: .03em;
  }
  .information_popup_link {
    margin-top: calc(45*100vw/375);
    margin-right: calc(21*100vw/375);
    font-size: calc(16*100vw/375);
    letter-spacing: .03em;
  }
  .information_wrap {
    margin-top: calc(45*100vw/375);
    grid-template-columns: calc(126*100vw/375);
    grid-template-rows: calc(169*100vw/375);
  }
  .information_image {
    width: calc(200*100vw/375);
  }
  .information_detail_date {
    font-size: calc(16*100vw/375);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- product -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.product {
  color: #535353;
}
@media screen and (min-width: 768px) {
  .product_container {
    width: min(1920*100vw/1920, 1920px);
    margin: 0 auto;
  }
}
.product_content {
  position: relative;
  z-index: 2;
  width: fit-content;
  height: fit-content;
}
.product_number {
  width: min(205*100vw/1920, 205px);
}
.product_title {
  position: relative;
  --column: min(85*100vw/1400, 85px);
  font-size: min(16*100vw/1920, 16px);
  font-weight: var(--font-weight-medium);
  font-family: var(--font-en);
}
.product_title::before {
    position: absolute;
    content: "";
    width: min(70 * 100vw / 1400, 70px);
    height: min(1 * 100vw / 1400, 1px);
    top: 50%;
    left: min(143 * 100vw / 1400, 143px);
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 2;
    background-color: #535353;
}
.product:nth-of-type(2n) .product_title::before {
  background-color: var(--color-white);
}
.product_name_maintitle {
  font-size: min(74*100vw/1920, 74px);
  font-weight: var(--font-weight-regular);
  font-family: var(--font-en);
}
.product_name_subtitle {
  margin-top: min(16*100vw/1920, 16px);
  font-size: min(16*100vw/1920, 16px);
  font-weight: var(--font-weight-bold);
  font-family: var(--font-jp);
}
.product_lead {
  width: min(574*100vw/1920, 574px);
  margin-top: min(55*100vw/1920, 55px);
  grid-template-rows: min(818*100vw/1920, 818px) min(248*100vw/1920, 248px) min(51*100vw/1920, 51px);
  font-size: min(16*100vw/1920, 16px);
  line-height: 2;
  font-weight: var(--font-weight-medium);
  font-family: var(--font-jp);
  letter-spacing: .06em;
}
.product_btn {
  margin-top: min(50*100vw/1920, 50px);
  width: min(330*100vw/1920, 330px);
  height: min(50*100vw/1920, 50px);
  background-color: #535353;
  color: var(--color-white);
}
.product_btn > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: min(16*100vw/1920, 16px);
  font-weight: var(--font-weight-semibold);
  font-family: var(--font-en);
  letter-spacing: .2em;
}
.product_price {
  margin-top: min(10*100vw/1920, 10px);
  font-size: min(16*100vw/1920, 16px);
  font-weight: var(--font-weight-light);
  font-family: var(--font-en);
  line-height: 1.25;
}
.product_price li {
  font-weight: var(--font-weight-light);
  font-family: var(--font-en);
}
@media screen and (min-width: 768px) {
  .product_image {
    background-color: var(--color-white);
  }
}
.product_image0101 {width: min(718*100vw/1920, 718px);}
.product_image0102 {width: min(719*100vw/1920, 719px);}
.product_image0103 {width: min(403*100vw/1920, 403px);}
.product_image0104 {width: min(204*100vw/1920, 204px);}
.product_image0201 {width: min(723*100vw/1920, 723px);}
.product_image0202 {width: min(410*100vw/1920, 410px);}
.product_image0203 {width: min(652*100vw/1920, 652px);}
.product_image0301 {width: min(720*100vw/1920, 720px);}
.product_image0302 {width: min(538*100vw/1920, 538px);}
.product_image0303 {width: min(404*100vw/1920, 564px);}
.product_image0401 {width: min(723*100vw/1920, 723px);}
.product_image0402 {width: min(642*100vw/1920, 642px);}
.product_image0403 {width: min(482*100vw/1920, 482px);}
.product_image0404 {width: min(225*100vw/1920, 225px);}
.product_image0501 {width: min(723*100vw/1920, 723px);}
.product_image0502 {width: min(711*100vw/1920, 711px);}
.product_image0601 {width: min(723*100vw/1920, 723px);}
.product_image0602 {width: min(665*100vw/1920, 665px);}
.product_image0603 {width: min(408*100vw/1920, 408px);}
.product_image0701 {width: min(718*100vw/1920, 718px);}
.product_image0702 {width: min(711*100vw/1920, 711px);}
.product_image0703 {width: min(360*100vw/1920, 360px);}
.product_image0801 {width: min(723*100vw/1920, 723px);}
.product_image0802 {width: min(665*100vw/1920, 665px);}
@media screen and (max-width: 767px) {
  .product_number {
    width: calc(114*100vw/375);
  }
  .product_title {
    --column: calc(53*100vw/375);
    font-size: calc(9*100vw/375);
  }
  .product_title::before {
    width: calc(41*100vw/375);
    height: calc(1*100vw/375);
    left: calc(82*100vw/375);
  }
  .product_name_maintitle {
    font-size: calc(48*100vw/375);
    line-height: 1.1458333333;
  }
  .product_name_subtitle {
    margin-top: calc(14*100vw/375);
    font-size: calc(16*100vw/375);
    letter-spacing: .03em;
    white-space: nowrap;
  }
  .product_lead {
    width: calc(327*100vw/375);
    margin: calc(20*100vw/375) auto 0;
    font-size: calc(16*100vw/375);
  }
  .product_btn {
    margin-top: calc(65*100vw/375);
    width: calc(260*100vw/375);
    height: calc(50*100vw/375);
  }
  .product_btn > a {
    font-size: calc(16*100vw/375);
    letter-spacing: .18em;
  }
  .product_price {
    margin-top: calc(14*100vw/375);
    font-size: calc(10*100vw/375);
    letter-spacing: -.02em;
  }
  .product_image0101 {width: calc(375*100vw/375)}
  .product_image0102 {width: calc(310*100vw/375)}
  .product_image0103 {width: calc(246*100vw/375)}
  .product_image0104 {width: calc(269*100vw/375)}
  .product_image0201 {width: calc(375*100vw/375)}
  .product_image0202 {width: calc(273*100vw/375)}
  .product_image0203 {width: calc(280*100vw/375)}
  .product_image0301 {width: calc(375*100vw/375)}
  .product_image0302 {width: calc(276*100vw/375)}
  .product_image0303 {width: calc(256*100vw/375)}
  .product_image0401 {width: calc(375*100vw/375)}
  .product_image0402 {width: calc(327*100vw/375)}
  .product_image0403 {width: calc(292*100vw/375)}
  .product_image0404 {width: calc(231*100vw/375)}
  .product_image0501 {width: calc(375*100vw/375)}
  .product_image0502 {width: calc(295*100vw/375)}
  .product_image0601 {width: calc(375*100vw/375)}
  .product_image0602 {width: calc(287*100vw/375)}
  .product_image0603 {width: calc(283*100vw/375)}
  .product_image0701 {width: calc(375*100vw/375)}
  .product_image0702 {width: calc(300*100vw/375)}
  .product_image0703 {width: calc(270*100vw/375)}
  .product_image0801 {width: calc(375*100vw/375)}
  .product_image0802 {width: calc(303*100vw/375)}
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- product01 -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.product01 {
  padding: min(200*100vw/1920, 200px) 0 min(102*100vw/1920, 102px);
  background-color: #F0F0F0;
}
.product01 .product_inner {
  margin-left: min(260*100vw/1920, 260px);
}
.product01 .product_wrapper {
  grid-template-columns: min(131*100vw/1920, 131px) min(167*100vw/1920, 167px) min(362*100vw/1920, 362px) min(109*100vw/1920, 109px);
  grid-template-rows: min(818*100vw/1920, 818px) min(248*100vw/1920, 248px) min(51*100vw/1920, 51px) min(521*100vw/1920, 521px);
}
.product01 .product_content01 {
  grid-column: 5;
  grid-row: 1;
  z-index: 3;
}
.product01 .product_content02 {
  grid-column: 1;
  grid-row: 1;
}
.product01 .product_content03 {
  grid-column: 4;
  grid-row: 2;
}
.product01 .product_content04 {
  grid-column: 3;
  grid-row: 3;
}
.product01 .product_content05 {
  grid-column: 2;
  grid-row: 4;
}
.product01 .product_content02::before {
  position: absolute;
  content: "";
  top: min(102*100vw/1920, 102px);
  left: min(96*100vw/1920, 96px);
  width: min(361*100vw/1920, 361px);
  height: min(1457*100vw/1920, 1457px);
  background-color: #396179;
  z-index: -1;
}
.product01 .product_content03::before {
  position: absolute;
  content: "";
  top: max(-34*100vw/1920, -34px);
  left: min(109*100vw/1920, 109px);
  width: min(642*100vw/1920, 642px);
  height: min(640*100vw/1920, 640px);
  background-color: #BC9395;
  z-index: -1;
}
.product01 .product_number {
  top: max(-104*100vw/1920, -104px);
  left: max(-86*100vw/1920, -86px);
}
.product01 .product_title {
  margin-left: min(145*100vw/1920, 145px);
}
.product01 .product_name {
  margin-top: min(116*100vw/1920, 116px);
}
.product01 .product_content02 .product_price {
  margin-top: min(10*100vw/1920, 10px);
  margin-left: min(122*100vw/1920, 122px);
  color: var(--color-white);
}
.product01 .product_content03 .product_price {
  margin-left: min(58*100vw/1920, 58px);
}
@media screen and (max-width: 767px) {
  .product01 {
    padding: calc(105*100vw/375) 0 calc(48*100vw/375);
  }
  .product01 .product_inner {
    margin-left: 0;
  }
  .product01 .product_wrapper {
    grid-template-columns: calc(24*100vw/375) calc(17*100vw/375) calc(64*100vw/375);
    grid-template-rows: calc(225*100vw/375) calc(846*100vw/375) calc(340*100vw/375) calc(662*100vw/750);
  }
  .product01 .product_content01 {
    grid-column: 2;
    grid-row: 1;
  }
  .product01 .product_content02 {
    grid-column: 1;
    grid-row: 2;
  }
  .product01 .product_content03 {
    grid-column: 3;
    grid-row: 3;
    z-index: 3;
  }
  .product01 .product_content04 {
    grid-column: 4;
    grid-row: 4;
  }
  .product01 .product_content05 {
    grid-column: 2;
    grid-row: 5;
  }
  .product01 .product_content03::before {
    top: calc(-13*100vw/375);
    left: calc(-17*100vw/375);
    width: calc(276*100vw/375);
    height: calc(793*100vw/750);
  }
  .product01 .product_content05::before {
    position: absolute;
    content: "";
    top: calc(254*100vw/375);
    left: calc(23*100vw/375);
    width: calc(304*100vw/375);
    height: calc(167*100vw/375);
    background-color: #396179;
    z-index: -1;
  }
  .product01 .product_number {
    top: calc(-57*100vw/375);
    left: 0;
  }
  .product01 .product_title {
    margin-left: calc(126*100vw/375);
    white-space: nowrap;
  }
  .product01 .product_name {
    margin-top: calc(47*100vw/375);
  }
  .product01 .product_content03 .product_price {
    margin-top: calc(13*100vw/375);
    margin-left: calc(0*100vw/375);
    color: var(--color-white);
  }
  .product01 .product_content05 .product_price {
    margin-top: calc(14*100vw/375);
    margin-left: calc(79*100vw/375);
    color: var(--color-white);
  }
  .product01 .product_btn {
    margin-left: calc(35*100vw/375);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- product02 -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.product02 {
  background-color: #6D6864;
  color: var(--color-white);
  padding: min(165*100vw/1920, 165px) 0 min(136*100vw/1920, 136px);
}
.product02 .product_number {
  top: max(-94*100vw/1920, -94px);
  left: min(448*100vw/1920, 448px);
}
.product02 .product_inner {
  margin-left: min(317*100vw/1920, 317px);
}
.product02 .product_wrapper {
  grid-template-columns: min(606*100vw/1920, 606px) min(14*100vw/1920, 14px);
  grid-template-rows: min(34*100vw/1920, 34px) min(742*100vw/1920, 742px) min(191*100vw/1920, 191px) min(654*100vw/1920, 654px);
}
.product02 .product_title {
  margin-left: min(168*100vw/1920, 168px);
}
.product02 .product_name {
  margin-top: min(76*100vw/1920, 76px);
}
.product02 .product_content01 {
  grid-column: 1;
  grid-row: 2;
  z-index: 3;
}
.product02 .product_content02 {
  grid-column: 3;
  grid-row: 1;
}
.product02 .product_content03 {
  grid-column: 2;
  grid-row: 4;
  z-index: 3;
}
.product02 .product_content04 {
  grid-column: 1;
  grid-row: 3;
}
.product02 .product_btn {
  background-color: var(--color-white);
  color: #6D6864;
}
.product02 .product_content02::before {
  position: absolute;
  content: "";
  width: min(609*100vw/1920, 609px);
  height: min(1163*100vw/1920, 1163px);
  top: 0;
  right: 0;
  z-index: -1;
  background-color: #396179;
}
@media screen and (max-width: 767px) {
  .product02 {
    padding: calc(106*100vw/375) 0 calc(48*100vw/375);
  }
  .product02 .product_number {
    top: calc(-57*100vw/375);
    left: calc(150*100vw/375);
  }
  .product02 .product_inner {
    margin-left: 0;
  }
  .product02 .product_wrapper {
    grid-template-columns: calc(24*100vw/375) calc(54*100vw/375) calc(7*100vw/375);
    grid-template-rows: calc(225*100vw/375) calc(839*100vw/375) calc(372*100vw/375) calc(987*100vw/750);
  }
  .product02 .product_title {
    margin-left: calc(0*100vw/375);
  }
  .product02 .product_name {
    margin-top: calc(47*100vw/375);
    margin-left: calc(25*100vw/375);
    text-align: right;
  }
  .product02 .product_lead {
    margin-top: calc(51*100vw/375);
  }
  .product02 .product_content01 {
    grid-column: 4;
    grid-row: 1;
  }
  .product02 .product_content02 {
    grid-column: 1;
    grid-row: 2;
  }
  .product02 .product_content03 {
    grid-column: 3;
    grid-row: 3;
  }
  .product02 .product_content04 {
    grid-column: 2;
    grid-row: 4;
  }
  .product02 .product_btn {
    margin-left: calc(35*100vw/375);
  }
  .product02 .product_content02::before {
    width: calc(308*100vw/375);
    height: calc(152*100vw/375);
    top: calc(360*100vw/375);
    left: 0;
  }
  .product02 .product_content04::before {
    position: absolute;
    content: "";
    width: calc(318 * 100vw / 375);
    height: calc(279 * 100vw / 375);
    top: calc(116 * 100vw / 375);
    left: calc(36 * 100vw / 375);
    z-index: -1;
    background-color: #396179;
  }
  .product02 .product_price {
    margin-left: calc(48*100vw/375);
    font-size: calc(11*100vw/375);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- product03 -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.product03 {
  padding: min(208*100vw/1920, 208px) 0 min(105*100vw/1920, 105px);
  background-color: #F0F0F0;
}
.product03 .product_number {
  top: max(-102*100vw/1920, -102px);
  left: max(-86*100vw/1920, -86px);
}
.product03 .product_inner {
  margin-left: min(260*100vw/1920, 260px);
}
.product03 .product_wrapper {
  grid-template-columns: min(300*100vw/1920, 300px) min(471*100vw/1920, 471px) min(60*100vw/1920, 60px);
  grid-template-rows: min(835*100vw/1920, 835px) min(248*100vw/1920, 248px);
}
.product03 .product_title {
  margin-left: min(145*100vw/1920, 145px);
}
.product03 .product_name {
  margin-top: min(117*100vw/1920, 117px);
}
.product03 .product_content01 {
  grid-column: 3;
  grid-row: 1;
  z-index: 3;
}
.product03 .product_content02 {
  grid-column: 1;
  grid-row: 1;
}
.product03 .product_content03 {
  grid-column: 4;
  grid-row: 2;
}
.product03 .product_content04 {
  grid-column: 2;
  grid-row: 3;
}
.product03 .product_content03::before {
  position: absolute;
  content: "";
  width: min(748*100vw/1920, 748px);
  height: min(407*100vw/1920, 407px);
  top: max(-34*100vw/1920, -34px);
  left: max(-179*100vw/1920, -179px);
  background-color: #396179;
  z-index: -1;
}
.product03 .product_content02::before {
  position: absolute;
  content: "";
  width: min(303*100vw/1920, 303px);
  height: min(1457*100vw/1920, 1457px);
  top: min(58*100vw/1920, 58px);
  left: min(98*100vw/1920, 98px);
  background-color: #57614F;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .product03 {
    padding: calc(106*100vw/375) 0 calc(48*100vw/375);
  }
  .product03 .product_number {
    top: calc(-57*100vw/375);
    left: 0;
  }
  .product03 .product_inner {
    margin-left: 0;
  }
  .product03 .product_wrapper {
    grid-template-columns: calc(24*100vw/375) calc(71*100vw/375);
    grid-template-rows: calc(168*100vw/375) calc(766*100vw/375) calc(313*100vw/375) calc(1014*100vw/750);
  }
  .product03 .product_title {
    margin-left: calc(126*100vw/375);
    white-space: nowrap;
  }
  .product03 .product_name {
    margin-top: calc(46*100vw/375);
    white-space: nowrap;
  }
  .product03 .product_name_maintitle {
    letter-spacing: -.01em;
  }
  .product03 .product_content01 {
    grid-column: 2;
    grid-row: 1;
  }
  .product03 .product_content02 {
    grid-column: 1;
    grid-row: 2;
  }
  .product03 .product_content03 {
    grid-column: 2;
    grid-row: 3;
  }
  .product03 .product_content04 {
    grid-column: 3;
    grid-row: 4;
  }
  .product03 .product_content03::before {
    width: calc(318 * 100vw / 375);
    height: calc(205 * 100vw / 375);
    top: calc(-21 * 100vw / 375);
    left: calc(-24 * 100vw / 375);
  }
  .product03 .product_content04::before {
    position: absolute;
    content: "";
    width: calc(318 * 100vw / 375);
    height: calc(293 * 100vw / 375);
    top: calc(116 * 100vw / 375);
    left: calc(-37 * 100vw / 375);
    background-color: #57614F;
    z-index: -1;
  }
  .product03 .product_price {
    margin-top: calc(19*100vw/375);
    font-size: calc(11*100vw/375);
    color: var(--color-white);
  }
  .product03 .product_btn {
    margin-left: calc(-38*100vw/375);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- product04 -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.product04 {
  background-color: #BC9395;
  padding: min(165*100vw/1920, 165px) 0 min(105*100vw/1920, 105px);
  color: var(--color-white);
}
.product04 .product_number {
  top: max(-94*100vw/1920, -94px);
  left: min(422*100vw/1920, 422px);
}
.product04 .product_inner {
  margin-left: min(317*100vw/1920, 317px);
}
.product04 .product_wrapper {
  grid-template-columns: min(564*100vw/1920, 564px) min(56*100vw/1920, 56px) min(355*100vw/1920, 355px);
  grid-template-rows: min(34*100vw/1920, 34px) min(775*100vw/1920, 775px) min(204*100vw/1920, 204px) min(268*100vw/1920, 268px) min(400*100vw/1920, 400px);
}
.product04 .product_title {
  margin-left: min(142*100vw/1920, 142px);
}
.product04 .product_name {
  margin-top: min(114*100vw/1920, 114px);
}
.product04 .product_content01 {
  grid-column: 1;
  grid-row: 2;
  z-index: 3;
}
.product04 .product_content02 {
  grid-column: 3;
  grid-row: 1;
}
.product04 .product_content03 {
  grid-column: 1;
  grid-row: 3;
}
.product04 .product_content04 {
  grid-column: 2;
  grid-row: 4;
}
.product04 .product_content05 {
  grid-column: 4;
  grid-row: 5;
}
.product04 .product_content02::before {
  position: absolute;
  content: "";
  width: min(540*100vw/1920, 540px);
  height: min(1073*100vw/1920, 1073px);
  top: 0;
  right: 0;
  background-color: #6D6864;
  z-index: -1;
}
.product04 .product_content02 .product_price {
  margin-top: min(18*100vw/1920, 18px);
  margin-left: min(232*100vw/1920, 232px);
}
.product04 .product_content05 .product_price {
  top: min(257*100vw/1920, 257px);
  left: max(-302*100vw/1920, -302px);
}
.product04 .product_btn {
  background-color: var(--color-white);
  color: #6D6864;
}
@media screen and (max-width: 767px) {
  .product04 {
    padding: calc(106*100vw/375) 0 calc(48*100vw/375);
  }
  .product04 .product_number {
    top: calc(-57*100vw/375);
    left: calc(152*100vw/375);
  }
  .product04 .product_inner {
    margin-left: 0;
  }
  .product04 .product_wrapper {
    grid-template-columns: calc(24*100vw/375) calc(59*100vw/375) calc(1*100vw/375);
    grid-template-rows: calc(225*100vw/375) calc(871*100vw/375) calc(455*100vw/375) calc(191*100vw/375);
  }
  .product04 .product_title {
    margin-left: calc(3*100vw/375);
  }
  .product04 .product_name {
    margin-top: calc(47*100vw/375);
    text-align: right;
    white-space: nowrap;
  }
  .product04 .product_lead {
    margin-top: calc(26*100vw/375);
  }
  .product04 .product_content01 {
    grid-column: 3;
    grid-row: 1;
  }
  .product04 .product_content02 {
    grid-column: 1;
    grid-row: 2;
  }
  .product04 .product_content03 {
    grid-column: 2;
    grid-row: 3;
  }
  .product04 .product_content04 {
    grid-column: 4;
    grid-row: 4;
  }
  .product04 .product_content05 {
    grid-column: 2;
    grid-row: 5;
  }
  .product04 .product_content02::before {
    position: absolute;
    content: "";
    width: calc(308 * 100vw / 375);
    height: calc(152 * 100vw / 375);
    top: calc(361*100vw/375);
    left: calc(67*100vw/375);
    z-index: -1;
    background-color: #6D6864;
  }
  .product04 .product_content03::before {
    position: absolute;
    content: "";
    width: calc(351 * 100vw / 375);
    height: calc(402 * 100vw / 375);
    top: calc(68*100vw/375);
    left: calc(-24*100vw/375);
    z-index: -1;
    background-color: #57614F;
  }
  .product04 .product_content05::before {
    position: absolute;
    content: "";
    width: calc(252*100vw/375);
    height: calc(312*100vw/375);
    top: calc(45*100vw/375);
    left: calc(34*100vw/375);
    z-index: -1;
    background-color: #6D6864;
  }
  .product04 .product_content02 .product_price {
    margin-top: calc(12*100vw/375);
    margin-left: calc(97*100vw/375);
    font-size: calc(11*100vw/375);
  }
  .product04 .product_content05 .product_price {
    margin-top: calc(15 * 100vw / 375);
    margin-left: calc(48 * 100vw / 375);
    color: var(--color-white);
    font-size: calc(11 * 100vw / 375);
  }
  .product04 .product_btn {
    margin-top: calc(59*100vw/375);;
    margin-left: calc(34*100vw/375);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- product05 -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.product05 {
  background-color: #F0F0F0;
  padding: min(207*100vw/1920, 207px) 0 min(105*100vw/1920, 105px);
}
.product05 .product_number {
  top: max(-104*100vw/1920, -104px);
  left: max(-80*100vw/1920, -80px);
}
.product05 .product_inner {
  margin-left: min(260*100vw/1920, 260px);
}
.product05 .product_wrapper {
  grid-template-columns: min(632*100vw/1920, 632px) min(136*100vw/1920, 136px);
  grid-template-rows: min(715*100vw/1920, 715px);
}
.product05 .product_title {
  margin-left: min(142*100vw/1920, 142px);
}
.product05 .product_name {
  margin-top: min(114*100vw/1920, 114px);
}
.product05 .product_content01 {
  grid-column: 3;
  grid-row: 1;
  z-index: 3;
}
.product05 .product_content02 {
  grid-column: 1;
  grid-row: 1;
}
.product05 .product_content03 {
  grid-column: 2;
  grid-row: 2;
}
.product05 .product_content02::before {
  position: absolute;
  content: "";
  width: min(540*100vw/1920, 540px);
  height: min(1097*100vw/1920, 1097px);
  top: min(62*100vw/1920, 62px);
  left: min(132*100vw/1920, 132px);
  background-color: #57614F;
  z-index: -1;
}
.product05 .product_price {
  top: min(394*100vw/1920, 394px);
  left: max(-172*100vw/1920, -172px);
  color: var(--color-white);
}
@media screen and (max-width: 767px) {
  .product05 {
    padding: calc(106*100vw/375) 0 calc(48*100vw/375);
  }
  .product05 .product_number {
    top: calc(-57*100vw/375);
    left: 0;
  }
  .product05 .product_inner {
    margin-left: 0;
  }
  .product05 .product_wrapper {
    grid-template-columns: calc(24*100vw/375) calc(32*100vw/375);
    grid-template-rows: calc(186*100vw/375) calc(816*100vw/375);
  }
  .product05 .product_title {
    margin-left: calc(126*100vw/375);
    white-space: nowrap;
  }
  .product05 .product_name {
    margin-top: calc(57*100vw/375);
    white-space: nowrap;
  }
  .product05 .product_name_subtitle {
    margin-top: calc(21*100vw/375);
  }
  .product05 .product_content01 {
    grid-column: 2;
    grid-row: 1;
    z-index: 3;
  }
  .product05 .product_content02 {
    grid-column: 1;
    grid-row: 2;
  }
  .product05 .product_content03 {
    grid-column: 3;
    grid-row: 3;
  }
  .product05 .product_content03::before {
    position: absolute;
    content: "";
    width: calc(275*100vw/375);
    height: calc(371*100vw/375);
    top: calc(34*100vw/375);
    left: calc(-32*100vw/375);
    background-color: #57614F;
    z-index: -1;
  }
  .product05 .product_price {
    font-size: calc(11*100vw/375);
    margin-top: calc(9*100vw/375);
  }
  .product05 .product_btn {
    margin-top: calc(58*100vw/375);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- product06 -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.product06 {
  background-color: #57614F;
  padding: min(165*100vw/1920, 165px) 0 min(139*100vw/1920, 139px);
  color: var(--color-white);
}
.product06 .product_number {
  top: max(-99*100vw/1920, -99px);
  left: min(448*100vw/1920, 448px);
}
.product06 .product_inner {
  margin-left: min(317*100vw/1920, 317px);
}
.product06 .product_wrapper {
  grid-template-columns: min(610*100vw/1920, 610px) min(11*100vw/1920, 11px);
  grid-template-rows: min(38*100vw/1920, 38px) min(739*100vw/1920, 739px) min(190*100vw/1920, 190px) min(692*100vw/1920, 692px);
}
.product06 .product_title {
  margin-left: min(168*100vw/1920, 168px);
}
.product06 .product_name {
  margin-top: min(132*100vw/1920, 132px);
}
.product06 .product_content01 {
  grid-column: 1;
  grid-row: 2;
}
.product06 .product_content02 {
  grid-column: 3;
  grid-row: 1;
}
.product06 .product_content03 {
  grid-column: 1;
  grid-row: 3;
}
.product06 .product_content04 {
  grid-column: 2;
  grid-row: 4;
}
.product06 .product_content02::before {
  position: absolute;
  content: "";
  width: min(540*100vw/1920, 540px);
  height: min(1163*100vw/1920, 1163px);
  top: 0;
  right: 0;
  background-color: #396179;
  z-index: -1;
}
.product06 .product_content02 .product_price {
  margin-top: min(18*100vw/1920, 18px);
  margin-left: min(232*100vw/1920, 232px);
}
.product06 .product_content05 .product_price {
  top: min(257*100vw/1920, 257px);
  left: max(-302*100vw/1920, -302px);
}
.product06 .product_btn {
  background-color: var(--color-white);
  color: #6D6864;
}
@media screen and (max-width: 767px) {
  .product06 {
    padding: calc(106*100vw/375) 0 calc(48*100vw/375);
  }
  .product06 .product_number {
    top: calc(-57*100vw/375);
    left: calc(210*100vw/375);
  }
  .product06 .product_inner {
    margin-left: 0;
  }
  .product06 .product_wrapper {
    grid-template-columns: calc(24*100vw/375) calc(24*100vw/375) calc(20*100vw/375);
    grid-template-rows: calc(186*100vw/375) calc(818*100vw/375) calc(341*100vw/375) calc(1071*100vw/750);
  }
  .product06 .product_title {
    margin-left: calc(62*100vw/375);
    white-space: nowrap;
  }
  .product06 .product_name {
    margin-top: calc(56 * 100vw / 375);
    margin-left: calc(-8 * 100vw / 375);
    text-align: right;
    white-space: nowrap;
  }
  .product06 .product_lead {
    margin-top: calc(24*100vw/375);
    letter-spacing: .0027em;
  }
  .product06 .product_name_subtitle {
    margin-top: calc(21*100vw/375);
  }
  .product06 .product_content01 {
    grid-column: 2;
    grid-row: 1;
  }
  .product06 .product_content02 {
    grid-column: 1;
    grid-row: 2;
  }
  .product06 .product_content03 {
    grid-column: 2;
    grid-row: 3;
  }
  .product06 .product_content04 {
    grid-column: 4;
    grid-row: 4;
  }
  .product06 .product_content03::before {
    position: absolute;
    content: "";
    width: calc(312*100vw/375);
    height: calc(158*100vw/375);
    top: calc(-30*100vw/375);
    right: 0;
    background-color: #396179;
    z-index: -1;
  }
  .product06 .product_content04::before {
    position: absolute;
    content: "";
    width: calc(337*100vw/375);
    height: calc(158*100vw/375);
    top: calc(280*100vw/375);
    right: calc(-26*100vw/375);
    background-color: #396179;
    z-index: -1;
  }
  .product06 .product_content04 .product_price {
    color: var(--color-white);
    margin-top: calc(9 * 100vw / 375);
    font-size: calc(11 * 100vw / 375);
    margin-left: calc(2 * 100vw / 375);
  }
  .product06 .product_btn {
    margin-top: calc(62*100vw/375);
    margin-left: calc(-9.6*100vw/375);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- product07 -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.product07 {
  background-color: #F0F0F0;
  padding: min(202*100vw/1920, 202px) 0 min(105*100vw/1920, 105px);
}
.product07 .product_number {
  top: max(-96*100vw/1920, -96px);
  left: max(-85*100vw/1920, -85px);
}
.product07 .product_inner {
  margin-left: min(260*100vw/1920, 260px);
}
.product07 .product_wrapper {
  grid-template-columns: min(324*100vw/1920, 324px) min(308*100vw/1920, 308px) min(136*100vw/1920, 136px);
  grid-template-rows: min(5*100vw/1920, 5px) min(754*100vw/1920, 754px) min(256*100vw/1920, 256px) min(613*100vw/1920, 613px);
}
.product07 .product_title {
  margin-left: min(142*100vw/1920, 142px);
}
.product07 .product_name {
  margin-top: min(139*100vw/1920, 139px);
}
.product07 .product_lead {
  width: min(575*100vw/1920, 575px);
}
.product07 .product_content01 {
  grid-column: 4;
  grid-row: 1;
  z-index: 3;
}
.product07 .product_content02 {
  grid-column: 1;
  grid-row: 2;
}
.product07 .product_content03 {
  grid-column: 3;
  grid-row: 3;
}
.product07 .product_content04 {
  grid-column: 2;
  grid-row: 4;
}
.product07 .product_content02::before {
  position: absolute;
  content: "";
  width: min(353*100vw/1920, 353px);
  height: min(1457*100vw/1920, 1457px);
  top: min(58*100vw/1920, 58px);
  left: min(96*100vw/1920, 96px);
  background-color: #396179;
  z-index: -1;
}
.product07 .product_content02 .product_price {
  margin-top: min(16*100vw/1920, 16px);
  margin-left: min(126*100vw/1920, 126px);
  color: var(--color-white);
}
.product07 .product_content03 .product_price {
  width: fit-content;
  margin-top: min(14*100vw/1920, 14px);
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .product07 {
    padding: calc(105*100vw/375) 0 calc(48*100vw/375);
  }
  .product07 .product_number {
    top: calc(-57*100vw/375);
    left: 0;
  }
  .product07 .product_inner {
    margin-left: 0;
  }
  .product07 .product_wrapper {
    grid-template-columns: calc(24*100vw/375) calc(27*100vw/375) calc(64*100vw/375);
    grid-template-rows: calc(170*100vw/375) calc(775*100vw/375) calc(412*100vw/375) calc(882*100vw/750);
  }
  .product07 .product_title {
    margin-left: calc(126*100vw/375);
    white-space: nowrap;
  }
  .product07 .product_name_subtitle {
    margin-top: calc(5*100vw/375);
  }
  .product07 .product_name {
    margin-top: calc(56*100vw/375);
    white-space: nowrap;
  }
  .product07 .product_lead {
    width: calc(327*100vw/375);
    margin-top: calc(27*100vw/375);
  }
  .product07 .product_btn {
    margin-top: calc(49 * 100vw / 375);
    margin-left: calc(34 * 100vw / 375);
  }
  .product07 .product_content01 {
    grid-column: 2;
    grid-row: 1;
  }
  .product07 .product_content02 {
    grid-column: 1;
    grid-row: 2;
  }
  .product07 .product_content03 {
    grid-column: 3;
    grid-row: 3;
  }
  .product07 .product_content04 {
    grid-column: 2;
    grid-row: 4;
  }
  .product07 .product_content02::before {
    width: calc(280*100vw/375);
    height: calc(93*100vw/375);
    top: calc(418*100vw/375);
    left: 0;
  }
  .product07 .product_content03::before {
    position: absolute;
    content: "";
    width: calc(303*100vw/375);
    height: calc(423*100vw/375);
    top: calc(44*100vw/375);
    left: calc(-27*100vw/375);
    z-index: -1;
    background-color: #57614F;
  }
  .product07 .product_content02 .product_price {
    margin-top: calc(11*100vw/375);
    margin-left: calc(25*100vw/375);
    color: var(--color-white);
  }
  .product07 .product_content03 .product_price {
    margin-top: calc(10*100vw/375);
    margin-left: calc(29*100vw/375);
    color: var(--color-white);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- product08 -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.product08 {
  background-color: #396179;
  padding: min(165*100vw/1920, 165px) 0 min(107*100vw/1920, 107px);
  color: var(--color-white);
}
.product08 .product_number {
  top: max(-99*100vw/1920, -99px);
  left: min(448*100vw/1920, 448px);
}
.product08 .product_inner {
  margin-left: min(317*100vw/1920, 317px);
}
.product08 .product_wrapper {
  grid-template-columns: min(620*100vw/1920, 620px);
  grid-template-rows: min(38*100vw/1920, 38px) min(773*100vw/1920, 773px) min(811*100vw/1920, 811px);
}
.product08 .product_title {
  margin-left: min(168*100vw/1920, 168px);
}
.product08 .product_name {
  margin-top: min(148*100vw/1920, 148px);
}
.product08 .product_content01 {
  grid-column: 1;
  grid-row: 2;
}
.product08 .product_content02 {
  grid-column: 2;
  grid-row: 1;
}
.product08 .product_content03 {
  grid-column: 1;
  grid-row: 3;
}
.product08 .product_content02::before {
  position: absolute;
  content: "";
  width: min(609*100vw/1920, 609px);
  height: min(1163*100vw/1920, 1163px);
  top: min(233*100vw/1920, 233px);
  right: 0;
  background-color: #BC9395;
  z-index: -1;
}
.product08 .product_content03::before {
  position: absolute;
  content: "";
  width: min(467*100vw/1920, 467px);
  height: min(381*100vw/1920, 381px);
  top: min(431*100vw/1920, 431px);
  left: min(551*100vw/1920, 551px);
  background-color: #57614F;
  z-index: -1;
}
.product08 .product_content02 .product_price {
  margin-top: min(13*100vw/1920, 13px);
  margin-left: min(143*100vw/1920, 143px);
}
.product08 .product_content03 .product_price {
  top: min(741*100vw/1920, 741px);
  left: min(685*100vw/1920, 685px);
  white-space: nowrap;
}
.product08 .product_btn {
  background-color: var(--color-white);
  color: #6D6864;
}
@media screen and (max-width: 767px) {
  .product08 {
    padding: calc(105*100vw/375) 0 calc(48*100vw/375);
  }
  .product08 .product_number {
    top: calc(-57*100vw/375);
    left: calc(150*100vw/375);
  }
  .product08 .product_inner {
    margin-left: 0;
  }
  .product08 .product_wrapper {
    grid-template-columns: calc(46*100vw/375) calc(40*100vw/375);
    grid-template-rows: calc(223*100vw/375) calc(828*100vw/375) calc(555*100vw/375);
  }
  .product08 .product_title {
    margin-left: calc(0*100vw/375);
  }
  .product08 .product_name {
    margin-top: calc(47 * 100vw / 375);
    margin-left: calc(43 * 100vw / 375);
    text-align: right;
    white-space: nowrap;
  }
  .product08 .product_lead {
    margin-top: calc(32*100vw/375);
  }
  .product08 .product_content01 {
    grid-column: 3;
    grid-row: 1;
  }
  .product08 .product_content02 {
    grid-column: 1;
    grid-row: 2;
  }
  .product08 .product_content03 {
    grid-column: 2;
    grid-row: 3;
  }
  .product08 .product_content02::before {
    width: calc(308*100vw/375);
    height: calc(172*100vw/375);
    top: calc(360*100vw/375);
  }
  .product08 .product_content03::before {
    width: calc(311*100vw/375);
    height: calc(308*100vw/375);
    top: calc(146*100vw/375);
    left: calc(-46*100vw/375);
  }
  .product08 .product_content02 .product_price {
    margin-top: calc(13 * 100vw / 375);
    margin-left: calc(87 * 100vw / 375);
    font-size: calc(11 * 100vw / 375);
  }
  .product08 .product_content03 .product_price {
    margin-top: calc(16 * 100vw / 375);
    margin-left: calc(22 * 100vw / 375);
    white-space: nowrap;
    font-size: calc(11 * 100vw / 375);
  }
  .product08 .product_btn {
    margin-top: calc(66*100vw/375);
    margin-left: calc(12*100vw/375);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
- closing -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.closing {
  padding: min(115*100vw/1920, 115px) 0 min(108*100vw/1920, 108px);
  background-color: #F0F0F0;
}
.closing_text {
  --row: min(0*100vw/1920, 0px)
}
.closing_title {
  width: min(558*100vw/1920, 558px);
  margin: 0 auto;
}
.closing_subtitle {
  font-size: min(31.78*100vw/1920, 31.78px);
  line-height: 1;
  font-weight: var(--font-weight-medium);
  font-family: var(--font-en);
  color: #535353;
  text-align: center;
}
.closing_btn {
  width: min(330*100vw/1920, 330px);
  height: min(50*100vw/1920, 50px);
  margin: min(49*100vw/1920, 49px) auto 0;
  background-color: #535353;
  color: var(--color-white);
}
.closing_btn > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: min(16*100vw/1920, 16px);
  font-weight: var(--font-weight-semibold);
  font-family: var(--font-en);
  text-align: center;
  letter-spacing: .18em;
}
@media screen and (max-width: 767px) {
  .closing {
    padding: calc(103*100vw/375) 0;
  }
  .closing_text {
    --row: calc(5*100vw/375);
  }
  .closing_title {
    width: calc(306*100vw/375);
    margin: 0 auto;
  }
  .closing_subtitle {
    font-size: calc(18*100vw/375);
  }
  .closing_btn {
    width: calc(260*100vw/375);
    height: calc(50*100vw/375);
    margin-top: calc(36*100vw/375);
  }
  .closing_btn > a {
    font-size: calc(16*100vw/375);
  }
}
@media screen and (max-width: 767px) {
  #LpContainer .mobile-grid li:last-child {
    width: 70%;
    margin: 0 auto;
  }
}