@charset "UTF-8";
/* ---------------------------------------------------------------------------
  ★共通
--------------------------------------------------------------------------- */
body {
  font-size: clamp(1rem, 3.8vw, 1.6rem);
  -webkit-text-size-adjust: 100%;
}

.sp {
  display: block !important;
}

.sp_left {
  text-align: left !important;
}

.sp_center {
  text-align: center !important;
}

.pc {
  display: none !important;
}

a {
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.inner,
.inner_700,
.inner_800,
.inner_900,
.inner_1000,
.inner_1100,
.inner_1150,
.inner_1200,
.inner_1300 {
  width: 90%;
}

.f10 {
  font-size: clamp(0.8rem, 3.2vw, 1rem) !important;
}

.f11 {
  font-size: clamp(0.8rem, 3.3vw, 1.1rem) !important;
}

.f12 {
  font-size: clamp(0.8rem, 3.4vw, 1.2rem) !important;
}

.f13 {
  font-size: clamp(0.8rem, 3.5vw, 1.3rem) !important;
}

.f14 {
  font-size: clamp(1rem, 3.6vw, 1.4rem) !important;
}

.f15 {
  font-size: clamp(1rem, 3.7vw, 1.5rem) !important;
}

.story03 .f18,
.f16 {
  font-size: clamp(1rem, 3.8vw, 1.6rem) !important;
}

.f17 {
  font-size: clamp(1rem, 3.9vw, 1.7rem) !important;
}

.f18 {
  font-size: clamp(1rem, 4vw, 1.8rem) !important;
}

.f19 {
  font-size: clamp(1rem, 4.1vw, 1.9rem) !important;
}

.f20 {
  font-size: clamp(1.2rem, 4.2vw, 2rem) !important;
}

.f21 {
  font-size: clamp(1.2rem, 4.3vw, 2.1rem) !important;
}

.f22 {
  font-size: clamp(1.2rem, 4.4vw, 2.2rem) !important;
}

.f23 {
  font-size: clamp(1.2rem, 4.5vw, 2.3rem) !important;
}

.f24 {
  font-size: clamp(1.2rem, 4.6vw, 2.4rem) !important;
}

.f25 {
  font-size: clamp(1.2rem, 4.7vw, 2.5rem) !important;
}

.f26 {
  font-size: clamp(1.2rem, 4.8vw, 2.6rem) !important;
}

.f27 {
  font-size: clamp(1.2rem, 4.9vw, 2.7rem) !important;
}

.f28 {
  font-size: clamp(1.4rem, 5vw, 2.8rem) !important;
}

.f29 {
  font-size: clamp(1.4rem, 5.1vw, 2.9rem) !important;
}

.f30 {
  font-size: clamp(1.6rem, 5.2vw, 3rem) !important;
}

.f31 {
  font-size: clamp(1.6rem, 5.3vw, 3.1rem) !important;
}

.f32 {
  font-size: clamp(1.6rem, 5.4vw, 3.2rem) !important;
}

.f33 {
  font-size: clamp(1.6rem, 5.5vw, 3.3rem) !important;
}

.f34 {
  font-size: clamp(1.6rem, 5.6vw, 3.4rem) !important;
}

.anatomy03 h4,
.anatomy04 h4,
.anatomy05 h4,
.f35 {
  font-size: clamp(1.6rem, 5.7vw, 3.5rem) !important;
}

.f36 {
  font-size: clamp(1.6rem, 5.8vw, 3.6rem) !important;
}

.f37 {
  font-size: clamp(1.6rem, 5.9vw, 3.7rem) !important;
}

.f38 {
  font-size: clamp(1.8rem, 6vw, 3.8rem) !important;
}

.f39 {
  font-size: clamp(1.8rem, 6.1vw, 3.9rem) !important;
}

.f40,
.gacha03 h3 {
  font-size: clamp(1.8rem, 6.2vw, 4rem) !important;
}

.mA5 {
  margin: 0.5% !important;
}

.mA10 {
  margin: 1% !important;
}

.mA15 {
  margin: 1.5% !important;
}

.mA20 {
  margin: 2% !important;
}

.mA25 {
  margin: 2.5% !important;
}

.mA30 {
  margin: 3% !important;
}

.mA35 {
  margin: 3.5% !important;
}

.mA40 {
  margin: 4% !important;
}

.mA45 {
  margin: 4.5% !important;
}

.mA50 {
  margin: 5% !important;
}

.mA55 {
  margin: 5.5% !important;
}

.mA60 {
  margin: 6% !important;
}

.mA65 {
  margin: 6.5% !important;
}

.mA70 {
  margin: 7% !important;
}

.mA75 {
  margin: 7.5% !important;
}

.mA80 {
  margin: 8% !important;
}

.mA85 {
  margin: 8.5% !important;
}

.mA90 {
  margin: 9% !important;
}

.mA95 {
  margin: 9.5% !important;
}

.mA100 {
  margin: 10% !important;
}

.mA105 {
  margin: 10.5% !important;
}

.mA110 {
  margin: 11% !important;
}

.mA115 {
  margin: 15% !important;
}

.mA120 {
  margin: 12% !important;
}

.mA125 {
  margin: 12.5% !important;
}

.mA130 {
  margin: 13% !important;
}

.mA135 {
  margin: 13.5% !important;
}

.mA140 {
  margin: 14% !important;
}

.mA145 {
  margin: 14.5% !important;
}

.mA150 {
  margin: 15% !important;
}

.mT0 {
  margin-top: 0% !important;
}

.mT5 {
  margin-top: 0.5% !important;
}

.mT10 {
  margin-top: 1% !important;
}

.mT15 {
  margin-top: 1.5% !important;
}

.mT20 {
  margin-top: 2% !important;
}

.mT25 {
  margin-top: 2.5% !important;
}

.mT30 {
  margin-top: 3% !important;
}

.mT35 {
  margin-top: 3.5% !important;
}

.mT40 {
  margin-top: 4% !important;
}

.mT45 {
  margin-top: 4.5% !important;
}

.mT50 {
  margin-top: 5% !important;
}

.mT55 {
  margin-top: 5.5% !important;
}

.mT60 {
  margin-top: 6% !important;
}

.mT65 {
  margin-top: 6.5% !important;
}

.mT70 {
  margin-top: 7% !important;
}

.mT75 {
  margin-top: 7.5% !important;
}

.mT80 {
  margin-top: 8% !important;
}

.mT85 {
  margin-top: 8.5% !important;
}

.mT90 {
  margin-top: 9% !important;
}

.mT95 {
  margin-top: 9.5% !important;
}

.mT100 {
  margin-top: 10% !important;
}

.mT105 {
  margin-top: 10.5% !important;
}

.mT110 {
  margin-top: 11% !important;
}

.mT115 {
  margin-top: 11.5% !important;
}

.mT120 {
  margin-top: 12% !important;
}

.mT125 {
  margin-top: 12.5% !important;
}

.mT130 {
  margin-top: 13% !important;
}

.mT135 {
  margin-top: 13.5% !important;
}

.mT140 {
  margin-top: 14% !important;
}

.mT145 {
  margin-top: 14.5% !important;
}

.mT150 {
  margin-top: 15% !important;
}

.mB0 {
  margin-bottom: 0% !important;
}

.mB5 {
  margin-bottom: 0.5% !important;
}

.mB10 {
  margin-bottom: 1% !important;
}

.mB15 {
  margin-bottom: 1.5% !important;
}

.mB20 {
  margin-bottom: 2% !important;
}

.mB25 {
  margin-bottom: 2.5% !important;
}

.mB30 {
  margin-bottom: 3% !important;
}

.mB35 {
  margin-bottom: 3.5% !important;
}

.mB40 {
  margin-bottom: 4% !important;
}

.mB45 {
  margin-bottom: 4.5% !important;
}

.mB50 {
  margin-bottom: 5% !important;
}

.mB55 {
  margin-bottom: 5.5% !important;
}

.mB60 {
  margin-bottom: 6% !important;
}

.mB65 {
  margin-bottom: 6.5% !important;
}

.mB70 {
  margin-bottom: 7% !important;
}

.mB75 {
  margin-bottom: 7.5% !important;
}

.mB80 {
  margin-bottom: 8% !important;
}

.mB85 {
  margin-bottom: 8.5% !important;
}

.mB90 {
  margin-bottom: 9% !important;
}

.mB95 {
  margin-bottom: 9.5% !important;
}

.mB100 {
  margin-bottom: 10% !important;
}

.mB105 {
  margin-bottom: 10.5% !important;
}

.mB110 {
  margin-bottom: 11% !important;
}

.mB115 {
  margin-bottom: 11.5% !important;
}

.mB120 {
  margin-bottom: 12% !important;
}

.mB125 {
  margin-bottom: 12.5% !important;
}

.mB130 {
  margin-bottom: 13% !important;
}

.mB135 {
  margin-bottom: 13.5% !important;
}

.mB140 {
  margin-bottom: 14% !important;
}

.mB145 {
  margin-bottom: 14.5% !important;
}

.mB150 {
  margin-bottom: 15% !important;
}

.mL0 {
  margin-left: 0% !important;
}

.mL5 {
  margin-left: 0.5% !important;
}

.mL10 {
  margin-left: 1% !important;
}

.mL15 {
  margin-left: 1.5% !important;
}

.mL20 {
  margin-left: 2% !important;
}

.mL25 {
  margin-left: 2.5% !important;
}

.mL30 {
  margin-left: 3% !important;
}

.mL35 {
  margin-left: 3.5% !important;
}

.mL40 {
  margin-left: 4% !important;
}

.mL45 {
  margin-left: 4.5% !important;
}

.mL50 {
  margin-left: 5% !important;
}

.mL55 {
  margin-left: 5.5% !important;
}

.mL60 {
  margin-left: 6% !important;
}

.mL65 {
  margin-left: 6.5% !important;
}

.mL70 {
  margin-left: 7% !important;
}

.mL75 {
  margin-left: 7.5% !important;
}

.mL80 {
  margin-left: 8% !important;
}

.mL85 {
  margin-left: 8.5% !important;
}

.mL90 {
  margin-left: 9% !important;
}

.mL95 {
  margin-left: 9.5% !important;
}

.mL100 {
  margin-left: 10% !important;
}

.mL105 {
  margin-left: 10.5% !important;
}

.mL110 {
  margin-left: 11% !important;
}

.mL115 {
  margin-left: 11.5% !important;
}

.mL120 {
  margin-left: 12% !important;
}

.mL125 {
  margin-left: 12.5% !important;
}

.mL130 {
  margin-left: 13% !important;
}

.mL135 {
  margin-left: 13.5% !important;
}

.mL140 {
  margin-left: 14% !important;
}

.mL145 {
  margin-left: 14.5% !important;
}

.mL150 {
  margin-left: 15% !important;
}

.mR0 {
  margin-right: 0% !important;
}

.mR5 {
  margin-right: 0.5% !important;
}

.mR10 {
  margin-right: 1% !important;
}

.mR15 {
  margin-right: 1.5% !important;
}

.mR20 {
  margin-right: 2% !important;
}

.mR25 {
  margin-right: 2.5% !important;
}

.mR30 {
  margin-right: 3% !important;
}

.mR35 {
  margin-right: 3.5% !important;
}

.mR40 {
  margin-right: 4% !important;
}

.mR45 {
  margin-right: 4.5% !important;
}

.mR50 {
  margin-right: 5% !important;
}

.mR55 {
  margin-right: 5.5% !important;
}

.mR60 {
  margin-right: 6% !important;
}

.mR65 {
  margin-right: 6.5% !important;
}

.mR70 {
  margin-right: 7% !important;
}

.mR75 {
  margin-right: 7.5% !important;
}

.mR80 {
  margin-right: 8% !important;
}

.mR85 {
  margin-right: 8.5% !important;
}

.mR90 {
  margin-right: 9% !important;
}

.mR95 {
  margin-right: 9.5% !important;
}

.mR100 {
  margin-right: 10% !important;
}

.mR105 {
  margin-right: 10.5% !important;
}

.mR110 {
  margin-right: 11% !important;
}

.mR115 {
  margin-right: 11.5% !important;
}

.mR120 {
  margin-right: 12% !important;
}

.mR125 {
  margin-right: 12.5% !important;
}

.mR130 {
  margin-right: 13% !important;
}

.mR135 {
  margin-right: 13.5% !important;
}

.mR140 {
  margin-right: 14% !important;
}

.mR145 {
  margin-right: 14.5% !important;
}

.mR150 {
  margin-right: 15% !important;
}

.pT0 {
  padding-top: 0% !important;
}

.pT5 {
  padding-top: 0.5% !important;
}

.pT10 {
  padding-top: 1% !important;
}

.pT15 {
  padding-top: 1.5% !important;
}

.pT20 {
  padding-top: 2% !important;
}

.pT25 {
  padding-top: 2.5% !important;
}

.pT30 {
  padding-top: 3% !important;
}

.pT35 {
  padding-top: 3.5% !important;
}

.pT40 {
  padding-top: 4% !important;
}

.pT45 {
  padding-top: 4.5% !important;
}

.pT50 {
  padding-top: 5% !important;
}

.pT55 {
  padding-top: 5.5% !important;
}

.pT60 {
  padding-top: 6% !important;
}

.pT65 {
  padding-top: 6.5% !important;
}

.pT70 {
  padding-top: 7% !important;
}

.pT75 {
  padding-top: 7.5% !important;
}

.pT80 {
  padding-top: 8% !important;
}

.pT85 {
  padding-top: 8.5% !important;
}

.pT90 {
  padding-top: 9% !important;
}

.pT95 {
  padding-top: 9.5% !important;
}

.pT100 {
  padding-top: 10% !important;
}

.pT105 {
  padding-top: 10.5% !important;
}

.pT110 {
  padding-top: 11% !important;
}

.pT115 {
  padding-top: 11.5% !important;
}

.pT120 {
  padding-top: 12% !important;
}

.pT125 {
  padding-top: 12.5% !important;
}

.pT130 {
  padding-top: 13% !important;
}

.pT135 {
  padding-top: 13.5% !important;
}

.pT140 {
  padding-top: 14% !important;
}

.pT145 {
  padding-top: 14.5% !important;
}

.pT150 {
  padding-top: 15% !important;
}

.pB0 {
  padding-bottom: 0% !important;
}

.pB5 {
  padding-bottom: 0.5% !important;
}

.pB10 {
  padding-bottom: 1% !important;
}

.pB15 {
  padding-bottom: 1.5% !important;
}

.pB20 {
  padding-bottom: 2% !important;
}

.pB25 {
  padding-bottom: 2.5% !important;
}

.pB30 {
  padding-bottom: 3% !important;
}

.pB35 {
  padding-bottom: 3.5% !important;
}

.pB40 {
  padding-bottom: 4% !important;
}

.pB45 {
  padding-bottom: 4.5% !important;
}

.pB50 {
  padding-bottom: 5% !important;
}

.pB55 {
  padding-bottom: 5.5% !important;
}

.pB60 {
  padding-bottom: 6% !important;
}

.pB65 {
  padding-bottom: 6.5% !important;
}

.pB70 {
  padding-bottom: 7% !important;
}

.pB75 {
  padding-bottom: 7.5% !important;
}

.pB80 {
  padding-bottom: 8% !important;
}

.pB85 {
  padding-bottom: 8.5% !important;
}

.pB90 {
  padding-bottom: 9% !important;
}

.pB95 {
  padding-bottom: 9.5% !important;
}

.pB100 {
  padding-bottom: 10% !important;
}

.pB105 {
  padding-bottom: 10.5% !important;
}

.pB110 {
  padding-bottom: 11% !important;
}

.pB115 {
  padding-bottom: 11.5% !important;
}

.pB120 {
  padding-bottom: 12% !important;
}

.pB125 {
  padding-bottom: 12.5% !important;
}

.pB130 {
  padding-bottom: 13% !important;
}

.pB135 {
  padding-bottom: 13.5% !important;
}

.pB140 {
  padding-bottom: 14% !important;
}

.pB145 {
  padding-bottom: 14.5% !important;
}

.pB150 {
  padding-bottom: 15% !important;
}

.pL0 {
  padding-left: 0% !important;
}

.pL5 {
  padding-left: 0.5% !important;
}

.pL10 {
  padding-left: 1% !important;
}

.pL15 {
  padding-left: 1.5% !important;
}

.pL20 {
  padding-left: 2% !important;
}

.pL25 {
  padding-left: 2.5% !important;
}

.pL30 {
  padding-left: 3% !important;
}

.pL35 {
  padding-left: 3.5% !important;
}

.pL40 {
  padding-left: 4% !important;
}

.pL45 {
  padding-left: 4.5% !important;
}

.pL50 {
  padding-left: 5% !important;
}

.pL55 {
  padding-left: 5.5% !important;
}

.pL60 {
  padding-left: 6% !important;
}

.pL65 {
  padding-left: 6.5% !important;
}

.pL70 {
  padding-left: 7% !important;
}

.pL75 {
  padding-left: 7.5% !important;
}

.pL80 {
  padding-left: 8% !important;
}

.pL85 {
  padding-left: 8.5% !important;
}

.pL90 {
  padding-left: 9% !important;
}

.pL95 {
  padding-left: 9.5% !important;
}

.pL100 {
  padding-left: 10% !important;
}

.pL105 {
  padding-left: 10.5% !important;
}

.pL110 {
  padding-left: 11% !important;
}

.pL115 {
  padding-left: 11.5% !important;
}

.pL120 {
  padding-left: 12% !important;
}

.pL125 {
  padding-left: 12.5% !important;
}

.pL130 {
  padding-left: 13% !important;
}

.pL135 {
  padding-left: 13.5% !important;
}

.pL140 {
  padding-left: 14% !important;
}

.pL145 {
  padding-left: 14.5% !important;
}

.pL150 {
  padding-left: 15% !important;
}

.pR0 {
  padding-right: 0% !important;
}

.pR5 {
  padding-right: 0.5% !important;
}

.pR10 {
  padding-right: 1% !important;
}

.pR15 {
  padding-right: 1.5% !important;
}

.pR20 {
  padding-right: 2% !important;
}

.pR25 {
  padding-right: 2.5% !important;
}

.pR30 {
  padding-right: 3% !important;
}

.pR35 {
  padding-right: 3.5% !important;
}

.pR40 {
  padding-right: 4% !important;
}

.pR45 {
  padding-right: 4.5% !important;
}

.pR50 {
  padding-right: 5% !important;
}

.pR55 {
  padding-right: 5.5% !important;
}

.pR60 {
  padding-right: 6% !important;
}

.pR65 {
  padding-right: 6.5% !important;
}

.pR70 {
  padding-right: 7% !important;
}

.pR75 {
  padding-right: 7.5% !important;
}

.pR80 {
  padding-right: 8% !important;
}

.pR85 {
  padding-right: 8.5% !important;
}

.pR90 {
  padding-right: 9% !important;
}

.pR95 {
  padding-right: 9.5% !important;
}

.pR100 {
  padding-right: 10% !important;
}

.pR105 {
  padding-right: 10.5% !important;
}

.pR110 {
  padding-right: 11% !important;
}

.pR115 {
  padding-right: 11.5% !important;
}

.pR120 {
  padding-right: 12% !important;
}

.pR125 {
  padding-right: 12.5% !important;
}

.pR130 {
  padding-right: 13% !important;
}

.pR135 {
  padding-right: 13.5% !important;
}

.pR140 {
  padding-right: 14% !important;
}

.pR145 {
  padding-right: 14.5% !important;
}

.pR150 {
  padding-right: 15% !important;
}

.pA0 {
  padding: 0% !important;
}

.pA5 {
  padding: 0.5% !important;
}

.pA10 {
  padding: 1% !important;
}

.pA15 {
  padding: 1.5% !important;
}

.pA20 {
  padding: 2% !important;
}

.pA25 {
  padding: 2.5% !important;
}

.pA30 {
  padding: 3% !important;
}

.pA35 {
  padding: 3.5% !important;
}

.pA40 {
  padding: 4% !important;
}

.pA45 {
  padding: 4.5% !important;
}

.pA50 {
  padding: 5% !important;
}

.pA55 {
  padding: 5.5% !important;
}

.pA60 {
  padding: 6% !important;
}

.pA65 {
  padding: 6.5% !important;
}

.pA70 {
  padding: 7% !important;
}

.pA75 {
  padding: 7.5% !important;
}

.pA80 {
  padding: 8% !important;
}

.pA85 {
  padding: 8.5% !important;
}

.pA90 {
  padding: 9% !important;
}

.pA95 {
  padding: 9.5% !important;
}

.pA100 {
  padding: 10% !important;
}

.pA105 {
  padding: 10.5% !important;
}

.pA110 {
  padding: 11% !important;
}

.pA115 {
  padding: 11.5% !important;
}

.pA120 {
  padding: 12% !important;
}

.pA125 {
  padding: 12.5% !important;
}

.pA130 {
  padding: 13% !important;
}

.pA135 {
  padding: 13.5% !important;
}

.pA140 {
  padding: 14% !important;
}

.pA145 {
  padding: 14.5% !important;
}

.pA150 {
  padding-left: 15% !important;
}

/* ---------------------------------------------------------------------------
  ★TABLE
--------------------------------------------------------------------------- */
.c_table_01 table tbody tr td,
.c_table_02 table tbody tr td {
  padding: 0;
  word-break: break-all;
  width: 100%;
  display: block;
}

.c_table_01 table tbody tr th,
.c_table_02 table tbody tr th {
  padding: 0;
  display: block;
  word-break: break-all;
  text-align: left;
}

.c_table_02 table tbody tr th {
  width: 100%;
}
.c_table_02 table tbody tr th,
.c_table_02 table tbody tr td {
  padding: 10px 13px;
}
.c_table_02 table tbody tr th {
  background: #ff7ab5;
  color: #fff;
  font-weight: bold;
}

/* 横スクロール */
.c_table_03 {
  overflow-x: scroll;
}

.c_table_03 table {
  width: 100%;
  min-width: 600px;
  border-collapse: collapse;
}

.c_table_03 table tr th,
.c_table_03 table tr td {
  padding: 10px !important;
  word-break: break-all !important;
}

/* ---------------------------------------------------------------------------
  ★背景
--------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------
  ★LIST
--------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------
  ★BASE
--------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------
  ★タイトル
--------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------
  ★テキスト
--------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------
  ★アニメーション
--------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------
  ★ハンバーガーメニュー
--------------------------------------------------------------------------- */

/* =======================================
	★TOP
========================================== */

/* =======================================
	★form
========================================== */
#contact .popup-inner {
  padding: 40px 20px;
}
input.short {
  width: 50%;
}
.long.mL10 {
  margin-left: 0 !important;
}
form#mailformpro label {
  white-space: normal !important;
  text-align: left !important;
}
form#mailformpro label > span {
  margin-left: 10px;
}
#contact label.c_b {
  line-height: 140% !important;
}

