html {
  font-size: 62.5%;
  overflow-x: hidden;
  scroll-behavior: smooth;
}
body {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  color: #7DC1A4;
  overflow-wrap: break-word;
  overflow-x: hidden;
}
img {
  width: 100%;
  height: auto;
}
a {
  text-decoration: none;
  cursor: pointer;
}
a img:hover,
a:hover {
  opacity: 0.8;
}
ul,
li{
  margin:0;
  padding:0;
}
.comingsoon img{
  object-fit: cover;
  width:100%;
  height:100vh;
}
.u-pc{
  display:block;
}
.u-sp{
  display:none;
}
.u-sp__inline{
  display:none;
}

@media screen and (max-width: 768px) {
  .u-pc{
    display:none;
  }
  .u-sp{
    display:block;
  }
  .u-sp__inline{
    display:inline-block;
  }
}
.u-flex{
  display:flex;
  flex-wrap:wrap;
}
.u-wrap{
  width:100%;
  max-width:980px;
  margin:0 auto;
}
.u-po-re{
  position:relative;
  z-index: 1;
}

:root{
  --main-color:#A4DBC4;
  --sub-color:#EFFEF7;
  --deep-color:#7DC1A4;
  --white-color:#fff;
  --accent-color:#F4C0C3;
  --gray-color:#6A6A6A;
  --width-ratio: 1px / 1;
  --font-serif: "Noto Serif JP", serif;
}
@media screen and (max-width: 1512px) {
    :root {
        --width-ratio: 100vw / 1512;
    }

}
@media screen and (max-width: 980px) {
    :root {
        --width-ratio: 100vw / 980;
    }
    .u-wrap{
      width:100%;
      max-width:980px;
      margin:0 auto;
      padding:0 20px;
    }
}
@media screen and (max-width: 768px){
  :root{
    --width-ratio: 1px / 1;
  }
  .u-wrap{
    width:calc(100% - 40px);
    max-width:980px;
    margin:0 auto;
    padding:0;
  }
}


.c-bg__main{
  background-color: var(--main-color);
}
.c-bg__sub{
  background-color: var(--sub-color);
}
.c-bg__white{
  background-color: var(--white-color);
}
.c-text{
  font-size:calc(18 * var(--width-ratio));
  font-weight:bold;
  line-height:2;
  letter-spacing:0.1em;
}
@media screen and (max-width: 768px){
  .c-text{
    font-size:calc(14 * var(--width-ratio));
    font-weight:bold;
    line-height:2;
    letter-spacing:0.1em;
  }
}
.c-ttl{
  font-size:calc(38 * var(--width-ratio));
  font-weight:bold;
  line-height:1.357;
  letter-spacing:0.1em;
  position:relative;
  text-align: center;
  padding-bottom:calc(36 * var(--width-ratio));
  margin-bottom:calc(45 * var(--width-ratio));
}
.c-ttl::after{
  content:"";
  position:absolute;
  bottom:0;
  Left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  display:block;
  width:70px;
  height:5px;
  background-color: var(--main-color);
}
    @media screen and (max-width: 768px){
      .c-ttl{
        font-size:calc(28 * var(--width-ratio));
        padding-bottom:calc(24 * var(--width-ratio));
        margin-bottom:calc(40 * var(--width-ratio));
        line-height:1.71;
      }
    }

.header{
  position:relative;
  background-color: var(--main-color);
  padding:calc(39 * var(--width-ratio)) 0 0;
}
.boooom__logo-img{
  width:calc(515 * var(--width-ratio));
  margin:0 auto calc(45 * var(--width-ratio));
}
    @media screen and (max-width: 768px){
      .header{
        position:relative;
        background-color: var(--main-color);
        padding:calc(51 * var(--width-ratio)) 0 0;
      }
      .boooom__logo-img{
        width:calc(244 * var(--width-ratio));
        margin:0 auto calc(33 * var(--width-ratio));
      }
    }
