<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/*===============================
  font
================================*/
/*font-family*/
@font-face {
	font-family: 'AllusionDisplay';
	src: url(https://gigaplus.makeshop.jp/Fachant/fonts/AllusionDisplay.otf);
}
@font-face {
	font-family: 'CloisterBlack';
	src: url(https://gigaplus.makeshop.jp/Fachant/fonts/CloisterBlack.ttf);
}
@font-face {
	font-family: 'din-regular';
	src: url(https://gigaplus.makeshop.jp/Fachant/fonts/din-regular.ttf);
}

/*凸版文久見出し明朝*/
.f-toppan{
	font-family: toppan-bunkyu-midashi-min-st, serif;
	font-weight: 900;
	font-style: normal;
}
/*源ノ角ゴシック*/
.f-gen{
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 400;
	font-style: normal;
}
.f-gen.bold{
	font-weight: 700;
}
/*URW DIN*/
.f-din{
	font-family: urw-din, sans-serif;
	font-weight: 400;
	font-style: normal;
}
.f-din.bold{
	font-weight: 700;
}
/*impact代用 Protipo*/
.f-proti{
	font-family: "impact", protipo-compact, sans-serif;
	font-weight: 800;
	font-style: normal;
}
/*roboto*/
.f-roboto{
	font-family: roboto, sans-serif;
	font-weight: 400;
	font-style: normal;
}
/*AllusionDisplay*/
.f-allusion{
	font-family: AllusionDisplay, "Arial", "Helvetica", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 400;
	font-style: normal;
}
/*CloisterBlack*/
.f-cloister{
	font-family: 'CloisterBlack', "Arial", "Helvetica", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 400;
	font-style: normal;
}
/*Arial*/
.f-arial{
	font-family: "Arial", "Helvetica", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.serif{
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.s-serif_an{
  font-family: "Arial", "Helvetica", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

/*===============================
  base
================================*/
*{
  box-sizing: border-box;
}
html{
  /*親のフォントサイズを10pxに*/
  font-size: 62.5%;
}
:root {
  --color-black: #000;
  --color-dark-gray: #222;
  --color-gray: #666;
  --color-white: #fff;
  --color-yellow: #FFD600;
  --color-red: #870013;
  --page-padding-inline: 3.5%;
  --com-text-shadow: 1px 3px 5px rgba(0, 0, 0, 0.3);
  --com-bg-grad-red: rgba(217,4,13,1) 0%, rgba(89,22,60,1);
  --com-bg-grad-gray: rgba(255, 255, 255, 0.05), rgba(255, 255, 255, .15);
  --font-size-note: min(10px, 3vw);
  --font-weight-bold: 600;
}

@media screen and (max-width: 389px) {
  html{
    /*親のフォントサイズを10pxに*/
    font-size: 50%;
  }
}

@media screen and (max-width: 300px) {
  html{
    /*親のフォントサイズを10pxに*/
    font-size: 42%;
  }
}

/*margin*/
.m-center{
  margin-left: auto;
  margin-right: auto;
}


@media only screen and (min-width: 300px) and (max-width: 765px) {
  body {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    margin: 0 0;
    padding: 0;
    background: #000;
  }
  #purchase-btn-box {
    display: none;s
  }
}

@media screen and (min-width: 765px) {
  body {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    background: url(https://gigaplus.makeshop.jp/Fachant/【3.1】icedandy-cabriolet/【3.1BF】icedandy-cabriolet_Used_Creative_Design/【3.1BF】icedandy-cabriolet_Used_Creative_Design7.75.jpg) top center/cover no-repeat
    fixed;
    margin: 0 0;
    padding: 0;
  }

  /***PC Only****************************/
  #pc-only {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #pc-only .pc-logo {
    display: inline-block;
    position: absolute;
    top: 4%;
    left: 2%;
  }
  #pc-only .pc-logo img {
    display: block;
    width: 15vw;
    max-width: 300px;
    margin-bottom: 1rem;
  }
  #pc-only .pc-logo::after {
    position: absolute;
    content: "アイスダンディ";
    width: 100%;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    bottom: -10px;
    color: #fff;
    font-weight: 500;
    font-size: min(3vw, 12px);
  }
  #purchase-btn-box {
    width: 100%;
    max-width: 320px;
    position: absolute;
    top: 2%;
    right: 1%;
    z-index: 9999;
  }
  #purchase-btn-box .purchase-btn {
    width: 100%;
    background: linear-gradient(to bottom, #ff0526 5%, #711b4c 100%);
    box-shadow: 5px 5px 10px rgba(255,255,255,.5) inset;
    border-radius: 10px;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: min(3.5vw, 16px);
    padding: 2rem 0;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
  }
  #purchase-btn-box .purchase-btn .btn-txt {
    line-height: 1.5;
  }
  #purchase-btn-box .purchase-btn .btn-txt .c-yellow {
    color: #ffe200;
  }
  #purchase-btn-box .purchase-btn:hover {
    background: linear-gradient(to bottom, #d90421 5%, #59163c 100%);
  }
  #purchase-btn-box a.purchase-btn:active {
    position: relative;
    top: 1px;
  }
  #purchase-btn-box .purchase-btn:after {
    position: absolute;
    content: "";
    background: url(https://gigaplus.makeshop.jp/Fachant/【3.1】icedandy-cabriolet/【3.1BF】icedandy-cabriolet_Used_Creative_Design/【3.1BF】icedandy-cabriolet_Used_Creative_Design7.76.png) 0 0
      no-repeat;
    width: 2rem;
    height: 2rem;
    background-size: cover;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%);
  }
  .pc_contents .notime_logo {
    position: absolute;
    bottom: 2rem;
    right: 2rem;
  }
  .pc_contents .notime_logo img {
    width: 7vw;
    max-width: 80px;
  }

  .scrollWrap {
    position: fixed;
    top: 90%;
  }
  .scrollWrap.--right {
    left: calc(50% + 270px);
  }
  .scroll-mark {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 500;
    position: relative;
  }
  .scroll-mark::before {
    content: "";
    width: 2px;
    height: 90px;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: -100px;
    margin: auto;
  }
  .scroll-mark::after {
    content: "";
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    position: absolute;
    border-right: 2px solid #fff;
    transform: rotate(135deg);
    position: absolute;
    left: 0;
    right: 0;
    top: -21px;
    margin: auto;
  }

}

@media screen and (max-width: 768px) {
  .pc_contents {
    display: none;
  }
  
}

 /*===============================
  購入ボタン
================================*/
.com-purchaseBtn {
  width: 95%;
  margin: 10% auto 12%;
  position: relative;
}
.com-purchaseBtn .addCart {
  color: #fff;
  font-size: min(18px, 4vw);
  font-weight: var(--font-weight-bold);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: auto;
  background: linear-gradient(90deg, var(--com-bg-grad-red) 100%);
  box-shadow: inset 0px 5px 8px 0px rgba(255, 255, 255, 0.4), 1px 5px 7px 0px rgba(0, 0, 0, 0.2);
  border-radius: 200px;
  padding: 7% 3%;
}
.com-purchaseBtn button span {
  display: block;
  line-height: 1.3;
}
.com-purchaseBtn button span + span {
  margin-block-start: 2%;
}
.com-purchaseBtn button .btn-txt-01 {
  font-size: min(32px, 9vw);
}
.com-purchaseBtn button .btn-txt-02 {
  color: var(--color-yellow);
  font-size: min(20px, 5vw);
}
.com-purchaseBtn button .btn-txt-03 {
  font-size: min(30px, 7vw);
}
.pekopeko {
  animation: .7s ease-out 0s infinite alternate pekopeko;
}
@keyframes pekopeko {
  to {
    transform:translateY(4px);
    }
}

/*===============================
  共通セクションヘッダ
================================*/
.titleBox {
  color: var(--color-white);
  font-size: min(32px, 9vw);
  line-height: 1.4;
  letter-spacing: 2px;
  text-shadow: var(--com-text-shadow);
  padding: 5% var(--page-padding-inline) 8%;
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.1】icedandy-cabriolet/【3.1BF】icedandy-cabriolet_Used_Creative_Design/【3.1BF】icedandy-cabriolet_Used_Creative_Design7.79.png) center top no-repeat ,var(--color-red);
  background-size: contain;
  position: relative;
}
.titleBox::after {
  display: block;
  content: "";
  width: 100%;
  height: auto;
  aspect-ratio: 786/80;
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.1】icedandy-cabriolet/【3.1BF】icedandy-cabriolet_Used_Creative_Design/【3.1BF】icedandy-cabriolet_Used_Creative_Design7.80.png) center top no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -18%;
  margin: auto;
}
.titleBox .inner {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  
}
.titleBox .inner p &gt; span {
  padding-block-end: 5px;
  margin-block-end: 5%;
  border-bottom: 2px solid var(--color-white);
}
.borderbox {
  font-weight: 500;
  line-height: 1.5;
  padding: 7% 2%;
  margin-block: 8% 6%;
  border-left: 1px solid rgba(221, 221, 221, 1);
  border-right: 1px solid rgba(205, 183, 136, 1);
  box-shadow: var(--com-text-shadow);
  position: relative;
}
.borderbox::before, .borderbox::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, rgba(221, 221, 221, 1) 10%, rgba(131, 96, 5, 1) 70%, rgba(205, 183, 136, 1) 100%);
  position: absolute;
  left: 0;
  right: 0;
}
.borderbox::before {
  top: 0;
}
.borderbox::after {
  bottom: 0;
}