/* =======================================
	★下層
========================================== */

/* アコーディオン */
dt.plus {
  padding: 10px 2.5em 8px 0.5em;
}
dt.plus:before {
  right: 10px;
}
.accordion dd {
  width: calc(100% - 1em);
  margin: 10px auto 10px;
}

/* =======================================
	★微調整
========================================== */
.slide > .rela::after {
  background: url(../img/load_noise_sp.webp) no-repeat center/200%;
}
.slide1 .txt {
  width: 84%;
  top: 50.5%;
}
.slide1 .txt svg {
  width: 100%;
}
.slide1.active .rela::before {
  width: 90%;
}
.slide2 .present {
  width: 60%;
}
.slide2 .txt2 svg {
  width: 90%;
}

.cracker2 {
  width: 90%;
}

.home01 .w_bg::before {
  background: url(../img/home01_bg_top.png) no-repeat center top / cover;
  height: 8%;
}
.home01 .w_bg::after {
  background: url(../img/home01_bg_bottom.png) no-repeat left 0px bottom /
    contain;
  height: 27.6vw;
}
.home01 .w_bg2::after {
  top: calc(8% - 1px);
  height: calc(92.6% - 27.6vw);
}
.home01 .txtArea {
  width: 100%;
  padding-top: 35vw;
  padding-bottom: 12.2vw;
}
.home01 .txtArea .border_area2 {
  background-image: linear-gradient(to bottom, transparent 98%, #38312c 0%);
  background-size: 100% 9.83vw;
  background-repeat: repeat-y;
  border-top: 1px solid #38312c;
  line-height: 9.83vw;
  padding-bottom: 5vw;
  background-position: 0 0.2vw;
}
.home01 .txtArea .border_area2 p {
  line-height: 9.83vw;
}
.home01 .btn01 a {
  min-width: 70%;
}
.home01 .btn01 a::before {
  right: 15px;
  top: 22px;
}
.home01 .sub_baloon1 {
  right: 1.8%;
  width: 22.5%;
  top: 4%;
}
.home01 .sub_baloon2 {
  width: 30.6%;
  bottom: 5%;
  left: -11.8%;
}

.home02 {
  margin-top: 0;
  padding-top: 16%;
  padding-bottom: 23%;
}
.h02_img,
.h02_img2,
.h02_img3 {
  width: 70%;
  position: relative;
  z-index: 3;
}
.h02_img2 {
  margin-right: 0;
  margin-left: auto;
  margin-top: -15%;
  position: relative;
  z-index: 2;
}
.h02_img3 {
  margin-top: -19%;
  z-index: 1;
}
.home02 .home03_bg_sub {
  bottom: -14%;
  height: 20%;
}
.home02 .home02_bg_ht {
  right: 6.5%;
  width: 100vw;
  height: 100vw;
  bottom: 17%;
  top: auto;
}
.home02 .btn01_w a {
  min-width: 270px;
  width: 50%;
}
.home02 .btn01_w a::before {
  right: 3vw !important;
}
.home02 .rela::before {
  content: "";
  position: absolute;
  display: inline-block;
  left: -7.8%;
  top: 0;
  background: url(../img/l_light2.png) no-repeat center / 100%;
  width: 75vw;
  height: 63vw;
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: 4;
}
.home02 .rela::after {
  content: "";
  position: absolute;
  display: inline-block;
  right: -6.5%;
  top: 44%;
  background: url(../img/r_light.png) no-repeat center / 100%;
  width: 73vw;
  height: 61vw;
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: 4;
  pointer-events: none;
}
.home02 .rela.fadein::after,
.home02 .rela.fadein::before {
  opacity: 1;
}
.home02 .fadein {
  position: static;
}
.home02 .sticky-image.img02 a,
.home02 .sticky-image.img03 a {
  display: none;
}

.home03 {
  overflow: hidden;
}
.home03 .cl33 {
  display: none;
}
.home03 .memoArea {
  position: static;
  width: 100% !important;
}
.home03 .memo {
  position: relative;
  width: 100%;
  opacity: 1;
  z-index: 3;
}
.home03 .memoArea .memo-content {
  position: relative;
  top: auto;
  left: auto !important;
  z-index: -1;
  width: 100% !important;
  margin-top: -11%;
  z-index: 0;
  right: 0%;
}
.home03 .memo.play,
.home03 .memo.reverse {
  display: none;
}
.home03 .btn01 {
  position: absolute;
  bottom: 10%;
  left: 45%;
  width: 64%;
  transform: translateX(-50%) rotate(4.912deg);
}
.home03 .btn01 a {
  display: inline-block;
  min-width: 100%;
  width: 100%;
  background: #38312c;
  padding: 6px 20px;
}
.home03 .memoArea .memo-content a {
  min-width: auto !important;
}
.home03 .btn01 a::before {
  display: none;
}
.home03 .memoArea .memo-wrap .pin {
  top: 1vw !important;
  z-index: 10 !important;
  width: 8.2vw !important;
  height: 10vw !important;
}
.home03 .memoArea.memo2 {
  transform: rotate(0);
}
.home03 .memoArea.memo2 .memo-content {
  transform: rotate(6deg);
}
.home03 .memoArea.memo2 .memo-wrap .pin {
  left: 37.5%;
}
.home03 .memoArea.memo3 .memo-content {
  transform: rotate(-11deg);
}
.home03 .memoArea.memo3 .memo-wrap .pin {
  left: 57.5%;
  top: 3vw !important;
}
.home03 h2 {
  margin-bottom: 12%;
}
.home06 .cl50 {
  flex-wrap: wrap;
}
.home06 .cl50 > * {
  width: 100% !important;
}
.home03 .memoArea .memo-content .txt {
  font-size: clamp(1rem, 3.8vw, 3.6rem) !important;
}

.home04 .rela {
  padding-top: 15%;
}
.home04 .cl50 > div {
  width: 100%;
}
.home04 .rela::before {
  left: -6.8%;
  top: 11.4%;
}
.home04 .rela::after {
  right: -7.5%;
  top: 55%;
}
.home04.pB135 {
  padding-bottom: 0 !important;
}

.home05 {
  padding-bottom: 16%;
}
.home05 .cl50 > * {
  width: 100%;
}
.home05 .bg {
  position: absolute;
  display: inline-block;
  left: 0%;
  top: 1px;
  background: url(../img/home05_sp_bg.png) center top / contain;
}
.h05_sliderArea {
  height: 51vw;
}

#home .home06 {
  padding-top: 85%;
}
.home06 {
  padding-top: 10%;
}
.home06 .kome {
  margin-left: 0;
}
.home06 .submit_wrap {
  margin-left: 0;
  text-align: center;
}
.home06 .f_center {
  width: 55vw;
  max-width: 300px;
  margin-top: 34%;
}
.home06 .f_center::before {
  width: 71.8vw;
  height: 94vw;
}