.boooom__bg-deco01,
.boooom__bg-deco02,
.boooom__bg-deco03{
  width:auto;
  height:200px;
  position:relative;
  aspect-ratio:1920 / 200;
  background-color: var(--main-color);
}
.boooom__bg-deco01 img,
.boooom__bg-deco02 img,
.boooom__bg-deco03 img{
  width:100%;
  height:100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.boooom__bg-deco02{
  background-color: var(--sub-color);
}
.boooom__bg-deco03{
  background-color: var(--white-color);
}
    @media screen and (min-width: 1920px){
      .boooom__bg-deco01,
      .boooom__bg-deco02,
      .boooom__bg-deco03{
        width:100%;
        height:auto;
        position:relative;
        aspect-ratio:1920 / 200;
        background-color: var(--main-color);
      }
    }
    @media screen and (max-width: 768px){
      .boooom__bg-deco01,
      .boooom__bg-deco02,
      .boooom__bg-deco03{
        width:100%;
        height:auto;
        position:relative;
        aspect-ratio:375 / 50;
        background-color: var(--main-color);
      }
      .boooom__bg-deco01 img,
      .boooom__bg-deco02 img,
      .boooom__bg-deco03 img{
        width:100%;
        height:100%;
        object-fit: cover;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
      }
      .boooom__bg-deco02{
        background-color: var(--sub-color);
      }
      .boooom__bg-deco03{
        background-color: var(--white-color);
      }
    }
    @media screen and (max-width: 375px){
      .boooom__bg-deco01,
      .boooom__bg-deco02,
      .boooom__bg-deco03{
        width:auto;
        height:50px;
        position:relative;
        aspect-ratio:375 / 50;
        background-color: var(--main-color);
      }
    }

.boooom__mv{
  position:relative;
  background-color: var(--sub-color);
  padding:calc(250 * var(--width-ratio)) 0 0;
  margin-top:-1px;
  z-index: 1;
}
.boooom__bg-sub{
  background-color: var(--sub-color);
}
.boooom__mv-img{
  position:absolute;
  z-index: 1;
  margin:0 auto 0;
  width:calc(898 * var(--width-ratio));
  top:calc(-251 * var(--width-ratio));
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.boooom__footer-btn{
  display:block;
  width:calc(230 * var(--width-ratio));
  position:fixed;
  right:0;
  bottom:20px;
  aspect-ratio:230 / 106;
  z-index: 100;
}

    @media screen and (max-width: 768px){
      .boooom__mv{
        padding:calc(218 * var(--width-ratio)) 0 0;
      }
      .boooom__mv-img{
        position:absolute;
        z-index: 1;
        margin:0 auto 0;
        width:calc(100% - 20px);
        top:auto;
        bottom:10%;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        max-width:calc(359 * var(--width-ratio));
      }
      .boooom__footer-btn{
        display:block;
        width:calc(81 * var(--width-ratio));
        position:fixed;
        right:0;
        bottom:0;
        aspect-ratio:81 / 76;
        z-index: 100;
      }
    }
    @media screen and (max-width: 767px){
      .boooom__mv-img{
        position:absolute;
        z-index: 1;
        margin:0 auto 0;
        width:calc(100% - 20px);
        top:auto;
        bottom:0;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        max-width:calc(359 * var(--width-ratio));
      }
    }
.boooom__thought{
  background-color: var(--main-color);
  padding:calc(88 * var(--width-ratio)) 0 calc(98 * var(--width-ratio));
  position:relative;
  margin-top:-1px;
  z-index: 5;
}
.boooom__thought-text{
  text-align: center;
  color:var(--white-color);
  margin-bottom:calc(56 * var(--width-ratio));
}
.boooom__thought-ttl-area{
  margin-bottom:calc(70 * var(--width-ratio));
  align-items: flex-end;
  justify-content: center;
}
.boooom__thought-ttl-img{
  width:calc(203 * var(--width-ratio));
  margin-right:calc(14 * var(--width-ratio));
  padding-bottom:calc(9 * var(--width-ratio));
}
.boooom__thought-ttl{
  font-size:calc(40 * var(--width-ratio));
  font-weight:bold;
  line-height:1.42;
  letter-spacing:0.1em;
  color:#fff;
}
.boooom__thought-bottom-img{
  width:calc(203 * var(--width-ratio));
  margin:0 auto;
}
.boooom__thought-deco{
  width:calc(384 * var(--width-ratio));
  position:absolute;
  right:calc(172 * var(--width-ratio));
  bottom:calc(-51 * var(--width-ratio));
}
  @media screen and (max-width: 1024px){
    .boooom__thought-deco{
      width:calc(324 * var(--width-ratio));
    }
  }
  @media screen and (max-width: 980px){
    .boooom__thought-deco{
      right:0;
    }
  }

  @media screen and (max-width: 768px){
    .boooom__thought{
      padding:calc(80 * var(--width-ratio)) 0 calc(222 * var(--width-ratio));
    }
    .boooom__thought-text{
      margin-bottom:calc(39 * var(--width-ratio));
      padding:0 calc(18 * var(--width-ratio));
    }
    .boooom__thought-ttl-area{
      width:fit-content;
      margin:0 auto;
      margin-bottom:calc(44 * var(--width-ratio));
      display:block;
    }
    .boooom__thought-ttl-img{
      width:calc(183 * var(--width-ratio));
      margin-right:0;
      padding-bottom:calc(4 * var(--width-ratio));
    }
    .boooom__thought-ttl{
      font-size:calc(28 * var(--width-ratio));
      line-height:1;
    }
    .boooom__thought-bottom-img{
      width:calc(141 * var(--width-ratio));
      margin:0 auto;
    }
    .boooom__thought-deco{
      width:calc(254 * var(--width-ratio));
      position:absolute;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      right:auto;
      bottom:calc(-29 * var(--width-ratio));
    }
  }

.boooom__what{
  padding:calc(129 * var(--width-ratio)) 0 calc(119 * var(--width-ratio));
}
.boooom__2col{
  width:100%;
  gap:calc(86 * var(--width-ratio));
  justify-content: flex-end;
  align-items: center;
}
.boooom__2col-img{
  width:calc(306 * var(--width-ratio));
}
.boooom__2col-text{
  max-width:calc(495 * var(--width-ratio));
  flex:1;
}
  @media screen and (max-width: 1024px) {
    .boooom__what .u-wrap{
      max-width:calc(888 * var(--width-ratio));
    }
  }
    @media screen and (max-width: 768px){
      .boooom__what{
        padding:calc(80 * var(--width-ratio)) 0 ;
      }
      .boooom__2col{
        width:100%;
        gap:0;
        display:block;
      }
      .boooom__2col-img{
        width:calc(274 * var(--width-ratio));
        margin:0 auto calc(40 * var(--width-ratio));
      }
      .boooom__2col-text{
        max-width:100%;
        flex:1;
      }
    }

.boooom__features{
  padding:calc(110 * var(--width-ratio)) 0 calc(157 * var(--width-ratio));
  margin-bottom:-1px;
  position:relative;
  z-index: 1;
}
.boooom__features .c-ttl,
.boooom__features .c-text{
  color:var(--white-color);
}
.boooom__features .c-ttl:after{
  background-color:var(--white-color);
}
.boooom__2col-reverse{
  flex-direction: row-reverse;
}
  @media screen and (max-width: 1024px) {
    .boooom__features .u-wrap{
      max-width:calc(888 * var(--width-ratio));
    }
  }
    @media screen and (max-width: 768px){
      .boooom__features{
        padding:calc(80 * var(--width-ratio)) 0;
      }
      .boooom__features .c-ttl,
      .boooom__features .c-text{
        color:var(--white-color);
      }
      .boooom__features .c-ttl:after{
        background-color:var(--white-color);
      }
      .boooom__2col-reverse{
        flex-direction: row-reverse;
      }
    }

.boooom__function{
  padding:1px 0 calc(128 * var(--width-ratio));
  background-image:url(../img/boooom/function-bg01.png);
  background-size:1920px 517px;
  background-repeat: no-repeat;
  background-position:center;
  position: relative;
  z-index: 5;
  margin-top:-1px;
  background-color:var(--white-color);
}
.boooom__function-ttl{
  width:calc(554 * var(--width-ratio));
  margin:calc(-38 * var(--width-ratio)) auto calc(50 * var(--width-ratio));
  position:relative;
  padding-bottom:calc(42 * var(--width-ratio));
}
.boooom__function-ttl::after{
  content:"";
  position:absolute;
  bottom:0;
  Left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  display:block;
  width:70px;
  height:5px;
  background-color: var(--main-color);
}
.boooom__function-img{
  width:calc(829 * var(--width-ratio));
  margin:0 auto;
}

.boooom__function-bottom{
  padding:calc(74 * var(--width-ratio)) 0 calc(127 * var(--width-ratio));
  position:relative;
  margin-bottom:-1px;
  z-index: 10;
}
.boooom__function-deco{
  position:absolute;
  width:calc(358 * var(--width-ratio));
  width:18.6%;
  left:calc(-9 * var(--width-ratio));
  top:0;
}
.boooom__function-deco02{
  position:absolute;
  width:calc(358 * var(--width-ratio));
  width:18.6%;
  right:calc(-108 * var(--width-ratio));
  bottom:calc(-40 * var(--width-ratio));
  z-index: 1;
}
.boooom__function-design-text{
  text-align: center;
  margin-bottom:calc(25 * var(--width-ratio));
}
.boooom__function-design{
  gap:calc(27 * var(--width-ratio)) calc(48 * var(--width-ratio));
  justify-content: space-between;
  position:relative;
  z-index: 5;

}
.boooom__function-design-box{
  width:calc((100% - (48 * var(--width-ratio))) / 2);
  position:relative;
  padding-top:calc(56 * var(--width-ratio));
  padding-left:calc(43 * var(--width-ratio));
}
.boooom__function-design-num{
  width:calc(108 * var(--width-ratio));
  top:0;
  left:0;
  position: absolute;
}
.boooom__function-design-box-text{
  background-color:var(--white-color);
  font-size:calc(16 * var(--width-ratio));
  border-radius:20px;
  height:calc(207 * var(--width-ratio));
  align-items: center;
  display:flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  width:100%;
}
.boooom__function-design-deco{
  position:relative;
	z-index:0;
}
.boooom__function-design-deco::after{
  content:"";
  position:absolute;
  bottom:2px;
  left:0;
  display:block;
  width:100%;
  height:calc(10 * var(--width-ratio));
  background-color:var(--accent-color);
  opacity:0.44;
	z-index:-1;
}
    @media screen and (max-width: 1300px){
      .boooom__function-deco,
      .boooom__function-deco02{
        opacity:0.7;
      }
    }
    @media screen and (max-width: 980px) {
      .boooom__function-img{
        width:calc(973 * var(--width-ratio));
        margin:0 auto;
        padding:0 5%;
      }
    }
    @media screen and (max-width: 768px){
      .boooom__function{
        background-color:var(--white-color);
        padding:calc(80 * var(--width-ratio)) 0 calc(118 * var(--width-ratio));
        background-image:unset;
        background-size:100%;
        background-repeat: no-repeat;
        background-position:center;
      }
      .boooom__function-ttl{
        width:calc(226 * var(--width-ratio));
        margin:0 auto calc(75 * var(--width-ratio));
        position:relative;
        padding-bottom:calc(41 * var(--width-ratio));
      }
      .boooom__function-ttl::after{
        content:"";
        position:absolute;
        bottom:0;
        Left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        display:block;
        width:70px;
        height:5px;
        background-color: var(--main-color);
      }
      .boooom__function-img{
        width:100%;
        margin:0 auto;
      }
      .boooom__function-img img{
        width:calc(100% - 40px);
        margin:0 auto;
      }
      .boooom__function-img{
        background-image:url(../img/boooom/sp/function-bg01-sp.png);
        background-size:100%;
        background-repeat: no-repeat;
        background-position:center;
      }

      .boooom__function-bottom{
        padding:calc(85 * var(--width-ratio)) 0 calc(107 * var(--width-ratio));
        position:relative;
      }
      .boooom__function-deco{
        position:absolute;
        width:calc(182 * var(--width-ratio));
        left:calc(-63 * var(--width-ratio));
        top:0;
        opacity:1;
      }
      .boooom__function-deco02{
        position:absolute;
        width:calc(183 * var(--width-ratio));
        right:calc(-63 * var(--width-ratio));
        bottom:calc(-25 * var(--width-ratio));
        z-index: 1;
        opacity:1;
      }
      .boooom__function-design-text{
        text-align: center;
        margin-bottom:calc(28 * var(--width-ratio));
      }
      .boooom__function-design{
        gap:calc(25 * var(--width-ratio)) 0;
        justify-content: space-between;

      }
      .boooom__function-design-box{
        width:100%;
        position:relative;
        padding-top:calc(33 * var(--width-ratio));
        padding-left:calc(20 * var(--width-ratio));
      }
      .boooom__function-design-num{
        width:calc(79 * var(--width-ratio));
      }
      .boooom__function-design-box-text{
        background-color:var(--white-color);
        font-size:calc(14 * var(--width-ratio));
        height:auto;
        padding:20px 13px;
        width:100%;
      }
      .boooom__function-design-deco{
        position:relative;
      }
      .boooom__function-design-deco::after{
        content:"";
        position:absolute;
        bottom:2px;
        left:0;
        display:block;
        width:100%;
        height:calc(10 * var(--width-ratio));
        background-color:var(--accent-color);
        opacity:0.44;
      }
    }
      @media screen and (max-width: 344px){
        .boooom__function-design-box{
          width:100%;
          position:relative;
          padding-top:calc(33 * var(--width-ratio));
          padding-left:calc(15 * var(--width-ratio));
        }
      }
.boooom__effect{
  position:relative;
  overflow: hidden;
  margin-bottom:-1px;
  z-index: 5;
}
.add-bg{
  position:relative;
  height:2px;
  width:100%;
  z-index: 10;
  background-color:var(--main-color);
  margin-top:-1px;
  display:block;
}
.boooom__effect-drop{
  width: 100%; /* 親要素の幅を100%に設定 */
  max-width: 1920px; /* 必要に応じて最大幅を設定 */
  height: 200px;
  position: relative;
  aspect-ratio: 1920 / 200;
  background-color: var(--sub-color);
  overflow: hidden; /* オーバーフローを隠す */
}
.boooom__effect-drop img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: 0;
  object-position: 100% 50%; /* 右側を基準に表示 */
}
.boooom__effect-ttl{
  width:calc(663 * var(--width-ratio));
  margin:calc(1 * var(--width-ratio)) auto calc(97 * var(--width-ratio));
  position:relative;
  padding-bottom:calc(36 * var(--width-ratio));
  z-index: 11;
}
.boooom__effect-ttl::after{
  content:"";
  position:absolute;
  bottom:0;
  Left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  display:block;
  width:70px;
  height:5px;
  background-color: var(--white-color);
}
.boooom__effect-wrap{
  gap:calc(28 * var(--width-ratio));
  justify-content: center;
  padding:0 0 calc(331 * var(--width-ratio));
  position:relative;
}
.boooom__effect-box{
  width:calc((100% - (56 * var(--width-ratio))) / 3);
  background-color:var(--white-color);
  border-radius:20px;

}
.boooom__effect-point{
  background-color:var(--deep-color);
  color:var(--white-color);
  text-align: center;
  border-radius:20px 20px 0 0;
  padding:calc(4 * var(--width-ratio)) 0 calc(2 * var(--width-ratio));
  font-size:calc(18 * var(--width-ratio));
  font-weight:bold;
  letter-spacing:0.1em;
  margin-bottom:calc(28 * var(--width-ratio));
}
.boooom__effect-box-ttl{
  color:var(--gray-color);
  text-align: center;
  margin-bottom:calc(20 * var(--width-ratio));
	font-size:calc(22 * var(--width-ratio));
}
.boooom__effect-box-img{
  width:calc(174 * var(--width-ratio));
  margin:0 auto;
  margin-bottom:calc(2 * var(--width-ratio));
}
.boooom__effect-box-text{
  color:var(--gray-color);
  font-weight:400;
  padding:0 calc(15 * var(--width-ratio)) calc(30 * var(--width-ratio));
}
.boooom__effect-deco{
  width:calc(647 * var(--width-ratio));
  position:absolute;
  right:calc(-372 * var(--width-ratio));
  bottom:calc(45 * var(--width-ratio));
}
.boooom__effect-drop02{
  width:calc(1024 * var(--width-ratio));
  position:absolute;
  left:calc(-384 * var(--width-ratio));
  bottom:calc(-467 * var(--width-ratio));
  z-index: 1
}

.boooom__effect-bottom.boooom__bg-deco01{
  background-color:unset;
  margin-top:calc(-100 * var(--width-ratio));
  z-index: 5;
}

    @media screen and (max-width: 980px) {

      .boooom__effect-wrap{
        padding:0 5% calc(331 * var(--width-ratio));
        position:relative;
      }
      .boooom__effect-deco{
        width:calc(647 * var(--width-ratio));
        position:relative;
        right:0;
        bottom:0;
        margin:30px auto 0;
      }
    }
    @media screen and (max-width: 768px){
      .boooom__effect{
        position:relative;
        overflow: hidden;
      }
      .boooom__effect-drop{
        width: 100%; /* 親要素の幅を100%に設定 */
        max-width: 1920px; /* 必要に応じて最大幅を設定 */
        height: auto;
        position: relative;
        aspect-ratio: 375 / 150;
        background-color: var(--sub-color);
        overflow: hidden; /* オーバーフローを隠す */
      }
      .boooom__effect-drop img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        right: 0;
        object-position: 100% 50%; /* 右側を基準に表示 */
      }
      .boooom__effect-ttl{
        width:calc(244 * var(--width-ratio));
        margin:calc(-81 * var(--width-ratio)) auto calc(66 * var(--width-ratio));
        position:relative;
        padding-bottom:calc(21 * var(--width-ratio));
      }
      .boooom__effect-ttl::after{
        content:"";
        position:absolute;
        bottom:0;
        Left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        display:block;
        width:70px;
        height:5px;
        background-color: var(--white-color);
      }
      .boooom__effect-wrap{
        gap:calc(28 * var(--width-ratio));
        justify-content: center;
        padding:0 0 calc(40 * var(--width-ratio));
        position:relative;
      }
      .boooom__effect-box{
        width:calc(308 * var(--width-ratio));
        background-color:var(--white-color);
        border-radius:20px;

      }
      .boooom__effect-point{
        background-color:var(--deep-color);
        color:var(--white-color);
        text-align: center;
        border-radius:20px 20px 0 0;
        padding:calc(4 * var(--width-ratio)) 0 calc(2 * var(--width-ratio));
        font-size:calc(18 * var(--width-ratio));
        font-weight:bold;
        letter-spacing:0.1em;
        margin-bottom:calc(26 * var(--width-ratio));
      }
      .boooom__effect-box-ttl{
        color:var(--gray-color);
        text-align: center;
        margin-bottom:calc(18 * var(--width-ratio));
		  font-size:calc(18 * var(--width-ratio));
      }
      .boooom__effect-box-img{
        width:calc(174 * var(--width-ratio));
        margin:0 auto;
        margin-bottom:calc(11 * var(--width-ratio));
      }
      .boooom__effect-box-text{
        color:var(--gray-color);
        font-weight:400;
        padding:0 calc(15 * var(--width-ratio)) calc(30 * var(--width-ratio));
      }
      .boooom__effect-deco{
        width:calc(451 * var(--width-ratio));
        position:relative;
        left:0;
        right:0;
        bottom:0;
        margin:calc(30 * var(--width-ratio)) auto calc(43 * var(--width-ratio));
      }
      .boooom__effect-drop02{
        width:calc(548 * var(--width-ratio));
        position:absolute;
        left:calc(-202 * var(--width-ratio));
        bottom:calc(-321 * var(--width-ratio));
        z-index: 1
      }

      .boooom__effect-bottom.boooom__bg-deco01{
        background-color:var(--main-color);
        margin-top:0;
        z-index: 5;
      }
    }
