@charset "UTF-8";
/*****************************************************
アンピュブランドページ
*****************************************************/
/* ------------------------------------------
　共通
-------------------------------------------*/
:root {
  --color-blue: #04B4B7;
  --color-lightblue: #94E9EB;
  --color-yellow: #FBDA6C;
  --font-marugothic: "fot-tsukuardgothic-std", sans-serif;
  --font-serif: "Yu Mincho", "游明朝", YuMincho, "游明朝体", serif;
}

#unpiu {
  font-size: clamp(14px, 3.6vw, 16px);
  margin-bottom: min(30vw, 100px);
  /* ------------------------------------------
  　kv
  -------------------------------------------*/
  /* ------------------------------------------
  　lead
  -------------------------------------------*/
  /* ------------------------------------------
  　商品詳細エリア
  -------------------------------------------*/
  /* ------------------------------------------
  　ポイント
  -------------------------------------------*/
}
#unpiu .pc-only {
  display: initial !important;
}
@media screen and (max-width: 767px) {
  #unpiu .pc-only {
    display: none !important;
  }
}
#unpiu .sp-only {
  display: none !important;
}
@media screen and (max-width: 767px) {
  #unpiu .sp-only {
    display: initial !important;
  }
}
@media screen and (max-width: 767px) {
  #unpiu .lineup__link-btn {
    height: 15vw;
  }
}
#unpiu .kv {
  position: relative;
  display: grid;
  place-content: center;
  background: url(../img/kv_bg.webp) no-repeat center bottom;
  background-size: cover;
  padding-top: min(10vw, 120px);
  padding-bottom: min(12vw, 180px);
  padding-inline: min(5vw, 30px);
}
@media screen and (max-width: 767px) {
  #unpiu .kv {
    background: linear-gradient(90deg, rgb(244, 239, 131) 0%, rgb(246, 252, 189) 50%, rgb(154, 213, 216) 100%);
    padding: 0;
  }
}
#unpiu .kv::before {
  display: block;
  width: 100%;
  height: 20vw;
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  background: linear-gradient(90deg, rgb(244, 239, 131) 0%, rgb(246, 252, 189) 50%, rgb(154, 213, 216) 100%);
  -webkit-mask: url(../img/kv_mask.webp) no-repeat center bottom/100% auto;
          mask: url(../img/kv_mask.webp) no-repeat center bottom/100% auto;
}
@media screen and (max-width: 767px) {
  #unpiu .kv::before {
    display: none;
  }
}
#unpiu .lead {
  font-size: clamp(18px, 4vw, 22px);
  font-weight: 700;
  line-height: 2;
  position: relative;
  background: linear-gradient(90deg, rgb(244, 239, 131) 0%, rgb(246, 252, 189) 50%, rgb(154, 213, 216) 100%);
  padding-top: min(10vw, 40px);
  padding-bottom: min(20vw, 200px);
  text-align: center;
}
#unpiu .lead h2 {
  margin-bottom: min(6vw, 20px);
}
@media screen and (max-width: 767px) {
  #unpiu .lead h2 {
    max-width: 25vw;
    margin-inline: auto;
  }
}
#unpiu .lead h3 {
  font-family: var(--font-marugothic);
  font-weight: 700;
  font-size: clamp(26px, 5.6vw, 40px);
  margin-bottom: min(9vw, 30px);
}
#unpiu .lead::before {
  display: block;
  width: 100%;
  height: 20vw;
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  background: white;
  -webkit-mask: url(../img/kv_mask.webp) no-repeat center bottom/100% auto;
          mask: url(../img/kv_mask.webp) no-repeat center bottom/100% auto;
}
#unpiu .lead__text01 {
  margin-bottom: min(5vw, 15px);
}
#unpiu .product-detail {
  max-width: 1060px;
  margin-inline: auto;
  box-sizing: border-box;
  padding-inline: min(5vw, 30px);
  padding-block: min(16vw, 70px);
  display: grid;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  grid-template-rows: -webkit-max-content 1fr;
  grid-template-rows: max-content 1fr;
  -moz-column-gap: min(5vw, 50px);
       column-gap: min(5vw, 50px);
  row-gap: min(5vw, 50px);
  grid-auto-flow: row;
  grid-template-areas: "product-detail__fig product-detail__main" "product-detail__btns product-detail__btns";
}
@media screen and (max-width: 767px) {
  #unpiu .product-detail {
    display: block;
  }
}
#unpiu .product-detail__fig {
  text-align: center;
  grid-area: product-detail__fig;
}
@media screen and (max-width: 767px) {
  #unpiu .product-detail__fig {
    margin-bottom: min(6vw, 20px);
  }
}
#unpiu .product-detail__main {
  grid-area: product-detail__main;
}
@media screen and (max-width: 767px) {
  #unpiu .product-detail__main {
    margin-bottom: min(9vw, 30px);
  }
}
#unpiu .product-detail__main-catch {
  font-family: var(--font-serif);
  font-size: clamp(20px, 4.6vw, 22px);
  margin-bottom: min(6vw, 40px);
}
#unpiu .product-detail__main-catch small {
  font-size: 50%;
}
#unpiu .product-detail__main-name {
  font-size: clamp(16px, 4vw, 18px);
  margin-bottom: min(1vw, 3px);
}
#unpiu .product-detail__main-size {
  font-size: clamp(16px, 4vw, 18px);
  margin-bottom: min(3vw, 10px);
}
#unpiu .product-detail__main-price {
  margin-bottom: min(5vw, 30px);
}
#unpiu .product-detail__main-price span {
  font-size: clamp(20px, 4.2vw, 22px);
}
#unpiu .product-detail__main-disc {
  line-height: 1.8;
  margin-bottom: min(8vw, 25px);
}
#unpiu .product-detail__main-disc small {
  font-size: 60%;
}
#unpiu .product-detail__main-disc__title {
  margin-bottom: min(4vw, 20px);
}
#unpiu .product-detail__main-disc__note {
  margin-top: min(3vw, 10px);
  font-size: 75%;
}
#unpiu .product-detail__main-acc {
  display: grid;
  row-gap: min(3.5vw, 15px);
}
#unpiu .product-detail__main-acc dt {
  border-bottom: 1px solid #707070;
  position: relative;
  cursor: pointer;
  padding-bottom: min(2vw, 8px);
}
#unpiu .product-detail__main-acc dt:before {
  content: "";
  width: min(4.5vw, 15px);
  height: 1px;
  background-color: #716F6F;
  position: absolute;
  right: min(1vw, 3px);
  top: 50%;
  transform: translate(0, -50%);
}
#unpiu .product-detail__main-acc dt:after {
  content: "";
  width: 1px;
  height: min(4.5vw, 15px);
  background-color: #716F6F;
  position: absolute;
  right: min(3vw, 10px);
  top: 50%;
  transform: translate(0, -50%);
  transition: opacity 0.3s;
}
#unpiu .product-detail__main-acc dt.show:after {
  opacity: 0;
}
#unpiu .product-detail__main-acc dd {
  display: none;
}
#unpiu .product-detail__main-acc--row {
  display: grid;
  grid-template-columns: 1fr auto;
  -moz-column-gap: min(4.5vw, 15px);
       column-gap: min(4.5vw, 15px);
  align-items: center;
}
#unpiu .product-detail__main-acc--row strong {
  font-weight: 700;
  color: var(--color-blue);
}
#unpiu .product-detail__btns {
  max-width: 710px;
  margin-inline: auto;
  grid-area: product-detail__btns;
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: min(6vw, 20px);
       column-gap: min(6vw, 20px);
}
@media screen and (max-width: 767px) {
  #unpiu .product-detail__btns {
    grid-template-columns: 1fr;
    row-gap: min(4vw, 15px);
  }
}
#unpiu .point {
  max-width: 1000px;
  margin-inline: auto;
  box-sizing: border-box;
  padding-inline: min(5vw, 30px);
  padding-block: min(12vw, 80px);
  background: linear-gradient(90deg, rgb(251, 250, 221) 0%, rgb(249, 253, 237) 50%, rgb(228, 244, 245) 100%);
  /* ---- lead ---*/
  /* ---- point01 ---*/
  /* ---- point02 ---*/
  /* ---- point03 ---*/
  /* ---- point04 ---*/
}
@media screen and (max-width: 1090px) {
  #unpiu .point {
    margin-inline: min(5vw, 30px);
  }
}
#unpiu .point-ul-text {
  font-family: var(--font-marugothic);
  font-size: clamp(22px, 4.4vw, 34px);
  font-weight: 700;
  background: linear-gradient(transparent 60%, var(--color-yellow) 0%);
}
#unpiu .point-ul-text small {
  font-size: 40%;
}
#unpiu .point-lead {
  text-align: center;
  margin-bottom: min(12vw, 70px);
}
#unpiu .point-lead__title {
  margin-bottom: min(6vw, 20px);
}
#unpiu .point-lead__text {
  font-size: clamp(24px, 4.6vw, 30px);
  font-weight: 700;
  color: var(--color-blue);
  margin-bottom: min(9vw, 30px);
}
#unpiu .point-lead__text span {
  font-size: 50%;
}
#unpiu .point-01 {
  padding-bottom: min(12vw, 80px);
}
#unpiu .point-01__lead {
  margin-bottom: min(10vw, 40px);
}
#unpiu .point-01__lead--text {
  text-align: center;
  font-weight: 700;
  max-width: 500px;
  margin-inline: auto;
}
#unpiu .point-01__lead--note {
  font-weight: 500;
  margin-top: min(6vw, 20px);
  font-size: clamp(12px, 3.4vw, 14px);
}
#unpiu .point-01__title {
  text-align: center;
  margin-bottom: min(6vw, 20px);
}
#unpiu .point-01__title img {
  max-width: 50%;
}
#unpiu .point-01__title h2 {
  line-height: 1.8;
  margin-top: min(3vw, 10px);
  margin-bottom: min(3vw, 10px);
}
#unpiu .point-01__cont01 {
  max-width: 840px;
  margin-inline: auto;
  background: #FFFFFF;
  padding-block: min(8vw, 60px);
  padding-inline: min(5vw, 50px);
  margin-bottom: min(12vw, 40px);
}
#unpiu .point-01__cont01--title {
  font-size: clamp(22px, 4.6vw, 30px);
  font-weight: 700;
  color: var(--color-blue);
  text-align: center;
  margin-bottom: min(9vw, 30px);
}
#unpiu .point-01__cont01--title span {
  position: relative;
  display: inline-block;
}
#unpiu .point-01__cont01--title span::before, #unpiu .point-01__cont01--title span::after {
  position: absolute;
  content: "";
  width: min(5vw, 24px);
  height: min(8vw, 36px);
}
#unpiu .point-01__cont01--title span::before {
  border-left: var(--color-blue) solid 2px;
  border-top: var(--color-blue) solid 2px;
  top: -16px;
  left: -36px;
}
@media screen and (max-width: 767px) {
  #unpiu .point-01__cont01--title span::before {
    top: -3vw;
    left: -4vw;
  }
}
#unpiu .point-01__cont01--title span::after {
  border-right: var(--color-blue) solid 2px;
  border-bottom: var(--color-blue) solid 2px;
  bottom: -6px;
  right: -26px;
}
@media screen and (max-width: 767px) {
  #unpiu .point-01__cont01--title span::after {
    bottom: -1vw;
    right: -8vw;
  }
}
#unpiu .point-01__cont01--awa {
  display: grid;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  align-items: center;
  -moz-column-gap: 50px;
       column-gap: 50px;
  margin-bottom: min(9vw, 30px);
}
@media screen and (max-width: 767px) {
  #unpiu .point-01__cont01--awa {
    grid-template-columns: 1fr;
    row-gap: 10vw;
  }
}
#unpiu .point-01__cont01--awa dt {
  order: 2;
  display: grid;
}
@media screen and (max-width: 767px) {
  #unpiu .point-01__cont01--awa dt {
    max-width: 80%;
    margin-inline: auto;
  }
}
#unpiu .point-01__cont01--awa dd {
  order: 1;
  display: grid;
  justify-items: center;
  font-family: var(--font-serif);
  color: #FFFFFF;
  background-color: var(--color-blue);
}
#unpiu .point-01__cont01--awa-fukidashi {
  position: relative;
  padding: min(4vw, 20px);
  font-size: clamp(24px, 5vw, 38px);
}
#unpiu .point-01__cont01--awa-fukidashi span {
  font-size: 80%;
}
#unpiu .point-01__cont01--awa-fukidashi::before {
  position: absolute;
  top: 50px;
  right: -50px;
  display: block;
  content: "";
  background-color: var(--color-blue);
  width: 55px;
  height: 20px;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media screen and (max-width: 767px) {
  #unpiu .point-01__cont01--awa-fukidashi::before {
    top: inherit;
    bottom: -7vw;
    left: 50%;
    transform: translate(-50%, 0);
    width: 5vw;
    height: 8vw;
    -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
            clip-path: polygon(0 0, 100% 0, 50% 100%);
  }
}
#unpiu .point-01__cont01--ba-text01 {
  font-size: clamp(26px, 5.2vw, 36px);
  font-weight: 700;
  text-align: center;
}
#unpiu .point-01__cont01--ba-text02 {
  font-size: clamp(18px, 4.2vw, 20px);
  font-weight: 700;
  text-align: center;
  margin-bottom: min(3vw, 10px);
}
#unpiu .point-01__cont01--ba-fig {
  display: grid;
  grid-template-columns: auto 50px auto;
  justify-items: center;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