.totop_wrap {
  width: 5.16em;
  bottom: 1%;
}

input.long,
textarea.message {
  height: 4.8rem;
}

footer .footer02_nav {
  flex-wrap: wrap;
}
footer .footer02_nav ul:nth-child(even) {
  width: 51%;
}
footer .footer02_nav ul:nth-child(odd) {
  width: 47%;
}
footer .inner_1200 {
  flex-wrap: wrap;
}
footer .footer02_01,
footer .footer02_02 {
  width: 100%;
}
.f_bloonArea .baloon_ab {
  top: 31.7%;
  right: 0%;
  width: 32%;
}
.f_bloonArea .h06_bl_sub {
  top: 16%;
  right: 2.1%;
  width: 15%;
}
.f_bloonArea .h06_bl_sub2 {
  top: 48.5%;
  right: -3.5%;
  width: 19%;
}
.f_bloonArea .h06_bl2 {
  top: 12.5%;
  left: 0.1%;
  width: 27.6%;
}
.f_bloonArea .h06_bl3 {
  top: auto;
  left: 6%;
  width: 39.8%;
  bottom: 19%;
}
.f_bloonArea .h06_bl4 {
  top: 39.5%;
  left: auto;
  width: 34.8%;
  right: 5%;
}
.f_bloonArea .h06_bl5 {
  right: 0%;
  width: 42%;
  top: 63.2%;
}
.f_bloonArea .h06_bl_sub3 {
  top: 62.8%;
  left: 0.9%;
  width: 20%;
}
.f_bloonArea .h06_bl6 {
  top: 45%;
  left: -0.6%;
  width: 31%;
}
.f_bloonArea .h06_bl7 {
  top: auto;
  bottom: 20.2%;
  right: 2%;
  width: 39.7%;
}
.f_bloonArea .h06_bl_sub4 {
  top: auto;
  bottom: 1.4%;
  right: 7%;
  width: 35%;
}