/*===共通===============================*/
#wrap {
  width: 100%;
  max-width: 465px;
  margin-left: auto;
  margin-right: auto;
  background: #101010;
  color: #fff;
  position: relative;
  z-index: 3;
  line-height: 1.8;
  overflow: hidden;
}
/* font-size */
.cont-txt10 {
  font-size: min(2.3vw, 10px);
  margin: 1rem 0;
}
.cont-txt15 {
  font-size: min(3.2vw, 15px);
  margin: 1rem 0;
}
.cont-txt18 {
  font-size: min(3.8vw, 18px);
  margin: 1rem 0;
}
.cont-txt19 {
  font-size: min(4.2vw, 19px);
  margin: 1rem 0;
}
.cont-txt20 {
  font-size: min(4.5vw, 20px);
  margin: 1rem 0;
}
.cont-txt23 {
  font-size: min(5vw, 23px);
  margin: 1rem 0;
}
.cont-txt25 {
  font-size: min(5.5vw, 25px);
  margin: 1rem 0;
}
.cont-txt27 {
  font-size: min(5.8vw, 27px);
  margin: 1rem 0;
}
.cont-txt28 {
  font-size: min(6vw, 28px);
  margin: 1rem 0;
}
.cont-txt30 {
  font-size: min(6.5vw, 30px);
  margin: 1rem 0;
}
.cont-txt32 {
  font-size: min(7vw, 32px);
  margin: 1rem 0;
}
.cont-txt35 {
  font-size: min(7.5vw, 35px);
  margin: 1rem 0;
}
.cont-txt38 {
  font-size: min(8vw, 38px);
  margin: 1rem 0;
}
.cont-txt40 {
  font-size: min(8.5vw, 40px);
  margin: 1rem 0;
}
.cont-txt42 {
  font-size: min(9vw, 42px);
  margin: 1rem 0;
}
.cont-txt45 {
  font-size: min(9.5vw, 45px);
  margin: 1rem 0;
}
.cont-txt47 {
  font-size: min(10vw, 47px);
  margin: 1rem 0;
}
.cont-txt51 {
  font-size: min(11vw, 51px);
  margin: 1rem 0;
}
.cont-txt56 {
  font-size: min(12vw, 56px);
  margin: 1rem 0;
}
.cont-txt61 {
  font-size: min(13vw, 61px);
  margin: 1rem 0;
}
.f-gothic {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ",
    sans-serif;
}
.color-red {
  color: #FF003B;
}
.txt-y {
  display: block;
  transform: scaleY(0.85);
}
.txt-x {
  display: block;
  transform: scaleY(1.15);
}

/*===============================
  contents img txt
================================*/
/* wrap img */
#wrap img {
  width: 100%;
  height: auto;
  display: block;
}
/* cont-img */
.cont-img {
  text-align: center;
  display: block;
  position: relative;
}
.cont-img img {
  width: 100%;
  max-width: 465px;
  height: auto;
}
.cont-img.w90 {
  width: 100%;
  padding: 0 5%;
}
.id_product_img {
  width: 60%;
  max-width: 280px;
  margin: 2rem auto;
}
.id_product_logo {
  width: 70%;
  max-width: 280px;
  margin: 3rem auto 0;
  text-align: center;
  font-size: 1rem;
}
.id_product_logo img {
  width: 100%;
}
.product_name {
  text-align: center;
  font-size: min(4vw,18px);
  font-weight: bold;
}

.big {
  font-size: 1.35em;
}
.big2 {
  font-size: 1.5em;
}
.big3 {
  font-size: 1.8em;
}
.small {
  font-size: 0.8em;
}
.txt-inner {
  width: 90%;
  margin: 0 auto;
}

/* text-align */
.txt-center {
  text-align: center !important;
}
.txt-right {
  text-align: right !important;
}
.txt-left {
  text-align: left !important;
}

/* font-style */
.italic {
  font-style: italic;
}
.bold {
  font-weight: bold;
}

.lh1 {
  line-height: 1;
}
.lh12 {
  line-height: 1.2;
}
.lh13 {
  line-height: 1.3;
}
.lh15 {
  line-height: 1.5;
}
.lh18 {
  line-height: 1.8;
}
.lh2 {
  line-height: 2;
}

/* underline */
.normal_line {
  display: inline-block;
  padding-bottom: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  line-height: 2;
}

