/*
 * .main-visual-2608
 * 260821 デザインRN
 * 2608 New Design
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* Common
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.fsize-2x-small  { font-size: 10px !important; }
.fsize-x-small   { font-size: 12px !important; }
.fsize-small     { font-size: 14px !important; }
.fsize-normal    { font-size: 16px !important; }
.fsize-medium    { font-size: 18px !important; } /* 通常の本文テキストと同じ */
.fsize-large     { font-size: 21px !important; } /* h4 */
.fsize-x-large   { font-size: 24px !important; } /* h3 */
.fsize-2x-large  { font-size: 32px !important; } /* h2 */
.fsize-3x-large  { font-size: 40px !important; } /* h1 */

/* ddkit.css にないもの。ここから
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.panel-ut.unit-pdng-0 > .unit-ut {
  padding: 0;
}

/* 調整リセット */

@media only screen and (min-width: 641px) {
  .panel-ut.model-squid .card-ut.type-hydrogen .c-lead,
  .panel-ut.model-squid .card-ut.type-hydrogen .c-heading {
    margin-left: 0px;
  }
}

/* ddkit.css にないもの。ここまで
- - - - - - - - - - - - - - - - - - - - - - - - - - */

/*  */

.bd2608 h2.heading-ut-icon,
.bd2608 h2.heading-ut {
  width: fit-content;
  margin-inline: auto;
  font-size: 32px;
  font-family: bokutoh-rera, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.bd2608 .l-container[class*="bg-"] {
  position: relative;
  overflow: visible;
}
.bd2608 .l-container[class*="bg-"] .in-container {
  padding-bottom: 100px;
}
.bd2608 .l-container[class*="bg-"]:before {
  position: absolute;
  display: inline-block;
  content: "";
  left: 50%;
  top: -43px;
  transform: translateX(-50%);
  width: 1440px;
  height: 43px;
}

/*  */

.bd2608 .l-container.bg-green {
  background-color: #F4FCF8;
}
.bd2608 .l-container.bg-green:before {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(/assets/img/2608-esim/bg-green.svg);
  background-size: 100% auto;
}
.bd2608 .l-container.bg-pink {
  background-color: #FFF3F9;
}
.bd2608 .l-container.bg-pink:before {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(/assets/img/2608-esim/bg-pink.svg);
  background-size: 100% auto;
}

/*  */
.heading-ut-icon:before {
  display: none;
}

.list-ut-icon > li.icon-signboard:before,
.list-ut-icon.icon-signboard > li:before,
a.button-ut.type-icon.icon-signboard .in-button:before,
a.button-ut.type-icon.icon-signboard:before,
.link-ut-icon.icon-signboard:before,
.heading-ut-icon.icon-signboard .in-heading:before,
.icon-ut.icon-signboard:before {
  background-image: url(/assets/img-leaf/icon/signboard-01-black.svg);
}
.list-ut-icon > li.icon-popular-star:before,
.list-ut-icon.icon-popular-star > li:before,
a.button-ut.type-icon.icon-popular-star .in-button:before,
a.button-ut.type-icon.icon-popular-star:before,
.link-ut-icon.icon-popular-star:before,
.heading-ut-icon.icon-popular-star .in-heading:before,
.icon-ut.icon-popular-star:before {
  background-image: url(/assets/img-leaf/icon/star-01-black.svg);
}
.list-ut-icon > li.icon-support-04-gray:before,
.list-ut-icon.icon-support-04-gray > li:before,
a.button-ut.type-icon.icon-support-04-gray .in-button:before,
a.button-ut.type-icon.icon-support-04-gray:before,
.link-ut-icon.icon-support-04-gray:before,
.heading-ut-icon.icon-support-04-gray .in-heading:before,
.icon-ut.icon-support-04-gray:before {
  background-image: url(/assets/img-leaf/icon/support-04-gray.svg);
}

/* .main-visual
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.bd2608 .main-visual .p-sub .c-pic {
  width: 100px;
}
.bd2608 .main-visual .p-banner .c-pic {
  width: 200px;
}

/* 対象の国（ヨーロッパと東南アジア）
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.bd2608 .p-target-country {
  padding: 20px;
  border-radius: 10px;
  background: #F2F2F2;
}
.bd2608 .p-target-country .c-heading {
  font-weight: 700;
  color: #666;
}
.bd2608 .p-target-country .paragraph-ut {
  font-size: 18px;
}

@media only screen and (max-width: 640px) {
  .bd2608 .p-target-country .paragraph-ut {
    font-size: 16px;
  }
}