.u_layer .f_bloonArea .baloon_ab {
  top: 19%;
}
.u_layer .f_bloonArea .h06_bl_sub {
  top: 4%;
}
.u_layer .f_bloonArea .h06_bl_sub2 {
  top: 36.5%;
}
.u_layer .f_bloonArea .h06_bl2 {
  top: 0.5%;
}
.u_layer .f_bloonArea .h06_bl3 {
  bottom: 24%;
  top: auto;
}
.u_layer .f_bloonArea .h06_bl4 {
  top: 43%;
}
.u_layer .f_bloonArea .h06_bl5 {
  top: 57.2%;
}
.u_layer .f_bloonArea .h06_bl_sub3 {
  top: 56.8%;
}
.u_layer .f_bloonArea .h06_bl6 {
  top: 43%;
}
.u_layer .f_bloonArea .h06_bl7 {
  bottom: 24.2%;
  top: auto;
}
.u_layer .f_bloonArea .h06_bl_sub4 {
  bottom: 1.4%;
  top: auto;
}
.u_layer .rela.bg::before {
  height: 49%;
}

.hamburger {
  right: 0;
  top: 0%;
  width: 5.5em;
  height: 5.5em;
}
.hamburger > div {
  height: 5.5em;
}
.hamburger > div::before,
.u_layer .hamburger > div::before {
  right: 1%;
  top: 1%;
  width: 5.5em;
  height: 7.5em;
}
.global-nav .accordion-container .flex {
  flex-direction: column-reverse;
  width: 100%;
}
.ham_logo {
  display: none;
}
.global-nav .accordion-container .accordion-content li {
  padding: 0.3em;
}
.nav-close .bar {
  width: 3rem;
}
.nav-close {
  top: 4%;
  right: 5%;
  width: 3rem;
  height: 3rem;
}
.global-nav {
  clip-path: circle(0% at calc(100% - 40px) 45px);
}
.global-nav .accordion-container .accordion-content li:nth-of-type(5) a {
  align-items: flex-start;
  line-height: 140%;
}
.global-nav .accordion-container .accordion-content {
  width: 100%;
}