.boooom__flow{
  padding-bottom:calc(125 * var(--width-ratio));
  margin-top:-1px;
  z-index: 5;
  position:relative;
}
.boooom__flow .c-ttl{
  margin-top:calc(-11 * var(--width-ratio));
}
.boooom__flow-wrap{
  width: 100%;
  max-width: 823px;
  margin: 0 auto calc(63 * var(--width-ratio));
}
.boooom__flow-box{
  padding-top:calc(50 * var(--width-ratio));
  margin-bottom:calc(25 * var(--width-ratio));
  position:relative;
}
.boooom__flow-box::after{
  content:"";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 74px solid transparent;
  border-left: 74px solid transparent;
  border-top: 21px solid var(--deep-color);
  border-bottom: 0;
  position:absolute;
  top:0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.boooom__flow-box:first-child::after{
  display:none;
}
.boooom__flow-box-ttl{
  position:absolute;
  top:0;
  left:0;
  font-size:calc(24 * var(--width-ratio));
  letter-spacing: 0.1em;
  line-height:1.5;
  font-weight:bold;
}
.boooom__flow-num{
  font-size:calc(55 * var(--width-ratio));
  color:var(--accent-color);
  font-weight:800;
  line-height:1;
}
.boooom__flow-box-text{
  background-color:var(--white-color);
  border-radius:20px;
  height:auto;
  display:flex;
  flex-direction: column;
  justify-content: center;
  padding:calc(20 * var(--width-ratio)) calc(21 * var(--width-ratio));
}
.boooom__flow-box-text-deco{
  display: inline-block;
}
  @media screen and (max-width:823px){
    .boooom__flow-wrap{
      width: calc(100% - 40px);
      max-width: 823px;
      margin: 0 auto calc(63 * var(--width-ratio));
    }
  }
    @media screen and (max-width: 768px){
      .boooom__flow{

        padding:calc(63 * var(--width-ratio)) 0 calc(82 * var(--width-ratio));
      }
      .boooom__flow .c-ttl{
        margin-top:0;
      }
      .boooom__flow-wrap{
        width: calc(100% - 40px);
        max-width: 823px;
        margin: 0 auto calc(50 * var(--width-ratio));
      }
      .boooom__flow-box{
        padding-top:calc(65 * var(--width-ratio));
        margin-bottom:calc(25 * var(--width-ratio));
        position:relative;
      }
      .boooom__flow-box::after{
        content:"";
        width: 0;
        height: 0;
        border-style: solid;
        border-right: 74px solid transparent;
        border-left: 74px solid transparent;
        border-top: 21px solid var(--deep-color);
        border-bottom: 0;
        position:absolute;
        top:0;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
      }
      .boooom__flow-box:first-child::after{
        display:none;
      }
      .boooom__flow-box-ttl{
        position:absolute;
        top:calc(20 * var(--width-ratio));
        left:0;
        font-size:calc(20 * var(--width-ratio));
        letter-spacing: 0.1em;
        line-height:1.5;
        font-weight:bold;
      }
      .boooom__flow-num{
        font-size:calc(45 * var(--width-ratio));
        color:var(--accent-color);
        font-weight:800;
        line-height:1;
      }
      .boooom__flow-box-text{
        background-color:var(--white-color);
        border-radius:20px;
        height:auto;
        display:flex;
        flex-direction: column;
        justify-content: center;
        padding:calc(20 * var(--width-ratio)) calc(28 * var(--width-ratio));
      }
      .boooom__flow-box-text-deco{
        display: inline-block;
        color:#949494;
      }
      .boooom__flow-box-text-note{
        font-size:calc(12 * var(--width-ratio));
      }
    }

.boooom__guide{
  margin-bottom:calc(7 * var(--width-ratio));
}
.boooom__guide-flex{
  justify-content: space-between;
  gap:calc(23 * var(--width-ratio));
  align-items: center;
}
.boooom__guide-ttl{
  width:calc(155 * var(--width-ratio));
  height:calc(155 * var(--width-ratio));
  background-color:var(--deep-color);
  color:var(--white-color);
  border-radius:50%;
  text-align: center;
  display:flex;
  flex-direction: column;
  justify-content: center;
  font-size:calc(20 * var(--width-ratio));
  line-height:1.2;
  letter-spacing:0.1em;
  font-weight:bold;
}
.boooom__guide-img{
  width:calc(672 * var(--width-ratio));
  margin:0 auto calc(36 * var(--width-ratio));
}
.boooom__guide-text{
  flex:1;
}
.boooom__guide-bottom{
  text-align: center;
  margin-bottom:calc(49 * var(--width-ratio));
}
.boooom__youtube{
  width:calc(672 * var(--width-ratio));
  margin:0 auto;
}
  @media screen and (max-width: 1024px) {
    .boooom__guide-flex{
      max-width:calc(888 * var(--width-ratio));
      margin-left:auto;
      margin-right:auto;
    }
    .boooom__guide-text{
      flex:1;
    }
  }
    @media screen and (max-width: 768px){
      .boooom__guide{
        margin-bottom:0;
      }
      .boooom__guide-flex{
        justify-content: space-between;
        gap:calc(38 * var(--width-ratio));
        align-items: center;
        flex-direction: column;
        margin-bottom:calc(45 * var(--width-ratio));
      }
      .boooom__guide-ttl{
        width:calc(155 * var(--width-ratio));
        height:calc(155 * var(--width-ratio));
        background-color:var(--deep-color);
        color:var(--white-color);
        border-radius:50%;
        text-align: center;
        display:flex;
        flex-direction: column;
        justify-content: center;
        font-size:calc(18 * var(--width-ratio));
        line-height:1.33;
        letter-spacing:0.1;
        font-weight:bold;
      }
      .boooom__guide-img{
        width:100%;
        margin:0 auto calc(44 * var(--width-ratio));
      }
      .boooom__guide-bottom{
        text-align: center;
        margin-bottom:calc(39 * var(--width-ratio));
      }
      .boooom__youtube{
        width:100%;
        margin:0 auto;
      }
    }

.boooom__recommend{
  padding:calc(132 * var(--width-ratio)) 0 calc(92 * var(--width-ratio));
}
.boooom__recommend-ttl{
  position:relative;
  display:block;
  width:fit-content;
  display:flex;
  align-items: center;
  justify-content: center;
  margin:0 auto;
  padding-bottom: calc(36 * var(--width-ratio));
  margin-bottom: calc(125 * var(--width-ratio));
}
.boooom__recommend-ttl::before,
.boooom__recommend-ttl::after{
  content:"";
  background-size:100% 100%;
  display:block;
  width:calc(67.6 * var(--width-ratio));
  height:calc(120 * var(--width-ratio));
}
.boooom__recommend-ttl::before{
  background-image:url(../img/boooom/ttl-deco-left.png);
  margin-right:calc(6 * var(--width-ratio));
}
.boooom__recommend-ttl::after{
  background-image:url(../img/boooom/ttl-deco-right.png);
  margin-left:calc(6 * var(--width-ratio));
}
.boooom__recommend-ttl .c-ttl{
  padding-bottom: 0;
  margin-bottom: 0;
}
.boooom__recommend-ttl .c-ttl::after{
  bottom:calc(-70 * var(--width-ratio));
}
.boooom__recommend-wrap{

}
.boooom__recommend-box{
  width:100%;
  background-color:var(--sub-color);
  border-radius:20px;
}
.boooom__recommend-box-ttl{
  padding:calc(21 * var(--width-ratio)) 0 calc(12 * var(--width-ratio));
  text-align: center;
  font-size:calc(24 * var(--width-ratio));
  letter-spacing:0.1em;
  line-height:1.45;
  position:relative;
  border-radius:20px 20px 0 0;
  background-color:var(--deep-color);
  color:var(--white-color);
}
.boooom__recommend-box-ttl::before,
.boooom__recommend-box-ttl::after{
  content:"”";
  color:var(--accent-color);
  font-size:calc(120 * var(--width-ratio));
  position:absolute;
  top: 20%;
}
.boooom__recommend-box-ttl::before{
  transform: rotate(180deg);
  top: -96px;
  left:calc(38 * var(--width-ratio));
}
.boooom__recommend-box-ttl::after{
  top: -54px;
  right:calc(38 * var(--width-ratio));
}
.boooom__recommend-contents{
  padding:calc(25 * var(--width-ratio)) calc(50 * var(--width-ratio)) calc(63 * var(--width-ratio));
}
.boooom__recommend-box-top{
  gap:calc(33 * var(--width-ratio));
  align-items: center;
  margin-bottom:calc(38 * var(--width-ratio));
}
.boooom__recommend-box-img{
  width:calc(188 * var(--width-ratio));
}
.boooom__recommend-box-img-text{
  text-align: center;
  font-size:calc(18 * var(--width-ratio));
  letter-spacing:0.1;
  line-height:1.44;
  color:var(--gray-color);
  font-weight:500;
  margin-top:calc(5 * var(--width-ratio));
}
.boooom__recommend-box-text{
  flex:1;
  font-size:calc(14 * var(--width-ratio));
  font-weight:500;
  color:var(--gray-color);
}
.boooom__recommend-box-en{
  font-size:calc(20 * var(--width-ratio));
  font-weight:bold;
  line-height:1.45;
  padding-bottom:calc(9.5 * var(--width-ratio));
  margin-bottom:calc(9.5 * var(--width-ratio));
  border-bottom:dashed 1px var(--deep-color);
}
.boooom__recommend-box-bottom{
  font-size:calc(12 * var(--width-ratio));
  font-weight:500;
}
    @media screen and (max-width: 768px){
      .boooom__recommend{
        padding:calc(132 * var(--width-ratio)) 0 calc(50 * var(--width-ratio));
      }
      .boooom__recommend-ttl{
        position:relative;
        display:block;
        width:fit-content;
        display:flex;
        align-items: center;
        justify-content: center;
        margin:0 auto;
        padding-bottom: calc(20 * var(--width-ratio));
        margin-bottom: calc(73 * var(--width-ratio));
      }
      .boooom__recommend-ttl::before,
      .boooom__recommend-ttl::after{
        content:"";
        background-size:100% 100%;
        display:block;
        width:calc(67.6 * var(--width-ratio));
        height:calc(120 * var(--width-ratio));
      }
      .boooom__recommend-ttl::before{
        background-image:url(../img/boooom/ttl-deco-left.png);
        margin-right:calc(-5 * var(--width-ratio));
      }
      .boooom__recommend-ttl::after{
        background-image:url(../img/boooom/ttl-deco-right.png);
        margin-left:calc(-5 * var(--width-ratio));
      }
      .boooom__recommend-ttl .c-ttl{
        padding-bottom: 0;
        margin-bottom: 0;
      }
      .boooom__recommend-ttl .c-ttl::after{
        bottom:calc(-70 * var(--width-ratio));
      }
      .boooom__recommend-wrap{

      }
      .boooom__recommend-box{
        width:100%;
        background-color:var(--sub-color);
        border-radius:20px;
      }
      .boooom__recommend-box-ttl{
        padding:calc(25 * var(--width-ratio)) 0;
        text-align: center;
        font-size:calc(18 * var(--width-ratio));
        letter-spacing:0.1em;
        line-height:1.45;
        position:relative;
        border-radius:20px 20px 0 0;
        background-color:var(--deep-color);
        color:var(--white-color);
      }
      .boooom__recommend-box-ttl::before,
      .boooom__recommend-box-ttl::after{
        content:"”";
        color:var(--accent-color);
        font-size:calc(80 * var(--width-ratio));
        position:absolute;
        top: 20%;
      }
      .boooom__recommend-box-ttl::before{
        transform: rotate(180deg);
        top: -73px;
        left:calc(23 * var(--width-ratio));
      }
      .boooom__recommend-box-ttl::after{
        top: -45px;
        right:calc(23 * var(--width-ratio));
      }
      .boooom__recommend-contents{
        padding:calc(50 * var(--width-ratio)) calc(15 * var(--width-ratio)) calc(30 * var(--width-ratio));
      }
      .boooom__recommend-box-top{
        gap:calc(35 * var(--width-ratio));
        align-items: center;
        flex-direction: column;
        margin-bottom:calc(35 * var(--width-ratio));
      }
      .boooom__recommend-box-img{
        width:calc(182 * var(--width-ratio));
      }
      .boooom__recommend-box-img-text{
        text-align: center;
        font-size:calc(14 * var(--width-ratio));
        letter-spacing:0.1;
        line-height:1.44;
        color:var(--gray-color);
        font-weight:500;
        margin-top:calc(35 * var(--width-ratio));
      }
      .boooom__recommend-box-text{
        flex:1;
        font-size:calc(14 * var(--width-ratio));
        font-weight:500;
        line-height:2;
        color:var(--gray-color);
      }
      .boooom__recommend-box-en{
        font-size:calc(20 * var(--width-ratio));
        font-weight:bold;
        line-height:1.45;
        padding-bottom:calc(9.5 * var(--width-ratio));
        margin-bottom:calc(9.5 * var(--width-ratio));
        border-bottom:dashed 1px var(--deep-color);
      }
      .boooom__recommend-box-bottom{
        font-size:calc(12 * var(--width-ratio));
        font-weight:500;
      }
    }

.splide__list{
  display:flex;
}
.splide__track{
  overflow:unset;
}
.splide__slide{
  list-style: none;
  max-width:calc(796 * var(--width-ratio));
}
.splide__slide.is-active{
  margin-top:calc(-80 * var(--width-ratio));
  transform: unset;
}
.splide__pagination__page.is-active{
  transform: unset;
}
.splide__pagination{
  position:relative;
  display:flex;
  justify-content: center;
  gap:calc(22 * var(--width-ratio));
  margin:calc(36 * var(--width-ratio)) auto 0;
}
.splide__pagination li{
  list-style: none;
}
.splide__pagination li button{
  border:solid 1px var(--deep-color);
  border-radius:50%;
  width:calc(18 * var(--width-ratio));
  height:calc(18 * var(--width-ratio));
  background-color:var(--white-color);
  margin:0;
  padding:0;
}
.splide__pagination li button.is-active{
  background-color:var(--deep-color);
}
    @media screen and (max-width: 768px){
      .splide{
        width:calc(100% - 40px);
        margin:0 auto;
      }
      .splide__slide{
        list-style: none;
        max-width:calc(796 * var(--width-ratio));
      }
      .splide__slide.is-active{
        margin-top:0;
        transform: unset;
      }
      .splide__pagination__page.is-active{
        transform: unset;
      }
      .splide__pagination{
        position:relative;
        display:flex;
        justify-content: center;
        gap:calc(22 * var(--width-ratio));
        margin:calc(60 * var(--width-ratio)) auto 0;
      }
      .splide__pagination li{
        list-style: none;
      }
      .splide__pagination li button{
        border:solid 1px var(--deep-color);
        border-radius:50%;
        width:calc(18 * var(--width-ratio));
        height:calc(18 * var(--width-ratio));
        background-color:var(--white-color);
      }
      .splide__pagination li button.is-active{
        background-color:var(--deep-color);
      }
      .splide__arrow{
        align-items: center;
        background: unset;
        border: 0;
        border-radius: 50%;
        cursor: pointer;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        opacity: 1;
        padding: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 17.6vw;
        height: 17.6vw;
        z-index: 1;
      }
      .splide__arrow--prev svg,
      .splide__arrow--next svg{
        display:none;
      }
      .splide__arrow--prev {
        left: -13.867vw;
        background-image:url(../img/boooom/sp/left.png);
        background-size:100% 100%;
      }
      .splide__arrow--next {
        right: -13.867vw;
        background-image:url(../img/boooom/sp/right.png);
        background-size:100% 100%;
      }
    }

.boooom__voice{
  color:var(--white-color);
  padding:0 calc(89 * var(--width-ratio)) calc(33 * var(--width-ratio));
  margin:-1px auto -1px;
  position:relative;
  z-index: 6;
}

.boooom__bg-deco04{
  background-color:var(--sub-color);
}
.boooom__voice-deco{
  position:absolute;
  width:calc(267 * var(--width-ratio));
  aspect-ratio: 267 / 1574;
  top:calc(-287 * var(--width-ratio));
  right:calc(67 * var(--width-ratio));
  z-index: 1;
}
.boooom__voice .c-ttl{
  margin-top:calc(-27 * var(--width-ratio));
  margin-bottom:calc(125 * var(--width-ratio));
}
.boooom__voice .c-ttl::after{
  background-color:var(--white-color);
}
.boooom__voice-box{
  border-radius:40px;
  background-color:var(--white-color);
  padding:calc(50 * var(--width-ratio)) calc(35 * var(--width-ratio));
}

.boooom__voice-box-top{
  gap:calc(13 * var(--width-ratio));
}
.boooom__voice-box-text{
  color:var(--gray-color);
  margin-bottom:calc(6 * var(--width-ratio));
  font-size:calc(16 * var(--width-ratio));
  letter-spacing:0.04em;
  line-height:2;
}
.boooom__voice-box-textarea,
.boooom__voice-box-bottom{
  color:var(--gray-color);
  background-color:var(--sub-color);
  border-radius:5px;
  padding:calc(10 * var(--width-ratio)) calc(15 * var(--width-ratio));
  margin-bottom:calc(10 * var(--width-ratio));
  font-weight:400;
  font-size:calc(16 * var(--width-ratio));
}
.boooom__voice-box-bottom{
  min-height:calc(322 * var(--width-ratio));
}
.boooom__voice-box-contents{
  flex:1;
}
.boooom__voice-box-img{
  width:38%;
}
#voice-splide.splide{
  z-index: 1;
}
#voice-splide .splide__list{
  margin-block-start: 0;
  margin-block-end: 0;
  padding-inline-start: 0;
}
#voice-splide .splide__slide{
  max-width:calc(537 * var(--width-ratio));
}
    @media screen and (max-width: 768px){

      .boooom__voice{
        color:var(--white-color);
        padding:calc(80 * var(--width-ratio)) calc(20 * var(--width-ratio)) calc(45 * var(--width-ratio));
        margin:-1px auto -1px;
        position:relative;
      }
      .boooom__voice-deco{
        position:absolute;
        width:calc(134 * var(--width-ratio));
        aspect-ratio: 134 / 1340;
        top:calc(-76 * var(--width-ratio));
        right:calc(-32 * var(--width-ratio));
        z-index: 1;
      }
      .boooom__voice .c-ttl{
        margin-top:0;
        margin-bottom:calc(98 * var(--width-ratio));
      }
      .boooom__voice .c-ttl::after{
        background-color:var(--white-color);
      }
      .boooom__voice-box{
        border-radius:20px;
        background-color:var(--white-color);
        padding:calc(35 * var(--width-ratio)) calc(18 * var(--width-ratio));
      }

      .boooom__voice-box-top{
        gap:0;
        flex-direction: column-reverse;
      }
      .boooom__voice-box-text{
        color:var(--gray-color);
        margin-bottom:calc(10 * var(--width-ratio));
        font-size:calc(16 * var(--width-ratio));
        letter-spacing:0.04em;
        line-height:2;
      }
      .boooom__voice-box-textarea,
      .boooom__voice-box-bottom{
        color:var(--gray-color);
        background-color:var(--sub-color);
        border-radius:5px;
        padding:calc(10 * var(--width-ratio)) calc(15 * var(--width-ratio));
        margin-bottom:calc(10 * var(--width-ratio));
        font-weight:400;
        font-size:calc(16 * var(--width-ratio));
      }
      .boooom__voice-box-bottom{
        min-height:calc(322 * var(--width-ratio));
      }
      .boooom__voice-box-contents{
        flex:1;
      }
      .boooom__voice-box-img{
        width:calc(220 * var(--width-ratio));
        margin:0 auto;
        margin-top:calc(-68 * var(--width-ratio));
      }
      #voice-splide.splide{
        z-index: 1;
        width:100%;
      }
      #voice-splide .splide__list{
        margin-block-start: 0;
        margin-block-end: 0;
        padding-inline-start: 0;
      }
      #voice-splide .splide__slide{
        max-width:calc(537 * var(--width-ratio));
      }
      #voice-splide .splide__arrow--prev {
        left: -13.867vw;
        background-image:url(../img/boooom/sp/left02.png);
        background-size:100% 100%;
      }
      #voice-splide .splide__arrow--next {
        right: -13.867vw;
        background-image:url(../img/boooom/sp/right02.png);
        background-size:100% 100%;
      }
    }