@media screen and (max-width: 767px) {
  #unpiu .point-01__cont01--ba-fig {
    grid-template-columns: 1fr;
    row-gap: 3vw;
  }
}
#unpiu .point-01__cont01--ba-fig::after {
  order: 2;
  content: "";
  display: block;
  background: var(--color-blue);
  height: 46px;
  width: 24px;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  #unpiu .point-01__cont01--ba-fig::after {
    margin-top: 0;
    height: 4vw;
    width: 8vw;
    -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
            clip-path: polygon(0 0, 100% 0, 50% 100%);
  }
}
#unpiu .point-01__cont01--ba-fig figure:first-child {
  order: 1;
}
#unpiu .point-01__cont01--ba-fig figure:last-child {
  order: 3;
}
#unpiu .point-01__cont02--title {
  text-align: center;
  line-height: 1.6;
  margin-bottom: min(6vw, 20px);
}
#unpiu .point-01__cont02--title span {
  font-weight: 700;
  font-size: clamp(22px, 4.6vw, 30px);
  background: linear-gradient(transparent 94%, var(--color-blue) 0%);
  padding-bottom: min(0.5vw, 5px);
}
#unpiu .point-01__cont02--fig {
  max-width: 665px;
  margin-inline: auto;
}
#unpiu .point-01__cont02--note {
  display: grid;
  justify-items: center;
  margin-top: min(6vw, 20px);
}
#unpiu .point-01__cont02--note p {
  position: relative;
  font-size: clamp(16px, 3.6vw, 20px);
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  #unpiu .point-01__cont02--note p {
    margin-inline: 5vw;
  }
}
#unpiu .point-01__cont02--note p:before, #unpiu .point-01__cont02--note p:after {
  font-weight: 500;
  position: absolute;
  font-size: clamp(40px, 6vw, 60px);
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  #unpiu .point-01__cont02--note p:before, #unpiu .point-01__cont02--note p:after {
    width: min(3vw, 16px);
    height: min(30vw, 100px);
  }
}
#unpiu .point-01__cont02--note p:before {
  content: "(";
  left: -50px;
}
@media screen and (max-width: 767px) {
  #unpiu .point-01__cont02--note p:before {
    left: -5vw;
    content: "";
    background: url(../img/par_left.webp) no-repeat center left;
    background-size: contain;
  }
}
#unpiu .point-01__cont02--note p:after {
  content: ")";
  right: -40px;
}
@media screen and (max-width: 767px) {
  #unpiu .point-01__cont02--note p:after {
    right: -5vw;
    content: "";
    background: url(../img/par_right.webp) no-repeat center right;
    background-size: contain;
  }
}
#unpiu .point-02 {
  padding-bottom: min(12vw, 80px);
}
#unpiu .point-02__lead {
  margin-bottom: min(30vw, 100px);
}
#unpiu .point-02__lead--text {
  text-align: center;
  font-weight: 700;
}
#unpiu .point-02__title {
  text-align: center;
  margin-bottom: min(6vw, 20px);
}
#unpiu .point-02__title img {
  max-width: 50%;
}
#unpiu .point-02__title h2 {
  line-height: 1.8;
  margin-top: min(3vw, 10px);
  margin-bottom: min(3vw, 10px);
}
#unpiu .point-02__cont01--title h3 {
  text-align: center;
  font-size: clamp(24px, 4.6vw, 30px);
  font-weight: 700;
  margin-bottom: min(6vw, 20px);
}
#unpiu .point-02__cont01--title-text {
  display: grid;
  text-align: center;
  justify-items: center;
  margin-top: min(2vw, 30px);
  padding-inline: min(9vw, 30px);
}
#unpiu .point-02__cont01--title-text p {
  position: relative;
  font-size: clamp(16px, 3.6vw, 20px);
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  #unpiu .point-02__cont01--title-text p {
    margin-inline: 8vw;
  }
}
#unpiu .point-02__cont01--title-text p:before, #unpiu .point-02__cont01--title-text p:after {
  font-weight: 500;
  position: absolute;
  font-size: clamp(40px, 6vw, 60px);
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  #unpiu .point-02__cont01--title-text p:before, #unpiu .point-02__cont01--title-text p:after {
    width: min(3vw, 16px);
    height: min(30vw, 100px);
  }
}
#unpiu .point-02__cont01--title-text p:before {
  content: "(";
  left: -50px;
}
@media screen and (max-width: 767px) {
  #unpiu .point-02__cont01--title-text p:before {
    left: -7vw;
    content: "";
    background: url(../img/par_left.webp) no-repeat center left;
    background-size: contain;
  }
}
#unpiu .point-02__cont01--title-text p:after {
  content: ")";
  right: -40px;
}
@media screen and (max-width: 767px) {
  #unpiu .point-02__cont01--title-text p:after {
    right: -7vw;
    content: "";
    background: url(../img/par_right.webp) no-repeat center right;
    background-size: contain;
  }
}
#unpiu .point-02__cont01--title::after {
  display: block;
  content: "";
  width: min(2px, 5vw);
  height: min(10vw, 50px);
  background-color: currentcolor;
  margin-inline: auto;
  margin-block: min(6vw, 30px);
}
#unpiu .point-02__cont01--main {
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  align-items: center;
  -moz-column-gap: min(6vw, 30px);
       column-gap: min(6vw, 30px);
}
@media screen and (max-width: 767px) {
  #unpiu .point-02__cont01--main {
    -moz-column-gap: 1vw;
         column-gap: 1vw;
  }
}
@media screen and (max-width: 640px) {
  #unpiu .point-02__cont01--main {
    grid-auto-flow: row;
  }
}
#unpiu .point-02__cont01--main figure {
  text-align: center;
}
@media screen and (max-width: 767px) {
  #unpiu .point-02__cont01--main figure {
    max-width: 80%;
    margin-inline: auto;
    margin-bottom: 5vw;
  }
}
#unpiu .point-02__cont01--main-text01 {
  font-size: clamp(18px, 4.2vw, 20px);
  font-weight: 700;
  color: var(--color-blue);
  text-align: center;
  letter-spacing: 0.3em;
}
#unpiu .point-02__cont01--main-text02 {
  text-align: center;
}
#unpiu .point-02__cont01--main-text03 {
  display: grid;
  justify-items: center;
  position: relative;
  margin-top: min(1.5vw, 5px);
}
#unpiu .point-02__cont01--main-text03 p {
  width: 100%;
  position: absolute;
  top: 4px;
  left: 0;
  z-index: 1;
  color: #FFFFFF;
  font-weight: 700;
  font-size: clamp(20px, 4.4vw, 22px);
  text-align: center;
}
#unpiu .point-02__cont01--main-text03::before {
  content: "";
  display: block;
  background: var(--color-blue);
  width: 180px;
  height: 55px;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
}
#unpiu .point-02__cont01--main-text04 {
  margin-top: min(3vw, 10px);
  font-size: clamp(18px, 4.2vw, 20px);
  font-weight: 700;
  text-align: center;
  text-decoration: underline;
}
#unpiu .point-02__cont01--note {
  margin-top: min(9vw, 30px);
  text-align: center;
  font-size: clamp(12px, 3.6vw, 14px);
}
#unpiu .point-03 {
  padding-bottom: min(12vw, 80px);
}
#unpiu .point-03__lead {
  margin-bottom: min(9vw, 30px);
}
#unpiu .point-03__lead--text {
  text-align: center;
  font-weight: 700;
}
#unpiu .point-03__title {
  text-align: center;
  margin-bottom: min(6vw, 20px);
}
#unpiu .point-03__title img {
  max-width: 50%;
}
#unpiu .point-03__title h2 {
  line-height: 1.8;
  margin-top: min(3vw, 10px);
  margin-bottom: min(3vw, 10px);
}
#unpiu .point-03__cont01 {
  max-width: 840px;
  margin-inline: auto;
  margin-bottom: min(30vw, 100px);
  display: grid;
  row-gap: min(12vw, 30px);
}
#unpiu .point-03__cont01-block {
  display: grid;
  grid-template-columns: 245px 1fr;
  align-items: center;
  -moz-column-gap: min(9vw, 30px);
       column-gap: min(9vw, 30px);
  background-color: #FFFFFF;
  padding: min(6vw, 20px);
}
@media screen and (max-width: 767px) {
  #unpiu .point-03__cont01-block {
    grid-template-columns: 1fr;
    row-gap: 3vw;
  }
}
#unpiu .point-03__cont01-block figure {
  text-align: center;
}
#unpiu .point-03__cont01-block--title small {
  font-size: 50%;
}
#unpiu .point-03__cont01-block--title-en {
  font-family: futura-pt, sans-serif;
  font-size: clamp(16px, 4vw, 20px);
  font-weight: 700;
}
#unpiu .point-03__cont01-block--title-disc {
  font-size: clamp(18px, 4.2vw, 22px);
  font-weight: 700;
}
#unpiu .point-03__cont01-block--title-disc small {
  font-size: 65%;
}
#unpiu .point-03__cont01-block--title h3 {
  display: inline-block;
  font-size: clamp(22px, 4.6vw, 30px);
  font-weight: 700;
  margin-block: min(4vw, 15px);
}
#unpiu .point-03__cont01-block--title h3 small {
  font-size: 50%;
}
#unpiu .point-03__cont01-block--text {
  font-weight: 700;
}
#unpiu .point-03__cont01-block:nth-child(1) {
  position: relative;
}
#unpiu .point-03__cont01-block:nth-child(1)::after {
  position: absolute;
  left: 50%;
  bottom: -40px;
  transform: translateX(-50%);
  content: "";
  width: min(11vw, 58px);
  height: min(11vw, 58px);
  background: url(../img/point03_x.webp) no-repeat;
  background-size: contain;
}
#unpiu .point-03__cont01-block:nth-child(1) h3 {
  background: linear-gradient(transparent 40%, var(--color-yellow) 0%);
}
#unpiu .point-03__cont01-block:nth-child(2) h3 {
  background: linear-gradient(transparent 40%, var(--color-lightblue) 0%);
}
#unpiu .point-03__cont02 {
  max-width: 840px;
  margin-inline: auto;
}
#unpiu .point-03__cont02-main {
  position: relative;
  background-color: #FFFFFF;
  padding-top: min(18vw, 100px);
  padding-bottom: min(9vw, 30px);
  padding-inline: min(6vw, 20px);
}
#unpiu .point-03__cont02--more {
  position: absolute;
  top: -70px;
  left: 50%;
  transform: translateX(-50%);
  display: grid;
  justify-items: center;
}
@media screen and (max-width: 767px) {
  #unpiu .point-03__cont02--more {
    top: -10vw;
  }
}
@media screen and (max-width: 520px) {
  #unpiu .point-03__cont02--more {
    top: -15vw;
  }
}
#unpiu .point-03__cont02--more::after {
  position: absolute;
  bottom: -145px;
  z-index: 0;
  content: "";
  background-color: var(--color-blue);
  width: 2px;
  height: min(6vw, 28px);
  z-index: 1;
}
@media screen and (max-width: 490px) {
  #unpiu .point-03__cont02--more::after {
    bottom: -29vw;
  }
}
#unpiu .point-03__cont02--more span {
  position: absolute;
  z-index: 2;
  font-weight: 700;
  display: grid;
  place-items: center;
  width: min(24vw, 117px);
  height: min(24vw, 117px);
  background-color: #FFFFFF;
  color: var(--color-blue);
  font-size: clamp(20px, 4.2vw, 30px);
  border: 2px solid var(--color-blue);
  border-radius: 100vmax;
}
#unpiu .point-03__cont02--lead {
  text-align: center;
  font-size: clamp(16px, 4vw, 20px);
  font-weight: 700;
  margin-bottom: min(3vw, 10px);
}
#unpiu .point-03__cont02--lead small {
  font-size: 50%;
}
#unpiu .point-03__cont02-ind01--title {
  font-weight: 700;
  text-align: center;
  color: #FFFFFF;
  background-color: var(--color-blue);
  font-size: clamp(14px, 3.8vw, 18px);
  padding-block: min(1.5vw, 5px);
  padding-inline: min(3vw, 10px);
  margin-bottom: min(6vw, 20px);
}
#unpiu .point-03__cont02-ind01--title h2 {
  font-size: clamp(18px, 4.2vw, 22px);
  font-weight: 700;
  margin-top: 1.5vw, 5px;
}
#unpiu .point-03__cont02-ind01--main {
  display: grid;
  justify-content: center;
  grid-auto-flow: column;
  -moz-column-gap: min(9vw, 30px);
       column-gap: min(9vw, 30px);
  margin-bottom: min(15vw, 50px);
}
@media screen and (max-width: 767px) {
  #unpiu .point-03__cont02-ind01--main {
    grid-auto-flow: row;
    row-gap: 3vw;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
  }
}
#unpiu .point-03__cont02-ind01--main dl {
  text-align: center;
}
#unpiu .point-03__cont02-ind01--main dl dt {
  margin-bottom: min(2vw, 7px);
}
#unpiu .point-03__cont02-ind01--main dl dd {
  font-weight: 700;
  white-space: nowrap;
}
#unpiu .point-03__cont02-ind01--main dl dd small {
  font-size: 60%;
}
#unpiu .point-03__cont02-ind01--main dl dd:last-child {
  font-weight: 400;
  font-size: clamp(12px, 3.2vw, 13px);
}
#unpiu .point-03__cont02-ind02--title {
  text-align: center;
  color: #FFFFFF;
  background-color: var(--color-blue);
  padding-block: min(2vw, 15px);
  padding-inline: min(1.5vw, 5px);
  font-size: clamp(18px, 3vw, 22px);
  font-weight: 700;
  margin-bottom: min(9vw, 30px);
}
#unpiu .point-03__cont02-ind02--main {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: min(2vw, 30px);
       column-gap: min(2vw, 30px);
}
@media screen and (max-width: 767px) {
  #unpiu .point-03__cont02-ind02--main {
    display: grid;
    justify-content: center;
    row-gap: min(9vw, 30px);
  }
}
#unpiu .point-03__cont02-ind02--main dl {
  text-align: center;
}
#unpiu .point-03__cont02-ind02--main dl dt {
  margin-bottom: min(2vw, 7px);
}
#unpiu .point-03__cont02-ind02--main dl dd {
  font-weight: 700;
  font-size: clamp(13px, 3.4vw, 14px);
  line-height: 1.3;
}
#unpiu .point-03__cont02-ind02--main dl dd:nth-child(2) {
  line-height: 1.8;
}
#unpiu .point-03__cont02-ind02--main dl dd:nth-child(2) span {
  display: block;
  font-size: clamp(16px, 4vw, 20px);
  line-height: 1.2;
  padding: min(2vw, 7px) min(4.5vw, 15px);
  color: #FFFFFF;
  background: var(--color-blue);
  border-radius: 50vmax;
  margin-bottom: min(1.5vw, 5px);
}
@media screen and (max-width: 767px) {
  #unpiu .point-03__cont02-ind02--main dl dd:nth-child(2) span {
    font-size: clamp(15px, 3vw, 18px);
  }
}
#unpiu .point-03__cont02-note {
  margin-top: min(6vw, 20px);
  text-align: right;
  font-size: clamp(11px, 3vw, 12px);
}
#unpiu .point-04 {
  padding-bottom: min(6vw, 20px);
}
#unpiu .point-04__num {
  text-align: center;
}
#unpiu .point-04__num img {
  max-width: 50%;
}
#unpiu .point-04__title {
  text-align: center;
  line-height: 1.8;
  margin-top: min(3vw, 10px);
  margin-bottom: min(6vw, 20px);
}
#unpiu .point-04__title h2 {
  line-height: 1.8;
  margin-top: min(3vw, 10px);
  margin-bottom: min(3vw, 10px);
}
#unpiu .point-04__cont01 {
  margin-bottom: min(12vw, 80px);
}
#unpiu .point-04__cont01--main ul {
  display: grid;
  justify-content: center;
  grid-auto-flow: column;
  -moz-column-gap: min(6vw, 20px);
       column-gap: min(6vw, 20px);
  margin-bottom: min(9vw, 30px);
}
@media screen and (max-width: 767px) {
  #unpiu .point-04__cont01--main ul {
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
    -moz-column-gap: min(3vw, 10px);
         column-gap: min(3vw, 10px);
    row-gap: min(6vw, 20px);
  }
}
#unpiu .point-04__cont01--main p {
  text-align: center;
}
#unpiu .point-04__cont02--main {
  display: grid;
  justify-content: center;
  grid-auto-flow: column;
  align-items: center;
  -moz-column-gap: min(6vw, 20px);
       column-gap: min(6vw, 20px);
}
@media screen and (max-width: 767px) {
  #unpiu .point-04__cont02--main {
    grid-auto-flow: row;
    row-gap: min(6vw, 20px);
  }
}
#unpiu .point-04__cont02--text {
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  #unpiu .point-04__cont02--text {
    order: 2;
    text-align: center;
  }
}
#unpiu .point-04__cont02--text h3 {
  font-size: clamp(20px, 4.2vw, 24px);
  line-height: 1.4;
  font-weight: 700;
  text-decoration: underline;
  margin-bottom: min(3vw, 10px);
}
@media screen and (max-width: 767px) {
  #unpiu .point-04__cont02-fig {
    order: 1;
  }
}
/*# sourceMappingURL=style.css.map */