.main_inpages .fE.txt {
  font-size: clamp(2.8rem, 13.2vw, 9rem) !important;
}
.u_layer .u_logo {
  width: 8.5em;
}
.main_inpages,
#determination .main_inpages {
  padding: 35% 0 15%;
}
.letter .letter2::after {
  bottom: -0.2em;
  height: 0.2em;
  background: url(../img/letter_t_b.png) repeat left bottom / cover;
}
.letter .letter2::before {
  background: url(../img/letter_t_b.png) repeat left top / cover;
  height: 0.2em;
}

.home01 .txtArea {
  width: 100%;
  padding-top: 35vw;
  padding-bottom: 12.2vw;
}
.border_area {
  background-image: linear-gradient(to bottom, transparent 98%, #38312c 0%);
  background-size: 100% 2.5em;
  background-repeat: repeat-y;
  line-height: 2.5;
  border-top: 1px solid #38312c;
}

.gratitude01.home01 .w_bg::before {
  height: 5.5%;
}
.gratitude01.home01 .w_bg2::after {
  top: calc(5.5% - 1px);
  height: calc(95.3% - 27.6vw);
}
.gratitude01 .cl6_4 {
  flex-direction: column-reverse;
}
.gratitude01 .cl6_4 .rela.pin_p {
  margin-bottom: 10%;
}
.gratitude01.home01 .sub_baloon2 {
  bottom: 1%;
}
.gratitude01 .w_bg::after {
  bottom: 0;
}
.gratitude01 .border_area {
  background-image: linear-gradient(to bottom, transparent 98%, #38312c 0%);
  background-size: 100% 9.5vw;
  background-repeat: repeat-y;
  line-height: 9.5vw;
  border-top: 1px solid #38312c;
}
.gratitude03 .flex,
.gratitude02 .flex {
  flex-wrap: wrap;
}
.gratitude03 .flex > h4,
.gratitude02 .flex > h4 {
  width: 100%;
  text-align: center;
}
.gratitude02 .f_ps150,
.gratitude03 .f_ps150 {
  font-size: 125% !important;
}
.gratitude03,
.gratitude02 {
  padding-bottom: 12%;
}
.gratitude03 .gratitude02_bg_sub,
.gratitude02 .gratitude02_bg_sub {
  height: 14%;
}
.gratitude02 .gratitude02_bg_ht {
  top: 108.5vw;
}
.gratitude03 .gratitude03_bg_ht {
  top: auto;
  bottom: 171vw;
}
.gratitude03 h5 {
  line-height: 140%;
}
.gratitude03 .rela.of_hidd::before,
.gratitude02 .rela.of_hidd::before {
  left: -10.8%;
  top: 1%;
  transform: rotate(17deg);
}
.gratitude03 .rela.of_hidd::after,
.gratitude02 .rela.of_hidd::after {
  right: -10.5%;
  top: 2%;
  transform: rotate(-14deg);
}
.gratitude03 .letter .letter2::before {
  top: calc(-0.3% - 0.3em);
}
.gratitude03 .letter .letter2::after {
  bottom: calc(-0.3% - 0.3em);
}
.gratitude03.pB150,
.history02.pB150,
#case_file .case_file02,
.partner01,
.dialogue04,
.gacha03,
.anatomy05.pB120,
#thanks .pB150 {
  padding-bottom: 40vw !important;
}

.history01 .normal1,
.history01 .normal2,
.history01 .noimg1,
.history01 .no10 .normal1,
.history01 .no14 .normal2,
.history01 .no17 .normal3,
.history01 .no18 .normal1,
.history01 .no19 .event-box {
  padding: 0;
  flex-wrap: wrap;
}
.history01 .cl6_4,
.history01 .no19 .event-box {
  flex-direction: column-reverse;
}
.history01 .cl4_6 > *:nth-child(odd),
.history01 .cl4_6 > *:nth-child(even),
.history01 .cl6_4 > *:nth-child(odd),
.history01 .cl6_4 > *:nth-child(even),
.history01 .no10 .cl4_6 > *:nth-child(odd),
.history01 .no10 .cl4_6 > *:nth-child(even),
.history01 .no17 .normal3 > *:nth-child(odd),
.history01 .no17 .normal3 > *:nth-child(even),
.history01 .no18 .normal1 > *:nth-child(odd),
.history01 .no18 .normal1 > *:nth-child(even),
.history01 .no19 .normal3 > *:nth-child(odd),
.history01 .no19 .normal3 > *:nth-child(even) {
  width: 100%;
}
.history01 .p_01 img {
  transform: rotate(7.78deg);
}
.history01 .titArea .ki {
  font-size: clamp(2.8rem, 7.2vw, 5rem) !important;
}
.history01 .no1 .titArea .ki span {
  margin-left: -0.3rem;
}
.history01 .mT120,
.history01 .no3,
.history01 .mT110,
.history01 .mT80 {
  margin-top: 18% !important;
}
.history01 .titArea.mT45,
.history01 .titArea.mT35,
.history01 .titArea.mT40,
.history01 .titArea.mT50,
.history01 .titArea.mT80 {
  margin-top: 0.5% !important;
}
.history01 .timelineWrapper.l_ps,
.history01 .timelineWrapper.r_ps,
.history01 .no3 .r_ps,
.history01 .no4 .timelineWrapper.r_ps,
.history01 .no10 .timelineWrapper.r_ps,
.history01 .no14 .timelineWrapper.r_ps,
.history01 .no15 .timelineWrapper.r_ps {
  bottom: 2%;
}
.history01 .timeline::after {
  width: 20px;
  height: 20px;
  top: calc(100% - 11px);
}
.history01 .timeline-1,
.history01 .timeline-2,
.history01 .timeline-3,
.history01 .timeline-4,
.history01 .timeline-7,
.history01 .timeline-9,
.history01 .timeline-10,
.history01 .timeline-14,
.history01 .timeline-15,
.history01 .timeline-17,
.history01 .timeline-19 {
  --target-height: 21vw;
}
.history01 .timeline-4 {
  --rotation: 32deg;
}
.history01 .timeline-7 {
  --rotation: -32deg;
}
.history01 .no7 .timelineWrapper.r_ps {
  bottom: 1%;
  left: 55.5%;
}
.history01 .no9 .timelineWrapper.r_ps {
  bottom: 1%;
  left: 80%;
}
.history01 .timeline-15 {
  --rotation: -43.8deg;
}
.history01 .normal3 .titArea .ki.pL20 {
  padding-left: 0 !important;
}
.history01 .no18 .sub {
  right: 0;
  width: 60%;
}

.history02 .link_btn a {
  width: 100%;
}
.history02 .cheki {
  width: 95% !important;
}
.history02 .cheki:nth-of-type(1) {
  margin-top: 3%;
}
.history02 .cheki::after {
  top: -12%;
  width: 3.2em;
  height: 4em;
}
.history02 .cheki:nth-of-type(2),
.history02 .cheki:nth-of-type(3) {
  margin-top: 11%;
}
.history02 .cheki:nth-of-type(3) {
  transform: rotate(6deg);
}
#history {
  overflow: hidden;
}
.history02 .link_btn.mT55 {
  margin-top: 12.5% !important;
}