.boooom__product{
  padding:calc(171 * var(--width-ratio)) 0 calc(198 * var(--width-ratio));
  margin-top:-1px;
  position:relative;
  z-index: 5;
}
.boooom__product-ttl{
  margin-bottom:calc(130 * var(--width-ratio));
}
.boooom__product-content{

}
.boooom__product-wrap{
  gap:calc(70 * var(--width-ratio));
  justify-content: center;
}
.boooom__product-box{
  width:calc(430 * var(--width-ratio));
  padding:calc(54 * var(--width-ratio)) calc(42 * var(--width-ratio)) calc(48 * var(--width-ratio));
  background-color:var(--white-color);
  border-radius:20px;
}
.boooom__product-box-img{
  width:100%;
  margin-bottom:calc(21 * var(--width-ratio));
}
.boooom__product-box-price{
  width:calc(178 * var(--width-ratio));
  margin:0 auto calc(25 * var(--width-ratio));
}
.boooom__product-box-price{
  width:calc(204 * var(--width-ratio));
  margin:0 auto calc(25 * var(--width-ratio));
}
.boooom__product-box-price-text{
  text-align: center;
  margin-bottom:calc(-15 * var(--width-ratio));
}
.boooom__product-box-ttl{
  font-size:calc(28 * var(--width-ratio));
  font-weight:500;
  line-height:1.48;
  padding-bottom:calc(25 * var(--width-ratio));
  margin-bottom:calc(25 * var(--width-ratio));
  text-align: center;
  border-bottom:dashed 1px var(--main-color);
}
.boooom__product-box-list{
  margin:0;
  padding:0;
}
.boooom__product-box-item{
  display:flex;
  font-size:calc(14 * var(--width-ratio));
  color:var(--gray-color);
}
.boooom__product-box-item::before{
  content:'・';
}
.boooom__product-box-item-left{
  width:fit-content;
  font-weight:bold;
}
.boooom__product-box-item-right{
  flex:1;
}