/* cont-movie */
.cont-movie {
  width: 100%;
  margin: 1.5rem 0;
}
.cont-movie.w90 {
  padding: 0 5%;
}
.txt-dotto {
  background-image: radial-gradient(circle at 55%, #ffffff 10%, transparent 12%);
  background-position: top right;
  background-repeat: repeat-x;
  background-size: 1em 0.3em;
  padding-top: 0.4em;
}
.txt-dotto-gd {
  background-image: radial-gradient(circle at 55%, #D9D212 10%, transparent 12%);
  background-position: top right;
  background-repeat: repeat-x;
  background-size: 1em 0.3em;
  padding-top: 0.4em;
}

/*===============================
  txt-deco
================================*/
/* txt-line */
.line-red {
  position: relative;
  display: inline-block;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #f00;
}
.line-red2 {
  position: relative;
  display: inline-block;
  margin-bottom: 0.5rem;
  border-bottom: 2px solid #f00;
}
.line-pink {
  position: relative;
  display: inline-block;
  margin-bottom: 0.5rem;
}
.line-pink::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 8px #c4407d, 0 0 8px #c4407d, 0 0 8px #c4407d, 0 0 8px #c4407d;
}
.line-normal {
  display: inline-block;
  border-bottom: 1px solid rgba(255,255,255,.8);
  padding-bottom: 0.7rem;
  line-height: 1;
}
.line-normal2 {
  display: inline-block;
  border-bottom: 2px solid rgba(255,255,255,1);
  line-height: 1;
}
.line-normal3 {
  display: inline-block;
  border-bottom: 1px solid rgba(255,255,255,1);
  line-height: 1;
}
.line-gra1 {
  position: relative;
  display: inline-block;
  padding-bottom: 1rem;
  z-index: 1;
  margin-bottom: 1rem;
}
.line-gra1::after {
  content: "";
  width: 100%;
  height: 0.6em;
  background: linear-gradient(to bottom, #ff0526, #711b4c);
  position: absolute;
  left: 0%;
  bottom: 3px;
  z-index: 0;
  z-index: -1;
}
.line-gra2 {
  display: inline-block;
  border-bottom: 1px solid #711b4c;
  border-image: linear-gradient(to right, #711b4c 0% 40%, #ff0526 60% 100%);
  padding-bottom: 0.8rem;
  border-image-slice: 1;
  line-height: 1;
}
.line-gra3 {
  display: inline-block;
  position: relative;
  line-height: 1.5;
  z-index: 1;
}
.line-gra3::after {
  content: "";
  width: 100%;
  height: 4px;
  background: linear-gradient(to left, #4aafe4, #c2c8cb);
  position: absolute;
  left: 0%;
  bottom: 10px;
  z-index: -1;
}

/*===============================
  txt_box_kakko
================================*/
.txt_box_kakko {
  position: relative;
  color: #fff;
  border-radius: 10px;
  padding: 25px 0;
  text-align: center;
  margin: 30px 20px;
}
.txt_box_kakko .leftBox,
.txt_box_kakko .rightBox {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  white-space: nowrap;
  height: 100%;
}
.txt_box_kakko .leftBox {
  left: 0%;
}
.txt_box_kakko .rightBox {
  right: 0%;
}
.txt_box_kakko .leftBox:before,
.txt_box_kakko .leftBox:after,
.txt_box_kakko .rightBox:before,
.txt_box_kakko .rightBox:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
}
.txt_box_kakko .leftBox:before {
  top: 0;
  left: 0;
  border-top: solid 1px #fff;
  border-left: solid 1px #fff;
}
.txt_box_kakko .leftBox:after {
  left: 0;
  bottom: 0;
  border-bottom: solid 1px #fff;
  border-left: solid 1px #fff;
}
.txt_box_kakko .rightBox:before {
  top: 0;
  right: 0;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
}
.txt_box_kakko .rightBox:after {
  right: 0;
  bottom: 0;
  border-bottom: solid 1px #fff;
  border-right: solid 1px #fff;
}

/* caution txt */
.cautionRightTxt {
  text-align: right;
  font-size: 1rem;
  letter-spacing: normal;
  font-weight: 500 !important;
  padding-right: 1rem;
  line-height: 1.5;
  font-style: normal !important;
}
.cautionRightTxt.pr20 {
  padding-right: 2rem;
}
.cautionCenterTxt {
  text-align: center;
  font-size: 1rem;
  font-weight: 500 !important;
  letter-spacing: normal;
  line-height: 1.5;
  font-style: normal !important;
}
.cautionLeftTxt {
  text-align: left;
  font-size: 1rem;
  font-weight: 500 !important;
  letter-spacing: normal;
  padding-left: 1rem;
  line-height: 1.5;
  font-style: normal !important;
}
.cautionLeftTxt.pl20 {
  padding-left: 2rem;
}
.caution_sup {
  font-size: min(0.4em, 10px);
  vertical-align: super;
  position: relative;
  top: -1.3em;
  right: 0;
  font-style: normal;
  font-weight: 500 !important;
}


/*===個別===============================*/

/*===============================
  header
================================*/
.header {
  padding: min(3.5%, 15px) min(2.5%, 15px);
  margin-inline: auto;
  display: flex;  
  justify-content: space-between;
  width: 100%;
  max-width: 465px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
.no-button .header {
  position: absolute;
  z-index: 1;
}
.header .description {
  width: min(160px, 35vw);
  flex-shrink: 0;
}
.header .description img {
  aspect-ratio: 722/158;
}
.header .description span {
  color: var(--color-white);
  display: block;
  margin-block-start: .2em;
  font-size: min(10px, 4vw);
}
.header .purchaseBtn {
  width: fit-content;
  flex-shrink: 0;
}
.header .purchaseBtn .addCart {
  color: #fff;
  text-align: center;
  cursor: pointer; 
  width: 100%;
  height: auto;
  background: linear-gradient(90deg, rgba(232, 106, 115, 0.7) 0%, rgba(167, 12, 202, 0.7) 100%);
  border-radius: 40px;
  position: relative;
  font-size: min(18px, 4vw);
  width: min(163px, 40vw);
  aspect-ratio: 163/46;
}
.header .purchaseBtn .addCart::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(90deg, rgba(232, 106, 115, 1) 0%, rgba(167, 12, 202, 1) 100%);
  border-radius: 100px;
  width: 95%;
  height: 85%;
}
.header .purchaseBtn button {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
}

/*===============================
  id_firstview_block
================================*/
.id_firstview_block .imgBlk {
  position: relative;
  padding-bottom: 4rem;
}
.id_firstview_block .imgBlk::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, #000, transparent);
  bottom: 0;
}
.id_firstview_block .imgBlk .txtBlk {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  padding: 8.5rem 0 0;
  line-height: 1;
  z-index: 5;
}
.id_firstview_block .imgBlk .txtBlk .inner_txtBlk {
  position: absolute;
  width: 100%;
  bottom: 0%;
  left: 50%;
  transform: translateX(-50%);
}
.id_firstview_block .imgBlk .txtBlk .logoName_top {
  padding: 0 1.5rem;
}
.id_firstview_block .imgBlk .txtBlk .logoName_top .logo_img img {
  width: 100%;
}
.id_firstview_block .imgBlk .txtBlk .logoName_top .logo_txt {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 1.5rem;
}
.id_firstview_block .imgBlk .txtBlk .logoName_top .logo_txt .small {
  font-size: 0.65em;
  font-weight: 500;
  margin-bottom: 1.5rem;
}
.id_firstview_block .txtBlk_box {
  position: relative;
  border-radius: 5px;
  font-size: min(6vw, 27px);
  letter-spacing: 0px;
  text-align: center;
  font-style: italic;
  font-weight: bold;
  text-shadow: 0 0 10px rgba(0,0,0,.8);
  padding-bottom: 40px;
}
.id_firstview_block.pattern2 .txtBlk_box {
  background-color: #000;
  padding: 10px;
  border-radius: 5px;
  display: inline-block;
  font-size: min(4vw, 20px);
  letter-spacing: 0px;
  margin-bottom: 15px;
  margin-left: 10%;
}
.id_firstview_block .txtBlk_box::before {
  position: absolute;
  content: "";
  height: 40px;
  width: 1px;
  border-left: 1px solid #f00;
  bottom: 10px;
  left: 50%;
  transform: translate(-50%);
}
.id_firstview_block.pattern2 .txtBlk_box::before {
  border-left: none;
}
.id_firstview_block .txtBlk_box .line-red {
  position: relative;
  display: inline-block;
  z-index: 1;
  padding: 0 5px;
}
.id_firstview_block .txtBlk_box .line-red ::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 15px;
  background-color: #f00;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  z-index: -1;
}
.id_firstview_block .txtBlk2 .txtBlk_center {
  position: relative;
  letter-spacing: 0.05rem;
  text-align: center;
  font-weight: bold;
  font-size: min(7.5vw, 35px);
  line-height: 1.4;
  padding: 1rem 0;
}
.id_firstview_block .txtBlk2 .txtBlk_center::before {
  position: absolute;
  content: "";
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.1】icedandy-cabriolet/【3.1BF】icedandy-cabriolet_Used_Creative_Design/【3.1BF】icedandy-cabriolet_Used_Creative_Design7.77.png) 0 0 / contain no-repeat;
  width: 10%;
  height: 100%;
  top: 0;
  left: 5%;
}
.id_firstview_block.pattern2 .txtBlk2 .txtBlk_center::before {
  background: none;
}
.id_firstview_block .txtBlk2 .txtBlk_center::after {
  position: absolute;
  content: "";
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.1】icedandy-cabriolet/【3.1BF】icedandy-cabriolet_Used_Creative_Design/【3.1BF】icedandy-cabriolet_Used_Creative_Design7.77.png) 0 0 / contain no-repeat;
  width: 10%;
  height: 100%;
  transform: rotate(180deg);
  top: 0;
  right: 5%;
}
.id_firstview_block.pattern2 .txtBlk2 .txtBlk_center::after {
  background: none;
}
.id_firstview_block .txtBlk2 .txtBlk_center big {
  font-size: min(13vw, 80px);
  line-height: 1;
  letter-spacing: -1px;
  position: relative;
  display: inline-block;
  font-style: italic;
  text-shadow: 2px 2px 10px #000;
  margin-right: 10px;
}
.id_firstview_block .txtBlk2 .txtBlk_center big:last-child {
  font-size: min(9vw, 50px);
}
.id_firstview_block .txtBlk2 .txtBlk_center .txtBlk_center_box {
  position: relative;
  border-bottom: solid 3px;
  display: inline-block;
  margin-bottom: 30px;
}
.id_firstview_block .txtBlk2 .txtBlk_center .txtBlk_center_box .small {
  font-size: min(7vw, 35px);
  font-style: italic;
  letter-spacing: -0.04em;
}
.id_firstview_block .txtBlk2 .txtBlk_center .txtBlk_bottom .txtBlk_bottom_small {
  font-weight: 500;
  font-size: min(7vw, 23px);
  letter-spacing: 0.02em;
  line-height: 25px;
  font-weight: bold;
}
.id_firstview_block .txtBlk2 .txtBlk_center .txtBlk_bottom .txtBlk_bottom_big {
  font-weight: bold;
  font-size: min(10vw, 55px);
  letter-spacing: 5px;
  line-height: 58px;
  text-align: center;
  color: #fff;
  text-shadow: 2px 2px 10px #000;
}

.id_logo_block {
  width: 70%;
  max-width: 280px;
  margin: 0 auto;
}
.id_firstview_block .imgBlk .txtBlk .logoName_top .logo_txt {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 1.5rem;
}


/*===============================
  id_feature_visual
================================*/
.id_feature_visual {
  position: relative;
  min-height: 310px;
}
.id_feature_visual .imgBlk {
  position: relative;
}
.id_feature_visual .txtBlk1 {
  font-size: 3.1rem;
  font-size: min(7.3vw, 3.4rem);
  letter-spacing: 0;
  font-style: italic;
  line-height: 1;
  position: absolute;
  top: 7.3%;
  left: 3%;
  transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  white-space: nowrap;
}
.id_feature_visual .txtBlk2 {
  font-size: 3.1rem;
  font-size: min(7.3vw, 3.4rem);
  text-align: right;
  letter-spacing: 0;
  line-height: 1.8;
  font-style: italic;
  position: absolute;
  top: 75.4%;
  right: 2.5%;
  transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  white-space: nowrap;
}
.id_feature_visual .txtBlk3 {
  position: relative;
  font-size: min(5.5vw, 30px);
  letter-spacing: 0;
  font-style: italic;
  line-height: 1.3;
  position: absolute;
  top: 1%;
  left: 3%;
  transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  white-space: nowrap;
  z-index: 1;
}
.id_feature_visual .txtBlk3::before {
  position: absolute;
  content: "";
  width: 140%;
  height: 100%;
  background: linear-gradient(to right, #ff0526, #711b4c);
  display: inline-block;
  left: -15%;
  top: 0;
  z-index: -1;
  transform: skewX(-25deg);
}

.id_feature_visual .txtBlk2 .lage {
  font-size: 1.8em;
  line-height: 0;
}
.id_feature_visual .cautionTxt {
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: 0;
  text-align: right;
  position: absolute;
  bottom: 5px;
  right: 5px;
}
.id_feature_visual .logoName {
  font-size: 2.5rem;
  line-height: 1.2;
  letter-spacing: 0.1px;
  font-weight: bold;
  padding: 5px 10px;
  position: absolute;
  top: 44%;
  left: 70%;
  font-style: italic;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  white-space: nowrap;
  border: none;
  display: inline-block;
}
.id_feature_visual .logoName2 {
  font-size: 3rem;
  line-height: 1.2;
  letter-spacing: 0.1px;
  font-weight: bold;
  padding: 1.3rem 2rem;
  position: absolute;
  top: 51%;
  left: 70%;
  font-style: italic;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  white-space: nowrap;
  border: none;
  background: linear-gradient(to left, #ff0526, #711b4c);
  display: inline-block;
}
.id_feature_visual .logocautionRightTxt {
  position: absolute;
  top: 55%;
  right: 0;
  text-align: right;
  font-size: 1rem;
  letter-spacing: normal;
  padding-right: 1rem;
  font-weight: 500 !important;
}

.id_feature_visual.--short .txtBlk1 {
  top: 11.6%;
}
.id_feature_visual.--short .logoName {
  top: 44%;
}
.id_feature_visual.--short .logoName {
  top: 70%;
}
.id_feature_visual.--short .logoName2{
  top: 82%;
}
.id_feature_visual.--short .logocautionRightTxt {
  top: 90%;
}

/*===============================
  txt_block_id_1
================================*/
.txt_block_id_1 {
  text-align: center;
  position: relative;
  color: #fff;
}
.txt_block_id_1 .arrow {
  position: relative;
}
.txt_block_id_1 .arrow::before {
  position: absolute;
  content: "";
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: calc(tan(60deg) * 5px) solid #f00;
  bottom: 10%!important;
}
.txt_block_id_1 .bgBlk {
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.1】icedandy-cabriolet/【3.1BF】icedandy-cabriolet_Used_Creative_Design/【3.1BF】icedandy-cabriolet_Used_Creative_Design7.78.jpg)
    center center no-repeat;
  background-size: cover;
  text-align: center;
  font-weight: bold;
  padding: 4rem 0;
  white-space: nowrap;
  line-height: 1.5;
}
.txt_block_id_1 .bgBlk.p20 {
  padding: 2rem 0 !important;
}
.txt_block_id_1 .border {
  display: inline-block;
  border-bottom: 1px solid #f00000;
  line-height: 1.5;
}
.txt_block_id_1 .cautionRightTxt {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
}
.txt_block_id_1 .num_txt {
  position: relative;
  display: inline-block;
  font-size: min(8vw, 27px);
  line-height: 1;
  z-index: 1;
}
.txt_block_id_1 .num_txt big {
  font-style: italic;
  font-weight: 600;
  font-size: min(22vw, 100px);
  letter-spacing: -2px;
  margin-right: 10px;
}
.txt_block_id_1 .num_txt::after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 50%;
  width: 98%;
  transform: translate(-50%);
  border-bottom: 1px solid #ff1500;
  z-index: -1;
}
.txt_block_id_1 .no1_txt {
  position: relative;
  font-style: italic;
  font-weight: 600;
  font-size: min(22vw, 100px);
  margin-right: 10px;
  line-height: 1;
}
.txt_block_id_1 .no1_txt big {
  font-style: italic;
  font-weight: 600;
  font-size: min(30vw, 150px);
  letter-spacing: -5px;
  margin-right: -10px;
}
.txt_block_id_1 .no1_txt .caution_sup {
  position: absolute;
  top: 10%;
  right: 10%;
}

