@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Kaisei+Opti:wght@400;500;700&display=swap");
/* =====================================================================


===================================================================== */
/*/////---example---//////
    html:lang(en) {
      body {}
    }
*/
/* -------------------------------------------------------------------------
-- This CSS is generated by Sass. Please do not never be edited directly. --
------------------------------------------------------------------------- */
/*-----------------------------------------------*/
/* Reset & Default Setting ----------------------*/
:root {
  --leading-trim: calc((1em - 1lh) / 2);
}

html {
  overflow-y: scroll;
  height: 100% !important;
}

html, body {
  font-size: 100%;
  overflow-x: clip !important;
}

select, input, button, textarea, button {
  font: 99% arial, helvetica, clean, sans-serif;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

table {
  font-size: inherit;
  font: 100%;
}

pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 130%;
}

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, section, article, aside, footer, figure, figcaption, nav {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

*::selection {
  background: rgba(204, 177, 116, 0.55);
}

h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, section, article, aside, footer, figure, figcaption, nav {
  font-size: 1em;
}
h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection, ul::selection, ol::selection, dl::selection, li::selection, dt::selection, dd::selection, p::selection,
header::selection, section::selection, article::selection, aside::selection, footer::selection, figure::selection, figcaption::selection, nav::selection {
  background: rgba(204, 177, 116, 0.55);
}

body {
  -webkit-text-size-adjust: 100%;
  height: auto;
  min-height: 100%;
  position: relative;
  color: #000;
}

@media only screen and (max-width:767px) {
  body {
    min-width: 320px;
  }
}
article, aside, canvas, details, figcaption, figure,
footer, header, menu, nav, section, summary {
  display: block;
}

address {
  font-style: normal;
}

img {
  border-style: none;
  vertical-align: bottom;
}

ul, ol {
  list-style: none;
}

sup, sub {
  font-size: 0.6em;
}

sub {
  position: relative;
  top: -0.2em;
  margin-bottom: -1em;
  display: inline-block;
}

table {
  border-spacing: 0;
  empty-cells: show;
}

iframe {
  border: none;
}

a {
  color: #000;
}

a, a:link, a:visited, a:hover, a:active {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.lazyload {
  opacity: 0.1;
}

body > img {
  display: none;
}

sup {
  font-family: "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS Pgothic", "Osaka", sans-serif, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

/*-----------------------------------------------*/
/*-----------------------------------------------*/
[data-intersection-target*=subject], .js-ignitionPoint {
  opacity: 0;
}
[data-intersection-target*=subject] .subject-child, .js-ignitionPoint .subject-child {
  opacity: 0;
}
[data-intersection-target*=subject].is-active, .js-ignitionPoint.is-active {
  opacity: 1;
  transition: top 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-intersection-target*=subject].is-active .subject-child, .js-ignitionPoint.is-active .subject-child {
  opacity: 1;
  transition: top 0.6s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.8s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/*-----------------------------------------------*/
/*-----------------------------------------------*/
@media only screen and (min-width:768px) {
  a {
    transition: opacity 0.3s;
  }
  [data-movie-target*=player] .movieMain__btn:after {
    transition: opacity 0.3s;
  }
  [data-movie-target*=player]:hover .movieMain__btn:after {
    opacity: 0.7;
  }
}
/*-----------------------------------------------*/
/* =====================================================================





===================================================================== */
/* =====================================================================





===================================================================== */
html .bold, html strong, html b, body .bold, body strong, body b {
  font-weight: bold;
}

body {
  -webkit-font-smoothing: antialiased;
  color: #000;
}
body a {
  color: #000;
}

.kaisei-opti-bold {
  font-family: "Kaisei Opti", serif;
  font-weight: 700;
  font-style: normal;
  -webkit-text-stroke: 0.5px currentColor;
  text-shadow: 0 0 0.5px currentColor;
}

.font-noto-sans {
  font-family: "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.font-min {
  -webkit-font-smoothing: antialiased;
}

.font-min-w6 {
  -webkit-font-smoothing: antialiased;
}

.font-en {
  font-family: TheSansBold, sans-serif;
}

.u-curning {
  font-feature-settings: "palt";
}

/* =====================================================================




===================================================================== */
.u-cf {
  *zoom: 1;
}
.u-cf:before, .u-cf:after {
  content: " ";
  display: table;
}

.u-cf:after {
  clear: both;
}

.u-taL {
  text-align: left;
}

.u-taR {
  text-align: right;
}

.u-taC {
  text-align: center;
}

.u-visHide {
  visibility: hidden;
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.u-hide {
  display: none !important;
}

.u-hideTxt {
  overflow: hidden;
  display: block;
  height: 0;
  width: 100%;
  position: absolute;
}

.u-pcHide {
  display: none;
}

.u-fColor--wht {
  color: #fff;
}

.u-indent--1 {
  text-indent: 1em;
}

.u-indent--n1 {
  text-indent: -1em;
  padding-left: 1em;
}

.u-indent--n1_3 {
  text-indent: -1.25em;
  padding-left: 1.25em;
}

.u-indent--n1_5 {
  text-indent: -1.5em;
  padding-left: 1.5em;
}

.u-indent--n1_5 {
  text-indent: -1.5em;
  padding-left: 1.5em;
}

.u-indent--n2 {
  text-indent: -2em;
  padding-left: 2em;
}

.u-liMarker {
  text-indent: -1em;
  padding-left: 1em;
}
.u-liMarker:before {
  content: "・";
}

.u-pcHide,
.u-pcNobreak {
  display: none;
}

.u-spHide {
  display: inline;
}

.u-inlineBlock {
  display: inline-block;
}

.u-urlTxt {
  word-break: break-all;
}

.u-scrTxt {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.u-blankIcon {
  vertical-align: middle;
  padding-left: 3px;
  line-height: 1em;
  position: relative;
  top: -0.1em;
  height: 1em;
  width: auto;
}

.u-curning {
  font-feature-settings: "palt";
}

@media only screen and (max-width:767px) {
  .u-pcNobreak {
    display: inline;
  }
  .u-spNobreak {
    display: none;
  }
  .u-pcHide {
    display: block;
  }
  .u-spHide {
    display: none;
  }
}
.u-linkIcon {
  position: relative;
  padding-left: 1em;
  display: inline-block;
  text-decoration: none;
}
.u-linkIcon:before {
  content: "";
  width: 0.4em;
  height: 0.4em;
  border-right: solid 1px #626260;
  border-bottom: solid 1px #626260;
  transform: rotate(-45deg);
  position: absolute;
  top: 0.6em;
  left: 0;
}
.u-linkIcon:link, .u-linkIcon:visited {
  text-decoration: none;
}
.u-linkIcon:hover, .u-linkIcon:active {
  text-decoration: underline;
}

.u-videoBox {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.u-videoBox iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.u-mt0em {
  margin-top: 0em !important;
}

.u-mb0em {
  margin-bottom: 0em !important;
}

.u-pt0em {
  padding-top: 0em !important;
}

.u-pb0em {
  padding-bottom: 0em !important;
}

.u-mt0_5em {
  margin-top: 0.5em !important;
}

.u-mb0_5em {
  margin-bottom: 0.5em !important;
}

.u-pt0_5em {
  padding-top: 0.5em !important;
}

.u-pb0_5em {
  padding-bottom: 0.5em !important;
}

.u-mt1em {
  margin-top: 1em !important;
}

.u-mb1em {
  margin-bottom: 1em !important;
}

.u-pt1em {
  padding-top: 1em !important;
}

.u-pb1em {
  padding-bottom: 1em !important;
}

.u-mt1_5em {
  margin-top: 1.5em !important;
}

.u-mb1_5em {
  margin-bottom: 1.5em !important;
}

.u-pt1_5em {
  padding-top: 1.5em !important;
}

.u-pb1_5em {
  padding-bottom: 1.5em !important;
}

.u-mt2em {
  margin-top: 2em !important;
}

.u-mb2em {
  margin-bottom: 2em !important;
}

.u-pt2em {
  padding-top: 2em !important;
}

.u-pb2em {
  padding-bottom: 2em !important;
}

.u-mt2_5em {
  margin-top: 2.5em !important;
}

.u-mb2_5em {
  margin-bottom: 2.5em !important;
}

.u-pt2_5em {
  padding-top: 2.5em !important;
}

.u-pb2_5em {
  padding-bottom: 2.5em !important;
}

.u-mt3em {
  margin-top: 3em !important;
}

.u-mb3em {
  margin-bottom: 3em !important;
}

.u-pt3em {
  padding-top: 3em !important;
}

.u-pb3em {
  padding-bottom: 3em !important;
}

.u-mt3_5em {
  margin-top: 3.5em !important;
}

.u-mb3_5em {
  margin-bottom: 3.5em !important;
}

.u-pt3_5em {
  padding-top: 3.5em !important;
}

.u-pb3_5em {
  padding-bottom: 3.5em !important;
}

.u-mt4em {
  margin-top: 4em !important;
}

.u-mb4em {
  margin-bottom: 4em !important;
}

.u-pt4em {
  padding-top: 4em !important;
}

.u-pb4em {
  padding-bottom: 4em !important;
}

.u-mt4_5em {
  margin-top: 4.5em !important;
}

.u-mb4_5em {
  margin-bottom: 4.5em !important;
}

.u-pt4_5em {
  padding-top: 4.5em !important;
}

.u-pb4_5em {
  padding-bottom: 4.5em !important;
}

.u-mt5em {
  margin-top: 5em !important;
}

.u-mb5em {
  margin-bottom: 5em !important;
}

.u-pt5em {
  padding-top: 5em !important;
}

.u-pb5em {
  padding-bottom: 5em !important;
}

.u-mt5_5em {
  margin-top: 5.5em !important;
}

.u-mb5_5em {
  margin-bottom: 5.5em !important;
}

.u-pt5_5em {
  padding-top: 5.5em !important;
}

.u-pb5_5em {
  padding-bottom: 5.5em !important;
}

.u-mt6em {
  margin-top: 6em !important;
}

.u-mb6em {
  margin-bottom: 6em !important;
}

.u-pt6em {
  padding-top: 6em !important;
}

.u-pb6em {
  padding-bottom: 6em !important;
}

.u-mt6_5em {
  margin-top: 6.5em !important;
}

.u-mb6_5em {
  margin-bottom: 6.5em !important;
}

.u-pt6_5em {
  padding-top: 6.5em !important;
}

.u-pb6_5em {
  padding-bottom: 6.5em !important;
}

.u-mt7em {
  margin-top: 7em !important;
}

.u-mb7em {
  margin-bottom: 7em !important;
}

.u-pt7em {
  padding-top: 7em !important;
}

.u-pb7em {
  padding-bottom: 7em !important;
}

.u-mt7_5em {
  margin-top: 7.5em !important;
}

.u-mb7_5em {
  margin-bottom: 7.5em !important;
}

.u-pt7_5em {
  padding-top: 7.5em !important;
}

.u-pb7_5em {
  padding-bottom: 7.5em !important;
}

.u-mt8em {
  margin-top: 8em !important;
}

.u-mb8em {
  margin-bottom: 8em !important;
}

.u-pt8em {
  padding-top: 8em !important;
}

.u-pb8em {
  padding-bottom: 8em !important;
}

.u-mt8_5em {
  margin-top: 8.5em !important;
}

.u-mb8_5em {
  margin-bottom: 8.5em !important;
}

.u-pt8_5em {
  padding-top: 8.5em !important;
}

.u-pb8_5em {
  padding-bottom: 8.5em !important;
}

.u-mt9em {
  margin-top: 9em !important;
}

.u-mb9em {
  margin-bottom: 9em !important;
}

.u-pt9em {
  padding-top: 9em !important;
}

.u-pb9em {
  padding-bottom: 9em !important;
}

.u-mt9_5em {
  margin-top: 9.5em !important;
}

.u-mb9_5em {
  margin-bottom: 9.5em !important;
}

.u-pt9_5em {
  padding-top: 9.5em !important;
}

.u-pb9_5em {
  padding-bottom: 9.5em !important;
}

.u-mt10em {
  margin-top: 10em !important;
}

.u-mb10em {
  margin-bottom: 10em !important;
}

.u-pt10em {
  padding-top: 10em !important;
}

.u-pb10em {
  padding-bottom: 10em !important;
}

.u-mt10_5em {
  margin-top: 10.5em !important;
}

.u-mb10_5em {
  margin-bottom: 10.5em !important;
}

.u-pt10_5em {
  padding-top: 10.5em !important;
}

.u-pb10_5em {
  padding-bottom: 10.5em !important;
}

.header img {
  height: auto;
  max-width: 100%;
}

.overlay-lock-test {
  overflow-y: hidden !important;
}

.navOverlay-lock {
  overflow: hidden !important;
  width: auto;
}
.navOverlay-lock body {
  overflow: hidden !important;
}

.header__close {
  width: auto;
  height: auto;
  display: block;
  overflow: auto;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
}

.header__closeBtn {
  display: inline-block;
  position: absolute;
  z-index: 40;
  top: 23px;
  right: 6%;
  width: 8%;
  max-width: 50px;
  padding-bottom: 8%;
  opacity: 0;
  transform: translateY(15%) scale(0.8);
  transition: opacity 0.25s, transform 0.25s ease;
}
.header__closeBtn:before, .header__closeBtn:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 35%;
  width: 90%;
  height: 1px;
  background: #fff;
  margin: auto;
  transform: rotate(45deg);
}
.header__closeBtn:after {
  transform: rotate(-45deg);
}
@media only screen and (min-width:768px) {
  .header__closeBtn {
    top: 14px;
    right: 10px;
    width: 42px;
    padding: 26px 0 0;
    transform: translate(0) scale(1);
  }
  .header__closeBtn:before, .header__closeBtn:after {
    bottom: 60%;
    left: 0;
    right: 0;
    width: 65%;
  }
  .header__closeBtn span {
    display: block;
    color: #fff;
    font-size: 11px;
  }
}

.header {
  overflow: hidden;
  position: fixed;
  line-height: 1;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9;
  background-color: #fff;
  border-bottom: 1px solid #d9d9d9;
}
.header.is-hidden {
  display: none;
}
@media only screen and (max-width:767px) {
  .header {
    transform: translateY(-17vw);
    transition: transform 0.4s ease;
    overflow: visible;
  }
}
@media only screen and (max-width:767px) {
  .header.is-show {
    transform: translateY(0);
  }
}
.header__inner {
  padding: 1.6em 53px;
  font-size: 16px;
  position: relative;
}
@media only screen and (max-width: 1280px) {
  .header__inner {
    font-size: 1.25vw;
    padding: 1.6em 4.140625%;
  }
}
@media only screen and (max-width:767px) {
  .header__inner {
    padding: 4.6666666667vw 0;
    padding: 7.666667vw 0;
  }
}

.header__logos {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 363px;
  width: 28.359375%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  margin-left: 3.90625%;
}
@media only screen and (max-width: 1380px) {
  .header__logos {
    width: 20.359375%;
  }
}
@media only screen and (max-width:767px) {
  .header__logos {
    max-width: 77.3333333333vw;
    width: 100%;
  }
}

.header__menuBtn {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  margin-right: 3.6vw;
  width: 8.4vw;
  height: 6vw;
  cursor: pointer;
  aspect-ratio: 1/1;
}
.header__menuBtn__inner {
  width: 100%;
  height: 100%;
  position: relative;
}
.header__menuBtn__inner span {
  display: block;
  width: 100%;
  height: 0;
  background: #521003;
  padding-bottom: 1.0666666667vw;
  position: absolute;
  left: 0;
  right: 0;
  transform: skewY(-8deg);
  transition: all 0.25s ease;
  transform-origin: center;
}
.header__menuBtn__inner span:nth-child(1) {
  top: 0;
}
.header__menuBtn__inner span:nth-child(2) {
  top: calc(50% - 0.5333333333vw);
}
.header__menuBtn__inner span:nth-child(3) {
  bottom: 0;
}
.header__menuBtn.is-active .header__menuBtn__inner span:nth-child(1) {
  width: 120%;
  transform: rotate(-40deg) skewY(0);
  top: calc(50% - 0.5333333333vw);
}
.header__menuBtn.is-active .header__menuBtn__inner span:nth-child(2) {
  width: 0;
}
.header__menuBtn.is-active .header__menuBtn__inner span:nth-child(3) {
  width: 120%;
  bottom: calc(50% - 0.5333333333vw);
  transform: rotate(40deg) skewY(0);
}

.header__logo {
  max-width: 68.044077135%;
  width: 100%;
  height: 0;
  padding-bottom: 11.0192837466%;
  z-index: 10;
}
@media only screen and (max-width:767px) {
  .header__logo {
    max-width: 48.6666666667vw;
  }
}
.header__logo a {
  display: block;
}

.header__logo--40th {
  max-width: 22.5895316804%;
  width: 100%;
}
@media only screen and (max-width:767px) {
  .header__logo--40th {
    max-width: 13.8666666667vw;
  }
}

.header__nav {
  background-color: #fff;
}
@media only screen and (max-width:767px) {
  .header__nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 15vw;
    padding-bottom: 10.4vw;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    opacity: 0;
    transform: translate(-100%, 0);
    transition: opacity 0.4s, transform 0.4s cubic-bezier(0.34, 1.26, 0.74, 1);
  }
}
@media only screen and (max-width:767px) {
  .header__nav.is-open {
    opacity: 1;
    transform: translate(0, 0);
  }
}
.header__nav.no-transition {
  transition: none !important;
}

.header__nav__items {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media only screen and (max-width:767px) {
  .header__nav__items {
    display: block;
  }
}
.header__nav__items .header__nav__item {
  position: relative;
}
@media only screen and (max-width:767px) {
  .header__nav__items .header__nav__item {
    width: 100%;
    padding: 0;
  }
}
.header__nav__items .header__nav__item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  width: 2px;
  height: 2em;
  margin-top: -0.25em;
  background-color: #d2d2d2;
}
@media only screen and (max-width:767px) {
  .header__nav__items .header__nav__item:before {
    display: none;
  }
}
.header__nav__items .header__nav__item:last-child:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  margin: auto;
  width: 2px;
  height: 2em;
  margin-top: -0.25em;
  background-color: #d2d2d2;
}
.header__nav__items .header__nav__item a {
  font-size: 1.1875em;
  font-weight: bold;
  color: #42191d;
  transition: color 0.25s ease;
  cursor: pointer;
  display: block;
  padding: 0 1.3em;
}
@media only screen and (min-width:768px) {
  .header__nav__items .header__nav__item a:hover {
    color: #003894;
  }
}
@media only screen and (max-width:767px) {
  .header__nav__items .header__nav__item a {
    display: block;
    width: 76.8vw;
    margin: 0 auto;
    padding: 6vw 0;
    border-bottom: 0.5333333333vw solid #ebebeb;
    text-align: center;
    font-size: 6.4vw;
  }
}
@media only screen and (max-width:767px) {
  .header__nav__items .header__nav__item a > img {
    display: block;
    margin: 0 auto;
  }
}

@media only screen and (max-width:767px) {
  .header__nav__item--products {
    max-width: 100%;
    width: 100%;
  }
}
@media only screen and (max-width:767px) {
  .header__nav__item--products a img {
    width: 26.4vw;
  }
}

@media only screen and (max-width:767px) {
  .header__nav__item--points {
    max-width: 100%;
    width: 100%;
  }
}
@media only screen and (max-width:767px) {
  .header__nav__item--points a img {
    width: 40.9333333333vw;
  }
}

@media only screen and (max-width:767px) {
  .header__nav__item--secret {
    max-width: 100%;
    width: 100%;
  }
}
@media only screen and (max-width:767px) {
  .header__nav__item--secret a img {
    width: 41.8666666667vw;
  }
}

@media only screen and (max-width:767px) {
  .header__nav__item--pariparitime {
    max-width: 100%;
    width: 100%;
  }
}
@media only screen and (max-width:767px) {
  .header__nav__item--pariparitime a img {
    width: 42.1333333333vw;
  }
}

@media only screen and (max-width:767px) {
  .header__nav__item--history {
    max-width: 100%;
    width: 100%;
  }
}
@media only screen and (max-width:767px) {
  .header__nav__item--history a img {
    width: 56.9333333333vw;
  }
}

img[src*=".cloudfront.net"] {
  display: none;
}

.main, main[role=main] {
  position: relative;
  display: block;
}

.contents, .l-contentBox {
  overflow-x: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.contents:-webkit-scrollbar, .l-contentBox:-webkit-scrollbar {
  display: none;
}

.l-wrapper {
  margin-left: 210px;
  min-height: 100vh;
  box-sizing: border-box;
}
@media only screen and (max-width: 1400px) {
  .l-wrapper {
    margin-left: 15%;
  }
}
@media only screen and (max-width:767px) {
  .l-wrapper {
    margin-left: 0;
  }
}

.l-section {
  position: relative;
}
.l-section__inner {
  font-size: 16px;
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 1020px) {
  .l-section__inner {
    font-size: 1.568627451vw;
    max-width: 96%;
  }
}
@media only screen and (max-width:767px) {
  .l-section__inner {
    max-width: 100%;
  }
}

.l-container {
  width: 100%;
}
.contentsMain {
  margin-bottom: 50px;
}
.contentsMain:last-child {
  margin-bottom: 0;
}

.l-adjustAnchor {
  padding-top: 90px;
  margin-top: -90px;
}

.c-heading {
  margin: 0 auto;
  font-weight: bold;
  background-color: #fff;
  color: #004090;
  box-sizing: border-box;
  border: 0.4666666667vw solid #004090;
  font-size: 6vw;
  display: inline-block;
  position: relative;
  z-index: 1;
  clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  transition: all 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
@media only screen and (min-width:768px) {
  .c-heading {
    font-size: 2.1875em;
    border-width: 2px;
  }
}
.c-heading.is-show {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.c-heading span {
  padding-left: 0.4em;
  padding-right: 0.4em;
  letter-spacing: 0.07em;
}

.c-heading--pickup {
  display: block;
  border: none;
  font-size: 0;
  margin: 0 auto;
  background-color: transparent;
  clip-path: inherit;
}
@media only screen and (max-width:767px) {
  .c-heading--pickup {
    margin-bottom: 4vw;
    width: 16.8vw;
  }
}
@media only screen and (min-width:768px) {
  .c-heading--pickup {
    width: 12.3529411765%;
    margin-bottom: 2em;
  }
}

.c-heading--feature {
  margin-top: -7vw;
}

.c-heading--breakthrough {
  margin-top: -7vw;
  padding-top: 0.2em;
}
.c-heading--breakthrough .rubyWrap {
  line-height: 1;
  display: inline-grid;
  position: relative;
  padding: 0;
}
.c-heading--breakthrough .rubyItem {
  padding: 0;
  font-size: 0.34em;
  position: absolute;
  width: max-content;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.c-heading--recommend {
  margin-top: -7vw;
}

.c-heading--experience {
  border: none;
  background-color: transparent;
  clip-path: inherit;
}
.c-heading--experience span {
  padding: 0.1em 0.5em;
  border: 0.4666666667vw solid #004090;
  background-color: #fff;
  clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  transition: all 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  display: inline-block !important;
}
@media only screen and (min-width:768px) {
  .c-heading--experience span {
    border-width: 2px;
    border-right: none;
    z-index: 2;
    position: relative;
    padding-right: 0;
  }
}
.c-heading--experience span + span {
  display: inline-block;
  margin-top: -0.25em;
}
@media only screen and (min-width:768px) {
  .c-heading--experience span + span {
    border-left: none;
    margin-left: -0.5em;
    padding-right: 0;
    border-right: 2px solid #004090;
    z-index: 1;
    position: relative;
  }
}
.c-heading--experience.is-show span {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.c-heading--experience.is-show span + span {
  transition-delay: 0.25s;
}

.c-heading--recommend {
  margin-bottom: 1em;
}

.c-btn {
  padding: 1em 0;
  display: block;
  color: #004090;
  font-size: 1.375em;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  border: 0.4666666667vw solid #004090;
  text-align: center;
  font-weight: 600;
}
@media only screen and (max-width:767px) {
  .c-btn {
    font-size: 3.4666666667vw;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width:768px) {
  .c-btn {
    border-width: 2px;
    font-size: 1.125em;
  }
}
.c-btn[target=_blank]:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1em;
  margin: auto;
  transform: translateY(-50%);
  aspect-ratio: 54/53;
  width: 2em;
  height: 2em;
  background: url("/icebox/assets/renew/img/icon--blank.svg") no-repeat center center/100% 100%;
}
.c-btn .c-btn__char--s {
  font-size: 0.7272727273em;
  margin-right: 0.8em;
}
@media only screen and (max-width:767px) {
  .c-btn .c-btn__char--s {
    margin-right: 0;
    margin-bottom: 0.25em;
  }
}
.c-btn .c-btn__char--m {
  font-weight: bold;
}

/*-----------------------------------
animation components
-----------------------------------*/
@keyframes LINE {
  0% {
    transform: translateY(-180%);
  }
  45% {
    transform: translateY(0%);
  }
  55% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(180%);
  }
}
@keyframes loopSlider {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loopSlider2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
@keyframes loopSlider-r {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(200%);
  }
}
@keyframes loopSlider2-r {
  0% {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes anim-shutter {
  0% {
    transform: translateY(-102%);
  }
  40%, 50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(102%);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes floating-y {
  0% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(10%);
  }
}
/* 点滅 */
@keyframes blinking {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes pyoko {
  0% {
    margin-bottom: 0;
  }
  10% {
    margin-bottom: 20px;
  }
  20% {
    margin-bottom: 0;
  }
  30% {
    margin-bottom: 20px;
  }
  40% {
    margin-bottom: 0;
  }
  100% {
    margin-bottom: 0;
  }
}
@keyframes purun {
  0% {
    transform: scale(1, 1) translate(0%, 0%);
  }
  15% {
    transform: scale(0.9, 0.9) translate(0%, 5%);
  }
  30% {
    transform: scale(1.3, 0.8) translate(0%, 10%);
  }
  50% {
    transform: scale(0.8, 1.3) translate(0%, -10%);
  }
  70% {
    transform: scale(1.1, 0.9) translate(0%, 5%);
  }
  100% {
    transform: scale(1, 1) translate(0%, 0%);
  }
}
@keyframes purupuru {
  0% {
    transform: scale(1, 1) translate(0%, 0%);
  }
  20% {
    transform: scale(1, 1.06) translate(-5%, -4%) skew(6deg, 0deg);
  }
  50% {
    transform: scale(1, 0.94) translate(5%, 4%) skew(-6deg, 0deg);
  }
  65% {
    transform: scale(1, 1.03) translate(2%, -2%) skew(-3deg, 0deg);
  }
  80% {
    transform: scale(1, 0.97) translate(-2%, 2%) skew(3deg, 0deg);
  }
  100% {
    transform: scale(1, 1) translate(0%, 0%);
  }
}
@keyframes anime1 {
  0%, 40% {
    transform: skew(0deg, 0deg);
  }
  5% {
    transform: skew(5deg, 5deg);
  }
  10% {
    transform: skew(-4deg, -4deg);
  }
  15% {
    transform: skew(3deg, 3deg);
  }
  20% {
    transform: skew(-2deg, -2deg);
  }
  25% {
    transform: skew(1deg, 1deg);
  }
  30% {
    transform: skew(-0.6deg, -0.6deg);
  }
  35% {
    transform: skew(0.3deg, 0.3deg);
  }
}
.anime2 {
  animation: anime2 3s infinite ease-in-out 0.8s alternate;
  display: inline-block;
  transition: 1.5s ease-in-out;
  width: 70px;
  height: 70px;
  margin-top: 15px;
}

@keyframes anime2 {
  0% {
    transform: translate(0, 0) rotate(-7deg);
  }
  50% {
    transform: translate(0, -7px) rotate(0deg);
  }
  100% {
    transform: translate(0, 0) rotate(7deg);
  }
}
@keyframes flyOut01 {
  0% {
    transform: translate(100%, 150%) scale(0.3);
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
}
@keyframes flyOut02 {
  0% {
    transform: translate(-100%, 100%) scale(0.3);
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
}
@keyframes flyOut03 {
  0% {
    transform: translate(50%, -100%) scale(0.3);
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
}
@keyframes flyOut04 {
  0% {
    transform: translate(0, 0) scale(0.3);
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
}
@keyframes bubbleAppear {
  0% {
    opacity: 0;
    transform: scale(0.8) translateY(10px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
/**
750px → 600px
縮小率 .533333
基準値 5
 */
:root {
  --mh--duration01: 0.3s;
  --mh--duration02: 0.6s;
  --mh--duration03: 0.9s;
  --mh--duration04: 1.2s;
  --mh--easing01: ease;
  --mh--easing02: cubic-bezier(0.1, 0.7, 0.4, 1);
  --mh--easing03: cubic-bezier(0.03, 0.9, 0.15, 1);
  --mh--easing04: cubic-bezier(1, 0, 0.87, 0.86);
  --mh--easing05: cubic-bezier(0.952, 0.165, 1, 0.913);
}

img {
  height: auto;
  max-width: 100%;
  width: 100%;
}

.globalFooter img {
  width: auto;
  max-width: inherit;
}

.modal-overlay-lock {
  overflow: hidden !important;
  width: auto;
}
.modal-overlay-lock body {
  overflow: hidden !important;
}

html, body {
  overflow-x: clip !important;
}

html, body {
  height: 100%;
}

html.opAnimation-end,
body.opAnimation-end {
  overflow-y: auto !important;
  height: auto;
}

body.is-fixedMenu-open {
  overflow: hidden !important;
  position: fixed;
  width: 100%;
  left: 0;
}

.main {
  overflow-y: clip;
}

.group {
  position: relative;
  z-index: 2;
}

.iceBox article, .iceBox aside, .iceBox body, .iceBox dd, .iceBox dl, .iceBox dt, .iceBox figcaption, .iceBox figure, .iceBox footer, .iceBox h1, .iceBox h2, .iceBox h3, .iceBox h4, .iceBox h5, .iceBox h6, .iceBox header, .iceBox html, .iceBox li, .iceBox nav, .iceBox ol, .iceBox p, .iceBox section, .iceBox ul {
  font-family: inherit;
  font-family: "Noto Sans JP", serif !important;
  font-optical-sizing: auto;
}
.iceBox a, .iceBox a:active, .iceBox a:hover, .iceBox a:link, .iceBox a:visited {
  color: #004090;
}
.iceBox span {
  display: inline;
}
.iceBox .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .iceBox .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  display: inline-block;
  border-radius: 0;
  transform: rotate(45deg);
  margin: 0 6px;
}
.iceBox .swiper-horizontal > .swiper-pagination-bullets, .iceBox .swiper-pagination-bullets.swiper-pagination-horizontal, .iceBox .swiper-pagination-custom, .iceBox .swiper-pagination-fraction {
  bottom: 0;
  margin-bottom: -6vw;
}
@media only screen and (min-width:768px) {
  .iceBox .swiper-horizontal > .swiper-pagination-bullets, .iceBox .swiper-pagination-bullets.swiper-pagination-horizontal, .iceBox .swiper-pagination-custom, .iceBox .swiper-pagination-fraction {
    margin-bottom: -3.980392%;
  }
}
.iceBox .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
}
.iceBox .js-appear {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.iceBox .js-appear.is-show {
  opacity: 1;
  transform: translateY(0);
}
.iceBox .js-appearFromLeft {
  opacity: 0;
  transform: translate(-70%, 50%) scale(0.3);
  transition: opacity 0.4s, transform 0.6s cubic-bezier(0.34, 1.56, 0.74, 1);
  transform-origin: center;
}
.iceBox .js-appearFromLeft.is-show {
  opacity: 1;
  transform: translate(0, 0) scale(1);
}
.iceBox .fixedBtn {
  position: fixed;
  right: 0;
  top: 0;
  margin-top: 4vw;
  margin-right: 6vw;
  width: 8.5333333333vw;
  height: 8.5333333333vw;
  aspect-ratio: 1/1;
  box-sizing: border-box;
  border-radius: 50%;
  border: 0.4666666667vw solid #004090;
  background-color: #fff;
  z-index: 30;
  cursor: pointer;
}
@media only screen and (min-width:768px) {
  .iceBox .fixedBtn {
    width: 60px;
    height: 60px;
    border-width: 3px;
    margin-top: 20px;
    margin-right: 20px;
  }
}
.iceBox .fixedBtn__inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.iceBox .fixedBtn__inner span {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #004090;
  width: 50%;
  height: 0;
  padding-bottom: 0.4vw;
  transition: all 0.25s ease;
  transform-origin: 0 0;
}
@media only screen and (min-width:768px) {
  .iceBox .fixedBtn__inner span {
    padding-bottom: 3px;
  }
}
.iceBox .fixedBtn__inner span:nth-child(1) {
  transform: translateY(-1.5vw);
}
@media only screen and (min-width:768px) {
  .iceBox .fixedBtn__inner span:nth-child(1) {
    transform: translateY(-0.5em);
  }
}
.iceBox .fixedBtn__inner span:nth-child(3) {
  transform: translateY(1.5vw);
}
@media only screen and (min-width:768px) {
  .iceBox .fixedBtn__inner span:nth-child(3) {
    transform: translateY(0.5em);
  }
}
.iceBox .fixedBtn.is-active {
  border-color: #fff;
  background-color: #004090;
}
.iceBox .fixedBtn.is-active .fixedBtn__inner span {
  background-color: #fff;
}
.iceBox .fixedBtn.is-active .fixedBtn__inner span:nth-child(1) {
  transform: rotate(-45deg);
  margin-top: 65%;
  margin-left: 31%;
}
.iceBox .fixedBtn.is-active .fixedBtn__inner span:nth-child(2) {
  width: 0;
}
.iceBox .fixedBtn.is-active .fixedBtn__inner span:nth-child(3) {
  margin-top: 29%;
  transform: rotate(45deg);
  margin-left: 35%;
}
.iceBox .fixedMenu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100dvh;
  z-index: 20;
  background-color: #fff;
  opacity: 0;
  pointer-events: none;
}
.iceBox .fixedMenu__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 16px;
}
@media only screen and (max-width: 1280px) {
  .iceBox .fixedMenu__inner {
    font-size: 1.25vw;
  }
}
@media (min-width: 768px) and (max-height: 820px) {
  .iceBox .fixedMenu__inner {
    align-items: flex-start;
  }
}
.iceBox .fixedMenu.is-active {
  opacity: 1;
  pointer-events: auto;
}
.iceBox .fixedMenu__logo {
  width: 18vw;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 4vw;
  margin-left: 6vw;
  z-index: 10;
}
@media only screen and (min-width:768px) {
  .iceBox .fixedMenu__logo {
    width: 130px;
    margin-left: 20px;
    margin-top: 20px;
  }
}
.iceBox .fixedMenu__contents {
  position: relative;
  width: 100%;
  background-color: #004090;
}
@media only screen and (min-width:768px) {
  .iceBox .fixedMenu__contents {
    transform: skewY(345deg);
  }
}
@media only screen and (max-width:767px) {
  .iceBox .fixedMenu__contents {
    box-sizing: border-box;
    border-top: 1px solid #004090;
    border-bottom: 1px solid #004090;
  }
  .iceBox .fixedMenu__contents:before, .iceBox .fixedMenu__contents:after {
    box-sizing: border-box;
    content: "";
    position: absolute;
    width: 100%;
    height: calc((100dvh - 100%) / 2);
    background-color: #004090;
  }
  .iceBox .fixedMenu__contents:before {
    bottom: calc(100% - 0px);
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  }
  .iceBox .fixedMenu__contents:after {
    top: calc(100% - 0px);
    clip-path: polygon(0 0, 0% 100%, 100% 0);
  }
}
.iceBox .fixedMenu__contents__inner {
  padding: 2.6666666667vw 0;
  width: 71.6vw;
  margin: 0 auto;
}
@media only screen and (min-width:768px) {
  .iceBox .fixedMenu__contents__inner {
    padding: 13.3333333333vw 0 20vw;
    transform: skewY(15deg);
    width: 80%;
    max-width: 500px;
  }
}
@media (min-width: 768px) and (max-height: 820px) {
  .iceBox .fixedMenu__contents__inner {
    padding: 7% 0 4%;
  }
}
.iceBox .fixedMenu__items .fixedMenu__item + .fixedMenu__item {
  margin-top: 0.6em;
}
.iceBox .fixedMenu__items .fixedMenu__item a {
  display: inline-block;
  font-size: 4.2666666667vw;
  color: #fff;
  padding: 0.1em 0.2em;
  font-weight: bold;
}
@media only screen and (min-width:768px) {
  .iceBox .fixedMenu__items .fixedMenu__item a {
    font-size: 1.375em;
  }
}
.iceBox .fixedMenu__items .fixedMenu__item.is-active a {
  background-color: #FFF21C;
  color: #004090;
}
.iceBox .fixedMenu__contents__txt {
  color: #fff;
  font-size: 4.2666666667vw;
  font-weight: bold;
  margin-top: 10vw;
  margin-bottom: 0.5em;
  line-height: 1.5;
  position: relative;
}
@media only screen and (min-width:768px) {
  .iceBox .fixedMenu__contents__txt {
    font-size: 1.375em;
    margin-top: 3em;
  }
}
.iceBox .fixedMenu__contents__txt:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
  margin-top: -6.5vw;
}
@media only screen and (min-width:768px) {
  .iceBox .fixedMenu__contents__txt:before {
    margin-top: -1.8em;
  }
}
@media only screen and (min-width:768px) {
  .iceBox .fixedMenu__contents__bnr {
    width: 60%;
    margin-top: 1em;
  }
}
.iceBox .kv {
  width: 100%;
  margin-bottom: 18.6666666667vw;
}
@media only screen and (min-width: 1020px) {
  .iceBox .kv {
    margin-bottom: 1376.7647058824%;
  }
}
@media only screen and (min-width:768px) {
  .iceBox .kv {
    margin-bottom: 143px;
  }
}
.iceBox .kv .l-section__inner {
  max-width: 100%;
}
.iceBox .pickup {
  position: relative;
  z-index: 2;
}
.iceBox .pickup:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: -16vw;
  margin-right: -1vw;
  width: 98.6666666667vw;
  height: 0;
  padding-bottom: 321.7333333333vw;
  background: url("/icebox/assets/renew/img/pickup_bg.png") no-repeat center center/cover;
  z-index: 0;
  pointer-events: none;
}
@media only screen and (min-width:768px) {
  .iceBox .pickup:before {
    display: none;
  }
}
.iceBox .pickup .l-section__inner {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width:767px) {
  .iceBox .pickup .l-section__inner {
    max-width: 90%;
  }
}
.iceBox .pickup .l-section__inner:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 125.4901960784%;
  height: 0;
  padding-bottom: 171.3725490196%;
  z-index: -1;
  margin-right: -70%;
  margin-top: -15%;
  pointer-events: none;
  background: url("/icebox/assets/renew/img/pickup_bg_pc.png") no-repeat center center/cover;
  opacity: 0;
  transition: opacity 0.6s ease;
}
@media only screen and (max-width:767px) {
  .iceBox .pickup .l-section__inner:after {
    display: none;
  }
}
.iceBox .pickup.is-show .l-section__inner:after {
  opacity: 1;
}
.iceBox .feature {
  background-color: #CAECFA;
}
@media only screen and (min-width:768px) {
  .iceBox .feature {
    margin-top: 120px;
    padding-top: 44px;
    padding-bottom: 360px;
  }
  .iceBox .feature:after {
    background-color: #CAECFA;
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: -79px;
    z-index: -1;
  }
}
@media only screen and (max-width: 1020px) {
  .iceBox .feature {
    margin-top: 19.6078431373%;
    padding-bottom: 35.2941176471%;
  }
}
@media only screen and (max-width:767px) {
  .iceBox .feature {
    margin-top: 26.6666666667vw;
    padding-bottom: 45.3333333333vw;
  }
}
@media only screen and (max-width:767px) {
  .iceBox .feature .l-section__inner {
    max-width: 90%;
  }
}
.iceBox .feature .l-section__inner {
  position: relative;
}
.iceBox .feature .l-section__inner:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  margin-left: -10vw;
  margin-top: -20vw;
  width: 120vw;
  height: 53.3333333333vw;
  transform-origin: 50% 50%;
  transform: skewY(340deg);
  background-color: #CAECFA;
  z-index: 0;
  pointer-events: none;
}
@media only screen and (min-width:768px) {
  .iceBox .feature .l-section__inner:before {
    margin-left: 0;
    transform: none;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    aspect-ratio: 1280/300;
    width: 100vw;
    margin: -37% calc(50% - 50vw) 0;
    height: 0;
    top: auto;
    bottom: calc(100% + 122px);
    padding-bottom: 0;
    padding-top: 29.5%;
  }
}
.iceBox .l-feature__contents {
  position: relative;
}
@media only screen and (min-width:768px) {
  .iceBox .l-feature__contents {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (min-width:768px) {
  .iceBox .feature__meta {
    width: 50%;
  }
}
@media only screen and (min-width:768px) {
  .iceBox .feature__eyeCatch {
    width: 50%;
  }
}
.iceBox .breakthrough {
  position: relative;
  z-index: 3;
}
@media only screen and (max-width:767px) {
  .iceBox .breakthrough .l-section__inner {
    max-width: 90%;
  }
}
.iceBox .breakthrough .l-section__inner {
  position: relative;
}
.iceBox .breakthrough .l-section__inner:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  margin-left: -10vw;
  margin-top: -20vw;
  width: 120vw;
  height: 53.3333333333vw;
  transform-origin: 50% 50%;
  transform: skewY(340deg);
  background-color: #fff;
  z-index: 0;
}
@media only screen and (min-width:768px) {
  .iceBox .breakthrough .l-section__inner:before {
    margin-left: 0;
    transform: none;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    aspect-ratio: 1280/300;
    width: 100vw;
    margin: -9% calc(50% - 50vw) 0;
    height: 0;
    top: auto;
    bottom: calc(100% - 49px);
    padding-bottom: 0;
    padding-top: 29.5%;
  }
}
@media only screen and (min-width:768px) {
  .iceBox .breakthrough .l-section__inner:after {
    content: "";
    display: block;
    position: absolute;
    background-color: #CAECFA;
    aspect-ratio: 1280/290;
    width: 100vw;
    margin: -9% calc(50% - 50vw) 0;
    height: 0;
    bottom: calc(100% - 48px);
    padding-top: 28.4%;
    z-index: -1;
  }
}
.iceBox .experience {
  background-color: #FFF54D;
  position: relative;
}
@media only screen and (min-width:768px) {
  .iceBox .experience {
    margin-top: 250px;
    padding-bottom: 300px;
  }
}
@media only screen and (max-width: 1020px) {
  .iceBox .experience {
    margin-top: 24.5098039216%;
    padding-bottom: 27.4509803922%;
  }
}
@media only screen and (max-width:767px) {
  .iceBox .experience {
    margin-top: 24.9333333333vw;
    padding-bottom: 44vw;
  }
}
.iceBox .experience:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: -34vw;
  width: 100vw;
  height: 0;
  padding-bottom: 127.4666666667vw;
  background: url("/icebox/assets/renew/img/experience_bg.png") no-repeat center center/cover;
  z-index: 0;
}
@media only screen and (min-width:768px) {
  .iceBox .experience:before {
    display: none;
  }
}
.iceBox .experience .l-section__inner {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width:767px) {
  .iceBox .experience .l-section__inner {
    max-width: 90%;
  }
}
.iceBox .experience .l-section__inner:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  margin-right: -64%;
  width: 250%;
  aspect-ratio: 1280/999;
  pointer-events: none;
  background: url(/icebox/assets/renew/img/experience_bg_pc.png) no-repeat center center/cover;
  z-index: -1;
  margin-top: -61%;
}
@media only screen and (min-width: 2330px) {
  .iceBox .experience .l-section__inner:after {
    margin-right: -84%;
    width: 280%;
  }
}
@media only screen and (max-width: 1280px) {
  .iceBox .experience .l-section__inner:after {
    margin-right: -8%;
    width: 100vw;
    margin: -39% calc(50% - 50vw) 0;
    left: 0;
  }
}
@media only screen and (max-width:767px) {
  .iceBox .experience .l-section__inner:after {
    display: none;
  }
}
.iceBox .recommend {
  padding-bottom: 24vw;
}
@media only screen and (min-width:768px) {
  .iceBox .recommend {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width:767px) {
  .iceBox .recommend .l-section__inner {
    max-width: 90%;
  }
}
.iceBox .recommend .l-section__inner {
  position: relative;
}
.iceBox .recommend .l-section__inner:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  margin-left: -10vw;
  margin-top: -20vw;
  width: 120vw;
  height: 53.3333333333vw;
  transform-origin: 50% 50%;
  transform: skewY(340deg);
  background-color: #fff;
  z-index: 0;
}
@media only screen and (min-width:768px) {
  .iceBox .recommend .l-section__inner:before {
    margin-left: 0;
    transform: none;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    aspect-ratio: 1280/290;
    width: 100vw;
    margin: -9% calc(50% - 50vw) 0;
    height: 0;
    top: auto;
    bottom: calc(100% - 49px);
    padding-bottom: 0;
    padding-top: 28.4%;
  }
}
@media only screen and (min-width:768px) {
  .iceBox .recommend .l-section__inner:after {
    content: "";
    display: block;
    position: absolute;
    background-color: #FFF54D;
    aspect-ratio: 1280/290;
    width: 100vw;
    margin: -9% calc(50% - 50vw) 0;
    height: 0;
    bottom: calc(100% - 48px);
    padding-top: 28.4%;
    z-index: -1;
  }
}
.iceBox .pickup__swiper {
  margin-bottom: 15.4666666667vw;
}
@media only screen and (min-width:768px) {
  .iceBox .pickup__swiper {
    margin-top: 2.9411764706%;
    margin-bottom: 11.3725490196%;
  }
}
.iceBox .pickup__swiper__container {
  position: relative;
}
.iceBox .pickup__swiper__wrapper {
  display: flex;
  justify-content: center;
}
.iceBox .pickup__swiper__wrapper .swiper-slide {
  border: 2px solid #004090;
  aspect-ratio: 445/222;
  width: 59.3333333333vw;
}
@media only screen and (min-width:768px) {
  .iceBox .pickup__swiper__wrapper .swiper-slide {
    border: 4px solid #004090;
    width: 43.6274509804%;
  }
}
@media only screen and (min-width:768px) {
  .iceBox .pickup__message {
    width: 53.2352941176%;
    margin: 0 auto;
  }
}
.iceBox .pickup__logo {
  width: 36.2666666667vw;
  margin: 0 auto;
  margin-top: 6.4vw;
}
@media only screen and (min-width:768px) {
  .iceBox .pickup__logo {
    width: 21.6666666667%;
  }
}
.iceBox .anchorBtns {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 11.2vw;
}
@media only screen and (min-width:768px) {
  .iceBox .anchorBtns {
    margin-top: 12.7450980392%;
    flex-wrap: nowrap;
  }
}
.iceBox .anchorBtns .anchorBtn {
  width: 47%;
}
@media only screen and (min-width:768px) {
  .iceBox .anchorBtns .anchorBtn {
    width: 22.6470588235%;
  }
}
.iceBox .anchorBtns .anchorBtn:nth-child(n+3) {
  margin-top: 4vw;
}
@media only screen and (min-width:768px) {
  .iceBox .anchorBtns .anchorBtn:nth-child(n+3) {
    margin-top: 0;
  }
}
.iceBox .anchorBtns .anchorBtn a {
  display: block;
  padding: 1em 0;
  font-weight: bold;
  font-size: 3.4666666667vw;
  background-color: #004090;
  border-radius: 0.5em;
  color: #fff;
  padding-left: 3.5em;
  position: relative;
}
@media only screen and (min-width:768px) {
  .iceBox .anchorBtns .anchorBtn a {
    font-size: 1.125em;
    padding-left: 3.5em;
  }
}
.iceBox .anchorBtns .anchorBtn a:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 1.8em;
  height: 1.8em;
  margin-left: 0.8em;
  aspect-ratio: 1/1;
  background: url("/icebox/assets/renew/img/icon--arrow.svg") no-repeat center center/100% 100%;
}
@media only screen and (min-width:768px) {
  .iceBox .anchorBtns .anchorBtn a:before {
    margin-left: 1em;
  }
}
.iceBox .c-toggle.is-open .icon--toggle .icon--toggle__inner span:nth-child(2) {
  transform: rotate(90deg) scaleX(0);
}
.iceBox .c-toggle__summary {
  text-align: center;
  font-size: 4.2666666667vw;
  font-weight: bold;
  padding: 1em 0;
  border: 0.4vw solid #004090;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  list-style: none;
}
@media only screen and (min-width:768px) {
  .iceBox .c-toggle__summary {
    border-width: 2px;
    font-size: 1.375em;
    width: 100%;
    margin: 0 auto;
  }
}
.iceBox .c-toggle__summary::-webkit-details-marker {
  display: none;
}
.iceBox .c-toggle__detail {
  background-color: #fff;
  color: #004090;
  border: 0.4vw solid #004090;
  border-top: none;
  position: relative;
  transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease;
}
@media only screen and (min-width:768px) {
  .iceBox .c-toggle__detail {
    border-width: 2px;
    border-top: 2px solid #004090;
    margin-top: -2px;
  }
}
.iceBox .c-toggle__detail__inner {
  padding: 5.6vw 4.6666666667vw 6.6666666667vw;
}
@media only screen and (min-width:768px) {
  .iceBox .c-toggle__detail__inner {
    position: relative;
  }
}
.iceBox .icon--toggle {
  position: absolute;
  aspect-ratio: 1/1;
  width: 8.8vw;
  height: 8.8vw;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  border-radius: 50%;
  background-color: #004090;
  margin-right: 4.4vw;
}
@media only screen and (min-width:768px) {
  .iceBox .icon--toggle {
    width: 8.4444444444%;
    height: max-content;
    margin-right: 1em;
  }
}
.iceBox .icon--toggle__inner {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.iceBox .icon--toggle__inner span {
  position: absolute;
  width: 4.5333333333vw;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  height: 0.4vw;
  background-color: red;
  transition: width 0.5s ease, transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: 50% 50%;
}
@media only screen and (min-width:768px) {
  .iceBox .icon--toggle__inner span {
    width: 50%;
    height: 2px;
  }
}
.iceBox .icon--toggle__inner span:nth-child(2) {
  transform: rotate(90deg);
}
.iceBox .c-toggle__eyeCatchCaption {
  text-align: center;
  font-size: 2.6666666667vw;
  color: #004090;
  font-weight: bold;
  margin-top: 2em;
}
@media only screen and (min-width:768px) {
  .iceBox .c-toggle__eyeCatchCaption {
    font-size: 0.875em;
    margin-top: 0;
  }
}
.iceBox .c-toggle__eyeCatchCaption span {
  position: relative;
}
.iceBox .c-toggle__eyeCatchCaption span:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #004090;
  pointer-events: none;
  margin-bottom: -0.1em;
}
.iceBox .c-toggle__eyeCatchCaption + .c-toggle__eyeCatch {
  margin-top: 0;
}
.iceBox .c-toggle__eyeCatch {
  margin: 3em 0 2em;
}
.iceBox .c-toggle__detail__subTitle {
  text-align: center;
  font-size: 3.4666666667vw;
  font-weight: bold;
}
@media only screen and (min-width:768px) {
  .iceBox .c-toggle__detail__subTitle {
    font-size: 1.125em;
    text-align: left;
  }
}
.iceBox .c-toggle__detail__productName {
  text-align: center;
  font-size: 4.2666666667vw;
  font-weight: bold;
}
@media only screen and (min-width:768px) {
  .iceBox .c-toggle__detail__productName {
    font-size: 1.375em;
    text-align: left;
  }
}
.iceBox .c-toggle__detail__txt {
  font-size: 3.4666666667vw;
  font-weight: 600;
}
@media only screen and (min-width:768px) {
  .iceBox .c-toggle__detail__txt {
    margin-top: 0.6em;
    font-size: 1.125em;
  }
}
.iceBox .c-toggle__detail__subtxt {
  font-size: 2.6666666667vw;
  margin-top: 1.6vw;
  font-weight: 600;
  letter-spacing: 0.075em;
}
@media only screen and (min-width:768px) {
  .iceBox .c-toggle__detail__subtxt {
    margin-top: 0.625em;
    font-size: 0.875em;
  }
}
.iceBox .c-toggle--limited .c-toggle__summary {
  color: #004090;
  background-color: #FFF21C;
}
@media only screen and (min-width:768px) {
  .iceBox .c-toggle--limited .c-toggle__summary {
    width: 44.1176470588%;
  }
}
.iceBox .c-toggle--limited .icon--toggle__inner span {
  background-color: #FFF21C;
}
@media only screen and (min-width:768px) {
  .iceBox .c-toggle--limited .c-toggle__detail__inner {
    padding: 6.4705882353% 9.8039215686% 6.4705882353%;
  }
}
@media only screen and (min-width:768px) {
  .iceBox .c-toggle--limited .l-toggle__detail {
    width: 63.7362637363%;
    margin-left: auto;
  }
}
.iceBox .icon--limited {
  position: absolute;
  top: 0;
  left: 0;
  width: 21.7333333333vw;
  height: 0;
  padding-bottom: 21.7333333333vw;
  aspect-ratio: 1/1;
  margin-top: 3.5em;
  margin-left: 2em;
}
@media only screen and (min-width:768px) {
  .iceBox .icon--limited {
    width: 9.8039215686%;
    padding-bottom: 9.8039215686%;
    margin-left: 5em;
    margin-top: 3em;
  }
}
.iceBox .c-toggle--check {
  position: relative;
  margin-top: 13.3333333333vw;
}
@media only screen and (min-width:768px) {
  .iceBox .c-toggle--check {
    margin-top: 8.1877729258%;
  }
}
.iceBox .c-toggle--check:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 14.4vw;
  height: 0;
  padding-bottom: 7.3333333333vw;
  margin-top: -7vw;
  background: url("/icebox/assets/renew/img/txt-check.svg") no-repeat center center/8.9333333333vw auto;
  background-color: #CAECFA;
}
@media only screen and (min-width:768px) {
  .iceBox .c-toggle--check:before {
    width: 19.6506550218%;
    padding: 2em 0;
    margin-top: -10%;
    width: 6.650655%;
    padding: 1em 0;
    margin-top: -3.5%;
    background-size: 65% auto;
  }
}
.iceBox .c-toggle--check .c-toggle__summary {
  text-align: left;
  font-size: 3.4666666667vw;
  padding: 1em 0;
  border: none;
  color: #fff;
  background-color: #004090;
}
@media only screen and (min-width:768px) {
  .iceBox .c-toggle--check .c-toggle__summary {
    font-size: 1.625em;
  }
}
.iceBox .c-toggle--check .c-toggle__summary__txt {
  display: inline-block;
  padding-left: 1.3em;
}
.iceBox .c-toggle--check .c-toggle__detail {
  background-color: #CAECFA;
  color: #004090;
  border: none;
}
.iceBox .c-toggle--check .c-toggle__detail__inner {
  padding: 5.6vw 4.6666666667vw 6.6666666667vw;
}
@media only screen and (min-width:768px) {
  .iceBox .c-toggle--check .c-toggle__detail__inner {
    padding: 3.2751091703% 5.4585152838% 5.0218340611%;
  }
}
.iceBox .c-toggle--check .icon--toggle {
  background-color: #CAECFA;
  margin-right: 4vw;
}
@media only screen and (min-width:768px) {
  .iceBox .c-toggle--check .icon--toggle {
    width: 4.1304347826%;
    margin-right: 1em;
  }
}
.iceBox .c-toggle--check .icon--toggle__inner span {
  background-color: #004090;
}
.iceBox .c-toggle--check .c-toggle__detail__subTitle {
  text-align: center;
  font-size: 3.4666666667vw;
  font-weight: bold;
}
.iceBox .c-toggle--check .c-toggle__detail__productName {
  text-align: center;
  font-size: 4.2666666667vw;
  font-weight: bold;
}
@media only screen and (min-width:768px) {
  .iceBox .c-toggle--check_02 .c-toggle__detail__txt {
    width: 59%;
  }
}
.iceBox .c-toggle__eyeCatch_01 {
  width: 38.6666666667vw;
  margin: 0 auto;
  margin-top: 2em;
  margin-bottom: 2em;
}
@media only screen and (min-width:768px) {
  .iceBox .c-toggle__eyeCatch_01 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 16.2745098039%;
    height: max-content;
    margin-left: 17.9411764706%;
  }
}
@media only screen and (min-width:768px) {
  .iceBox .c-toggle__eyeCatch_02 {
    margin-bottom: 0;
  }
}
.iceBox .c-toggle__eyeCatch_03 {
  width: 52.4vw;
  margin: 0 auto;
  margin-bottom: 4em;
}
@media only screen and (min-width:768px) {
  .iceBox .c-toggle__eyeCatch_03 {
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 30.2401746725%;
    height: max-content;
    margin-right: 3em;
  }
}
.iceBox .c-descriptionTxtBox__txt {
  font-weight: bold;
  color: #004090;
  font-size: 3.4666666667vw;
  position: relative;
}
@media only screen and (min-width:768px) {
  .iceBox .c-descriptionTxtBox__txt {
    font-size: 1.125em;
  }
}
.iceBox .c-descriptionTxtBox__txt + .c-descriptionTxtBox__txt {
  margin-top: 1em;
}
.iceBox .c-descriptionTxtBox__txt span {
  display: inline-block;
}
.iceBox .c-descriptionTxtBox__txt span.u-underline {
  position: relative;
  text-decoration: underline;
  text-decoration-thickness: 0.8em;
  text-decoration-color: #fff;
  text-underline-offset: -0.6em;
}
.iceBox .c-descriptionTxtBox__txt__small {
  font-size: 0.775em;
}
.iceBox .feature__descriptionTxtBox {
  margin-top: 3em;
}
.iceBox .iceBoxFeatures {
  margin-bottom: 2em;
  margin-top: 18vw;
}
@media only screen and (min-width:768px) {
  .iceBox .iceBoxFeatures {
    margin-top: 0;
  }
}
.iceBox .iceBoxFeatures__inner {
  position: relative;
}
.iceBox .iceBoxFeatures.is-show .iceBoxFeatures__pkg {
  opacity: 1;
  transform: translate(-1em, 0);
}
@media only screen and (min-width:768px) {
  .iceBox .iceBoxFeatures.is-show .iceBoxFeatures__pkg {
    transform: translate(4em, 0);
  }
}
.iceBox .iceBoxFeatures.is-ice-animated .icon--ice_01 {
  animation: flyOut01 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
.iceBox .iceBoxFeatures.is-ice-animated .icon--ice_01 .icon--ice__num {
  animation: bubbleAppear 0.4s ease-out 0.5s forwards;
}
.iceBox .iceBoxFeatures.is-ice-animated .icon--ice_02 {
  animation: flyOut02 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 0.15s forwards;
}
.iceBox .iceBoxFeatures.is-ice-animated .icon--ice_02 .icon--ice__num {
  animation: bubbleAppear 0.4s ease-out 0.65s forwards;
}
.iceBox .iceBoxFeatures.is-ice-animated .icon--ice_03 {
  animation: flyOut03 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 0.3s forwards;
}
.iceBox .iceBoxFeatures.is-ice-animated .icon--ice_03 .icon--ice__num {
  animation: bubbleAppear 0.4s ease-out 0.7s forwards;
}
.iceBox .iceBoxFeatures.is-ice-animated .icon--ice_04 {
  animation: flyOut04 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 0.45s forwards;
}
.iceBox .iceBoxFeatures.is-ice-animated .icon--ice_04 .icon--ice__num {
  animation: bubbleAppear 0.4s ease-out 0.85s forwards;
}
.iceBox .iceBoxFeatures.is-ice-animated .iceBoxFeatures__bubble_01 .iceBoxFeatures__bubble__inner {
  animation: bubbleAppear 0.4s ease-out 0.5s forwards;
}
.iceBox .iceBoxFeatures.is-ice-animated .iceBoxFeatures__bubble_02 .iceBoxFeatures__bubble__inner {
  animation: bubbleAppear 0.4s ease-out 0.65s forwards;
}
.iceBox .iceBoxFeatures.is-ice-animated .iceBoxFeatures__bubble_03 .iceBoxFeatures__bubble__inner {
  animation: bubbleAppear 0.4s ease-out 0.7s forwards;
}
.iceBox .iceBoxFeatures.is-ice-animated .iceBoxFeatures__bubble_04 .iceBoxFeatures__bubble__inner {
  animation: bubbleAppear 0.4s ease-out 0.85s forwards;
}
.iceBox .iceBoxFeatures__bubble {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.iceBox .iceBoxFeatures__bubble__inner {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #004090;
  padding: 2em;
  padding-top: 1.5em;
  padding-left: 2.5em;
  padding-right: 0;
  border-radius: 2em;
  opacity: 0;
}
@media only screen and (min-width:768px) {
  .iceBox .iceBoxFeatures__bubble__inner {
    padding-top: 0;
    padding-top: 0.5em;
    padding-left: 1.5em;
    padding-bottom: 1em;
    border-radius: 1em;
  }
}
.iceBox .iceBoxFeatures__bubble__inner:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  margin-bottom: -3.8vw;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 2.8vw solid transparent;
  border-left: 2.8vw solid transparent;
  border-top: 4.9333333333vw solid #004090;
  border-bottom: 0;
}
@media only screen and (min-width:768px) {
  .iceBox .iceBoxFeatures__bubble__inner:after {
    border-right-width: 1.3125em;
    border-left-width: 1.3125em;
    border-top-width: 2.3125em;
    margin-bottom: -1.5em;
  }
}
.iceBox .icon--ice {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  z-index: 2;
  opacity: 0;
  transform: translate(0, 0) scale(0.3);
}
.iceBox .icon--ice__inner {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
}
@media only screen and (min-width:768px) {
  .iceBox .icon--ice__inner {
    width: 100%;
  }
}
.iceBox .icon--ice .icon--ice__num {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 2.9333333333vw;
  width: auto;
  display: flex;
  justify-content: center;
  opacity: 0;
}
@media only screen and (min-width:768px) {
  .iceBox .icon--ice .icon--ice__num {
    width: auto;
    height: 1.125em;
  }
}
.iceBox .icon--ice .icon--ice__num img {
  display: block;
  height: 100%;
  width: fit-content;
  object-fit: contain;
}
.iceBox .icon--ice_01 {
  width: 19.7333333333vw;
  padding-bottom: 19.7333333333vw;
  aspect-ratio: 1/1;
  background: url("/icebox/assets/renew/img/ice_grain_1.png") no-repeat center center/100% 100%;
  margin-top: -11vw;
  margin-left: -11vw;
}
@media only screen and (min-width:768px) {
  .iceBox .icon--ice_01 {
    width: 50.7317073171%;
    padding-bottom: 51.2195121951%;
    padding-bottom: 48.219512%;
    margin-top: -25%;
    margin-left: -24%;
  }
}
.iceBox .icon--ice_01 .icon--ice__inner {
  width: 19.7333333333vw;
  padding-bottom: 19.7333333333vw;
}
@media only screen and (min-width:768px) {
  .iceBox .icon--ice_01 .icon--ice__inner {
    width: 100%;
    padding-bottom: 51.2195121951%;
  }
}
.iceBox .icon--ice_02 {
  width: 21.3333333333vw;
  padding-bottom: 19.6vw;
  background: url("/icebox/assets/renew/img/ice_grain_2.png") no-repeat center center/100% 100%;
  margin-top: -11vw;
  margin-left: -11vw;
}
@media only screen and (min-width:768px) {
  .iceBox .icon--ice_02 {
    width: 67.3333333333%;
    padding-bottom: 51.3333333333%;
    padding-bottom: 55.333333%;
    margin-top: -31%;
    margin-left: -26%;
  }
}
.iceBox .icon--ice_02 .icon--ice__inner {
  width: 21.3333333333vw;
  padding-bottom: 19.6vw;
}
@media only screen and (min-width:768px) {
  .iceBox .icon--ice_02 .icon--ice__inner {
    width: 60.6666666667%;
    width: 100%;
    padding-bottom: 44.6666666667%;
  }
}
.iceBox .icon--ice_03 {
  width: 15.3333333333vw;
  padding-bottom: 14vw;
  background: url("/icebox/assets/renew/img/ice_grain_3.png") no-repeat center center/100% 100%;
  margin-top: -8vw;
  margin-left: -6vw;
}
@media only screen and (min-width:768px) {
  .iceBox .icon--ice_03 {
    width: 56.1111111111%;
    padding-bottom: 42.7777777778%;
    margin-top: -25%;
    margin-left: -24%;
  }
}
.iceBox .icon--ice_03 .icon--ice__inner {
  width: 15.3333333333vw;
  padding-bottom: 14vw;
}
@media only screen and (min-width:768px) {
  .iceBox .icon--ice_03 .icon--ice__inner {
    width: 100%;
    padding-bottom: 42.7777777778%;
  }
}
.iceBox .icon--ice_04 {
  width: 19.4666666667vw;
  padding-bottom: 16.1333333333vw;
  background: url("/icebox/assets/renew/img/ice_grain_4.png") no-repeat center center/100% 100%;
  margin-top: -10vw;
  margin-left: -8vw;
}
.iceBox .icon--ice_04 .icon--ice__inner .icon--ice__num {
  margin-top: 4.5em;
}
@media only screen and (min-width:768px) {
  .iceBox .icon--ice_04 {
    width: 56.1111111111%;
    padding-bottom: 42.7777777778%;
    margin-top: -25%;
    margin-left: -24%;
  }
  .iceBox .icon--ice_04 .icon--ice__inner .icon--ice__num {
    margin-top: 1em;
  }
}
.iceBox .icon--ice_04 .icon--ice__inner {
  width: 19.4666666667vw;
  padding-bottom: 16.1333333333vw;
}
@media only screen and (min-width:768px) {
  .iceBox .icon--ice_04 .icon--ice__inner {
    width: 100%;
    padding-bottom: 42.7777777778%;
  }
}
.iceBox .iceBoxFeatures__bubble__txt {
  color: #fff;
  font-weight: bold;
  font-size: 4.2666666667vw;
  line-height: 1.5;
}
@media only screen and (min-width:768px) {
  .iceBox .iceBoxFeatures__bubble__txt {
    font-size: 1.375em;
  }
}
.iceBox .iceBoxFeatures__bubble__txt span {
  font-size: 0.75em;
}
.iceBox .iceBoxFeatures__bubble_01 {
  margin-left: 4.2666666667vw;
  margin-top: -6vw;
}
@media only screen and (min-width:768px) {
  .iceBox .iceBoxFeatures__bubble_01 {
    margin-left: 3%;
    margin-top: -8%;
  }
}
.iceBox .iceBoxFeatures__bubble_01 .iceBoxFeatures__bubble__inner:after {
  transform: skewX(36deg);
}
.iceBox .iceBoxFeatures__bubble_02 {
  margin-top: 2.666667vw;
  margin-left: 58.2666666667vw;
}
@media only screen and (min-width:768px) {
  .iceBox .iceBoxFeatures__bubble_02 {
    margin-left: 53%;
    margin-top: -6%;
  }
}
.iceBox .iceBoxFeatures__bubble_02 .iceBoxFeatures__bubble__inner:after {
  transform: skewX(-36deg);
}
.iceBox .iceBoxFeatures__bubble_03 {
  margin-top: 50.666667vw;
  margin-left: 2.9333333333vw;
}
@media only screen and (min-width:768px) {
  .iceBox .iceBoxFeatures__bubble_03 {
    margin-top: 39%;
    margin-left: 6%;
  }
}
.iceBox .iceBoxFeatures__bubble_03 .iceBoxFeatures__bubble__inner:after {
  bottom: inherit;
  top: 0;
  margin-top: -3.8vw;
  transform: rotate(180deg) skewX(320deg);
}
@media only screen and (min-width:768px) {
  .iceBox .iceBoxFeatures__bubble_03 .iceBoxFeatures__bubble__inner:after {
    margin-top: -1.5em;
  }
}
.iceBox .iceBoxFeatures__bubble_04 {
  margin-top: 56vw;
  margin-top: 46vw;
  margin-left: 53.3333333333vw;
}
@media only screen and (min-width:768px) {
  .iceBox .iceBoxFeatures__bubble_04 {
    margin-top: 32%;
    margin-left: 57%;
  }
}
.iceBox .iceBoxFeatures__bubble_04 .iceBoxFeatures__bubble__inner:after {
  bottom: inherit;
  top: 0;
  margin-top: -3.8vw;
  transform: rotate(180deg) skewX(-320deg);
}
@media only screen and (min-width:768px) {
  .iceBox .iceBoxFeatures__bubble_04 .iceBoxFeatures__bubble__inner:after {
    margin-top: -1.5em;
  }
}
.iceBox .iceBoxFeatures__pkg {
  position: relative;
  z-index: 1;
  opacity: 0;
  transform: translate(2em, 10%);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition-delay: 0.5s;
}
@media only screen and (min-width:768px) {
  .iceBox .iceBoxFeatures__pkg {
    width: 72.5490196078%;
    transform: translate(4em, 10%);
  }
}
.iceBox .features__btn {
  margin-bottom: 12.4vw;
}
@media only screen and (min-width:768px) {
  .iceBox .features__btn {
    max-width: 450px;
    margin: 0 auto;
    margin-bottom: 8.0392156863%;
  }
}
.iceBox .feature__txtBox {
  position: relative;
  margin-top: 20.2666666667vw;
}
@media only screen and (min-width:768px) {
  .iceBox .feature__txtBox {
    width: 65.7843137255%;
    margin: 0 auto;
    margin-top: 14.7058823529%;
  }
}
.iceBox .feature__txtBox:after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 110%;
  aspect-ratio: 748/604;
  z-index: 0;
  margin-top: -7em;
  margin-left: -3%;
  background: url("/icebox/assets/renew/img/feature__txtBox_bg.png") no-repeat center center/cover;
}
@media only screen and (min-width:768px) {
  .iceBox .feature__txtBox:after {
    background-image: url("/icebox/assets/renew/img/feature__txtBox_bg_pc.png");
    margin-top: -4.3em;
    margin-left: -4%;
    aspect-ratio: 672/400;
  }
}
.iceBox .feature__txtBox__inner {
  position: relative;
  z-index: 1;
  padding-left: 5.6vw;
}
@media only screen and (min-width:768px) {
  .iceBox .feature__txtBox__inner {
    padding-left: 0;
    padding: 0 4.5em;
  }
}
.iceBox .feature__txtBox__ttl {
  font-size: 4.2666666667vw;
  font-weight: bold;
  line-height: 1.7;
  color: #004090;
}
@media only screen and (min-width:768px) {
  .iceBox .feature__txtBox__ttl {
    text-align: center;
    font-size: 1.375em;
  }
}
.iceBox .feature__txtBox__txt {
  font-size: 3.4666666667vw;
  line-height: 1.8;
  margin-top: 1em;
  color: #004090;
  font-weight: 600;
}
@media only screen and (min-width:768px) {
  .iceBox .feature__txtBox__txt {
    font-size: 1.125em;
    margin-top: 0.7em;
    letter-spacing: -0.02em;
  }
}
@media only screen and (min-width:768px) {
  .iceBox .c-toggle__detail__txt--features {
    margin-top: 0.6em;
  }
}
.iceBox .breakthrough__descriptionTxtBox {
  margin-top: 3em;
  margin-bottom: 3em;
}
.iceBox .c-switchBox {
  position: relative;
}
.iceBox .switchBox {
  background-color: #fff;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 12vw;
  border: 0.4vw solid #004090;
  opacity: 0;
  pointer-events: none;
}
@media only screen and (min-width:768px) {
  .iceBox .switchBox {
    border-width: 2px;
  }
}
.iceBox .switchBox.is-active {
  position: inherit;
  margin-top: 0;
  opacity: 1;
  pointer-events: auto;
}
.iceBox .switchBox.bgColor--blue {
  background-color: #CAECFA;
  border: none;
}
.iceBox .switchBox.bgColor--blue .switchBox__points .switchBox__point:before {
  border-color: #fff;
}
.iceBox .switchBox.bgColor--blue .switchBox__panels .switchBox__panel {
  background-color: #fff;
}
.iceBox .switchBox__inner {
  padding: 0 5.3333333333vw;
  padding-top: 9.3333333333vw;
  padding-bottom: 9.7333333333vw;
}
@media only screen and (min-width:768px) {
  .iceBox .switchBox__inner {
    padding: 0 4.9019607843%;
    padding-top: 4.9019607843%;
    padding-bottom: 7.2549019608%;
  }
}
.iceBox .switchBox__btns {
  display: flex;
  justify-content: space-between;
  margin-bottom: -0.45vw;
}
@media only screen and (min-width:768px) {
  .iceBox .switchBox__btns {
    justify-content: flex-start;
    margin-bottom: 0;
  }
}
.iceBox .switchBox__btns .switchBox__btn {
  background-color: #fff;
  text-align: center;
  width: 49%;
  border-radius: 0 0.7em 0.9em 0;
}
@media only screen and (min-width:768px) {
  .iceBox .switchBox__btns .switchBox__btn {
    width: 24.5098039216%;
  }
}
.iceBox .switchBox__btns .switchBox__btn a {
  box-sizing: border-box;
  border: 0.4vw solid #004090;
  display: block;
  padding: 0.5em 0;
  font-size: 4.2666666667vw;
  font-weight: bold;
  position: relative;
  border-radius: 0 0.7em 0 0;
}
@media only screen and (min-width:768px) {
  .iceBox .switchBox__btns .switchBox__btn a {
    border-width: 2px;
    font-size: 1.375em;
  }
}
.iceBox .switchBox__btns .switchBox__btn a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  height: 5px;
  z-index: 2;
}
@media only screen and (min-width:768px) {
  .iceBox .switchBox__btns .switchBox__btn a:after {
    bottom: -3px;
  }
}
.iceBox .switchBox__btns .switchBox__btn.is-active a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  background-color: #fff;
  height: 5px;
  z-index: 2;
}
@media only screen and (min-width:768px) {
  .iceBox .switchBox__btns .switchBox__btn.is-active a:after {
    bottom: -5px;
  }
}
@media only screen and (min-width:768px) {
  .iceBox .switchBox__btns .switchBox__btn + .switchBox__btn {
    margin-left: 0.5em;
  }
}
.iceBox .switchBox__btns .switchBox__btn + .switchBox__btn a {
  background-color: #CAECFA;
  border-top: none;
  border-left: none;
  border-right: none;
  border-color: #CAECFA;
}
.iceBox .switchBox__btns .switchBox__btn + .switchBox__btn a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  z-index: 2;
  background-color: #CAECFA;
}
@media only screen and (min-width:768px) {
  .iceBox .switchBox__btns .switchBox__btn + .switchBox__btn a:after {
    bottom: -4px;
  }
}
.iceBox .switchBox__btns .switchBox__btn + .switchBox__btn.is-active a:after {
  bottom: -5px;
  background-color: #CAECFA;
}
.iceBox .switchBox__btns .switchBox__btn--below a {
  border-radius: 0 0 0.7em 0;
}
.iceBox .switchBox__btns .switchBox__btn--below a:after {
  content: "";
  position: absolute;
  left: 0;
  top: -3px;
  width: 100%;
  background-color: #fff;
  height: 5px;
  z-index: 2;
}
@media only screen and (min-width:768px) {
  .iceBox .switchBox__btns .switchBox__btn--below a:after {
    top: -3px;
    bottom: auto;
  }
}
.iceBox .switchBox__btns .switchBox__btn--below.is-active a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: auto;
  width: 100%;
  background-color: #fff;
  height: 5px;
  z-index: 2;
}
@media only screen and (min-width:768px) {
  .iceBox .switchBox__btns .switchBox__btn--below.is-active a:after {
    top: -5px;
    bottom: auto;
  }
}
.iceBox .switchBox__btns .switchBox__btn--below + .switchBox__btn a {
  border-top: 0.4vw solid #004090;
  background-color: #CAECFA;
  border-bottom: none;
  border-left: none;
  border-right: none;
  border-color: #CAECFA;
}
.iceBox .switchBox__btns .switchBox__btn--below + .switchBox__btn a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  z-index: 2;
  background-color: #CAECFA;
  top: 0;
}
@media only screen and (min-width:768px) {
  .iceBox .switchBox__btns .switchBox__btn--below + .switchBox__btn a:after {
    bottom: auto;
  }
}
.iceBox .switchBox__ttl {
  text-align: center;
  font-weight: bold;
  color: #004090;
  font-size: 6.6666666667vw;
  position: relative;
  text-decoration: underline;
  text-decoration-thickness: 0.7em;
  text-decoration-color: #FFF21C;
  text-underline-offset: -0.35em;
  margin-bottom: 1em;
}
@media only screen and (min-width:768px) {
  .iceBox .switchBox__ttl {
    font-size: 2.5em;
  }
}
.iceBox .switchBox__points {
  margin-bottom: 8vw;
}
@media only screen and (min-width:768px) {
  .iceBox .switchBox__points {
    margin-bottom: 5.1086956522%;
    display: grid;
    justify-content: center;
  }
}
.iceBox .switchBox__points .switchBox__point {
  position: relative;
  font-weight: bold;
  font-size: 4.2666666667vw;
  color: #004090;
  padding-left: 3.8em;
  line-height: 1.5;
}
@media only screen and (min-width:768px) {
  .iceBox .switchBox__points .switchBox__point {
    font-size: 1.375em;
  }
}
.iceBox .switchBox__points .switchBox__point + .switchBox__point {
  margin-top: 0.8em;
}
@media only screen and (min-width:768px) {
  .iceBox .switchBox__points .switchBox__point + .switchBox__point {
    margin-top: 2em;
  }
}
.iceBox .switchBox__points .switchBox__point:before {
  text-align: center;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 12.4vw;
  height: 12.4vw;
  border-radius: 50%;
  border: 2px solid #CAECFA;
  background-image: url("/icebox/assets/renew/img/txt-point.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8vw auto;
  aspect-ratio: 1;
}
@media only screen and (min-width:768px) {
  .iceBox .switchBox__points .switchBox__point:before {
    width: 6.5217391304%;
    width: 4.5098039216vw;
    width: 66px;
    height: auto;
    background-size: 68.3333333333% auto;
    margin-top: -0.6em;
  }
}
@media only screen and (min-width:768px) {
  .iceBox .switchBox__panels {
    display: flex;
    justify-content: space-between;
  }
}
.iceBox .switchBox__panels .switchBox__panel {
  padding: 2vw 5.3333333333vw;
  background-color: #CAECFA;
}
@media only screen and (min-width:768px) {
  .iceBox .switchBox__panels .switchBox__panel {
    width: 32.0652173913%;
    padding: 0;
    padding: 2em 0;
  }
}
.iceBox .switchBox__panels .switchBox__panel + .switchBox__panel {
  margin-top: 2vw;
}
@media only screen and (min-width:768px) {
  .iceBox .switchBox__panels .switchBox__panel + .switchBox__panel {
    margin-top: 0;
  }
}
.iceBox .l-switchBox__panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (min-width:768px) {
  .iceBox .l-switchBox__panel {
    flex-wrap: wrap;
  }
}
.iceBox .l-switchBox__panel.is-reverse .switchBox__panel__txtBox {
  order: 1;
}
@media only screen and (min-width:768px) {
  .iceBox .l-switchBox__panel.is-reverse .switchBox__panel__txtBox {
    order: 2;
  }
}
.iceBox .l-switchBox__panel.is-reverse .switchBox__panel__icon {
  order: 2;
}
@media only screen and (min-width:768px) {
  .iceBox .l-switchBox__panel.is-reverse .switchBox__panel__icon {
    order: 1;
  }
}
.iceBox .switchBox__panel__icon {
  width: 33.3333333333vw;
}
@media only screen and (min-width:768px) {
  .iceBox .switchBox__panel__icon {
    width: 88%;
    margin: 0 auto;
    margin-bottom: 1em;
  }
}
@media only screen and (min-width:768px) {
  .iceBox .switchBox__panel__icon--sauna {
    width: 79%;
  }
}
@media only screen and (min-width:768px) {
  .iceBox .switchBox__panel__icon--communication {
    width: 65%;
  }
}
.iceBox .switchBox__panel__txtBox {
  width: 36vw;
}
.iceBox .switchBox__panel__txtBox__txt {
  font-size: 3.4666666667vw;
  font-weight: bold;
  line-height: 1.5;
  color: #004090;
}
@media only screen and (min-width:768px) {
  .iceBox .switchBox__panel__txtBox__txt {
    font-size: 0.875em;
    text-align: center;
  }
}
.iceBox .switchBox__panel__txtBox__txt__small {
  font-size: 0.75em;
  line-height: 1.5;
  margin-top: 0.5em;
  display: inline-block;
}
@media only screen and (min-width:768px) {
  .iceBox .switchBox__panel__txtBox__txt__small {
    margin-top: 0;
    font-size: 0.85em;
  }
}
.iceBox .switchBox__snsItems {
  display: flex;
  justify-content: center;
}
.iceBox .switchBox__snsItems .switchBox__snsItem {
  width: 14.1333333333vw;
  aspect-ratio: 1/1;
}
@media only screen and (min-width:768px) {
  .iceBox .switchBox__snsItems .switchBox__snsItem {
    width: 7.2052401747%;
  }
}
.iceBox .switchBox__txt {
  text-align: center;
  font-size: 3.0666666667vw;
  font-weight: bold;
  line-height: 1.5;
  color: #004090;
  margin-bottom: 1em;
  margin-top: 9.0666666667vw;
}
@media only screen and (min-width:768px) {
  .iceBox .switchBox__txt {
    font-size: 1.125em;
    margin-top: 4em;
  }
}
@media only screen and (min-width:768px) {
  .iceBox .switchBox__bnr {
    width: 44.6506550218%;
    margin: 0 auto;
  }
}
.iceBox .experience__descriptionTxtBox {
  margin-top: 3em;
  margin-bottom: 3em;
}
.iceBox .experience__introduction__box {
  background-color: #fff;
  border-radius: 1em;
}
.iceBox .experience__introduction__box + .experience__introduction__box {
  margin-top: 4vw;
  padding: 5.3333333333vw 0;
  position: relative;
}
@media only screen and (min-width:768px) {
  .iceBox .experience__introduction__box + .experience__introduction__box {
    margin-top: 1.6666666667%;
  }
}
.iceBox .experience__introduction__box + .experience__introduction__box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 5.6vw;
  height: 0;
  padding-bottom: 11.7333333333vw;
  margin-top: -7vw;
  background: url("/icebox/assets/renew/img/icon--arrowDown.svg") no-repeat center center/100% 100%;
}
@media only screen and (min-width:768px) {
  .iceBox .experience__introduction__box + .experience__introduction__box:before {
    width: 2.7450980392%;
    padding-bottom: 5.8823529412%;
    margin-top: -2em;
  }
}
.iceBox .experience__introduction__box + .experience__introduction__box .experience__introduction__box__txt {
  padding: 1.5em 0;
}
.iceBox .experience__introduction__box__title {
  text-align: center;
  font-weight: bold;
  font-size: 4.2666666667vw;
  margin-bottom: 1em;
  color: #004090;
  position: relative;
}
@media only screen and (min-width:768px) {
  .iceBox .experience__introduction__box__title {
    font-size: 1.375em;
    margin-bottom: 0;
  }
}
.iceBox .l-experience__introduction__box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 5.6vw;
  position: relative;
}
@media only screen and (min-width:768px) {
  .iceBox .l-experience__introduction__box {
    justify-content: center;
    align-items: baseline;
  }
}
@media only screen and (max-width:767px) {
  .iceBox .l-experience__introduction__boxWrapper {
    margin-bottom: 10vw;
  }
}
@media only screen and (min-width:768px) {
  .iceBox .l-experience__introduction__boxWrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 20.5882352941%;
  }
}
@media only screen and (min-width:768px) {
  .iceBox .l-experience__introduction__boxWrapper .l-experience__introduction__box {
    width: 50%;
  }
}
@media only screen and (min-width:768px) {
  .iceBox .l-experience__introduction__boxWrapper .l-experience__introduction__box + .l-experience__introduction__box {
    margin-left: -17em;
  }
}
.iceBox .l-experience__introduction__boxWrapper + .experience__introduction__box__title {
  margin-top: 2em;
  position: relative;
}
.iceBox .l-experience__introduction__boxWrapper + .experience__introduction__box__title:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: -4vw;
  width: 78.6666666667vw;
  height: 0;
  padding-bottom: 0.4vw;
  background-color: #004090;
  pointer-events: none;
}
@media only screen and (min-width:768px) {
  .iceBox .l-experience__introduction__boxWrapper + .experience__introduction__box__title:before {
    padding-bottom: 3px;
    width: 71.1764705882%;
    margin-top: -2em;
  }
}
.iceBox .experience__introduction__box__txt {
  font-weight: bold;
  font-size: 3.4666666667vw;
  line-height: 1.5;
  color: #004090;
  padding: 2.5em 0;
}
@media only screen and (min-width:768px) {
  .iceBox .experience__introduction__box__txt {
    font-size: 1.125em;
    padding: 3.5em 0;
    text-align: center;
  }
}
.iceBox .experience__introduction__box__txt span {
  display: block;
  font-size: 0.7em;
}
@media only screen and (min-width:768px) {
  .iceBox .experience__introduction__box__txt span {
    font-size: 0.8em;
    margin-top: 0.3em;
  }
}
.iceBox .experience__introduction__box__illustration {
  position: absolute;
  top: 0;
  right: 0;
}
@keyframes rumble {
  0% {
    transform: translate(0);
  }
  25% {
    transform: translate(2px) rotate(5deg);
  }
  50% {
    transform: translate(0, 0);
  }
  75% {
    transform: translate(-2px) rotate(-5deg);
  }
  100% {
    transform: translate(0);
  }
}
.iceBox .experience__introduction__box__illustration_01 {
  width: 39vw;
  margin-top: -6vw;
}
.iceBox .experience__introduction__box__illustration_01.is-reverse {
  animation: rumble 0.25s linear infinite;
}
@media only screen and (min-width:768px) {
  .iceBox .experience__introduction__box__illustration_01 {
    width: 24%;
    margin-right: 13%;
    margin-top: -5%;
  }
}
.iceBox .experience__introduction__box__illustration_02 {
  width: 34.5333333333vw;
  margin-top: -7vw;
  margin-right: 7vw;
}
@media only screen and (min-width:768px) {
  .iceBox .experience__introduction__box__illustration_02 {
    width: 37%;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 5%;
  }
}
.iceBox .experience__introduction__box__illustration_03 {
  width: 23.4666666667vw;
  margin-right: 13vw;
}
@media only screen and (min-width:768px) {
  .iceBox .experience__introduction__box__illustration_03 {
    width: 23%;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 14%;
  }
}
.iceBox .experience__introduction__box__illustration_04 {
  width: 39.6vw;
  margin-top: -5vw;
  margin-right: 6vw;
}
@media only screen and (min-width:768px) {
  .iceBox .experience__introduction__box__illustration_04 {
    width: 34%;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 3%;
  }
}
.iceBox .experience__introduction__box__faq {
  padding: 0 5.3333333333vw;
  margin-top: 7em;
}
@media only screen and (min-width:768px) {
  .iceBox .experience__introduction__box__faq {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 23.5294117647%;
  }
}
.iceBox .experience__introduction__box__faq__title {
  margin-bottom: 1em;
}
@media only screen and (min-width:768px) {
  .iceBox .experience__introduction__box__faq__title {
    margin-bottom: 0;
  }
}
.iceBox .experience__introduction__box__faq__title span {
  padding: 0.2em 1em 0.4em;
  background-color: #004090;
  font-size: 3.0666666667vw;
  font-weight: bold;
  color: #fff;
  border-radius: 0.5em;
}
@media only screen and (min-width:768px) {
  .iceBox .experience__introduction__box__faq__title span {
    font-size: 0.875em;
  }
}
.iceBox .experience__introduction__box__faq__q {
  font-weight: bold;
  color: #004090;
  font-size: 3.4666666667vw;
}
@media only screen and (min-width:768px) {
  .iceBox .experience__introduction__box__faq__q {
    font-size: 1.125em;
    margin-left: 2em;
  }
}
.iceBox .experience__introduction__box__faq__lLink {
  text-align: right;
  margin-top: 1em;
}
@media only screen and (min-width:768px) {
  .iceBox .experience__introduction__box__faq__lLink {
    margin-top: 0;
    margin-left: 2em;
  }
}
.iceBox .experience__introduction__box__faq__lLink a {
  font-weight: bold;
  position: relative;
  color: #004090;
  font-size: 2.8vw;
  padding-right: 2.5em;
}
@media only screen and (min-width:768px) {
  .iceBox .experience__introduction__box__faq__lLink a {
    font-size: 0.875em;
  }
}
.iceBox .experience__introduction__box__faq__lLink a:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 2em;
  height: 2em;
  aspect-ratio: 1/1;
  background: url("/icebox/assets/renew/img/icon--arrow.svg") no-repeat center center/100% 100%;
  transform: rotate(-90deg);
}
@media only screen and (min-width:768px) {
  .iceBox .recommend__contents {
    width: 47.0588235294%;
    margin: 0 auto;
  }
}
.iceBox .recommend__descriptionTxtBox {
  margin-top: 3em;
  margin-bottom: 1em;
  position: relative;
}
.iceBox .recommend__heading {
  font-size: 3.4666666667vw;
  font-weight: bold;
  color: #004090;
  line-height: 1.8;
  position: relative;
}
@media only screen and (min-width:768px) {
  .iceBox .recommend__heading {
    font-size: 1.125em;
  }
}
.iceBox .recommend__txt {
  font-size: 3.0666666667vw;
  font-weight: 500;
  color: #004090;
  line-height: 1.4;
  margin-top: 0.6em;
  position: relative;
}
@media only screen and (min-width:768px) {
  .iceBox .recommend__txt {
    font-size: 0.875em;
  }
}
.iceBox .recommend__banner {
  position: relative;
  margin-top: 2em;
}
.iceBox .recommend__banner + .recommend__heading {
  margin-top: 7.3333333333vw;
}
@media only screen and (min-width:768px) {
  .iceBox .recommend__banner + .recommend__heading {
    margin-top: 9.375%;
  }
}

/*# sourceMappingURL=style.css.map */