.boooom__product-bottom-img{
  width:calc(232 * var(--width-ratio));
  position:absolute;
  right:calc(-232 * var(--width-ratio));
  bottom:calc(-198 * var(--width-ratio));
}
    @media screen and (max-width: 1377px){
      .boooom__product{
        padding:calc(171 * var(--width-ratio)) 0 0;
      }
      .boooom__product-bottom-img .u-pc{
        display:none;
      }
      .boooom__product-bottom-img .u-tab{
        display:block;
      }
      .boooom__product-bottom-img{
        width:calc(200 * var(--width-ratio));
        position:relative;
        right:0;
        margin:30px auto 0;
        bottom:0;
      }
    }
    @media screen and (max-width: 980px){
      .boooom__product{
        padding:calc(171 * var(--width-ratio)) 0 0;
      }
      .boooom__product-bottom-img{
        width:calc(227 * var(--width-ratio));
        position:relative;
        right:0;
        bottom:0;
        margin:40px auto 0;
      }
    }

    @media screen and (max-width: 768px){
      .boooom__product{

        padding:calc(62 * var(--width-ratio)) 0 0;
      }
      .boooom__product-ttl{
        margin-bottom:calc(87 * var(--width-ratio));
      }
      .boooom__product-content{

      }
      .boooom__product-wrap{
        gap:calc(50 * var(--width-ratio));
        justify-content: center;
        flex-direction: column;
        margin-bottom:calc(55 * var(--width-ratio));
      }
      .boooom__product-box{
        width:100%;
        padding:calc(48 * var(--width-ratio)) calc(22 * var(--width-ratio)) calc(35 * var(--width-ratio));
        background-color:var(--white-color);
        border-radius:20px;
      }
      .boooom__product-box-img{
        width:100%;
        margin-bottom:calc(21 * var(--width-ratio));
      }
      .boooom__product-box-price{
        width:calc(178 * var(--width-ratio));
        margin:0 auto calc(25 * var(--width-ratio));
      }
      .boooom__product-box-price{
        width:calc(204 * var(--width-ratio));
        margin:0 auto calc(25 * var(--width-ratio));
      }
      .boooom__product-box-ttl{
        font-size:calc(24 * var(--width-ratio));
        font-weight:500;
        line-height:1.48;
        padding-bottom:calc(25 * var(--width-ratio));
        margin-bottom:calc(25 * var(--width-ratio));
        text-align: center;
        border-bottom:dashed 1px var(--main-color);
      }
      .boooom__product-box-list{
        margin:0;
        padding:0;
      }
      .boooom__product-box-item{
        display:flex;
        font-size:calc(14 * var(--width-ratio));
        color:var(--gray-color);
      }
      .boooom__product-box-item-left{
        width:fit-content;
        font-weight:bold;
      }
      .boooom__product-box-item-right{
        flex:1;
      }
      .boooom__product-bottom-img{
        width:calc(136 * var(--width-ratio));
        position:relative;
        right:0;
        bottom:0;
        margin:0 auto;
      }
    }