#case_file .danger_role {
  height: 2.2em;
}
#case_file .d_area {
  transform: rotate(2.8deg);
}
#case_file h3 {
  font-size: clamp(1.8rem, 6.2vw, 4rem) !important;
}
#case_file h3 span {
  color: #fff;
  background: none;
  padding: 0;
}
#case_file h3 span > span {
  background: #000;
  padding: 0 1em;
}
.case_file01 .mT80 {
  margin-top: 25% !important;
}
#case_file .bgW {
  padding: 8% 2% 2%;
}

#case_file .danger_role2 {
  height: 1.1em;
}

.story01.bg_p,
.determination01.bg_p {
  padding: 5% 0;
}
.footprintArea .morioka1 {
  top: 13em;
}
.footprintArea .morioka1 .morioka1_img,
.footprintArea .morioka2 .morioka2_img {
  width: 9em;
}
.footprintArea .ft2 {
  top: 31px;
}
.footprintArea .ft3 {
  left: 27%;
}
.footprintArea .ft4 {
  top: 70px;
}
.footprintArea .ft5,
.footprintArea .ft6,
.footprintArea .ft7,
.footprintArea .ft8,
.footprintArea .ft15,
.footprintArea .ft13,
.footprintArea .ft14 {
  display: none;
}
.footprintArea .morioka1.isAnimate .footprint,
.footprintArea .morioka2.isAnimate .footprint {
  transform: translateX(-50%) translateY(0) rotate(-33deg);
}
.footprintArea .footprint {
  transform: translateX(-50%) translateY(-5px) rotate(-33deg);
}
.footprintArea .footprints {
  margin-top: 15px;
}

.story02 {
  margin-top: calc(13em + 10%);
  margin-bottom: calc(13em + 45%);
}
.story02 .fukidashi_story03 .f18,
.story03 .f18 {
  padding: 3% 4% 0;
}
.story02 .fukidashi_story03 {
  margin-bottom: 8% !important;
}
.story02 .cl6_4 {
  flex-direction: column-reverse;
}
.story02 .btn01 {
  text-align: center;
}
.footprintArea .morioka2 {
  bottom: -16em;
}
.footprintArea .ft11 {
  right: 17.5%;
}
.footprintArea .ft9 {
  bottom: 16em;
}
.footprintArea .ft10,
.footprintArea .ft11 {
  bottom: 13.5em;
}
.footprintArea .ft12 {
  bottom: 11em;
  right: 21%;
}
.story03 .cl3_7 > *:nth-child(odd),
.story03 .cl7_3 > *:nth-child(even) {
  width: 100%;
}
.story03 .cl3_7,
.story03 .cl7_3 {
  justify-content: center;
}
.story03 .cl3_7 > div:nth-of-type(1) img,
.story03 .cl7_3 > div:nth-of-type(2) img {
  width: 80%;
  max-width: 130px;
  margin: auto;
}
.story03 .name > span {
  width: 7em;
}
.story03 .cl3_7 > *:nth-child(even),
.story03 .cl7_3 > *:nth-child(odd) {
  width: 100%;
}
.story03 .cl7_3 {
  flex-direction: column-reverse;
}
.story03 h4 {
  line-height: 140%;
}
.story03 .mT15 {
  margin-top: 4.5% !important;
}
.fukidashi_story03::before {
  display: none;
}
.fukidashi_story03::after {
  bottom: 101%;
  left: 46%;
  transform: rotate(-45deg);
}
.story03 .cl7_3 .fukidashi_story03::after {
  left: auto;
  right: 46%;
  bottom: 101%;
}
#story .modal .bg_p .bg_hukidashi {
  width: 100%;
}
#story .modal .cl7_3 > *:nth-child(even) img {
  margin: 0 0 0 auto;
}
#story .modal .bg_p::after {
  display: none;
}

.story04 .inner_1000 {
  width: 100%;
}
.story04.bg_p {
  padding: 5%;
}
#story {
  overflow: hidden;
}
#story .rela.bg,
#determination .rela.bg {
  margin-top: 34vw;
}
.story04 {
  padding-bottom: 10vw !important;
}
.story04 .footprintArea .morioka1 {
  top: 29em;
}
.story04 .footprint {
  width: 2em;
}
.story04.footprintArea .ft1 {
  left: 28%;
}
.story04.footprintArea .ft2 {
  top: 3em;
  left: 27.5%;
}
.story04.footprintArea .ft3 {
  left: 41%;
  top: 3em;
}
.story04.footprintArea .ft4 {
  top: 5.5em !important;
  left: 44%;
}
.story04 .morioka1 {
  top: auto !important;
}

.determination01 .cl7_3 > *:nth-child(even)::after {
  display: none;
}
.determination01 .cl7_3 > *:nth-child(odd),
.determination01 .cl7_3 > *:nth-child(even) {
  width: 100%;
}
.determination01 .cl7_3 > *:nth-child(even) img {
  width: 40%;
  max-width: 500px;
  margin: auto;
}
.determination01 .cl7_3 > *:nth-child(odd) {
  margin-bottom: 0%;
}
.determination01 .cl7_3 > *:nth-child(even) {
  margin-top: -7%;
}
.determination01 .fukidasi {
  background: url(../img/fukidasi_sp.svg) no-repeat center / 100%;
  padding: 16% 7% 18%;
}

.determination02 .cl33 {
  gap: 4%;
  width: 100%;
}

.determination03 .inner_800 {
  width: 100%;
}
.determination03.mB60.mT60 {
  margin-top: 10% !important;
  margin-bottom: 10% !important;
}
.arrow-dot,
.arrow-dot2 {
  width: 35px;
  height: 35px;
}

.determination04 {
  margin-bottom: 10%;
}
.determination04 p.f18 {
  width: 90%;
  margin: auto;
}
.determination04 .ripplesArea {
  top: 70px;
}
.determination04 .cl7_3 {
  flex-direction: column-reverse;
}
.determination04 .cl3_7 > *:nth-child(odd),
.determination04 .cl7_3 > *:nth-child(even) {
  margin-bottom: 2%;
}

.determination05 h3.pT50 {
  padding-top: 8% !important;
}
.determination02 h3,
.determination05 h3 {
  line-height: 140%;
}
.determination05 .cl33 > * {
  width: 100%;
  max-width: 350px;
}
.determination05 .cl33 > *,
.determination05 .flex.flex_center > div {
  width: 100%;
  max-width: 270px;
  margin: auto;
  margin-bottom: 4%;
}
.determination05 .flex.flex_center {
  flex-wrap: wrap;
}

.modal-content {
  max-height: calc(100vh - 5%);
}
.modal .bg_p .bg_hukidashi,
.modal .cl7_3 > *:nth-child(even) {
  width: 100%;
}
#partner .pArea {
  padding: 10% 5% 0 5%;
}
#partner .modal .cl7_3 {
  flex-direction: column;
}
.modal .bg_p {
  padding: 5%;
}
.modal .cl7_3 > *:nth-child(even) img {
  max-width: 120px;
  margin: auto;
}
#partner .bg_p .icon::before,
#partner .modal-content.tks .icon::before,
#partner .modal-content.tks .icon::before,
#partner .modal-content.tks2 .icon::before {
  top: -2em;
  left: 50%;
  width: 50%;
  height: 39%;
  -webkit-transform: rotate(0) translateY(-50%) translateX(-50%);
  transform: rotate(0) translateY(-50%) translateX(-50%);
}
#partner .modal .bg_p .bg_hukidashi,
#partner .modal .bg_p .bg_hukidashi .mB80 {
  margin-bottom: 0 !important;
}
#partner .bg_p .icon {
  margin-bottom: 2em;
  margin-top: 4em !important;
}
.modal .btn01_w a {
  width: 100% !important;
  text-align: left !important;
}
#partner .btn01_w a {
  padding: 16px 35px 16px 25px;
}
#partner .bg_p .btn01_w a::before {
  right: 15px;
  top: 40%;
}
.modal-close {
  z-index: 10;
}

.dialogue01 .bgW .flex {
  flex-wrap: wrap;
}
.dialogue01 .bgW .flex > *:nth-of-type(2) {
  width: 100%;
}
.dialogue01 .bgW .flex > *:nth-of-type(1) {
  width: 15em;
  height: 15em;
  margin: auto;
  margin-bottom: 4%;
}

.dialogue01 {
  padding-bottom: 8%;
}
.dialogue01 .dialogue02_bg_sub2 {
  bottom: -7.85vw;
}