/*===============================
  id_about_shortest_4week
================================*/
.id_about_shortest_4week {
  margin-bottom: 3rem;
}
.id_about_shortest_4week .img5_2_2_wrap {
  position: relative;
  padding-top: 50px;
}
.id_about_shortest_4week .img5_2_2_wrap .topTxt {
  font-size: 3rem;
  transform: rotate(-8deg);
  letter-spacing: 0;
  margin-bottom: -40px;
  line-height: 1.3;
  position: absolute;
  top: 10px;
  left: 10px;
  font-weight: bold;
}
.id_about_shortest_4week .img5_2_2_wrap .bottomTxt {
  font-size: 2.8rem;
  letter-spacing: 0;
  position: absolute;
  bottom: 60px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
.id_about_shortest_4week .txtBlk3 {
  position: absolute;
  white-space: nowrap;
  font-size: min(6vw, 28px);
  font-style: italic;
  letter-spacing: 0;
  display: block;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  bottom: 3%;
  left: 50%;
  transform: translateX(-50%);
}
.id_about_shortest_4week .txtBlk3 .line {
  border-bottom: solid 1px;
  letter-spacing: 0;
  line-height: 1;
  margin-bottom: 10px;
  display: inline-block;
  padding-bottom: 5px;
}
.id_about_shortest_4week .txtBlk_add1025 {
  white-space: nowrap;
  font-size: 2.6rem;
  font-style: italic;
  letter-spacing: 0;
  display: block;
  line-height: 1.4;
  text-align: center;
  position: relative;
  font-weight: bold;
  margin-top: -23%;
  color: #ffe200;
}
.id_about_shortest_4week .img5_2_2_wrap .sup-text_add1025 {
  font-size: 1rem;
  text-align: right;
  color: #ffe200;
  padding-right: 10px;
  letter-spacing: 0;
}

/*===============================
  id_50k_over
================================*/
.id_50k_over {
  text-align: center;
  margin: 2rem auto 3rem;
  color: #fff;
}
.id_50k_over .txtBlk {
  display: inline-block;
}
.id_50k_over .txtBlk .tit {
  font-size: min(5vw, 23px);
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0;
  padding: 1rem 0.5rem;
  background: #fff;
  border-radius: 4px;
  color: #000;
  margin-bottom: 20px;
}
.id_50k_over .txtSet {
  position: relative;
  display: inline-block;
  line-height: 1;
  font-size: 3.7rem;
  font-weight: bold;
  font-style: italic;
}
.id_50k_over .txtSet .txtSetInner {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
  z-index: 2;
}
.id_50k_over .txtSet .txt1 {
  font-family: urw-din, sans-serif;
  font-size: 1.7em;
  height: auto;
  width: 3.9em;
  line-height: 1;
  display: inline-block;
  margin-bottom: -0.1em;
}
.id_50k_over .txtSet .txt2 {
  font-size: 0.7em;
  line-height: 1;
  display: inline-block;
}
.id_50k_over .txtSet .txt3 {
  font-size: 1em;
  line-height: 1;
  display: inline-block;
}
.id_50k_over .txtSet::after {
  content: "";
  width: 100%;
  height: 16px;
  background: linear-gradient(to bottom, #ff0526, #711b4c);
  position: absolute;
  left: 0%;
  bottom: -16px;
}
.id_50k_over .txtSet .caution_sup {
  font-size: 1rem;
  vertical-align: super;
  position: relative;
  top: -2em;
  right: -0em;
}
.id_50k_over .cautionTxt {
  font-size: 1.1rem;
  line-height: 1;
  letter-spacing: 0;
  text-align: right;
  margin-top: 10px;
}

/*===============================
  id_customer_988
================================*/
.id_customer_988 {
  margin-top: 30px;
  padding: 30px 5% 50px;
}
.id_customer_988 .box_inner {
  position: relative;
  background-color: #80251d;
  padding: 35px 0 20px;
  margin-bottom: 20px;
}
.id_customer_988 .box_inner .txt1 {
  position: absolute;
  top: -18%;
  left: 50%;
  transform: translateX(-50%);
  font-size: min(10vw, 45px);
  font-style: italic;
  font-weight: bold;
}
.id_customer_988 .box_inner .flex_inner {
  display: flex;
  align-items: center;
  padding-left: 5%;
  margin-bottom: 15px;
}
.id_customer_988 .box_inner .flex_inner .check {
  width: 6rem;
  margin-top: 5px;
}
.id_customer_988 .box_inner .flex_inner .check img {
  width: 100%;
}
.id_customer_988 .box_inner .flex_inner .txt2 {
  font-size: min(8vw, 30px);
  font-weight: bold;
  transform: scale(1.6, 1);
  letter-spacing: -2px;
  margin-left: 18%;
}
.id_customer_988 .box_inner .flex_inner .txt2 big {
  font-size: min(15vw, 70px);
  line-height: 1.3;
}
.id_customer_988 .box_inner .txt3 {
  text-align: center;
  font-size: min(6vw, 20px);
}

/*===============================
  id_problem_txt_block
================================*/
.id_problem_txt_block {
  position: relative;
  background-color: #0b0b0b;
  text-align: center;
  padding: 4rem 0;
}
.id_problem_txt_block .txt1 {
  font-size: 1.4rem;
  color: #cc1300;
  margin-bottom: 1.2rem;
}
.id_problem_txt_block .txt2 {
  font-size: 2.6rem;
  font-weight: bold;
}
.id_problem_txt_block .txt2 span {
  color: #e22000;
}
.id_problem_txt_block::after {
  position: absolute;
  content: "";
  border-left: 1px solid #e22000;
  height: 50px;
  bottom: -25px;
  left: 50%;
  transform: translate(-50%);
  z-index: 5;
}

/*===============================
  id_worry_txt_block
================================*/
.id_worry_txt_block {
  position: relative;
  background-color: #000;
  text-align: center;
  padding: 3rem 0;
  font-weight: 500;
}
.id_worry_txt_block::after {
  position: absolute;
  content: "";
  bottom: 5px;
  left: 50%;
  transform: translate(-50%);
  border-top: 8px solid #cc1300;
  border-right: 5px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 5px solid transparent;
}

/*===============================
  id_use_all_body
================================*/
.id_use_all_body {
  position: relative;
}
.id_use_all_body .machine_img {
  position: absolute;
  top: -15%;
  right: 0;
  width: 30%;
  max-width: 150px;
}
.id_use_all_body .machine_img img {
  width: 100%;
}
.id_use_all_body .txtBlk .fv_out_text {
  padding: 3rem 0;
  width: 95%;
  margin: 0 auto;
}
.id_use_all_body .txtBlk .fv_out_text .txt1 {
  font-size: min(4.5vw, 20px);
  font-weight: 500;
  margin-bottom: 1rem;
}
.id_use_all_body .txtBlk .fv_out_text .txt2 {
  font-size: min(6vw, 30px);
  font-weight: bold;
  line-height: 1.4;
}
.id_use_all_body .txtBlk .fv_out_text .txt2 big {
  font-size: min(9vw, 40px);
}
.id_use_all_body .txtBlk .fv_out_text .txt2 big span {
  position: relative;
  z-index: 1;
}
.id_use_all_body .txtBlk .fv_out_text .txt2 big span::before {
  position: absolute;
  content: "";
  bottom: -7px;
  left: 0;
  background-color: red;
  width: 95%;
  height: 12px;
  z-index: -1;
}

/*===============================
  id_about_shortest_route
================================*/
.id_about_shortest_route {
  position: relative;
  margin: 0 5% 10rem;
}
.id_about_shortest_route .cautionRightTxt {
  position: absolute;
  bottom: -8rem;
  right: 0;
}
.id_about_shortest_route .imgBlk {
  position: relative;
}
.id_about_shortest_route .imgBlk .txtBlk {
  position: absolute;
  top: 0%;
  left: 0%;
  font-size: 1.4rem;
  line-height: 1;
  width: 100%;
  height: 100%;
}
.id_about_shortest_route .imgBlk .txt_ttl {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.id_about_shortest_route .imgBlk .graph_top_txt {
  width: 100%;
  position: absolute;
  top: 3%;
  right: 0;
}
.id_about_shortest_route .imgBlk .txt_ttl .txt_ttl_top {
  position: absolute;
  left: -1.5%;
  top: 0%;
  font-weight: 500;
  font-size: min(3vw, 14px);
  letter-spacing: 1px;
}
.id_about_shortest_route .imgBlk .txt_ttl .txt_ttl_top .caution_sup {
  -ms-writing-mode: horizontal-tb;
  writing-mode: horizontal-tb;
  font-size: 0.7rem;
}
.id_about_shortest_route .imgBlk .graph_top_txt .bottom_txt {
  position: relative;
}
.id_about_shortest_route .imgBlk .graph_top_txt .bottom_txt .caution_sup {
  position: absolute;
  top: -0.5rem;
  right: -0.8rem;
  font-size: 0.8rem;
}
.id_about_shortest_route .imgBlk .txt_ttl .txt_ttl_bottom {
  position: absolute;
  left: -1.5%;
  top: 56%;
  font-weight: 500;
  font-size: min(3vw, 14px);
  letter-spacing: 1px;
}
.id_about_shortest_route .imgBlk .graph_top_txt .txt_list {
  position: absolute;
  top: 3.5%;
  right: 0;
}
.id_about_shortest_route .imgBlk .graph_bottom_txt {
  width: 100%;
  position: absolute;
  top: 83%;
  left: 0;
}
.id_about_shortest_route .imgBlk .graph_bottom_txt .txt_list {
  position: absolute;
  bottom: 0;
  right: 0;
}
.id_about_shortest_route .imgBlk .graph_top_txt .txt_list,
.id_about_shortest_route .imgBlk .graph_bottom_txt .txt_list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding-left: 20px;
}
.id_about_shortest_route .imgBlk .graph_top_txt .txt_list li,
.id_about_shortest_route .imgBlk .graph_bottom_txt .txt_list li {
  width: 32%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: bold;
  font-size: min(3vw, 14px);
  line-height: 1.1;
  letter-spacing: normal;
}
.id_about_shortest_route .imgBlk .graph_top_txt .txt_list li .bottom_txt,
.id_about_shortest_route .imgBlk .graph_bottom_txt .txt_list li .bottom_txt {
  font-size: min(4.7vw, 22px);
  margin-top: 10px;
}
.id_about_shortest_route .imgBlk .graph_top_txt .txt_list li .bottom_txt big,
.id_about_shortest_route .imgBlk .graph_bottom_txt .txt_list li .bottom_txt big {
  font-size: min(6vw, 28px);
}
.id_about_shortest_route .imgBlk .graph_out_txt {
  width: 100%;
  position: absolute;
  top: 93%;
  left: 8%;
}
.id_about_shortest_route .imgBlk .graph_out_txt .inner_txt {
  display: flex;
  align-items: center;
}
.id_about_shortest_route .imgBlk .graph_out_txt .left_txt {
  font-size: min(6.5vw, 29px);
}
.id_about_shortest_route .imgBlk .graph_out_txt .right_txt {
  position: relative;
  display: inline-block;
  display: flex;
  flex-direction: column;
  font-size: min(7.5vw, 36px);
  line-height: 1.2;
}
.id_about_shortest_route .imgBlk .graph_out_txt .right_txt::before {
  position: absolute;
  content: "";
  border-bottom: 1px solid #fff;
  width: 9.7rem;
  top: 0.7rem;
  right: 1.5rem;
}
.id_about_shortest_route .imgBlk .graph_out_txt .right_txt span {
  font-size: min(3vw, 14px);
}

/*===============================
  id_why_choose_block
================================*/

.id_why_choose_heading.titleBox {
  font-size: min(28px, 9vw);
  letter-spacing: 0;
  padding-block: 8% 4%;
  margin: 0 0 15%;
}
.id_why_choose_heading.titleBox .inner span {
  width: min(90px, 25vw);
  mix-blend-mode: soft-light;
}
.id_why_choose_heading.titleBox .inner p {
  margin-block-start: 3%;
}

.id_why_choose_block {
  padding: 0rem 2.5rem;
  font-weight: bold;
  position: relative;
}
.id_why_choose_block .txt1 {
  font-size: min(5.2vw, 23px);
  display: inline-block;
  line-height: 1.4;
  position: relative;
}
.id_why_choose_block .txt1 .caution_sup {
  color: #fff;
}
.id_why_choose_block .txt2 {
  font-size: 1.4rem;
  line-height: 1.4;
  color: #f00;
  font-weight: bold;
}
.id_why_choose_block .txt2 .lage {
  font-size: 2.4rem;
}
.id_why_choose_block .alignC {
  text-align: center;
}
.id_why_choose_block .txt1 {
  font-size: min(6vw, 28px);
  line-height: 1.5;
  margin-bottom: 20px;
}
.id_why_choose_block .txt1 .red-txt {
  color: #f00;
}
.id_why_choose_block .cautionTxt {
  font-size: 1rem;
  letter-spacing: 0;
  padding-right: 15px;
  display: block;
  text-align: right;
}
.id_why_choose_block .txt230203 {
  border-left: 10px solid #f00;
  background: transparent;
  padding-left: 1.5rem;
  font-size: min(4.6vw, 23px);
}
.id_why_choose_block .txt230203 .red-txt {
  position: relative;
  z-index: 2;
}
.id_why_choose_block .txt230203 .red-txt::before {
  content: "";
  height: 10px;
  width: 103%;
  left: -3px;
  z-index: -5;
  bottom: -5px;
  background: #f00;
  opacity: 80%;
  position: absolute;
}
.id_why_choose_block .feature {
  font-weight: bold;
  font-size: min(4vw, 18px);
  letter-spacing: 0.01em;
  text-align: center;
  color: #cc1300;
  padding-top: 40px;
  margin-bottom: 10px;
}
.id_why_choose_block .logo_wrap .logoName_top {
  width: 80%;
  display: flex;
}
.id_why_choose_block .logo_wrap {
  font-weight: normal;
  font-size: min(11vw, 45px);
  letter-spacing: -0.04em;
  line-height: 55px;
  text-align: center;
  color: #fff;
  text-shadow: 2px 2px 10px #000;
  border-bottom: 1px solid #aaa;
  padding-bottom: 25px;
  margin-bottom: 10px;
}
.id_why_choose_block .logo_wrap .logoName_top {
  width: 80%;
  margin: 0 auto;
}

/*===============================
  id_max_17joule
================================*/
.id_max_17joule{
  color: #fff;
  border-radius: 10px;
  padding: 30px 20px;
  text-align: center;
}
.id_max_17joule .txtBlk{
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  margin: 0 auto;
  font-style: italic;
}
.id_max_17joule .txtBlk .left{
  writing-mode: vertical-rl;
  font-size: 3.6rem;
  letter-spacing: 0.1em;
  vertical-align: middle;
}
.id_max_17joule .txtBlk .right{
  font-size: 9.4rem;
  line-height: 1;
  letter-spacing: -0.1em;
}
.id_max_17joule .txtBlk .right .small{
    font-size: .7em;
  letter-spacing: 0;
}
.id_max_17joule .txt1{
  text-align: center;
  font-size: 1.6rem;
  letter-spacing: 0;
  font-weight: bold;
}
.id_max_17joule .txt1.line {
  position: relative;
  display: inline-block;
  line-height: 1;
}
.id_max_17joule .txt1.line::after {
  width: 100%;
  height: 4px;
  background: linear-gradient(to left, #FF0526, #711B4C);
  position: absolute;
  left: 0%;
  bottom: -3px;
}
.id_max_17joule .txt2{
text-align: right;
font-size: 1rem;
letter-spacing: 0;
font-weight: bold;
}

/*===============================
  id_about_detail
================================*/
.id_about_detail .imgBlk {
  position: relative;
}
.id_about_detail .imgBlk .txtBlk {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  padding: 1rem 0;
  font-size: 1.4rem;
  line-height: 1;
  z-index: 5;
}
.id_about_detail .imgBlk .txtBlk .txt1 {
  position: absolute;
  top: 40.5%;
  left: 7.8%;
  display: inline-block;
  font-size: min(4vw, 18px);
  line-height: 1.6;
  letter-spacing: normal;
}

/*===============================
  id_about_suitable_period
================================*/
.id_about_suitable_period {
  text-align: center;
  padding: 20px 0;
}
.id_about_suitable_period .icon_dia {
  padding: 20px 0;
}
.id_about_suitable_period .tit {
  font-size: 2rem;
  line-height: 1.8;
  margin-bottom: 30px;
  text-align: left;
}
.id_about_suitable_period .img {
  margin-bottom: 30px;
}
.id_about_suitable_period .txt {
  font-size: min(4.5vw, 20px);
  line-height: 1.8;
  margin-bottom: 30px;
}
.id_about_suitable_period .txt2 {
  width: 90%;
  margin: 0 auto;
  background: #fff;
  font-size: 1.8rem;
  line-height: 1.8;
  padding: 20px 0;
  margin-bottom: 30px;
  color: #000;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -1px;
}
.id_about_suitable_period .img2Box .img2Txt {
  margin-left: -18%;
  margin-bottom: -7px;
  color: #fff;
  font-size: 1.2rem;
  letter-spacing: 0;
  text-align: center;
}
.id_about_suitable_period .img2Box .img2Txt2Set {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 1%;
  width: 91%;
  margin: 5px auto 0;
}
.id_about_suitable_period .img2Box .img2Txt2Set li {
  width: 24%;
  font-size: 1.1rem;
  letter-spacing: 0.1em;
  border: solid 1px;
  border-radius: 5px;
  border-color: #ff8bd2;
}
.id_about_suitable_period .img2Box .img2Txt2Set li.list1 {
  width: 49%;
}
.id_about_suitable_period .img2Box .img2Txt2Set li.list3 {
  border-color: #afafaf;
}
.id_about_suitable_period .img2Box .img2Txt2Set li.list4 {
  border-color: #48a1ff;
}
.id_about_suitable_period .underline {
  display: inline-block;
  position: relative;
}
.id_about_suitable_period .underline::after {
  content: "";
  height: 1px;
  width: 100%;
  background: linear-gradient(to right, #a70cca, #e86a73);
  position: absolute;
  left: 0;
  bottom: 4px;
}

/*===============================
  id_attention_box
================================*/
.id_attention_box {
  width: 90%;
  margin: 0 auto;
  text-align: center;
  padding: 30px 23px 25px;
  background: #ffe200;
  color: #000;
  margin-bottom: 20px 30px;
  font-weight: bold;
}
.id_attention_box .tit {
  display: flex;
  flex-direction: column;
  font-size: 3.5rem;
  padding-bottom: 5px;
  border-bottom: solid 1px;
  margin-bottom: 20px;
  line-height: 1.5;
  padding-bottom: 20px;
}
.id_attention_box .tit span {
  font-size: 1.8rem;
}
.id_attention_box .txt1 {
  font-size: 1.8rem;
  letter-spacing: 0;
}

/*===============================
  id_adjust_lighting
================================*/
.id_adjust_lighting .imgBlk {
  position: relative;
  z-index: -1;
  padding: 12% 0 14%;
  margin-top: 10px;
}
.id_adjust_lighting .imgBlk .txtBlk {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  padding: 1rem 0;
  font-size: 1.4rem;
  line-height: 1;
  z-index: 5;
}
.id_adjust_lighting .imgBlk .txtBlk .txt1 {
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translate(-50%);
  top: 0%;
  text-align: center;
  font-size: min(4.5vw, 20px);
  line-height: 1.8;
  letter-spacing: -0.05rem;
}
.id_adjust_lighting .imgBlk .txtBlk .txt2 {
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translate(-50%);
  bottom: 0%;
  text-align: center;
  font-size: min(5vw, 22px);
  line-height: 1.4;
  letter-spacing: -0.05rem;
  font-weight: bold;
}
.id_adjust_lighting .imgBlk .txtBlk .txt2 big {
  font-size: min(6vw, 28px);
}

/*===============================
  id_benefits_box
================================*/
.id_benefits_box {
  position: relative;
  padding: 40px 2.5rem 20px;
  background-color: rgba(255, 255, 255, 0.04);
  margin-top: 50px;
  z-index: 1;
}
.id_benefits_box .top_border {
  width: 0px;
  height: 5rem;
  background: transparent;
  border-left: 1px solid #e22000;
  position: absolute;
  top: -7%;
  left: 50%;
  transform: translateX(-50%);
}
.id_benefits_box .top_ttl {
  font-weight: 500;
  font-size: 14px;
  color: #cc1300;
  letter-spacing: 2px;
  text-align: center;
  margin-bottom: 20px;
}
.id_benefits_box .bottom_border {
  width: 0px;
  height: 3rem;
  background: transparent;
  border-left: 1px solid #e22000;
  position: absolute;
  bottom: -5%;
  left: 50%;
  transform: translateX(-50%);
}
.id_benefits_box .h_01 {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.02em;
  text-align: left;
  color: #cc1300;
}
.id_benefits_box .txt_01 {
  border-radius: 4px;
  background: #cc1300;
  text-align: center;
  align-items: center;
  display: grid;
  font-size: min(6vw, 28px);
  padding: 0.3rem 0;
  letter-spacing: 0.05em;
  color: #fff;
  font-weight: bold;
}
.id_benefits_box .txt_01_bottom {
  margin-bottom: 1rem;
}
.id_benefits_box .txt_batu {
  font-size: 4rem;
  text-align: center;
  color: #cc1400;
  height: 40px;
}
.id_benefits_box .txt_02 {
  text-align: center;
  margin-top: 10px;
  font-size: min(6vw, 30px);
}

/*===============================
id_no_reservation
================================*/
.id_no_reservation .imgBlk {
  position: relative;
  margin-bottom: 1rem;
}
.id_no_reservation .imgBlk img {
  filter: brightness(150%);
}
.id_no_reservation .txtBlk {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.id_no_reservation .txtBlk .inner_txt {
  width: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
.id_no_reservation .txtBlk .txt1 {
  position: relative;
  text-align: left;
  font-size: min(8.1vw, 35px);
  letter-spacing: 0.2rem;
  font-style: italic;
  margin-bottom: 1.5rem;
  padding-left: 1rem;
  line-height: 1;
}
.id_no_reservation .txtBlk .txt1::after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  height: 1px;
  width: 33%;
  background: linear-gradient(to right, #ff0526, #711b4c);
}
.id_no_reservation .txtBlk .txt2 {
  position: relative;
  text-align: right;
  font-size: min(8.1vw, 35px);
  letter-spacing: 0.2rem;
  font-style: italic;
  padding-right: 1.5rem;
  margin-bottom: 2rem;
}
.id_no_reservation .txtBlk .txt2::after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  height: 1px;
  width: 33%;
  background: linear-gradient(to right, #711b4c, #ff0526);
}
.id_no_reservation .txtBlk .txt3 {
  display: inline-block;
  text-align: left;
  font-size: min(7.4vw, 32px);
  font-style: italic;
  line-height: 1;
  padding: 0.5rem 1.5rem 0.8rem 0.8rem;
  background: linear-gradient(to right, #ff0526, #711b4c);
  margin-bottom: 20px;
}
.id_no_reservation .txtBlk .txt3 big {
  font-size: 1.5em;
}

/*===============================
  id_daily_shaving_3min
================================*/
.id_daily_shaving_3min {
  position: relative;
  text-align: center;
  font-weight: bold;
  font-style: italic;
  padding: 2rem 0 0;
}
.id_daily_shaving_3min .imgBlk.imgSmall {
  overflow: hidden;
}
.id_daily_shaving_3min .imgBlk.imgSmall img {
  margin: -15% 0;
}
.id_daily_shaving_3min .txtBlk {
  position: absolute;
  top: -5%;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 5%;
}
.id_daily_shaving_3min .txtBlk .txt1 {
  width: 100%;
  position: absolute;
  font-size: min(5.5vw, 25px);
  letter-spacing: 0;
  line-height: 1;
  font-style: italic;
  top: 0%;
  left: 50%;
  transform: translateX(-50%);
}
.id_daily_shaving_3min .txtBlk .txt1 .lage1 {
  font-size: 1.3em;
  line-height: 1;
  font-weight: bold;
}
.id_daily_shaving_3min .txtBlk .txt1 .lage2 {
  font-size: 2em;
  line-height: 1;
  font-weight: bold;
}
.id_daily_shaving_3min .txt2 {
  position: absolute;
  font-size: min(7vw,32px);
  line-height: 1;
  top: 60%;
  left: 5%;
}
.id_daily_shaving_3min .txt3 {
  position: absolute;
  white-space: nowrap;
  font-size: min(7vw,32px);
  letter-spacing: 0;
  display: inline-block;
  line-height: 1;
  font-style: italic;
  padding: 0 1rem;
  top: 65%;
  left: 5%;
}
.id_daily_shaving_3min .txt3:before {
  content: "";
  width: 100%;
  height: 1.3em;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #868686a3;
  border-radius: 5px;
}
.id_daily_shaving_3min .txt3 .inner {
  position: relative;
  z-index: 1;
}
.id_daily_shaving_3min .txt3 big {
  font-size: 2.2em;
  letter-spacing: 0;
  line-height: 1;
}
.id_daily_shaving_3min .txt3 big .numImgTxt {
  display: inline-block !important;
  width: 0.6em !important;
  height: auto;
  padding: 0 0px;
  margin: 0 0 0 10px;
}
.id_daily_shaving_3min .txt4 {
  position: absolute;
  top: 82%;
  right: 5%;
  font-size: min(5vw,23px);
  letter-spacing: 0;
  line-height: 1.7;
  text-align: right;
}
.id_daily_shaving_3min .txt4 span {
  display: inline-block;
  line-height: 1;
}

/*===============================
  id_how_to_use
================================*/
.id_how_to_use .howtouse_wrap {
  padding: 5rem 2.5rem 0;
}
.id_how_to_use .howtouse_wrap .howtouse_child {
  position: relative;
}
.id_how_to_use .howtouse_wrap .howtouse_child .img_box {
  position: relative;
  margin-bottom: 5px;
}

.id_how_to_use .howtouse_wrap .howtouse_child .img_box .name_en {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.id_how_to_use .howtouse_wrap .howtouse_child .img_box .name_en span {
  display: block;
  font-family: urw-din, sans-serif;
  font-weight: 600;
  font-size: min(7vw, 38px);
  transform: scale(1.7, 1);
  letter-spacing: 5px;
  color: rgba(255, 255, 255, 0.4);
  text-align: center;
}
.id_how_to_use .howtouse_wrap .howtouse_child_txt {
  font-weight: 500;
  margin-top: 20px;
}
.id_how_to_use .howtouse_wrap .howtouse_child_txt span {
  position: relative;
  width: 100%;
  display: block;
  font-size: min(5.5vw, 23px);
  letter-spacing: 0.1em;
  text-align: left;
  font-weight: bold;
  color: #fff;
  margin-bottom: 10px;
}
.id_how_to_use .howtouse_wrap .howtouse_child_txt span:after {
  position: absolute;
  content: "";
  border-bottom: 1px solid #fff;
  width: 68%;
  right: 0;
  top: 50%;
}
.id_how_to_use .howtouse_wrap .howtouse_child_txt p {
  font-size: min(4vw, 18px);
  letter-spacing: 0.05em;
  line-height: 24px;
  text-align: justify;
  color: #fff;
  line-height: 1.8;
  margin-bottom: 3rem;
}

/*===============================
  id_about_hair_removal
================================*/
.id_about_hair_removal {
  position: relative;
  padding: 1rem 0 4rem;
}
.id_about_hair_removal .txtBlk {
  padding: 0 5%;
}
.id_about_hair_removal .txtBlk1 {
  white-space: nowrap;
  font-size: min(4.5vw,20px);
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1;
  font-style: italic;
  margin-top: -30%;
}
.id_about_hair_removal .txtBlk1 .num {
  font-size: 1.5em;
}

/*===============================
  id_about_no_pain
================================*/
.id_about_no_pain .imgBlk {
  position: relative;
  z-index: -1;
  padding: 3% 0 12%;
  margin-bottom: 60px;
}
.id_about_no_pain .imgBlk .txtBlk {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  padding: 1rem 0;
  font-size: 1.4rem;
  line-height: 1;
  z-index: 5;
}
.id_about_no_pain .top_txt {
  position: relative;
  font-size: min(7vw, 32px);
  text-align: center;
  line-height: 1.5;
}
.id_about_no_pain .top_txt::before {
  position: absolute;
  content: "";
  border-bottom: 2px solid #801c0d;
  top: 50%;
  transform: translateY(-50%);
  left: 5%;
  width: 11rem;
}
.id_about_no_pain .top_txt::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #801c0d;
  top: 50%;
  transform: translateY(-50%);
  right: 5%;
  width: 11rem;
}
.id_about_no_pain .top_txt .dot {
  position: relative;
}
.id_about_no_pain .top_txt .dot::after {
  position: absolute;
  content: "・";
  bottom: -3rem;
  left: 50%;
  transform: translate(-50%);
  color: #e22000;
}
.id_about_no_pain .imgBlk .inner_txt {
  width: 100%;
  position: absolute;
  bottom: 0;
  padding-left: 2.5rem;
}
.id_about_no_pain .imgBlk .txtBlk .txt1 {
  font-size: min(7.5vw, 26px);
  line-height: 1.4;
  letter-spacing: -0.05rem;
  font-weight: bold;
  margin-bottom: 15px;
}
.id_about_no_pain .imgBlk .txtBlk .txt1 big {
  font-size: min(8.5vw, 32px);
}
.id_about_no_pain .imgBlk .txtBlk .txt2 {
  font-size: min(7vw, 28px);
  line-height: 1.7;
  letter-spacing: -0.02rem;
  font-weight: bold;
  margin-bottom: 15px;
}
.id_about_no_pain .imgBlk .txtBlk .txt3 {
  font-size: min(5vw, 16px);
  line-height: 1.7;
  letter-spacing: -0.02rem;
  font-weight: 500;
  margin-bottom: 15px;
}

/*===============================
  id_recommendation_txt
================================*/
.id_recommendation_txt .imgBlk {
  position: relative;
  z-index: -1;
}
.id_recommendation_txt .imgBlk .txtBlk {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  padding: 1rem 0;
  font-size: 1.4rem;
  line-height: 1;
  z-index: 5;
}
.id_recommendation_txt .imgBlk .inner_txt {
  width: 100%;
  position: absolute;
  bottom: 5%;
  padding-left: 2.5rem;
}
.id_recommendation_txt .imgBlk .txtBlk .txt1 {
  font-size: min(4.5vw, 20px);
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 15px;
}
.id_recommendation_txt .imgBlk .txtBlk .txt1 big {
  font-size: min(10vw, 40px);
}
.id_recommendation_txt .imgBlk .txtBlk .txt2 {
  font-size: min(7.8vw, 35px);
  line-height: 1.4;
  font-weight: bold;
}

/*===============================
  purchaseArea
================================*/
.purchase.--main {
  color: var(--color-white);
  padding: 10% var(--page-padding-inline);
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.1】icedandy-cabriolet/【3.1BF】icedandy-cabriolet_Used_Creative_Design/【3.1BF】icedandy-cabriolet_Used_Creative_Design7.78.jpg) center top no-repeat;
  background-size: cover;
}
.purchase.--main .price {
  position: relative;
}
.purchase.--main .price::after {
  content: "";
  width: 100%;
  height: 2px;
  background: var(--color-white);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5px;
}
.purchase.--main .price p {
  font-family: urw-din, sans-serif;
  position: relative;
  line-height: 1.2;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 5px;
}

.purchase.--main .price p .ital {
  font-size: min(100px, 23vw);
  font-style: italic;
  font-weight: var(--font-weight-bold);
  letter-spacing: .005em;
  
}
.purchase.--main .price .tax {
  font-size: min(18px, 5vw);
  line-height: 1;
  writing-mode: vertical-rl;
  display: inline-block;
  padding: 10px 6px;
  margin-inline-end: 1em;
  border: 1px solid #fff;
  border-radius: 4px
}
.purchase.--main .price .unit {
  font-size: min(40px, 9vw);
  display: inline-block;
  margin-inline-start: .3em;
  margin-block-end: .4em;
}
.purchase.--main .point {
  line-height: 1.3;
  display: flex;
  justify-content: space-between;
  margin-block: 10%;
}
.purchase.--main .point li {
  font-size: min(23px, 5vw);
  text-align: center;
  padding: 2% 3%;
  width: 31%;
  background: linear-gradient(90deg, rgba(217,4,13,1) 0%, rgba(89,22,60,1) 100%);
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space:pre
}
.purchase.--main .point li span {
  font-size: min(32px, 9vw);
}

.purchase.--main .guarantee {
  color: var(--color-yellow);
  font-size: min(32px, 7vw);
  text-align: center;
  font-weight: var(--font-weight-bold);
  margin-block-end: 1rem;
}
.purchase.--main .shipping {
  font-size: min(22px, 5vw);
  text-align: center;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5%;
  margin-block-end: 1rem;
}
.purchase.--main .shipping::before, 
.purchase.--main .shipping::after {
  display: block;
  content: "";
  width: 2px;
  height: 1.4em;
  background: var(--color-white);
}
.purchase.--main .shipping::before {
  transform: rotate(-25deg);
}
.purchase.--main .shipping::after {
  transform: rotate(25deg);
}
.purchase.--main .schedule {
  text-align: center;
}

.purchase.--main .schedule {
  font-size: min(22px, 5vw);
  text-align: center;
}
.purchase.--main .payment p {
  font-size: min(16px, 4.5vw);
  font-weight: 400;
  text-align: center;
  line-height: 1.5;
}
.purchase.--main .payment ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem 2%;
  margin-block-start: 2rem;
}
.purchase.--main .payment ul li {
  width: 22%;
}
.purchase.--main .payment ul li:nth-child(5){
  margin-left: 11%;
}
.purchase.--main .payment ul li:nth-child(7){
  margin-right: 11%;
}

.purchase.--guarantee {
  color: var(--color-white);
  font-size: min(23px, 5.5vw);
  text-align: center;
}
.purchase.--guarantee .eyecatch-02 {
  font-weight: var(--font-weight-bold);
  padding: 10% var(--page-padding-inline);
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.1】icedandy-cabriolet/【3.1BF】icedandy-cabriolet_Used_Creative_Design/【3.1BF】icedandy-cabriolet_Used_Creative_Design7.81.png) center top no-repeat;
  background-size: 160% 100%;
}
.purchase.--guarantee .eyecatch-02 .now {
  font-size: min(28px, 8.5vw);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5%;
  margin-block-end: 1rem;
}
.purchase.--guarantee .now::before,
.purchase.--guarantee .now::after {
  display: block;
  content: "";
  width: 2px;
  height: 1.2em;
  background: var(--color-white);
}
.purchase.--guarantee .eyecatch-02 .now::after {
  transform: rotate(25deg);
}
.purchase.--guarantee .eyecatch-02 .now::before {
  transform: rotate(-25deg);
}
.purchase.--guarantee .eyecatch-02 .now + p span {
  color: var(--color-yellow);
  font-size: min(30px, 9vw);
}

.purchase.--guarantee .repayment {
  padding: 5% var(--page-padding-inline);
  background: url(https://gigaplus.makeshop.jp/Fachant/【3.1】icedandy-cabriolet/【3.1BF】icedandy-cabriolet_Used_Creative_Design/【3.1BF】icedandy-cabriolet_Used_Creative_Design7.82.png) center top no-repeat;
  background-size: 100% auto;
  background-position: center center;
}
.purchase.--guarantee .repayment ul {
  font-weight: var(--font-weight-bold);
  --bg-gradient: linear-gradient(#fff 0 100%);
  padding: 10% 3%;
  margin-block-end: 44px;
  background-image: var(--bg-gradient), var(--bg-gradient), var(--bg-gradient), var(--bg-gradient);
  background-repeat: no-repeat;
  background-size: 70px 1px, 1px 70px, 70px 1px, 1px 70px;
  background-position: left top 6px, right 6px bottom, right bottom 6px, left 6px top;
  position: relative;
}
.purchase.--guarantee .repayment ul::before {
  content: "";
  display: block;
  width: 4px;
  height: 24px;
  position: absolute;
  bottom: -30px;
  right: 0;
  left: 0;
  margin: auto;
  background-image: radial-gradient(circle at center, var(--color-white) 2px, transparent 2px);
  background-size: 4px 8px;
  background-repeat: repeat-y;
}
.purchase.--guarantee .repayment ul + p {
  font-size: min(18px, 4.2vw);
  line-height: 1.5;
  text-shadow: var(--com-text-shadow);
}

.--com-parts {
  font-size: min(23px, 6vw);
  text-align: center;
  text-shadow: var(--com-text-shadow);
  background: linear-gradient(180deg, var(--com-bg-grad-gray) 100%);
  padding: 0 0 12%;
  
}
.--com-parts .titleBox {
  letter-spacing: 0;
  padding-block: 4% 4%;
  margin: 0 0 15%;
}
.--com-parts .titleBox::after {
  bottom: -20%;
}
.--com-parts .titleBox .inner p {
  margin-block-start: 3%;
}
.--com-parts .titleBox + p {
  line-height: 1.4;
}
.--com-parts .inner {
  padding-inline: var(--page-padding-inline);
}

.about.--com-parts .titleBox {
  font-size: min(28px, 9vw);
  letter-spacing: 0;
  padding-block: 8% 4%;
  margin: 0 0 15%;
}
.about.--com-parts .titleBox .inner span {
  width: min(90px, 25vw);
  mix-blend-mode: soft-light;
}
.about.--com-parts .imgBox {
  padding-inline: var(--page-padding-inline);
  margin-block: 7%;
}
.about.--com-parts .imgBox img + img {
  margin-block-start: 3%;
}
.about.--com-parts .txtBox {
  line-height: 1.4;
}
.about.--com-parts .num-unit {
  font-size: min(80px, 16vw);
  text-shadow: var(--com-text-shadow);
  font-style: italic;
  line-height: 1;
  display: inline-block;
  position: relative;
  z-index: 2;
  margin-block-end: 5%;
}
.about.--com-parts .num-unit span {
  font-size: min(32px, 10vw);
  font-style: italic;
  text-shadow: var(--com-text-shadow);
}
.about.--com-parts .num-unit::after {
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, rgba(255, 243, 225, 1) 0%, rgba(131, 96, 5, 1) 50%, rgba(255, 243, 225, 1) 100%);
  position: absolute;
  bottom: -3px;
  z-index: -1;
}
.about.--com-parts .num-unit + .note {
  font-size: min(11px, 3vw);
}
.about.--com-parts .bnr {
  margin-block-start: 8%;
}

.feature.--com-parts {
  padding: 0;
}
.feature.--com-parts .titleBox {
  font-size: min(24px, 8vw);
  letter-spacing: -1px;
  padding-block: 8% 2%;
}
.feature.--com-parts .titleBox span {
  width: min(120px, 20vw);
  aspect-ratio: 168 / 60;
  margin-inline: auto;
  mix-blend-mode: soft-light;
}
.feature.--com-parts .titleBox + figure {
  margin-block-start: -15%;
}
.feature.--com-parts .innerTxt .bg {
  mix-blend-mode: lighten;
  width: 100%;
  object-fit: contain;
  opacity: .4;
  position: absolute;
  right: 0;
  right: 0;
  top: 0;
  z-index: 0;
}
.feature.--com-parts .innerTxt {
  line-height: 1.4;
  color: var(--color-white);
  padding: 9% var(--font-size-note) 12%;
  position: relative;
}
.feature.--com-parts .innerTxt .border {
  font-weight: var(--font-weight-bold);
  display: inline-block;
  position: relative;
  letter-spacing: 1px;
}
.feature.--com-parts .innerTxt .border::before {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background: var(--color-white);
  position: absolute;
  bottom: 0px;
  box-shadow: var(--com-text-shadow);
}
.feature.--com-parts .innerTxt .f-l {
  font-size: min(32px, 9vw);
}
.feature.--com-parts .innerTxt p:last-of-type {
  margin-block-start: 1.3em;
}

.products.--com-parts {
  padding-block:  0 15%;
}
.products.--com-parts .titleBox {
  font-size: min(24px, 8vw);
  letter-spacing: -1px;
  padding-block: 8% 3%;
  margin-block-end: 18%;
}
.products.--com-parts .titleBox span {
  width: min(180px, 50vw);
  aspect-ratio: 127 / 25;
  margin-inline: auto;
  mix-blend-mode: soft-light;
}
.products.--com-parts dl {
  padding-inline: var(--page-padding-inline);
}
.products.--com-parts dl div + div {
  margin-block-start: 12%;
}
.products.--com-parts dl dt {
  position: relative;
  display: flex;
  align-items: center;
  margin-block-end: 5%;
}
.products.--com-parts dl dt span {
  font-size: min(18px, 5vw);
  letter-spacing: 0;
  flex-shrink: 0;
  padding-inline: 7%;
  position: relative;
}
.products.--com-parts dl dt::before,
.products.--com-parts dl dt::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--color-white);
}
.products.--com-parts dl dt span::before,
.products.--com-parts dl dt span::after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background: var(--color-white);
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.products.--com-parts dl dt span::before {
  left: 0;
}
.products.--com-parts dl dt span::after {
  right: 0;
}

.company.--com-parts {
  color: var(--color-white);
  background-color: var(--color-black);
  background-image: url(https://gigaplus.makeshop.jp/Fachant/【3.1】icedandy-cabriolet/【3.1BF】icedandy-cabriolet_Used_Creative_Design/【3.1BF】icedandy-cabriolet_Used_Creative_Design7.83.png),
  url(https://gigaplus.makeshop.jp/Fachant/【3.1】icedandy-cabriolet/【3.1BF】icedandy-cabriolet_Used_Creative_Design/【3.1BF】icedandy-cabriolet_Used_Creative_Design7.82.png);
  background-position: center 10%, center center;
  background-repeat: repeat-y, no-repeat;
  background-size: 100% auto, 140% 160%;
  background-blend-mode: screen, screen;
}
.company.--com-parts .titleBox {
  font-size: min(18px, 8vw);
  letter-spacing: -1px;
  padding-block: 6% 5%;
  margin-block-end: 15%;
}
.company.--com-parts .titleBox img {
  width: min(224px, 48vw);
  aspect-ratio: 224 / 64;
  margin-inline: auto;
  mix-blend-mode: soft-light;
}
.company.--com-parts .innerWrap {
  width: 86%;
  margin-inline: auto;
}
.company.--com-parts .innerWrap p {
  font-size: min(14px, 4vw);
  line-height: 1.6;
  text-align: left;
  text-shadow: var(--com-text-shadow);
}
.company.--com-parts .innerWrap ul {
  margin-block: 11% 17%
}
.company.--com-parts .innerWrap ul li span {
  display: flex;
  align-items: center;
  gap: 5%;
  margin-block-end: 7%;
}
.company.--com-parts .innerWrap ul li span img {
  width: 67px!important;
}
.company.--com-parts .innerWrap ul li span::after {
  content: "";
  width: 100%;
  height: 1px;
  background: rgba(255,255,255,.3);
}
.company.--com-parts .innerWrap ul li span img {
  width: auto;
  height: min(40px, 10vw);
}
.company.--com-parts .innerWrap ul li + li {
  margin-block-start: 12%;
}

.company.--com-parts .support {
  text-align: left;
}
.company.--com-parts .support figure {
  margin-block-end: 8%;
}
.company.--com-parts .support p + p {
  margin-block-start: 1em
}
.company.--com-parts .support .name {
  font-size: min(25px, 7vw);
  margin-block-start: 0;
}
.company.--com-parts .support .name span {
  font-size: min(16px, 4.5vw);
}

.brand.--com-parts .titleBox {
  font-size: min(22px, 9vw);
  letter-spacing: -1px;
  line-height: 1.3;
  padding-block: 8% 3%;
  margin-block-end: 17%;
}
.brand.--com-parts .titleBox span {
  width: min(230px, 80vw);
  aspect-ratio: 118 / 15;
  margin-inline: auto;
  mix-blend-mode: soft-light;
}

.brand.--com-parts ul li p {
  font-size: min(18px, 5vw);
  margin-block-end: 2%;
}
.brand.--com-parts ul li + li {
  margin-block-start: 5%;
}
.company.--com-parts .innerWrap ul li span img {
  width: auto;
  height: min(40px, 10vw);
}

.bottom-info {
  font-size: min(16px, 4vw);
  color: var(--color-white);
  text-align: center;
  padding: 18% var(--page-padding-inline) 8%;
  background: var(--color-dark-gray);
}
.bottom-info ul li a {
  display: inline-block;
  padding: 10px;
}
.bottom-info .borderbox {
  width: 80%;
  margin-inline: auto;
}
.bottom-info .--list-circle li {
  font-size: min(18px, 5vw);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1%;
  padding: 3% 0;
}
.bottom-info .detailLink {
  padding: 4%;
}
.bottom-info .detailLink a {
  font-size: min(18px, 5vw);
  text-decoration: underline;
}
.bottom-info .bottom-info-logo {
  width: min(120px, 35vw);
  margin: 14% auto 0;
}

.repayBtn {
  border-radius: 100px;
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 230/60;
  margin: 10% auto 0;
  box-shadow: inset 0px 5px 8px 0px rgba(255, 255, 255, 0.4), 1px 5px 7px 0px rgba(0, 0, 0, 0.2);
  background: var(--color-gray);
}
.repayBtn a {
  color: var(--color-white);
  font-size: min(18px, 5vw);
  line-height: 1.4;
  font-weight: var(--font-weight-bold);
  border-radius: 100px;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 94%;
  height: 82%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer {
  color: var(--color-white);
  text-align: center;
  padding: 1% var(--page-padding-inline);
  background: var(--color-dark-gray);
}
.footer .wordList {
  font-size: min(8px, 2vw);
  display: flex;
  flex-wrap: wrap;
  
}
.footer .wordList li {
  width: fit-content;
  text-align: left;
  padding: .5% 2% .5% 0;
}
.footer .itemName {
  width: 70%;
  margin: 8% auto;
 }</pre></body></html>