.boooom__bottom-logo{
  width:calc(515 * var(--width-ratio));
  padding:calc(100 * var(--width-ratio)) 0;
  margin:0 auto;
}
    @media screen and (max-width: 768px){
      .boooom__bottom-logo{
        width:calc(203 * var(--width-ratio));
        padding:calc(69 * var(--width-ratio)) 0;
        margin:0 auto;
      }
    }

.boooom__footer{
  background-color:var(--main-color);
  padding:calc(61 * var(--width-ratio)) 0 calc(14 * var(--width-ratio));
}
.boooom__footer-top{
  justify-content: center;
  gap:calc(14 * var(--width-ratio));
  margin-bottom:calc(54 * var(--width-ratio));
}
.boooom__footer-top-link{
  color:var(--gray-color);
  font-size:calc(16 * var(--width-ratio));
  width:calc(286 * var(--width-ratio));
  background-color:var(--white-color);
  text-align: center;
  border-radius:20px;
  padding:calc(10 * var(--width-ratio)) 0 calc(11 * var(--width-ratio));
  display:block;
  position:relative;
  border:solid 1px var(--deep-color);
  box-shadow: inset 0 5px 6px var(--sub-color);
}
.boooom__footer-top-link::after{
  content:"";
  display:block;
  border-radius:50%;
  width:calc(25 * var(--width-ratio));
  height:calc(25 * var(--width-ratio));
  border:solid 1px var(--deep-color);
  position:absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right:calc(11 * var(--width-ratio));
}
.boooom__footer-top-link::before{
  content:"";
  position: absolute;
  top:50%;
  transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  right: calc(21 * var(--width-ratio));
	width: 8px;
	height: 8px;
	border-top: 1px solid var(--deep-color);
	border-right: 1px solid var(--deep-color);
  display:block;
}
.boooom__footer-top-text{
  font-weight:bold;
  font-size:calc(20 * var(--width-ratio));
}
.boooom__footer-mid{
  justify-content: center;
  gap:calc(27 * var(--width-ratio));
  margin-bottom:calc(54 * var(--width-ratio));
}
.boooom__footer-mid-link{
  width:calc(206 * var(--width-ratio));
}
.boooom__footer-mid-link:nth-of-type(2){
  width:calc(233 * var(--width-ratio));
}
.boooom__footer-mid-link:nth-of-type(3){
  width:calc(199 * var(--width-ratio));
}
.boooom__footer-bottom{
  gap:calc(50 * var(--width-ratio));
  justify-content: center;
  margin-bottom:calc(28 * var(--width-ratio));
}
.boooom__footer-bottom-link{
  color:var(--white-color);
  font-size:calc(16 * var(--width-ratio));
  font-weight:bold;
}
.boooom__footer-copy{
  color:var(--white-color);
  font-size:calc(16 * var(--width-ratio));
  text-align:center;
}
    @media screen and (max-width: 768px){
      .boooom__footer{
        background-color:var(--main-color);
        padding:calc(80 * var(--width-ratio)) 0 calc(33 * var(--width-ratio));
      }
      .boooom__footer-top{
        flex-direction: column;
        justify-content: center;
        gap:calc(13 * var(--width-ratio));
        margin:0 auto;
        margin-bottom:calc(25 * var(--width-ratio));
      }
      .boooom__footer-top-link{
        color:var(--gray-color);
        font-size:calc(14 * var(--width-ratio));
        width:calc(335 * var(--width-ratio));
        background-color:var(--white-color);
        text-align: center;
        border-radius:20px;
        padding:calc(19 * var(--width-ratio)) 0 ;
        display:block;
        margin:0 auto;
        position:relative;
      }
      .boooom__footer-top-link::after{
        content:"";
        display:block;
        border-radius:50%;
        width:calc(22 * var(--width-ratio));
        height:calc(22 * var(--width-ratio));
        border:solid 1px var(--deep-color);
        position:absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        right:calc(18 * var(--width-ratio));
      }
      .boooom__footer-top-link::before{
        content:"";
        position: absolute;
        top:50%;
        transform: translateY(-50%) rotate(45deg);
        -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        right: calc(26 * var(--width-ratio));
      	width: 7px;
      	height: 7px;
      	border-top: 1px solid var(--deep-color);
      	border-right: 1px solid var(--deep-color);
        display:block;
      }
      .boooom__footer-top-text{
        font-weight:bold;
        font-size:calc(18 * var(--width-ratio));
      }
      .boooom__footer-mid{
        justify-content: center;
        gap:calc(9 * var(--width-ratio));
        margin:0 auto;
        margin-bottom:calc(64 * var(--width-ratio));
        width:calc(335 * var(--width-ratio));
      }
      .boooom__footer-mid-link{
        width:calc(105 * var(--width-ratio));
      }
      .boooom__footer-mid-link:nth-of-type(2){
        width:calc(105 * var(--width-ratio));
      }
      .boooom__footer-mid-link:nth-of-type(3){
        width:calc(105 * var(--width-ratio));
      }
      .boooom__footer-bottom{
        gap:calc(20 * var(--width-ratio));
        justify-content: center;
        flex-direction: column;
        margin-bottom:calc(28 * var(--width-ratio));
      }
      .boooom__footer-bottom-link{
        color:var(--white-color);
        font-size:calc(14 * var(--width-ratio));
        font-weight:bold;
        text-align: center;
      }
      .boooom__footer-copy{
        color:var(--white-color);
        font-size:calc(12 * var(--width-ratio));
        text-align:center;
      }
    }