.dialogue02.mT50 {
  padding-bottom: 12%;
  margin-top: 0 !important;
}
.dialogue02 .cl4_6 > *:nth-of-type(1) img:nth-of-type(1) {
  width: 60%;
  margin-right: 5%;
}
.dialogue02 .cl4_6 > *:nth-of-type(1) img:nth-of-type(2) {
  width: 35%;
  margin-top: 5%;
}
.dialogue02 .cl4_6 > *:nth-of-type(1) {
  flex-wrap: wrap;
}
.dialogue02 .cl4_6 > *:nth-of-type(1) .sub_txt {
  width: 100%;
  transform: rotate(0);
  position: static;
  margin-top: 10% !important;
  margin-bottom: 0% !important;
}
.dialogue02 .cl4_6 > *:nth-of-type(1) .hukidashi {
  right: 0%;
  top: 60%;
  width: 9em;
  height: 2em;
  transform: rotate(6deg);
}
.dialogue02 .cl4_6 > *:nth-of-type(2) > .txtArea::before,
.dialogue02 .cl4_6 > *:nth-of-type(2) > .txtArea::after {
  height: 0.2em;
}
.dialogue02 .cl4_6 > *:nth-of-type(2) > .txtArea::before {
  background: url(../img/letter_t_b.png) repeat left bottom / cover;
}
.dialogue02 .cl4_6 > *:nth-of-type(2) > .txtArea::after {
  background: url(../img/letter_t_b.png) repeat left bottom / cover;
}
.dialogue02 .cl4_6 > *:nth-of-type(2) > .txtArea {
  padding: 3.5% 6%;
}
.dialogue02 .dialogue02_bg_sub {
  bottom: -1px;
  height: 2%;
  clip-path: polygon(0 0, 100% 80%, 100% 100%, 0 100%);
}

.dialogue03 .txt.mB10 {
  margin-bottom: 2% !important;
}
.dialogue04 .bg {
  top: 1px;
  background: url(../img/home05_sp_bg.png) center top / contain;
}
.dialogue04 h3.pT20 {
  padding-top: 6% !important;
}
.dialogue04 .mT95.pL35.pT35 {
  margin-top: 2.5% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.g_fv_main {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  top: -77.5vh;
  z-index: 100;
}
.g_fv_main .gacha_fv_img img {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.g_fv_main .gacha_fv_txt {
  width: 90%;
  margin-top: 0vh;
}
.cut-corner-box .fv_r {
  width: 44vw;
  height: 60vw;
}
.cut-corner-box .fv_l {
  width: 82vw;
  height: 37vw;
}
.cut-corner-box,
#gacha .gacha02 .cut-corner-box {
  border: 3vw solid;
  -o-border-image: linear-gradient(
      45deg,
      rgb(240, 183, 184) 0%,
      rgb(235, 194, 135) 100%
    )
    1;
  border-image: linear-gradient(
      45deg,
      rgb(240, 183, 184) 0%,
      rgb(235, 194, 135) 100%
    )
    1;
}
#gacha .gacha02 .frame-inner {
  -webkit-mask-image: radial-gradient(
      circle 34px at top -10px left -10px,
      transparent 32px,
      black 34px
    ),
    radial-gradient(
      circle 34px at top -10px right -10px,
      transparent 48px,
      black 34px
    ),
    radial-gradient(
      circle 34px at bottom -10px left -10px,
      transparent 32px,
      black 34px
    ),
    radial-gradient(
      circle 34px at bottom -10px right -10px,
      transparent 32px,
      black 34px
    );
  mask-image: radial-gradient(
      circle 34px at top -10px left -10px,
      transparent 32px,
      black 34px
    ),
    radial-gradient(
      circle 34px at top -10px right -10px,
      transparent 48px,
      black 34px
    ),
    radial-gradient(
      circle 34px at bottom -10px left -10px,
      transparent 32px,
      black 34px
    ),
    radial-gradient(
      circle 34px at bottom -10px right -10px,
      transparent 32px,
      black 34px
    );
}

.g_fv h2 {
  justify-content: center;
}
.g_fv_main .gacha_fv_txt .g_h2_txt {
  width: 71.6%;
  left: 34.2%;
  top: -13px;
}
.g_fv_main .g_fv_ashirai1 {
  top: -38%;
  right: 3%;
}
.g_fv_main .g_fv_ashirai3 {
  width: 25%;
  bottom: -26%;
  right: 0.5%;
}
.g_fv_main .g_fv_ashirai2 {
  width: 45%;
  bottom: -47%;
  left: -7%;
}
.g_fv_main .mR95 {
  margin-right: auto !important;
}

#gacha .gacha02 .gacha-area {
  width: min(300px, 48vw);
}
#gacha .result-popup {
  width: 92%;
  height: calc(100vh - 55px);
}
#gacha .result-content::before {
  left: -3.5vw;
}
#gacha .result-content::after {
  right: -3.5vw;
}
.result-effect-css {
  width: 110vh;
  height: 135vh;
  background-image: repeating-conic-gradient(
    white 0deg 4deg,
    transparent 4deg 10deg
  );
}
#gacha .result-btn {
  font-size: clamp(1.2rem, 4.2vw, 2rem) !important;
}
#gacha .image-modal .close-modal {
  top: 5%;
  right: 5%;
  font-size: 2rem;
}
#gacha .image-modal .modal-content {
  height: auto;
  top: 50%;
  left: 45%;
  width: 90%;
  transform: translateY(-50%) translateX(-50%);
}
#gacha .gacha02 .gacha-game-content {
  width: 100%;
  height: 100%;
}

.gacha03 h3 {
  line-height: 140%;
}
.gacha03 .cl50 > div:nth-of-type(1),
.gacha03 .cl50 > div:nth-of-type(2),
.gacha03 .cl3_7 > *:nth-child(odd) {
  width: 100%;
}
.gacha03 .cl3_7 > *:nth-child(odd) {
  margin-bottom: 0%;
}
.gacha03 .cl3_7 > *:nth-child(odd) img {
  max-width: 5.5em;
  margin: auto;
}
.gacha03 .cl3_7 > *:nth-child(even) {
  width: 100%;
  padding-right: 6%;
  margin-bottom: 4%;
  padding-left: 6%;
  margin-top: 2% !important;
}
.gacha03 .cl3_7 {
  align-items: flex-start;
  position: relative;
  z-index: 0;
  background: none;
  margin-top: 4%;
}
.round {
  background: radial-gradient(
      circle at 0% 100%,
      rgba(204, 0, 0, 0) 14px,
      #fff 15px
    ),
    radial-gradient(circle at 100% 100%, rgba(204, 0, 0, 0) 14px, #fff 15px),
    radial-gradient(circle at 100% 0%, rgba(204, 0, 0, 0) 14px, #fff 15px),
    radial-gradient(circle at 0% 0%, rgba(204, 0, 0, 0) 14px, #fff 15px);
  background-position: bottom left, bottom right, top right, top left;
  background-size: 50% 50%;
  background-repeat: no-repeat;
  z-index: 0;
  position: relative;
}
.round::before {
  content: "";
  position: absolute;
  background: radial-gradient(
      circle at 0% 100%,
      rgba(204, 0, 0, 0) 14px,
      #af814b 15px
    ),
    radial-gradient(circle at 100% 100%, rgba(204, 0, 0, 0) 14px, #af814b 15px),
    radial-gradient(circle at 100% 0%, rgba(204, 0, 0, 0) 14px, #af814b 15px),
    radial-gradient(circle at 0% 0%, rgba(204, 0, 0, 0) 14px, #af814b 15px);
  background-position: bottom left, bottom right, top right, top left;
  background-size: 50% 50%;
  background-repeat: no-repeat;
  z-index: -1;
  border-radius: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.round::after {
  content: "";
  position: absolute;
  background: radial-gradient(
      circle at 0% 100%,
      rgba(204, 0, 0, 0) 13.5px,
      #fff 14px
    ),
    radial-gradient(circle at 100% 100%, rgba(204, 0, 0, 0) 13.5px, #fff 14px),
    radial-gradient(circle at 100% 0%, rgba(204, 0, 0, 0) 13.5px, #fff 14px),
    radial-gradient(circle at 0% 0%, rgba(204, 0, 0, 0) 13.5px, #fff 14px);
  background-position: bottom left, bottom right, top right, top left;
  background-size: 50% 50%;
  background-repeat: no-repeat;
  z-index: -1;
  border-radius: 0;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  top: 3px;
  left: 3px;
}
.round_u {
  position: relative;
  z-index: 0;
  &::before {
    content: "";
    position: absolute;
    display: inline-block;
    left: 50%;
    top: 50%;
    border: 2px solid #b37b3f;
    width: 95%;
    height: 94%;
    z-index: -1;
    transform: translateY(-50%) translateX(-50%);
  }
}

.anatomy01 .flex,
.anatomy03 .flex,
.anatomy04 .flex,
.anatomy05 .flex {
  flex-wrap: wrap;
}
.anatomy01 .flex p {
  background: none;
  background-size: contain;
  padding: 0;
  margin-top: 2%;
}
.anatomy01 h3 {
  transform: rotate(0);
  width: 9em;
}

.anatomy02 .image-container {
  height: 40vh;
}
.anatomy02 .items p {
  display: none;
}
.anatomy02 .items h4 {
  font-size: clamp(1.6rem, 5.2vw, 3rem) !important;
}
.anatomy02 .timeline {
  height: 26vw;
}
.anatomy02 .timelineWrapper.r_ps .timeline {
  height: 24vw;
}
.anatomy02 .timelineWrapper.l_ps2 .timeline {
  height: 30vw;
}

.anatomy03 p.mT15 {
  margin-top: 6.5% !important;
}
#anatomy .cl25 > * {
  width: 100%;
}
.anatomy03 .modal,
.anatomy04 .modal,
.anatomy05 .modal {
  padding-top: 5%;
}
.anatomy03 .modal-content .tit_box .c_p,
.anatomy04 .modal-content .tit_box .c_p,
.anatomy05 .modal-content .tit_box .c_p {
  transform: rotate(8deg) scale(1);
  top: 5%;
  right: 0;
}
.anatomy03 .c_p,
.anatomy04 .c_p,
.anatomy05 .c_p {
  padding: 1% 2%;
}
.anatomy03 .modal-content .tit_box .namae,
.anatomy04 .modal-content .tit_box .namae,
.anatomy05 .modal-content .tit_box .namae {
  margin-left: auto;
  margin-right: auto;
  margin-top: 7%;
}
.anatomy03 .c_p,
.anatomy04 .c_p,
.anatomy05 .c_p {
  padding: 1% 2%;
  top: 10px;
  left: 0;
  transform: rotate(-15deg) scale(1.1);
}
.anatomy03 .modal-content .cl6_4 > *:nth-child(odd),
.anatomy04 .modal-content .cl6_4 > *:nth-child(odd),
.anatomy05 .modal-content .cl6_4 > *:nth-child(odd),
.anatomy03 .modal-content .introArea,
.anatomy04 .modal-content .introArea,
.anatomy05 .modal-content .introArea {
  width: 100%;
}
.anatomy03 .modal-content .cl6_4,
.anatomy04 .modal-content .cl6_4,
.anatomy05 .modal-content .cl6_4 {
  flex-direction: column-reverse;
}
.iconArea > img:nth-of-type(2) {
  max-width: 150px;
  margin: auto;
}
.anatomy03 .modal-content .introArea .adanaArea,
.anatomy04 .modal-content .introArea .adanaArea,
.anatomy05 .modal-content .introArea .adanaArea {
  bottom: 0em;
  right: 1em;
}
.anatomy03 .modal-content .letterArea > .txtArea,
.anatomy04 .modal-content .letterArea > .txtArea,
.anatomy05 .modal-content .letterArea > .txtArea {
  padding: 2.5% 4% 2%;
}
.anatomy03 .modal-content .letterArea > .txtArea::after,
.anatomy04 .modal-content .letterArea > .txtArea::after,
.anatomy05 .modal-content .letterArea > .txtArea::after {
  bottom: -0.2em;
  background: url(../img/letter_t_b_p.png) repeat left bottom / cover;
  height: 0.2em;
}
.anatomy03 .modal-content .letterArea > .txtArea::before,
.anatomy04 .modal-content .letterArea > .txtArea::before,
.anatomy05 .modal-content .letterArea > .txtArea::before {
  top: -0.2em;
  background: url(../img/letter_t_b_p.png) repeat left bottom / cover;
  height: 0.2em;
}
.anatomy03 h5.c_p,
.anatomy04 h5.c_p,
.anatomy05 h5.c_p {
  top: -22px;
}
.txt_hani > div.rela.z-in1.mT50 {
  margin-top: 10% !important;
}
.anatomy03 .modal-content h5.tag,
.anatomy04 .modal-content h5.tag,
.anatomy05 .modal-content h5.tag {
  transform: rotate(0);
  font-size: clamp(1.2rem, 4.2vw, 2rem) !important;
  text-align: center;
  margin-top: 5% !important;
}
.anatomy03 .tagArea li:nth-of-type(2),
.anatomy04 .tagArea li:nth-of-type(2),
.anatomy05 .tagArea li:nth-of-type(2),
.anatomy03 .tagArea li:nth-of-type(5),
.anatomy04 .tagArea li:nth-of-type(5),
.anatomy05 .tagArea li:nth-of-type(5) {
  display: none;
}
.anatomy03 .tagArea li:nth-of-type(1),
.anatomy04 .tagArea li:nth-of-type(1),
.anatomy05 .tagArea li:nth-of-type(1) {
  width: 30%;
  transform: rotate(-4deg);
}
.anatomy03 .tagArea li:nth-of-type(3),
.anatomy04 .tagArea li:nth-of-type(3),
.anatomy05 .tagArea li:nth-of-type(3) {
  width: 30%;
  transform: rotate(-9deg);
}
.anatomy03 .tagArea li:nth-of-type(4),
.anatomy04 .tagArea li:nth-of-type(4),
.anatomy05 .tagArea li:nth-of-type(4) {
  width: 30%;
  transform: rotate(7deg);
  margin-right: 3%;
}
.anatomy03 .tagArea,
.anatomy04 .tagArea,
.anatomy05 .tagArea {
  justify-content: space-between;
}
.anatomy03 .tagArea li span.slash::before,
.anatomy04 .tagArea li span.slash::before,
.anatomy05 .tagArea li span.slash::before {
  left: -1em;
}
.anatomy03 .tagArea li span.slash::after,
.anatomy04 .tagArea li span.slash::after,
.anatomy05 .tagArea li span.slash::after {
  right: -1em;
}
.anatomy03 .modal-content h5.tag span::before,
.anatomy04 .modal-content h5.tag span::before,
.anatomy05 .modal-content h5.tag span::before {
  bottom: -60%;
}

.btn02 a::before {
  right: 15px;
  top: 32px;
}

#partner .btn01 {
  text-align: center;
}

#gacha .result-item-image {
  width: 90%;
}

.f_bloonArea {
  top: -6%;
}

#home .btn01_w {
  text-align: center;
}

.home03 .memoArea .memo-wrap .linkArea {
  height: 98%;
}

.home06 input.long,
textarea.message {
  max-width: 98%;
}

.home06 .c_table_01 {
  place-items: center;
}

.home06 .inner {
  padding-bottom: 0% !important;
}

@media screen and (max-width: 500px) {
  .btn02 a::before,
  .home01 .btn01 a::before,
  .home02 .btn01_w a::before,
  #partner .bg_p .btn01_w a::before,
  .btn01 a::before {
    right: 5vw;
  }
  .submit,
  .submit_wrap,
  #story .btn01 a,
  #story .bg_p .btn01_w a,
  .bg_p .btn01_w a,
  .btn01 a {
    min-width: 280px !important;
  }
  .g_fv .fv_rt {
    top: 12.5vh;
    right: -5%;
    width: 57%;
    max-width: 590px;
  }
  .g_fv .fv_lt {
    left: -5%;
    width: 100%;
  }
  .g_fv .fv_lb {
    bottom: -3%;
    left: -12%;
    width: 70%;
    transform: rotate(-52deg);
  }
  .g_fv .fv_rb {
    bottom: -7%;
    right: -12%;
    width: 84%;
    transform: rotate(-20deg);
  }
}

@media screen and (max-width: 414px) {
  .btn02 a {
    width: clamp(280px, 88vw, 366px) !important;
    min-width: 280px;
  }
}