@charset "utf-8";

/* - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - -

Reset
Layout
  - header
  - global nav
  - footer
  - overlay-menu
Base (wtools parts)
  - heading, text, pic
  - link, button
  - bg
  - table, card
  - grid
W tools js .wt-
Model
Block
  - tab
  - accordion
  - plan-table
  - plan-a
  - comparison (two, table)
  - free-a
Section
  - visual
  - belt
  - terms

-- - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* Reset
= = = = = = = = = = = = = = = = = = = = = = = = = = */

body {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

a {
  color: #E269A4;
  text-decoration: underline;
}
a:hover {
  color: #E269A4;
  text-decoration: none;
}

ol[class*="list-ut"],
ul[class*="list-ut"] {
  font-size: 1.6rem;
}

sup {
  top: -0.3em;
}


/* Layout
= = = = = = = = = = = = = = = = = = = = = = = = = = */

body.wt-auto-header .l-page {
  margin-top: 70px;
}


/* header
- - - - - - - - - - - - - - - - - - - - - - - - - - */

/* l-header */

.l-header.model-filament {
  height: 70px;
}
.l-header .l-logo {
  width: 200px;
}
.l-header .p-nav-global a {
  font-size: 1.6rem;
}

.l-header .l-utility {
  display: flex;
}
.l-header .l-utility .p-action > div {
  margin-left: 10px;
}

.l-header.model-filament .l-utility > *:first-child {
  width: 700px;
}
.l-header.model-filament .l-utility > *:nth-child(2) {
  width: 180px;
}

.l-header .p-action a.c-primary {
  padding-top: 10px;
  padding-bottom: 10px;
  background: #E269A4;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
}
.l-header .p-action a.c-primary:hover {
  background: rgba(227, 69, 146, 1);
  color: rgba(255, 255, 255, 0.6);
}

@media only screen and (max-width: 834px) {
  body.wt-auto-header .l-page {
    margin-top: 48px;
  }
  .l-header.model-filament {
    height: 48px;
  }
  .l-header.model-filament .l-logo {
    height: 40px;
    margin-left: 10px;
  }
  .l-header.model-filament .l-logo a {
    margin-top: 7px;
  }
  .l-header.model-filament .l-utility {
    display: flex;
    justify-content: flex-end;
    margin-left: 0;
  }
  .l-header.model-filament .l-utility > *:nth-child(2) {
    width: auto;
  }
  .l-header.model-filament .p-action {
    top: 0px;
    right: 50px;
  }
  .l-header .p-action .c-primary {
    margin-left: 0;
    margin-right: 0;
  }
  .nav-btn-mobile-menu {
    width: 48px;
    height: 48px;
  }
  a.button-ut-control {
    width: 48px;
    height: 48px;
  }
}
@media only screen and (max-width: 640px) {
  .l-header.model-filament .p-action {
    right: 50px;
  }
  .l-header.model-filament .p-action {
    top: 3px;
  }
  .l-header.model-filament .p-action a.button-ut {
    padding: 9px 12px;
    font-size: 1.2rem;
  }
}

/*  */

.l-header .p-nav-global a {
  font-size: 1.6rem;
}
.l-header .p-nav-global .nav-ut-horizontal > li {
  padding: 10px 4px;
}
.l-header .p-nav-global .nav-ut-horizontal > li > a {
  height: 50px;
  padding-top: 0;
  border-radius: 5px;
}
.l-header .p-nav-global .nav-ut-horizontal > li > a:hover {
  background: #FCECF3;
  color: #E473AA;
}
.l-header .p-nav-global .nav-ut-horizontal > li.st-active > a {
  height: 50px;
  background: #FCECF3;
  color: #E473AA;
}

.l-header .p-nav-global .nav-ut-horizontal > li.cat-support > ul {
  width: 180px;
}
.l-header .p-nav-global .nav-ut-horizontal > li.cat-about-us > ul {
  width: 230px;
}

.l-utility .in-nav-global ul.level-1 > li.with-child > a:before,
.l-nav-global .in-nav-global ul.level-1 > li.with-child > a:before {
  display: none;
}

/* SP用 */

.nav-ut-smartphone-menu li.st-current > a {
  background: none;
}
/* .nav-ut-smartphone-menu li.st-active > a:hover,
.nav-ut-smartphone-menu li.st-active > a {
  background: none;
} */

.nav-ut-smartphone-menu .with-child > a:after {
  top: 19px;
  width: 12px;
  height: 12px;
  background-image: url(/assets/img-leaf/icon/arrow-04-down-black.svg);
}
.nav-ut-smartphone-menu .with-child.st-active > a:after {
  background-image: url(/assets/img-leaf/icon/arrow-04-up-pink.svg);
}
.nav-ut-smartphone-menu .with-child.st-active > a {
  border-radius: 10px;
  background: #FCECF3;
  color: #E269A4;
}
.nav-ut-smartphone-menu > ul > li > ul {
  background: #fff;
}
.nav-ut-smartphone-menu > ul > li > a:hover {
  color: #222;
}
.nav-ut-smartphone-menu > ul > li > a > .c-highlight {
  font-size: 2.0rem;
}
.nav-ut-smartphone-menu > ul > li > a > .c-sub {
  color: #222;
}
.nav-ut-smartphone-menu > ul > li.st-active > a > .c-sub {
  color: #E269A4;
}
.nav-ut-smartphone-menu > ul > li > ul > li > a:hover {
  color: #222;
}
.nav-ut-smartphone-menu > ul > li > ul > li > ul > li > a:hover {
  color: #222;
  font-weight:400;
}
@media only screen and (max-width: 640px) {
  .nav-ut-smartphone-menu .p-foot {
    display: none;
  }
}


/* global nav
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.nav-ut-horizontal > li > ul {
  left: 4px;
  top: 70px;
}
.nav-ut-horizontal.type-wide-child > li > ul {
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 0;
  border-radius: 0 0 10px 10px;
  background: #FFF;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.20);
}
.nav-ut-horizontal.type-wide-child > li.cat-travel > ul {
  width: 560px;
}
.nav-ut-horizontal.type-wide-child > li.cat-monthly > ul {
  width: 694px;
}
@media only screen and (max-width: 1140px) {
  .nav-ut-horizontal.type-wide-child > li.cat-monthly {
    position: static;
  }
  .nav-ut-horizontal.type-wide-child > li.cat-monthly > ul {
    left: auto;
    right: 1px;
  }
}
.nav-ut-horizontal.type-wide-child > li.cat-support > ul {
}
.nav-ut-horizontal.type-wide-child > li.cat-about-us > ul {
}
@media only screen and (max-width: 980px) {
  .nav-ut-horizontal.type-wide-child > li.cat-about-us {
    position: static;
  }
  .nav-ut-horizontal.type-wide-child > li.cat-about-us > ul {
    left: auto;
    right: 1px;
  }
}

/*  */

.nav-ut-horizontal.type-wide-child > li > a > .c-highlight {
  font-size: 1.6rem;
}
.nav-ut-horizontal.type-wide-child > li > a > .c-sub {
  font-size: 1.2rem;
}
.nav-ut-horizontal.type-wide-child > li > a > .c-text {
  font-size: 1.6rem;
}
.nav-ut-horizontal.type-wide-child > li > ul > li > a {
  padding-top: 5px;
  padding-bottom: 8px;
}
.nav-ut-horizontal.type-wide-child > li > ul > li > a:hover {
  color: #E269A4;
}
.nav-ut-horizontal.type-wide-child > li > ul > li > ul {
  width: 160px;
}
.nav-ut-horizontal.type-wide-child > li > ul > li > ul > li {
  position: relative;
}
.nav-ut-horizontal.type-wide-child > li > ul > li > ul > li:before {
  position: absolute;
  display: block;
  left: 0;
  top: 17px;
  width: 4px;
  height: 1px;
  content: "";
  background: #737373;
}
.nav-ut-horizontal.type-wide-child > li > ul > li > ul > li.type-no-mark:before {
  display: none;
}

.nav-ut-horizontal.type-wide-child > li > ul > li > ul > li > a {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  color: #737373;
}
.nav-ut-horizontal.type-wide-child > li > ul > li > ul > li > a:hover {
  color: #E269A4;
}
.nav-ut-horizontal.type-wide-child > li > ul > li.p-foot > ul > li > a {
  margin-right: 15px;
}
.nav-ut-horizontal.type-wide-child > li > ul > li.p-foot > ul > li > a.button-ut {
  background: #E269A4;
  color: #fff;
}
.nav-ut-horizontal.type-wide-child > li > ul > li.p-foot > ul > li > a.button-ut:hover {
  background: #E34592;
  color: rgba(255, 255, 255, 0.6);
}


/*
.l-container
- - - - - - - - - - - - - - - - - - - - - - - - - - - */

.l-container.adjust-blankspace .in-container {
  padding-top: 56px;
  padding-bottom: 56px;
}


/* footer
- - - - - - - - - - - - - - - - - - - - - - - - - - */

/* .l-footer */

.l-footer {
  background: #595857;
  color: #fff;
}
.l-footer .in-footer {
  padding: 12px 0;
}
.l-footer .c-copyright {
  margin-top: 0;
}

.l-container.adjust-blankspace.bottom-menu .in-container,
.l-container.adjust-blankspace.section-bottom-menu-a .in-container {
  padding-top: 40px;
  padding-bottom: 40px;
}
.l-container.adjust-blankspace.section-bottom-menu-a .in-container {
  padding-bottom: 0px;
}

/* footer menu */

.bottom-menu,
.section-bottom-menu-a {
  background: #f5f5f5;
}
.section-bottom-menu-a a {
  color: #222;
  text-decoration: none;
}
.section-bottom-menu-a a:hover {
  color: #E269A4;
}
.section-bottom-menu-a .c-logo {
  width: 240px;
  margin-bottom: 24px;
}

/* .section-bottom-menu-a
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.section-bottom-menu-a .p-head .c-heading .c-link {
  font-size: 2.0rem;
}
@media only screen and (min-width: 835px) and (max-width: 944px) {
  .section-bottom-menu-a .panel-ut > .unit-ut.p-travel .p-head .c-heading .c-link {
    max-width: 120px;
  }
}
.section-bottom-menu-a .p-head .c-heading .c-sub {
  margin-left: 15px;
  color: #222;
}
@media only screen and (max-width: 640px) {
  .section-bottom-menu-a .p-head .c-heading .c-sub {
    margin-left: 10px;
    color: #737373;
  }
  .block-accordion-d > .unit-ut > .p-head .c-control{
    padding: 0 0 0 0;
  }
}
.section-bottom-menu-a .level-2 h4.c-heading {
  margin-bottom: 5px;
  /* padding-left: 12px; 260620 見出しのポッチ用 */
  color: #222;
  font-size: 1.2rem;
  font-weight: 700;
}
.section-bottom-menu-a .level-2 li {
  font-size: 1.2rem;
}

/*  */

.section-bottom-menu-a .p-head .c-nav a:not(.button-ut) {
  font-size: 1.2rem;
  color: #E269A4;
}

.section-bottom-menu-a .p-head .c-nav .button-ut {
  background: #E269A4;
  color: #fff;  
}
.section-bottom-menu-a .p-head .c-nav .button-ut:hover {
  background: #E34592;
  color: rgba(255, 255, 255, 0.6);
}

.section-bottom-menu-a .p-head {
    padding: 20px 0 16px;
}

.section-bottom-menu-a .p-head + .panel-ut {
    gap: 30px;
}

@media only screen and (max-width: 640px) {
  .section-bottom-menu-a .c-logo {
    width: 160px;
    margin: 0 auto 20px;
  }
  .section-bottom-menu-a .p-head {
    display: block;
  }
  .section-bottom-menu-a .p-head {
    padding-bottom: 0px;
    margin-bottom: 28px;
  }
  .section-bottom-menu-a .p-monthly .p-head {
    padding-bottom: 10px;
  }
  .section-bottom-menu-a .panel-ut.level-1 {
    gap: 0;
  }
  .section-bottom-menu-a .panel-ut.level-2 {
    gap: 10px;
  }
  .section-bottom-menu-a .p-head h3.c-heading {
    margin-bottom: 0px;
  }
  .section-bottom-menu-a .p-head .c-nav {
    justify-content: center;
    /* flex-direction: row-reverse; */ /* 250529 */
  }
}


/* .l-overlay-menu
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.l-overlay-menu {
  margin-top: 60px;
  padding-left: 10px;
  padding-right: 10px;
}

@media only screen and (max-width: 834px) {
  .st-overlay-menu-open .l-header {
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
  }
  .l-header.model-filament .in-header {
    justify-content: space-between;
  }
}

.l-overlay-menu .foot-frame .heading-ut-n {
  font-size: 1.6rem;
}
.l-overlay-menu .foot-frame a.button-ut.model-secondary {
  padding-top: 10px;
  padding-bottom: 10px;
  background: #E269A4;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
}
.l-overlay-menu .foot-frame a.button-ut.model-secondary:hover {
  background: rgba(227, 69, 146, 1);
  color: rgba(255, 255, 255, 0.6);
}
.l-overlay-menu .foot-frame a {
  text-decoration: none;
  color: #222;
}

/* .nav-go-pagetop */

.nav-go-pagetop {
  display: none;
}


/* Base (wtools parts)
= = = = = = = = = = = = = = = = = = = = = = = = = = */

/* heading */

h2.heading-ut {
  font-size: 3.6rem;
  font-weight: 700;
}
h2.heading-ut-icon.type-okaka {
  margin-top: 90px; /* 250512 */
  font-size: 3.6rem;
  font-weight: 700;
}
h3.heading-ut {
  margin-bottom: 40px;
  padding-top: 0;
  border-top: none;
  font-size: 2.4rem;
  font-weight: 700;
}
h3.heading-ut::after {
  display: none;
}
h4.heading-ut {
  margin-bottom: 4px;
  padding-left: 0;
  border-left: none;
  font-weight: 700;
}
h4.heading-ut.emphasis-ut,
h3.heading-ut.emphasis-ut,
h2.heading-ut.emphasis-ut,
h1.heading-ut.emphasis-ut {
  color: #E269A4 !important;
}
h4.heading-ut.emphasis-ut-b,
h3.heading-ut.emphasis-ut-b,
h2.heading-ut.emphasis-ut-b,
h1.heading-ut.emphasis-ut-b {
  color: #35A0EA !important;
}
h4.heading-ut.emphasis-ut-c,
h3.heading-ut.emphasis-ut-c,
h2.heading-ut.emphasis-ut-c,
h1.heading-ut.emphasis-ut-c {
  color: #45AF00 !important;
}

.heading-ut-d {
  border-left: solid 4px #EE96BD;
}

h3.heading-ut-icon {
  font-weight: 700;
}

[class*="figure-ut"] + h3.heading-ut,
[class*="table-ut"] + h3.heading-ut,
[class*="list-ut"] + h3.heading-ut,
[class*="nav-ut"] + h3.heading-ut,
.notes-ut + h3.heading-ut,
.paragraph-ut + h3.heading-ut,
.heading-ut + h3.heading-ut {
  margin-top: 40px;
}

@media only screen and (max-width: 640px) {
  h1.heading-ut {
    font-size: 4.2rem;
  }
  h2.heading-ut-icon.type-okaka,
  h2.heading-ut {
    font-size: 3.2rem;
  }
}

/* text */

.fsize-medium    { font-size: 1.6rem !important; } /* 通常の本文テキストと同じ */
.fsize-large     { font-size: 2.0rem !important; } /* h4 */
.fsize-x-large   { font-size: 2.4rem !important; } /* h3 */
.fsize-2x-large  { font-size: 3.6rem !important; } /* h2 */
.fsize-3x-large  { font-size: 4.6rem !important; } /* h1 */

p.lead-ut {
  font-size: 2.0rem;
}
p.paragraph-ut {
  font-size: 1.6rem;
  color: #595857;
}

dd.hint-ut,
dt.hint-ut,
dl.hint-ut,
li.hint-ut,
ol.hint-ut,
ul.hint-ut,
strong.hint-ut,
span.hint-ut,
p.hint-ut {
  color: #737373 !important;
}
h2.emphasis-ut,
dd.emphasis-ut,
dt.emphasis-ut,
dl.emphasis-ut,
li.emphasis-ut,
ol.emphasis-ut,
ul.emphasis-ut,
strong.emphasis-ut,
span.emphasis-ut,
p.emphasis-ut {
  color: #E269A4 !important;
}
h2.emphasis-ut-b,
dd.emphasis-ut-b,
dt.emphasis-ut-b,
dl.emphasis-ut-b,
li.emphasis-ut-b,
ol.emphasis-ut-b,
ul.emphasis-ut-b,
strong.emphasis-ut-b,
span.emphasis-ut-b,
p.emphasis-ut-b {
  color: #35A0EA !important;
}
h2.emphasis-ut-c,
dd.emphasis-ut-c,
dt.emphasis-ut-c,
dl.emphasis-ut-c,
li.emphasis-ut-c,
ol.emphasis-ut-c,
ul.emphasis-ut-c,
strong.emphasis-ut-c,
span.emphasis-ut-c,
p.emphasis-ut-c {
  color: #45AF00 !important;
}
dd.alert-ut,
dt.alert-ut,
dl.alert-ut,
li.alert-ut,
ol.alert-ut,
ul.alert-ut,
strong.alert-ut,
span.alert-ut,
p.alert-ut {
  color: #DA1E28 !important;
}

/* pic */

.c-pic.type-frame-a {
  border: solid 6px #f3f3f3;
  border-radius: 20px;
  box-shadow: 8px 8px 12px 0px rgba(0, 0, 0, 0.12);
}

@media only screen and (min-width: 641px) {
  .card-ut.type-hydrogen .c-pic {
    width: 140px;
  }
}

.panel-ut > .unit-ut .card-ut.type-hydrogen.type-no-lead h4.heading-ut {
    font-size: 1.6rem;
}

/* link */

.link-ut-icon:before {
  background-image: url(/assets/img-leaf/icon/arrow-02-right-pink.svg);
}

/* button */

a.button-ut.type-white {
  color: #E269A4;
}
a.button-ut.type-white:hover {
  background: rgba(255, 255, 255, 0.80);
  color: #E269A4;
}

a.button-ut.model-primary {
  padding-top: 14px;
  padding-bottom: 14px;
  background: #04996E;
  font-size: 1.6rem;
  font-weight: 700;
}
a.button-ut.model-primary:hover {
  background: #087959 !important;
  color: rgba(255, 255, 255, 0.6) !important;
}

/*  */

a.button-ut.model-secondary {
  padding-top: 14px;
  padding-bottom: 14px;
  background: #E269A4;
  font-size: 1.6rem;
  font-weight: 700;
}

@media only screen and (max-width: 640px) {
  a.button-ut.model-secondary {
      width: 240px;
  }
}

a.button-ut.model-secondary:hover {
  background: #E34592 !important;
  color: rgba(255, 255, 255, 0.6) !important;
}

/* .type-download */

a.button-ut.model-secondary.type-download {
  padding-right: 60px;
  border: solid 1px #E269A4;
  font-size: 1.6rem;
}
a.button-ut.model-secondary.type-download:before {
  right: 45px;
  background-image: url(/assets/img-leaf/icon/download-02-white.svg);
}
a.button-ut.model-secondary.type-download:hover {
  border: solid 1px #E269A4;
  background: #fff !important;
  color: #E269A4 !important;
}
a.button-ut.model-secondary.type-download:hover:before {
  background-image: url(/assets/img-leaf/icon/download-02-pink.svg);
}

/*  */

a.button-ut.model-category {
  border: 2px solid #EE96BD;
  background: #fff;
  color: #EE96BD !important;
  font-size: 1.6rem;
  font-weight: 400;
}
a.button-ut.model-category.st-active {
  border: 2px solid #EE96BD;
  background: #EE96BD;
  color: #fff !important;
  font-weight: 700;
}
a.button-ut.model-category:hover {
  background: #F9ECF2 !important;
  color: #E269A4 !important;
}
a.button-ut.model-category.st-active:hover {
  font-weight: 400;
}

/*
.type-airport
.type-hotel
.type-office
.type-residence
*/

a.button-ut.model-category.type-airport .in-button:before {
  background-image: url(/assets/img-leaf/icon/airport-01-pink2.svg);
}
a.button-ut.model-category.type-airport.st-active .in-button:before {
  background-image: url(/assets/img-leaf/icon/airport-01-white.svg);
}
a.button-ut.model-category.type-airport.st-active:hover .in-button:before {
  background-image: url(/assets/img-leaf/icon/airport-01-pink2.svg);
}

a.button-ut.model-category.type-hotel .in-button:before {
  background-image: url(/assets/img-leaf/icon/hotel-01-pink2.svg);
}
a.button-ut.model-category.type-hotel.st-active .in-button:before {
  background-image: url(/assets/img-leaf/icon/hotel-01-white.svg);
}
a.button-ut.model-category.type-hotel.st-active:hover .in-button:before {
  background-image: url(/assets/img-leaf/icon/hotel-01-pink2.svg);
}

a.button-ut.model-category.type-office .in-button:before {
  background-image: url(/assets/img-leaf/icon/office-01-pink2.svg);
}
a.button-ut.model-category.type-office.st-active .in-button:before {
  background-image: url(/assets/img-leaf/icon/office-01-white.svg);
}
a.button-ut.model-category.type-office.st-active:hover .in-button:before {
  background-image: url(/assets/img-leaf/icon/office-01-pink2.svg);
}

a.button-ut.model-category.type-residence .in-button:before {
  background-image: url(/assets/img-leaf/icon/residence-01-pink2.svg);
}
a.button-ut.model-category.type-residence.st-active .in-button:before {
  background-image: url(/assets/img-leaf/icon/residence-01-white.svg);
}
a.button-ut.model-category.type-residence.st-active:hover .in-button:before {
  background-image: url(/assets/img-leaf/icon/residence-01-pink2.svg);
}

/*  */

a.button-ut.model-sub-category {
  padding: 10px 20px;
  border: 1px solid #D7D7D7;
  background: #fff;
  color: #737373 !important;
}
a.button-ut.model-sub-category.st-active {
  border: 1px solid #737373;
  background: #737373;
  color: #fff !important;
  font-weight: 700;
}
a.button-ut.model-sub-category:hover {
  background: #F5F5F5 !important;
  color: #737373 !important;
}
@media only screen and (max-width: 640px) {
  a.button-ut.model-sub-category:hover {
    border: 1px solid #737373;
    background: #737373 !important;
    color: #fff !important;
    font-weight: 700;
  }
}

/* .type-submit */

a.button-ut.model-secondary.type-submit {
  padding-right: 55px;
  border: solid 1px #E269A4;
  font-size: 1.6rem;
}
a.button-ut.model-secondary.type-submit:before {
  right: 60px;
  background-image: url(/assets/img-leaf/icon/submit-01-white.svg);
}
a.button-ut.model-secondary.type-submit:hover {
  border: solid 1px #E269A4;
  background: #fff !important;
  color: #E269A4 !important;
}
a.button-ut.model-secondary.type-submit:hover:before {
  background-image: url(/assets/img-leaf/icon/submit-01-pink.svg);
}

/*  */

a.button-ut.model-forward {
  padding-top: 16px;
  padding-bottom: 15px;
  border: solid 1px #E269A4;
  background: transparent;
  color: #E473AA;
  font-size: 1.6rem;
  font-weight: 700;
  text-decoration: none;
}
a.button-ut.model-forward:hover {
  border: solid 1px rgba(226, 105, 163, 0.6);
  background: transparent;
  color: rgba(226, 105, 163, 0.6);
}

/*  */

a.button-ut.type-icon.type-notext {
  padding: 24px;
}

/*  */

a.button-ut.model-primary.type-frame-white-a,
a.button-ut.type-frame-white-a {
  border: solid 3px #fff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  font-size: 1.8rem;
}

/*  */

.panel-ut.edge-ut-bonito > .unit-ut > [class*="card-"] {
  border: 0;
}

.edge-ut-bonito a.card-ut.type-boron {
  text-decoration: none;
}
.edge-ut-bonito a.card-ut.type-boron .c-heading {
  font-size: 1.6rem;
  color: #222;
}
.edge-ut-bonito a.card-ut.type-boron .c-lead {
  font-size: 1.4rem;
  color: #595857;
}

.edge-ut-bonito a.card-ut.type-boron:hover {
  border: 2px solid #E269A4;
}

/*  */

.board-ut {
  padding-top: 56px;
  padding-bottom: 56px;
}

/*  */

ul.list-ut-mark.type-okaka > li:before {
  top: 12px;
  background-color: #E269A4;
}


/* .bg-ut
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.bg-ut-gray.type-superpale {
  background-color: #F5F5F5 !important;
}
.bg-ut-gray.type-ultrapale {
  background-color: #FAFAFA !important;
}

/* pink */

.bg-ut-pink {
  background-color: #EE96BD !important;
}
.bg-ut-pink.type-pale {
  background-color: #FCECF3 !important;
}
.bg-ut-pink.type-superpale {
  background-color: #FFF9FB !important;
}

/* blue */

.bg-ut-blue.type-pale {
  background-color: #D3F6FF !important;
}

.bg-ut-blue.type-superpale {
  background-color: #F0FBFF !important;
}

/*  */

.bg-ut-blue-a.type-pale {
  background-color: #E1EBFF !important;
}


/* .board-ut
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.board-ut {
  border-radius: 20px;
}

.board-ut.model-plain {
  border: 1px solid #E269A4;
}
.board-ut h2.type-legend.heading-ut {
  top: -30px;
  font-size: 3.6rem;
  color: #222;
}

/*  */

.card-ut-head .p-head .c-heading .c-text {
  display: block;
  font-weight: 700;
}
.card-ut-head.badge-ut.badge-unlimited-data .p-head:after {
  width: 150px;
  height: 21px;
  background-image: url(/assets/img-leaf/badge/unlimited-data-01-gray.svg);
}


/* .table-ut-terms
- - - - - - - - - - - - - - - - - - - - - - - - - - */

table.table-ut-terms {
  border: solid 2px #f5f5f5;
}
.table-ut-terms thead th {
  background: #f5f5f5;
}

/*
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.panel-ut.type-flow > .unit-ut .card-ut .c-lead {
  font-size: 1.4rem;
}
.panel-ut.type-flow > .unit-ut:after {
  background-image: url(/assets/img-leaf/icon/arrow-01-right-gray.svg);
}

@media only screen and (max-width: 640px) {
  .panel-ut.type-flow .card-ut.type-boron .c-pic {
    margin-bottom: 16px;
  }
}

.panel-ut.type-flow.type-okaka > .unit-ut:after {
  top: 60px;
  width: 20px;
  height: 20px;
  background-image: url(/assets/img-leaf/icon/arrow-01-right-gray.svg);
}
@media only screen and (max-width: 834px) {
  .panel-ut.type-flow.type-okaka > .unit-ut:after {
    top: calc( 100% + 20px );
    bottom: auto;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate( 90deg );
  }

  .panel-ut.type-flow.type-okaka {
    gap: 60px;
  }
}

/*  */

@media only screen and (max-width: 834px) {
  .panel-ut.type-flow.type-branch > .type-branch-target > .panel-ut > .unit-ut {
    height: 320px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .panel-ut.type-flow.type-branch > .type-branch-target::after {
    margin-top: -40px;
  }
}


/*
.type-connecting-a
.heading-ut-label.type-okaka-sp-more
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.panel-ut.type-connecting-a.type-okaka > .unit-ut:after {
  top: 40px;
  height: 1px;
  background: #E269A4;
}
.type-connecting-a h3.heading-ut-label.type-okaka-sp-more {
  margin-top: 60px;
}
.type-connecting-a h3.heading-ut-label.type-okaka-sp-more .c-pre {
  font-size: 2.4rem;
  color: #E269A4;
}
.type-connecting-a .heading-ut-label.type-okaka-sp-more .c-text {
  font-weight: 400;
}
@media only screen and (min-width: 641px) {
  .type-connecting-a .heading-ut-label.type-okaka-sp-more .c-text {
    padding-left: 0 !important;
  }
}
@media only screen and (max-width: 640px) {
  .type-connecting-a h3.heading-ut-label.type-okaka-sp-more {
    margin-top: 0;
  }
  .type-connecting-a .heading-ut-label.type-okaka-sp-more .c-text {
    font-size: 1.6rem;
  }
}


/*
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.table-ut-manyrows th {
  background: #f5f5f5;
  font-size: 1.4rem;
}
.table-ut-manyrows.type-okaka thead th {
  background: #EE96BD;
  padding-left: 4px;
  padding-right: 4px;
}
.table-ut-manyrows.type-okaka tbody th {
  background: #fff;
}

.table-ut-manyrows.type-okaka thead th .c-sub {
    white-space: nowrap;
}


/* .card-ut-plan-a
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.card-ut-plan-a .in-card {
  background: #fff;
}

.card-ut-plan-a .c-heading {
  font-size: 2.4rem;
  font-weight: 800;
}
.card-ut-plan-a .c-heading .c-highlight {
  font-size: 1.2rem;
  font-weight: 600;
  color: #E34592;
  vertical-align: super;
}
.card-ut-plan-a .card-ut-price > .c-wrap > .c-price {
  font-size: 3.2rem;
}



/* W tools js .wt-
= = = = = = = = = = = = = = = = = = = = = = = = = = */

.wt-clipboard:before {
  background-image: url(/assets/img-leaf/icon/copy-01-gray.svg);
}
.wt-clipboard:hover:before {
  background-image: url(/assets/img-leaf/icon/copy-01-black.svg);
}


/* Model
= = = = = = = = = = = = = = = = = = = = = = = = = = */

.panel-ut[class*="model-"] .unit-ut .c-heading {
  font-size: 2.0rem;
}

/* squid
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.panel-ut.model-squid > .unit-ut {
  border-radius: 20px;
  background: #FFF9FB;
}
.panel-ut.model-squid.type-okaka > .unit-ut {
  background: #EBF6FD;
}
.panel-ut.model-squid.type-quote > .unit-ut:before {
  background-image: url(/assets/img-leaf/icon/quote-03-pink.svg);
}
.panel-ut.model-squid.type-quote > .unit-ut:after {
  background-image: url(/assets/img-leaf/icon/quote-04-pink.svg);
}
.panel-ut.model-squid.type-quote > .unit-ut .paragraph-ut {
  font-style: italic;
}

/*  */

.panel-ut.model-squid.type-plain > .unit-ut {
  border: 1px solid #E269A4;
}

.pag-setting-travel-sim .panel-ut.model-squid.type-plain > .unit-ut,
.pag-setting-travel-esim .panel-ut.model-squid.type-plain > .unit-ut {
  padding: 10px 40px;
}

.pag-setting-travel-sim .panel-ut.model-squid.type-plain > .unit-ut p.paragraph-ut,
.pag-setting-travel-esim .panel-ut.model-squid.type-plain > .unit-ut p.paragraph-ut {
    line-height: 1.2;
}


/*  */

.panel-ut.model-squid.type-plain-a > .unit-ut {
  border: 1px solid #E269A4;
  background: #fff;
  /*box-shadow: 8px 8px 12px 0px rgba(0, 0, 0, 0.12);*/
}


/* bonito
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.panel-ut.model-bonito > .unit-ut {
  border-radius: 20px;
}
.panel-ut.model-bonito > .unit-ut .card-ut {
  color: #222;
  text-decoration: none;
}
.panel-ut.model-bonito > .unit-ut .card-ut > .c-heading {
  color: #222;
  text-decoration: none;
}
.panel-ut.model-bonito > .unit-ut .card-ut > .c-lead {
  color: #222;
  text-decoration: none;
}


/* Block
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* tab
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.block-tab-a > .p-nav > li a {
  border-bottom: solid 2px #D4D4D4;
  font-size: 1.4rem;
}
.block-tab-a > .p-nav > li a:hover {
  border-bottom: solid 2px #222;
}
.block-tab-a > .p-nav > li a.st-active {
  border-bottom: solid 2px #FF399E;
  color: #FF399E;
  font-weight: 700;
}
.block-tab-a > .p-nav > li a.st-active:hover {
  border-bottom: solid 2px #FF399E;
  color: #FF399E;
  font-weight: 700;
}
@media only screen and (max-width: 834px) {
  .block-tab-a > .p-nav {
    margin-bottom: 10px;
  }
  .block-tab-a > .unit-ut {
    padding-left: 0;
    padding-right: 0;
  }
}

/*  */

.block-tab-e > .p-nav > li a {
  border-bottom: solid 1px #D7D7D7;
  color: #737373;
  background: #fff;
}
.block-tab-e > .unit-ut {
  padding-top: 40px;
}

.block-tab-e > .p-nav > li a:hover,
.block-tab-e > .p-nav > li a.st-active {
  border-bottom: solid 3px #E269A4;
  background: #FCECF3;
  color: #E269A4;
  font-weight: 700;
}

/* .type-okaka */

.block-tab-e.type-okaka > .unit-ut > .in-unit {
  padding: 60px 100px;
}
@media only screen and (max-width: 640px) {
  .block-tab-e.type-okaka > .unit-ut > .in-unit {
    padding: 40px 20px;
  }
}


/* accordion
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.accordion-ut > .unit-ut > .p-head > a:after,
.accordion-ut > .unit-ut > a:after {
  background-image: url(/assets/img-leaf/icon/arrow-01-down-black.svg);
}
.accordion-ut > .unit-ut > .p-head > a:visited,
.accordion-ut > .unit-ut > .p-head > a {
  padding: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}

/*  */

.accordion-ut.block-accordion-a.type-okaka > .unit-ut {
  margin-bottom: 10px;
  border: 1px solid #D9D9D9;
}
.accordion-ut.block-accordion-a.type-okaka > .unit-ut > .p-head > a:after,
.accordion-ut.block-accordion-a.type-okaka > .unit-ut > a:after {
  background-image: url(/assets/img-leaf/icon/arrow-03-down-gray.svg);
}
.accordion-ut.block-accordion-a.type-okaka > .unit-ut > .p-head > a:hover:after {
  background-image: url(/assets/img-leaf/icon/arrow-03-down-gray.svg);
}
.accordion-ut.block-accordion-a.type-okaka > .unit-ut.st-active > .p-head {
  border-bottom: 1px solid #D9D9D9;
}
.accordion-ut.block-accordion-a.type-okaka > .unit-ut.st-active > .p-head > a:after {
  background-image: url(/assets/img-leaf/icon/arrow-03-up-gray.svg);
}
.accordion-ut.block-accordion-a.type-okaka > .unit-ut > .p-main {
  padding-top: 40px;
  padding-bottom: 40px;
}

/*  */

.accordion-ut.block-accordion-b.type-okaka > .unit-ut > .p-head > a {
  background: #fff;
  border: 1px solid #D9D9D9;
}
.accordion-ut.block-accordion-b.type-okaka > .unit-ut > .p-head > a:hover,
.accordion-ut.block-accordion-b.type-okaka > .unit-ut.st-active > .p-head > a:hover,
.accordion-ut.block-accordion-b.type-okaka > .unit-ut.st-active > .p-head > a {
  color: #222;
}
.accordion-ut.block-accordion-b.type-okaka > .unit-ut > .p-head > a:hover:after {
  background-image: url(/assets/img-leaf/icon/arrow-03-down-gray.svg);
}
.accordion-ut.block-accordion-b.type-okaka > .unit-ut.st-active > .p-head > a:hover:after,
.accordion-ut.block-accordion-b.type-okaka > .unit-ut.st-active > .p-head > a:after {
  background-image: url(/assets/img-leaf/icon/arrow-03-up-gray.svg);
}

/*  */

.accordion-ut.block-accordion-c > .unit-ut {
  margin-bottom: 8px;
}
.accordion-ut.block-accordion-c > .unit-ut > .p-head > a:after {
  width: 12px;
  height: 12px;
}
.accordion-ut.block-accordion-c > .unit-ut > .p-head > a:hover {
  background: #FFF9FB;
  color: #E269A4;
}
.accordion-ut.block-accordion-c > .unit-ut > .p-head > a:hover:after {
  background-image: url(/assets/img-leaf/icon/arrow-01-down-black.svg);
}
.accordion-ut.block-accordion-c > .unit-ut.st-active > .p-head > a {
  background: #FFF9FB;
  color: #E269A4;
}
.accordion-ut.block-accordion-c > .unit-ut.st-active > .p-head > a:after {
  background-image: url(/assets/img-leaf/icon/arrow-02-up-pink.svg);
}


/*
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.block-accordion-d > .unit-ut > .p-head .c-control:hover,
.block-accordion-d > .unit-ut.st-active .p-head .c-control {
  background: #FCECF3;
}
.block-accordion-d > .unit-ut > .p-head .c-heading a {
  font-size: 2rem;
  font-weight: 700;
}

.block-accordion-d > .unit-ut > .p-head .c-heading a .icon-ut {
    flex: none;
}

@media only screen and (max-width: 640px) {
  .block-accordion-d > .unit-ut > .p-head .c-heading a {
    font-size: 1.6rem;
  }
}

.block-accordion-d > .unit-ut > .p-main {
  padding: 0 10px;
}
.block-accordion-d > .unit-ut > .p-head .c-control:after {
  background-image: url(/assets/img-leaf/icon/arrow-01-down-gray.svg);
}
.block-accordion-d > .unit-ut.st-active .p-head .c-control:after {
  background-image: url(/assets/img-leaf/icon/arrow-01-up-gray.svg);
}


/* .block-plan-b
- default
- .type-okaka
- .model-scroll
- .model-expand
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.block-plan-b .main-frame .unit-ut.badge-ut:after {
  background-image: url(/assets/img-leaf/badge/recommended-01-black.svg);
}

.block-plan-b .p-head .c-heading {
  padding-top: 10px;
  padding-bottom: 5px;
  font-size: 3.6rem;
  color: #fff;
}
.block-plan-b.variation-home-internet .case-3 .p-head .c-heading,
.block-plan-b.variation-home-internet .case-2 .p-head .c-heading,
.block-plan-b.variation-home-internet .case-1 .p-head .c-heading {
  font-size: 2.4rem;
}
.block-plan-b.variation-wifi .case-3 .p-head .c-heading {
  padding-left: 0;
  padding-right: 0;
  font-size: 3.2rem;
}
.block-plan-b .p-head a.c-heading {
  color: #fff;
}
.block-plan-b .p-head .c-heading .c-before-after .c-before {
  color: #fff;
  font-size: 2.4rem;
}
.block-plan-b .p-head .c-heading .c-before-after .c-before:after {
  top: 15px;
  background-image: url(/assets/img-leaf/icon/arrow-04-right-white.svg);
}
.block-plan-b .p-head a.c-heading:before {
  background-image: url(/assets/img-leaf/icon/arrow-01-right-white.svg);
}
.block-plan-b .main-frame .unit-ut {
  filter: drop-shadow(8px 8px 12px rgba(0, 0, 0, 0.12));
}
@media only screen and (max-width: 834px) {
  .block-plan-b .main-frame .unit-ut {
    margin-bottom: 24px;
  }
}

/*  */

.block-plan-b.type-out-of-bounds .p-out-of-bounds > .c-out-of-bounds {
  top: -26px;
}
.block-plan-b.type-out-of-bounds .p-out-of-bounds > .c-out-of-bounds a {
  color: #3D59E4;
  font-size: 2.4rem;
  font-weight: 700;
  text-decoration: none;
}
.block-plan-b.type-out-of-bounds .p-out-of-bounds > .c-out-of-bounds a:hover {
  opacity: 0.75;
}

/*  */

.block-plan-b .card-ut-price > .c-wrap > .c-price {
  font-size: 2.4rem;
}
.block-plan-b .card-ut-price > .c-wrap > .c-unit {
  font-size: 2.0rem;
}
.block-plan-b .card-ut-price > .c-sub {
  font-size: 1.4rem;
}

/* .type-okaka */

.block-plan-b.type-okaka .p-head {
  border-radius: 20px 20px 0 0;
}
.block-plan-b.type-okaka .p-main {
  border-radius: 0 0 20px 20px;
}
.block-plan-b.type-okaka .p-head .c-info,
.block-plan-b.type-okaka .p-main dd {
  background: #fff;
}
.block-plan-b.type-okaka .p-main dd:last-child {
  padding-bottom: 24px;
}

@media only screen and (max-width: 640px) {
  .block-plan-b.type-okaka .p-head .c-info .c-wrap {
    line-height: 1.2;
  }
  .block-plan-b.type-okaka .p-head .c-info .c-sub {
    font-size: 1.4rem;
  }
}

/* .model-scroll */

.block-plan-b.model-scroll.type-okaka .p-head .c-heading,
.block-plan-b.model-scroll.type-okaka .head-frame .c-heading {
  min-height: 93px;
}
.block-plan-b.model-scroll .head-frame .c-info {
  min-height: 103px;
}
@media only screen and (max-width: 1140px) {
  .block-plan-b.model-scroll .main-frame {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 640px) {
  .block-plan-b.model-scroll .p-head {
    min-width: 190px;
  }
}

/* 見出し */

.block-plan-b.model-scroll.type-okaka .head-frame .c-info,
.block-plan-b.model-scroll.type-okaka .p-head .c-info {
  min-height: 94px;
  padding-bottom: 15px;
}
@media only screen and (max-width: 640px) {
  .block-plan-b.model-scroll.type-okaka .head-frame .c-info,
  .block-plan-b.model-scroll.type-okaka .p-head .c-info {
    min-height: 113px;
  }
}

/* 通常 */

.block-plan-b.model-scroll.type-okaka .p-main dd,
.block-plan-b.model-scroll.type-okaka .head-frame ul li {
  min-height: 45px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* 高さ .type-okaka */

@media only screen and (min-width: 641px) {
  .block-plan-b.model-scroll.type-okaka .p-main dd.type-line-2-sp-more,
  .block-plan-b.model-scroll.type-okaka .head-frame ul li.type-line-2-sp-more {
    min-height: 69px;
  }
  .block-plan-b.model-expand.type-okaka .p-main dd.type-line-5a-sp-more,
  .block-plan-b.model-scroll.type-okaka .p-main dd.type-line-5a-sp-more,
  .block-plan-b.model-scroll.type-okaka .head-frame ul li.type-line-5a-sp-more {
    min-height: 230px;
  }
}
@media only screen and (max-width: 640px) {
  .block-plan-b.model-scroll.type-okaka .p-main dd.type-line-2-sp,
  .block-plan-b.model-scroll.type-okaka .head-frame ul li.type-line-2-sp {
    min-height: 69px;
  }
  .block-plan-b.model-scroll.type-okaka .p-main dd.type-line-11a-sp,
  .block-plan-b.model-scroll.type-okaka .head-frame ul li.type-line-11a-sp {
    min-height: 326px;
  }
}

/*  */

.block-plan-b.model-scroll.type-okaka.type-horizontal-rule .p-main dd {
  border-top: solid 1px #eee;
}

/* .variation-sim */

.block-plan-b.variation-sim .unit-ut.case-1 .p-head .c-heading {
  background: #EE96BD;
}
.block-plan-b.variation-sim .unit-ut.case-2 .p-head .c-heading {
  background: #E34592;
}
.block-plan-b.variation-sim .unit-ut.case-3 .p-head .c-heading {
  background: #E269A4;
}
.block-plan-b.variation-sim .unit-ut.case-4 .p-head .c-heading {
  background: #D05591;
}

/* .variation-wifi */

.block-plan-b.variation-wifi .p-head .c-heading {
  background: #35A0EA;
}
.block-plan-b.variation-wifi .case-3 .p-head .c-heading {
  background: #3D59E4;
}

/* .variation-home-internet */

.block-plan-b.variation-home-internet .p-head .c-heading {
  background: #24A148;
}
.block-plan-b.variation-home-internet .case-2 .p-head .c-heading,
.block-plan-b.variation-home-internet .case-3 .p-head .c-heading {
  background: #35A0EA;
}
@media only screen and (max-width: 640px) {
  .block-plan-b.variation-home-internet .case-2 .p-head .c-heading,
  .block-plan-b.variation-home-internet .case-3 .p-head .c-heading {
    font-size: 2.1rem;
  }
}

/* .model-expand */

.block-plan-b.model-expand .head-frame ul li {
  padding: 10px 0px;
  margin-bottom: 0px;
  background: transparent;
}
.block-plan-b.model-expand.type-okaka .p-head .c-heading,
.block-plan-b.model-expand.type-okaka .head-frame .c-heading {
  min-height: 86px;
}
.block-plan-b.model-expand .p-head {
  margin-bottom: 0px;
}
.block-plan-b.model-expand.type-okaka .head-frame .c-info,
.block-plan-b.model-expand.type-okaka .p-head .c-info {
  min-height: 94px;
  padding-bottom: 5px;
}
.block-plan-b.model-expand.type-okaka.variation-sim .head-frame .c-info,
.block-plan-b.model-expand.type-okaka.variation-sim .p-head .c-info {
  min-height: 118px;
}

@media only screen and (max-width: 834px) {
  .block-plan-b.model-expand .p-main dt {
    display: flex;
    align-items: center;
    width: 50%;
    margin-bottom: 0;
    margin-right: 0;
    padding: 10px 20px;
    background: #fff;
  }
}

.pag-monthly-home-internet .block-plan-b.model-expand .p-main dt,
.pag-monthly-home-internet .block-plan-b.model-expand .p-main dd {
  border-top: 1px solid #d7d7d7;
}

.pag-monthly-home-internet .block-plan-b.type-okaka .p-main {
  padding: 0 20px;
  background: #FFF;
}

@media only screen and (max-width: 834px) {
  .pag-monthly-home-internet .block-plan-b.model-expand .p-main dt,
  .pag-monthly-home-internet .block-plan-b.model-expand .p-main dd {
    border-top: 1px solid #d7d7d7;
    text-align: left;
    justify-content: left;
    font-size: 1.4rem;
  }

  .block-plan-b.type-okaka .p-main {
    padding: 0 20px;
    background: #FFF;
  }

  .block-plan-b.model-expand .p-main dd ul{
    font-size: 1.4rem;
  }

  .block-plan-b .p-main dd.type-line-3-sp {
      min-height: auto;
  }
}


/*  */

.panel-ut > .unit-ut.badge-ut.badge-unlimited-data:after {
  background-image: url(/assets/img-leaf/badge/unlimited-data-02-black.svg);
}

/* .block-plan-a
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.block-plan-a .card-ut-head {
  filter: drop-shadow(8px 8px 12px rgba(0, 0, 0, 0.12));
}
.block-plan-a .card-ut-head .p-main {
  padding-left: 20px;
  padding-right: 20px;
  background: #fff;
}

.block-plan-a .case-1 .p-main > .panel-ut .unit-ut.type-head {
  justify-content: center;
}

/*  */

.pag-travel-price .block-plan-a .card-ut-head .p-main {
  background: #FFF9FB;
}

/*  */

.block-plan-a .card-ut-head .type-head {
  font-size: 1.2rem;
  color: #E269A4;
}
.block-plan-a .card-ut-head .type-head .c-sub {
  font-size: 1.2rem;
}
@media only screen and (max-width: 640px) {
  .block-plan-a .card-ut-head .type-head .c-sub {
    font-size: 1.4rem;
  }
}
.block-plan-a .label-ut-discount.type-white-text {
  padding-left: 10px;
  padding-right: 10px;
  border: none;
  background: #FFBC0E;
  font-size: 1.4rem;
}
.block-plan-a .card-ut-head .type-main .c-sub {
  font-size: 1.4rem;
}

@media only screen and (max-width: 834px) {
  .block-plan-a .card-ut-head .p-main {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .block-plan-a .card-ut-head .type-head {
    justify-content: center;
    margin-bottom: 5px !important;
  }
  .block-plan-a .card-ut-head .type-head .c-heading {
    margin-bottom: 11px;
    text-align: center;
  }
  .block-plan-a .card-ut-head .type-main {
    justify-content: center;
    border-bottom: solid 1px #FFCDE3;
    margin-bottom: 20px !important;
    padding-bottom: 20px;
  }
  .block-plan-a .card-ut-head .type-main:last-child {
    border-bottom: none;
    margin-bottom: 0 !important;
    padding-bottom: 0;
  }
}

.block-plan-a > .unit-ut .card-ut-head .p-head {
  border-radius: 20px 20px 0 0;
}
.block-plan-a > .unit-ut .card-ut-head .p-main {
  border-radius: 0 0 20px 20px;
}

/* .p-head */

.block-plan-a .card-ut-head .p-head .c-heading .c-text {
  font-size: 2.4rem;
}
.block-plan-a .card-ut-head .p-head .c-heading .c-sub {
  font-size: 1.6rem;
}

/* .p-main */

.block-plan-a .card-ut-head .p-main .c-heading .c-text {
  font-size: 1.6rem;
}
.block-plan-a .card-ut-price > .c-wrap {
  line-height: 1;
}
.block-plan-a .card-ut-price > .c-wrap > .c-price {
  font-size: 2.4rem;
}
.block-plan-a .card-ut-price > .c-wrap > .c-unit {
  font-size: 2.0rem;
}
.block-plan-a .p-main > .panel-ut {
  gap: 32px;
}
.block-plan-a .p-main > .panel-ut > .unit-ut a {
  text-decoration: none;
  color: inherit;
  display: flex;
  align-items: center;
  height: auto;
}
@media only screen and (max-width: 834px) {
  .block-plan-a .p-main > .panel-ut {
    gap: 3px;
  }
}
@media only screen and (max-width: 640px) {
  .block-plan-a .p-main > .panel-ut {
    gap: 0px;
  }
}
.block-plan-a .p-main .type-head .c-heading {
  line-height: 1.2;
}

/* .case-1, .case-2 */

.block-plan-a > .unit-ut.case-1 .card-ut-head .p-head {
  background: #EE96BD;
  color: #fff;
}
.block-plan-a > .unit-ut.case-2 .card-ut-head .p-head {
  background: #E269A4;
  color: #fff;
}

/* .case-1 */

/* .case-2 */




/* .block-comparison-two */

.block-comparison-two {
  background: #E1EBFF;
}

.block-comparison-two > div:first-child {
  border-radius: 15px 0 0 15px;
  background: #FFEDF5;
}
@media only screen and (max-width: 834px) {
  .block-comparison-two > div:first-child {
    border-radius: 15px 15px 0 0;
  }
}

.block-comparison-two > div:first-child:before {
  background-image: url(/assets/img-leaf/icon/versus-02-gray.svg);
}

.block-comparison-two.bg-ut-pink.type-pale .emphasis-ut-a {
  color: #FE4F9B !important;
}
.block-comparison-two.bg-ut-pink.type-pale .unit-ut.bg-ut-blue-a.type-pale .emphasis-ut-a {
  color: #1B69FF !important;
}


/* .block-table-comparison-a
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.block-table-comparison-a > table {
  border-collapse: separate;
  border-spacing: 0;
  empty-cells: show;
}
@media only screen and (max-width: 640px) {
  .block-table-comparison-a > table {
    width: 1100px;
  }
}

.block-table-comparison-a > table th,
.block-table-comparison-a > table td {
  padding: 24px 15px;
  border-right: solid 1px #d9d9d9;
  border-bottom: solid 1px #d9d9d9;
  line-height: 1.5;
  /* vertical-align: middle; */
}
.block-table-comparison-a > table th {
  background: #f0f0f0;
  text-align: center;
}
.block-table-comparison-a > table td {
  background: transparent;
}
.block-table-comparison-a > table thead th {
  padding-top: 1em;
  padding-bottom: 1em;
  border-right: solid 1px #fff;
  border-bottom: solid 1px #fff;
  background: #EE96BD;
  font-weight: 700;
}
.block-table-comparison-a > table tbody th {
  background: #FFEDF5;
  text-align: left;
  font-weight: 700;
}
.block-table-comparison-a > table tbody td {
  background: #F8F8F8;
}

.block-table-comparison-a .c-heading {
  font-weight: 700;
}
.block-table-comparison-a .c-info {
  font-size: 12px;
}


.block-table-comparison-a .c-head {
  width: auto;
}
.block-table-comparison-a .c-data {
  width: 230px;
}
.block-table-comparison-a .c-data-a {
  width: 230px;
}












/* .block-free-a
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.block-free-a {
  height: 240px;
  border-radius: 20px;
  background: #F7E8EF;
}
.block-free-a .p-head {
  width: 600px;
  grid-template-columns: 1fr 154px;
  grid-template-rows: 140px 1fr;
}
.block-free-a .p-head .c-apple {
  margin-top: -50px;
}
.block-free-a .p-head .c-banana .c-heading {
  font-size: 4.2rem;
  font-weight: 700;
  color: #E269A4;
}
.block-free-a .p-head .c-banana picture {
  width: 80px;
}
.block-free-a .p-main .c-heading {
  font-size: 24px;
  font-weight: 700;
  color: #4B4B4B;
}
.block-free-a .p-main {
  margin-left: 30px;
}
.block-free-a .c-highlight {
  color: #FF729A;
  font-weight: 700;
}
.block-free-a .list-ut-pic.type-horizontal.type-height-match > li {
  height: 40px;
}

@media only screen and (max-width: 834px) {
  .block-free-a {
    height: auto;
    padding: 24px 10px;
  }
  .block-free-a .p-head {
    width: 100%;
    grid-template-columns: 1fr 120px;
    grid-template-rows: 100px 1fr;
    margin-bottom: 10px;
  }
  .block-free-a .p-head .c-banana {
    display: block;
  }
  .block-free-a .p-head .c-banana .c-heading {
    margin-top: 8px;
    margin-left: 0;
    font-size: 3.2rem;
    line-height: 1.2;
    text-align: center;
  }
  .block-free-a .p-head .c-banana picture {
    display: block;
    width: 80px;
    margin: -50px auto 0;
  }
  .block-free-a .nav-ut-button ul {
    display: block;
    text-align: center;
  }
  .block-free-a .list-ut-pic.type-horizontal.type-height-match > li {
    height: 40px;
  }
  .block-free-a .p-main {
    margin-left: 0;
    padding: 0 10px;
  }
}


/*
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.block-document-a .head-frame {
  background: #EE96BD;
}
.block-document-a .main-frame {
  border-right: solid 1px #EE96BD;
  border-bottom: solid 1px #EE96BD;
  border-left: solid 1px #EE96BD;
}


/*
- - - - - - - - - - - - - - - - - - - - - - - - - - */

@media only screen and (max-width: 640px) {
  .block-datepicker-b.p-datepicker > .panel-ut.unit-mrgn-100 {
    gap: 80px;
  }
  .block-datepicker-b.p-datepicker > .panel-ut > .unit-ut {
    margin-bottom: 0px !important;
  }
  .block-datepicker-b.block-giga > .panel-ut > .unit-ut {
    margin-bottom: 0 !important;
  }
}

/*
- - - - - - - - - - - - - - - - - - - - - - - - - - */

@media only screen and (max-width: 640px) {
  .block-belt-b .card-ut .c-heading {
    margin-left: 5px;
  }
  .block-belt-b .card-ut .c-lead {
    margin-left: 5px;
  }
}


/* Section
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* .section-visual-a
Top Main Visual
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.section-visual-a .in-container,
.section-visual-a {
  height: 560px;
}
.section-visual-a .c-bg-01 {
  background: rgba(228, 115, 170, 0.45);
}
.section-visual-a .c-bg-02 {
  background: rgba(0, 101, 184, 0.35);
}
@media only screen and (max-width: 640px) {
  .section-visual-a .in-container,
  .section-visual-a {
    height: 599px;
  }
}

@media only screen and (max-width: 640px) {
  .section-visual-a .c-bg-04 {
    top: 26px;
  }
}

.section-visual-a h1.c-heading .c-text {
  margin-bottom: 30px;
  font-size: 4.6rem;
  font-weight: 800;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.section-visual-a h1.c-heading .c-highlight {
  font-size: 4.6rem;
  font-weight: 800;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.section-visual-a h1.c-heading .c-sub {
  font-size: 1.8rem;
  font-weight: 600;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

@media only screen and (max-width: 640px) {
  .section-visual-a h1.c-heading {
    padding-top: 30px;
    margin-bottom: 24px;
  }
  .section-visual-a h1.c-heading .c-text {
    margin-bottom: 20px;
    font-size: 2.0rem;
    color: #737373;
    text-shadow: none;
  }
  .section-visual-a h1.c-heading .c-sub {
    font-size: 1.6rem;
    font-weight: 400;
    text-shadow: none;
  }
  .section-visual-a h1.c-heading .c-highlight {
    position: relative;
    display: inline-block;
    padding-right: 40px;
    font-size: 3.2rem;
    color: #E269A4;
    text-shadow: none;
  }
  .section-visual-a h1.c-heading .c-highlight:after {
    position: absolute;
    display: block;
    content: "";
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    background-image: url(/assets/img-leaf/icon/sakura-01-pink.svg);
  }
}

.section-visual-a .nav-ut-handling li.c-heading {
  font-size: 3.2rem;
  font-weight: 800;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.section-visual-a .p-main-01 a.button-ut.type-andes {
  border: solid 3px #fff;
  background: #04996E;
  color: #fff;
  transition: 0.3s;
}

@media only screen and (min-width: 641px) {
  .section-visual-a .p-main-01 a.button-ut.type-andes:hover{
    background: #087959;
  }
}

.section-visual-a .p-main-01 a.button-ut.type-andes span{
  opacity: 1;
  transition: 0.3s;
}

.section-visual-a .p-main-01 a.button-ut.type-andes:hover span{
  opacity: 0.6;
}

.section-visual-a .p-main-02 a.button-ut.type-andes {
  border: solid 3px #fff;
  background: #fff;
  color: #04996E;
}

.section-visual-a .p-main-02 a.button-ut.type-andes span{
  opacity: 1;
  transition: 0.3s;
}

@media only screen and (min-width: 641px) and (max-width: 834px) {
  .section-visual-a .p-main-01 a.button-ut.type-andes span,
  .section-visual-a .p-main-02 a.button-ut.type-andes span{
    font-size: 1.3rem;
  }
  .section-visual-a .p-main-01 .nav-ut-handling li,
  .section-visual-a .p-main-02 .nav-ut-handling li {
      margin-left: 10px;
      margin-right: 10px;
  }
  .section-visual-a .p-main-01 a.button-ut.type-andes,
  .section-visual-a .p-main-02 a.button-ut.type-andes {
      padding: 15px 40px 15px 60px !important;
  }

}
.section-visual-a .p-main-02 a.button-ut.type-andes:hover span{
  opacity: 0.6;
}

.section-visual-a .p-main-01 a.button-ut.type-andes > .in-button:before {
  background-image: url(/assets/img-leaf/icon/airplane-01-white.svg);
}
.section-visual-a .p-main-01 a.button-ut.type-andes > .in-button:after {
  background-image: url(/assets/img-leaf/icon/arrow-04-right-white.svg);
}
.section-visual-a .p-main-02 a.button-ut.type-andes > .in-button:before {
  background-image: url(/assets/img-leaf/icon/home-01-greenbtn1.svg);
}
.section-visual-a .p-main-02 a.button-ut.type-andes > .in-button:after {
  background-image: url(/assets/img-leaf/icon/arrow-04-right-greenbtn1.svg);
}
@media only screen and (max-width: 640px) {
  .section-visual-a .p-main-02 a.button-ut.type-andes,
  .section-visual-a .p-main-01 a.button-ut.type-andes {
    background: none;
    border: none;
  }
  .section-visual-a .p-main-02 a.button-ut.type-andes > .in-button:after {
    background-image: url(/assets/img-leaf/icon/arrow-04-right-white.svg);
  }
}


/* .section-visual-b
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.section-visual-b {
  background: #FBFBFB;
}
.section-visual-b .c-parts-01,
.section-visual-b .in-container {
  height: 190px;
}
.section-visual-b .c-parts-01 {
  background-image: url(/assets/img/bg/bg-03.svg);
}
@media only screen and (max-width: 640px) {
  .section-visual-b .c-parts-01 {
    background-image: url(/assets/img/bg/bg-03-sp.svg);
  }
}
.section-visual-b .c-bg-gradation-01 {
  background: linear-gradient(93deg, #FBFBFB -1.11%, #FCE9F2 61.36%);
}
.section-visual-b .c-bg-gradation-02 {
  background: #FCE9F2;
}

.section-visual-b .c-heading .c-text {
  margin-bottom: 10px;
  font-size: 4.0rem;
  font-weight: 800;
}
.section-visual-b .c-heading .c-sub {
  font-size: 1.6rem;
  font-weight: 400;
}
.section-visual-b .c-heading .c-medium {
  font-size: 2.0rem;
  font-weight: 700;
}

@media only screen and (max-width: 640px) {
  .section-visual-b .c-heading .c-text {
    font-size: 3.2rem;
  }
  .section-visual-b .c-heading .c-sub {
    font-size: 1.4rem;
  }
}


/*
250210
.section-visual-b.variation-01
about us
360px
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.section-visual-b.variation-01 .c-bg-gradation-02,
.section-visual-b.variation-01 .c-bg-gradation-01,
.section-visual-b.variation-01 .in-container {
  height: 360px;
}

.section-visual-b.variation-01 .c-parts-01 {
  width: 1412px;
  height: 420px;
  background-image: url(/assets/img/bg/bg-07.webp);
}

@media only screen and (max-width: 834px) {
  .section-visual-b.variation-01 {
    background: #fff;
  }
  .section-visual-b.variation-01 .in-container {
    height: 660px;
  }
  .section-visual-b.variation-01 .c-bg-gradation-02,
  .section-visual-b.variation-01 .c-bg-gradation-01 {
    height: 442px;
  }
  .section-visual-b.variation-01 .panel-ut {
    margin-top: 210px;
  }
  .section-visual-b.variation-01 .panel-ut > .unit-ut {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 640px) {
  .section-visual-b.variation-01 .c-parts-01 {
    height: 490px;
    background-image: url(/assets/img/bg/bg-07-sp.webp);
  }
}

/*  */

.section-visual-b.variation-01 .unit-ut{
  padding: 24px 20px;
}
.section-visual-b.variation-01 .unit-ut .card-ut-performance .c-highlight {
  color: #E269A4;
}
.section-visual-b.variation-01 .unit-ut .card-ut-performance .c-sub a {
  color: #999;
  text-decoration: none;
}
@media only screen and (max-width: 834px) {
  .section-visual-b.variation-01 .panel-ut.model-bonito > .unit-ut {
    padding: 20px 20px 0px 20px;
  }
}


/*
250210
.section-visual-b.variation-02
solution
320px
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.section-visual-b.variation-02 .c-parts-01,
.section-visual-b.variation-02 .in-container {
  height: 320px;
}

.section-visual-b.variation-02 .c-parts-01 {
  background-image: url(/assets/img/bg/bg-06.svg);
}

.section-visual-b.variation-02 .heading-ut-icon {
  position: absolute;
  left: 50%;
  top: 52px; /*70px*/
  transform: translateX(-50%);
  width: 100%;
}
.section-visual-b.variation-02 .c-lead {
  position: absolute;
  left: 50%;
  top: 210px;
  transform: translateX(-50%);
  width: 100%;
  font-size: 2.0rem;
  font-weight: 700;
  text-align: center;
  z-index: 1;
}
@media only screen and (max-width: 640px) {
  .section-visual-b.variation-02 .c-parts-01 {
    background-image: url(/assets/img/bg/bg-06-sp.svg);
  }
  .section-visual-b.variation-02 .heading-ut-icon {
    top: 25px; /*50px*/
  }
  .section-visual-b.variation-02 .c-lead {
    padding-left: 20px;
    padding-right: 20px;
  }
}


/* .section-visual-b
.pag-travel-hub
.pag-monthly-hub
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.pag-monthly-hub .section-visual-b .c-parts-01,
.pag-travel-hub .section-visual-b .c-parts-01 {
  background-image: url(/assets/img/bg/bg-02.svg);
  height: 280px;
}
.pag-monthly-hub .section-visual-b .c-heading,
.pag-travel-hub .section-visual-b .c-heading {
  color: #fff;
}
.pag-monthly-hub .section-visual-b .c-heading .c-text,
.pag-travel-hub .section-visual-b .c-heading .c-text {
  font-size: 4.2rem;
  font-weight: 800;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.pag-monthly-hub .section-visual-b .c-heading .c-sub,
.pag-travel-hub .section-visual-b .c-heading .c-sub {
  font-size: 2.4rem;
  font-weight: 400;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.pag-travel-hub .section-visual-b {
  background: rgba(228, 115, 170, 0.50);
}
.pag-monthly-hub .section-visual-b {
  background: rgba(0, 101, 184, 0.35);
}
.pag-travel-hub .section-visual-b .c-heading.type-icon:before {
  background-image: url(/assets/img-leaf/icon/airplane-01-white.svg);
}
.pag-monthly-hub .section-visual-b .c-heading.type-icon:before {
  background-image: url(/assets/img-leaf/icon/home-01-white.svg);
}
@media only screen and (max-width: 640px) {
  .pag-monthly-hub .section-visual-b .c-heading .c-text,
  .pag-travel-hub .section-visual-b .c-heading .c-text {
    font-size: 3.6rem;
  }
  .pag-monthly-hub .section-visual-b .c-heading .c-sub,
  .pag-travel-hub .section-visual-b .c-heading .c-sub {
    font-size: 2.0rem;
  }
  .pag-monthly-hub .section-visual-b .c-heading.type-icon:before,
  .pag-travel-hub .section-visual-b .c-heading.type-icon:before {
    width: 32px;
    height: 32px;
  }
  .pag-travel-hub .section-visual-b .in-container {
    background-image: url(/assets/img/travel/main-visual-hub-sp.jpg) !important;
    background-size: 100% auto;
  }
  .pag-monthly-hub .section-visual-b .in-container {
    background-image: url(/assets/img/monthly/main-visual-hub-sp.jpg) !important;
    background-size: 100% auto;
  }
  .pag-monthly-hub .section-visual-b .c-parts-01,
  .pag-travel-hub .section-visual-b .c-parts-01 {
    display: none;
  }
}


/*
250430
.section-visual-d
Travel SIM
Main Visual
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.section-visual-d .in-container {
  height: 500px;
}

.section-visual-d .c-bg-01 {
  background: rgba(255, 27, 157, 0.6);
}
.section-visual-d .c-bg-02 {
  background: rgba(27, 105, 255, 0.6);
}

.section-visual-d h1.c-heading {
  left: 50%;
  top: 70px;
  margin-bottom: 15px;
  font-size: 6rem;
  font-weight: 800;
  color: #fff;
}
.section-visual-d h1 .c-highlight {
  font-size: 6rem;
  line-height: 1;
}
.section-visual-d h1 .c-highlight::before {
  top: 13px;
  right: -44px;
  width: 37px;
  height: 37px;
  background: url(/assets/img-leaf/icon/airplane-01-white.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.section-visual-d .c-parts-01 {
  top: 160px;
  width: 470px;
}

/*  */

.section-visual-d .c-parts-03,
.section-visual-d .c-parts-02 {
  top: 280px;
  padding-left: 0px;
  background: transparent;
  font-size: 20px;
  font-weight: 700;
}
.section-visual-d .c-parts-03,
.section-visual-d .c-parts-02,
.section-visual-d .c-parts-03 a,
.section-visual-d .c-parts-02 a {
  color: #fff;
  text-decoration: none;
}
.section-visual-d .c-parts-03 img,
.section-visual-d .c-parts-02 img {
  width: 170px;
  margin-right: 0px;
}

/*  */

.section-visual-d .c-parts-04 {
  position: absolute;
  left: 70px;
  bottom: -10px;
  width: 260px;
}
.section-visual-d .c-parts-05 {
  position: absolute;
  right: 40px;
  bottom: 0;
  width: 260px;
}
@media only screen and (max-width: 1100px) { /*  */
  .section-visual-d .c-parts-04 {
    left: 10px;
    width: 230px;
  }
  .section-visual-d .c-parts-05 {
    width: 230px;
  }
}
@media only screen and (max-width: 834px) { /*  */
  .section-visual-d .c-parts-05,
  .section-visual-d .c-parts-04 {
    display: none;
  }
}

/*  */

.section-visual-d .nav-ut-button {
  bottom: 50px;
}
.section-visual-d a.button-ut.model-primary {
  padding-left: 40px;
  padding-right: 40px;
  border: solid 2px #fff;
  font-size: 1.8rem;
}

@media only screen and (max-width: 1024px) { /*  */
  .section-visual-d h1.c-heading {
    width: 540px;
  }
}
@media only screen and (max-width: 640px) { /*  */
  .section-visual-d h1.c-heading {
    top: 20px;
    text-align: center;
  }
  .section-visual-d h1 .c-highlight {
    padding-right: 37px;
  }
  .section-visual-d h1 .c-highlight::before {
    right: -4px;
  }
  .section-visual-d h1.c-heading .c-pre {
    display: block;
  }
  .section-visual-d .c-parts-01 {
    top: 190px;
  }
  .section-visual-d .c-parts-03,
  .section-visual-d .c-parts-02 {
    width: 50%;
    padding-left: 0px;
  }
  .section-visual-d .nav-ut-button {
    bottom: 40px;
  }
}
@media only screen and (max-width: 430px) { /*  */
  .section-visual-d h1.c-heading {
    top: 50px;
    width: 300px;
    font-size: 42px;
  }
  .section-visual-d h1 .c-highlight {
    font-size: 42px;
  }
  .section-visual-d h1 .c-highlight::before {
    right: 2px;
    top: 9px;
    width: 28px;
    height: 28px;
  }
  .section-visual-d .c-parts-01 {
    width: 90%;
  }
}
@media only screen and (max-width: 375px) { /*  */
  .section-visual-d h1.c-heading {
    top: 50px;
    width: 300px;
    font-size: 42px;
  }
  .section-visual-d h1 .c-highlight {
    font-size: 42px;
  }
  .section-visual-d h1 .c-highlight::before {
    right: 2px;
    top: 9px;
    width: 28px;
    height: 28px;
  }
  .section-visual-d .c-parts-01 {
    width: 300px;
  }
}

.section-visual-d.speed_2025_try___ {

}




/* .section-visual-h
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.section-visual-h .card-ut-title-label {
  gap: 16px; /* title分の余白を考慮して */
  margin-bottom: 32px;
}
.section-visual-h .card-ut-title-label .heading-ut-pre {
  color: #E34592;
}
.section-visual-h .p-main .c-heading,
.section-visual-h .card-ut-title-label > .c-title .c-heading {
  font-size: 3.2rem;
  font-weight: 800;
}
.section-visual-h .label-ut-rating.type-line-1 > .c-text {
  color: #E269A4;
}
@media only screen and (max-width: 834px) {
  .section-visual-h .card-ut-title-label {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 640px) {
  .section-visual-h h1.c-heading {
    font-size: 3.2rem;
  }
}

.section-visual-h .p-call-to-action {
  margin-bottom: 24px;
}
@media only screen and (max-width: 640px) {
  .section-visual-h .p-call-to-action {
    gap: 32px;
    margin-bottom: 32px;
  }
}

.section-visual-h .card-ut-price > .c-wrap > .c-text {
  font-size: 2.0rem;
}
.section-visual-h .card-ut-price > .c-wrap > .c-price {
  margin-left: 10px;
  font-size: 3.6rem;
  line-height: 1;
}
.section-visual-h .card-ut-price > .c-wrap > .c-unit {
  margin-left: 10px;
  font-size: 2.6rem;
}

@media only screen and (max-width: 640px) {
  .section-visual-h .p-main .paragraph-ut {
    margin-bottom: 24px;
  }
  .section-visual-h .card-ut-price > .c-wrap > .c-unit {
    font-size: 2.0rem;
  }
}

.section-visual-h .card-ut-title-label .unit-ut.c-label {
  display: flex;
  align-items: flex-end;
}

.section-visual-h .label-ut-rating.type-chip {
  padding: 6px 16px;
  width: 100%;
  margin: auto auto;
}

.section-visual-h .nav-ut-horizontal {
  top: 40px;
}

@media only screen and (max-width: 1140px) {
  .section-visual-h .nav-ut-horizontal {
      right: 20px;
  }
}

.section-visual-h .nav-ut-horizontal a {
  color: #737373;
  transition: 0.4s;
}
.section-visual-h .nav-ut-horizontal a:hover {
  color: #E269A4;
  text-decoration: none !important;
}

/* .cat-monthly  */

.cat-monthly .section-visual-h h1.c-heading {
}

@media only screen and (max-width: 640px) {
  .cat-monthly .section-visual-h h1.c-heading {
    margin-bottom: 0;
  }
  .cat-monthly .section-visual-h .in-container .p-main .c-title {
    margin-bottom: 0px;
  }
}
.cat-monthly .section-visual-h .label-ut-rating {
  display: inline-flex;
}


@media only screen and (max-width: 834px) {
    .cat-travel .section-visual-h .in-container .p-main .c-title {
        margin-bottom: 0px;
    }
}

/* .section-visual-i
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.section-visual-i {
  background-size: auto 103%;
}
.section-visual-i .in-container {
  height: 450px;
}
@media only screen and (max-width: 640px) {
  .section-visual-i {
    background-image: url(/assets/img-lp/travel-wifi/main-visual-sp.jpg) !important;
  }
  .section-visual-i .in-container {
    height: 550px;
  }
}

/*  */

.section-visual-i .c-bg-01 {
  background: rgba(27, 105, 255, 0.50);
}

.section-visual-i h1.c-heading {
  top: 120px;
  font-size: 6rem;
  color: #fff;
}
.section-visual-i h1 .c-highlight {
  font-size: 6rem;
}
.section-visual-i h1 .c-highlight::before {
  top: 4px;
  right: -40px;
  width: 32px;
  height: 32px;
  background-image: url(/assets/img-leaf/icon/airplane-01-white.svg);
}

@media only screen and (min-width: 641px) and (max-width: 1140px) {
  .section-visual-i .c-parts-02 {
    display: none;
  }
  .section-visual-i h1.c-heading {
    font-size: 5.4rem;
    width: 100%;
    text-align: center;
  }
  .section-visual-i h1 .c-highlight {
    font-size: 5.4rem;
  }
}
@media only screen and (max-width: 640px) {
  .section-visual-i h1.c-heading {
    top: 210px;
    width: calc( 100% - 20px );
    text-align: center;
    font-size: 4.2rem;
  }
  .section-visual-i h1 .c-pre {
    display: block;
  }
  .section-visual-i h1 .c-highlight {
    font-size: 4.2rem;
  }
}

/*  */

.section-visual-i .c-parts-01 { /* 画像文字 */
  top: 200px;
  width: 500px;
}

@media only screen and (max-width: 640px) {
  .section-visual-i .c-parts-01 {
    top: 340px;
    width: calc( 100% - 20px );
  }
}

.section-visual-i .c-parts-02 { /* 挿絵画像 */
  left: 60px;
  bottom: 20px;
  width: 230px;
}
@media only screen and (max-width: 640px) {
  .section-visual-i .c-parts-02 {
    left: 50%;
    top: 30px;
    width: 140px;
  }
}

.section-visual-i .block-belt-c {
  top: 40px;
  width: 560px;
  padding: 10px 60px;
  border: solid 0.5px #fff;
  border-radius: 10px;
  color: #fff;
}
.section-visual-i .block-belt-c .card-ut.type-helium .c-pic img {
  height: 40px;
}
.section-visual-i .block-belt-c h3.c-heading {
  margin-left: 10px;
  margin-bottom: 0;
  font-size: 1.8rem;
  font-weight: 700;
}
.section-visual-i .block-belt-c .c-lead {
  margin-left: 10px;
  font-size: 1.2rem;
}
@media only screen and (max-width: 640px) {
  .section-visual-i .block-belt-c {
    display: none;
  }
}
.section-visual-i .nav-ut-handling {
  position: absolute;
  left: 50%;
  bottom: 85px;
  transform: translateX(-50%);
}
@media only screen and (max-width: 640px) {
  .section-visual-i .nav-ut-handling {
    bottom: 40px;
  }
}


/* .section-terms
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.section-terms h2.heading-ut {
  margin-top: 24px;
  margin-bottom: 16px;
  font-size: 2.0rem;
}
.section-terms h3.heading-ut {
  margin-top: 16px;
  margin-bottom: 16px;
  font-size: 1.6rem;
}
.section-terms .paragraph-ut {
  margin-bottom: 16px;
}


/* zante___ */

@media only screen and (max-width: 640px) {
  .block-tab-e.type-num-7 > .p-nav li {
    width: calc( 100% / 2 );

  }
}








/*  2025-08-21 Garayev */



@media only screen and (min-width: 1440px) {
  .section-visual-a .p-main-01,
  .section-visual-a .p-main-02 {
      overflow: visible;
  }

  .section-visual-a .c-bg-04 {
    position: absolute;
    right: calc(100% - 50vw);
    top: 0;
    width: 50vw;
    height: 100%;
  }

  .section-visual-a .c-bg-03 {
    position: absolute;
    left: calc(100% - 50vw);
    top: 0;
    width: 50vw;
    height: 100%;
  }

  .section-visual-a .c-bg-04 img, .section-visual-a .c-bg-03 img {
    height: auto;
    width: 100%;
  }

}

.blog-thumbnail .panel-ut > .unit-ut {
    display: flex;
}

@media only screen and (min-width: 1101px) {
  .topbar .adjust-h280 .in-container {
      height: 280px;
      background-size: cover;
      padding: 0px calc(50vw - 550px);
      box-sizing: content-box;
  }

}

@media only screen and (max-width: 1100px) {
  .topbar .adjust-h280 .in-container {
      background-size: cover;
  }

}

.unique-007 + .l-container.adjust-blankspace .panel-ut.unit-mrgn-24 {
    gap: 20px;
}

.unique-007 .in-container {
  width: 100% !important;
  max-width: 1200px;
}

.unique-007 .in-container .panel-ut {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.unique-007 .panel-ut > .unit-ut {
  align-items: center;
  justify-content: center;
  display: flex;
}

.unique-007 .panel-ut > .unit-ut:nth-child(1) {
    justify-content: end;
}

.unique-007 .panel-ut > .unit-ut:nth-child(2) {
    justify-content: start;
}

.unique-007 .panel-ut > .unit-ut > .tp-wrapper {
    width: 420px;
}

@media only screen and (max-width: 834px) {
  .unique-007 .panel-ut > .unit-ut {
    display: flex;
  }

  .unique-007 .panel-ut {
    gap: 20px;
    flex-wrap: wrap;
  }

  .unique-007 .panel-ut iframe{
    height: 45px !important;
    align-items: center;
  }

  .unique-007 .panel-ut > .unit-ut > .tp-wrapper {
      width: 100%;
  }

  .unique-007 .panel-ut > .unit-ut:nth-child(1) {
    justify-content: center;
  }

  .unique-007 .panel-ut > .unit-ut:nth-child(2) {
      justify-content: center;
  }

}

@media only screen and (max-width: 640px) {
  .unique-007 .panel-ut {
      margin-left: 0 !important;
      margin-right: 0 !important;
  }
}

.sp-future .panel-ut.type-trisect:not(.type-nowrap-tablet) {
    gap: 24px 0px;
}

@media only screen and (max-width: 834px) {
  .sp-future .panel-ut.type-trisect:not(.type-nowrap-tablet) {
      grid-template-columns: repeat(2, 1fr);
      gap: 32px 26px;
  }
}

.panel-ut.type-bisect.product .unit-ut,
.panel-ut.type-trisect.product .unit-ut {
    display: flex;
    border-radius: 20px;
    background: #FFF;
}

.panel-ut.type-bisect.product .unit-ut .c-pic {
    background: url(/assets/img/bg/bg-04-pattern.png) center -80% repeat-x, #FCECF3;
    background-size: 120%;
}

.panel-ut.type-bisect.product.mobile-plans .unit-ut .c-pic {
    background: url(/assets/img/bg/bg-04-pattern.png) center -80% repeat-x, #EE96BD;
    background-size: 120%;
}

.panel-ut.type-trisect.product .unit-ut .c-pic {
    background: url(/assets/img/bg/bg-04-pattern.png) center -80% repeat-x, #FCECF3;
    background-size: 120%;
}

.panel-ut.type-trisect.product .unit-ut:last-child .c-pic {
    background: url(/assets/img/bg/bg-04-pattern.png) center -80% repeat-x, #D3F6FF;
    background-size: 120%;
}

.panel-ut.type-bisect.product.monthly-last .unit-ut:nth-child(1) .c-pic {
    background: url(/assets/img/bg/bg-04-pattern.png) center -80% repeat-x, #D3F6FF;
    background-size: 120%;
}

.panel-ut.type-bisect.product.monthly-last .unit-ut:nth-child(2) .c-pic {
    background: url(/assets/img/bg/bg-04-pattern.png) center -80% repeat-x, #B7DAFA;
    background-size: 120%;
}

.panel-ut.type-bisect.product .unit-ut .c-pic a,
.panel-ut.type-trisect.product .unit-ut .c-pic a {
  display: flex;
  height: 100%;
  position: relative;
}

.panel-ut.type-bisect.product .unit-ut .c-pic a img,
.panel-ut.type-trisect.product .unit-ut .c-pic a img {
  max-width: 100%;
  -webkit-filter: drop-shadow(8px 8px 12px #0000001F);
  filter: drop-shadow(8px 8px 12px #0000001F);
}

.panel-ut.type-trisect.product .unit-ut:nth-child(1) .c-pic a img {
  width: 240px;
  margin: auto auto;
}

.panel-ut.type-trisect.product .unit-ut:nth-child(2) .c-pic a img {
  width: 170px;
  margin: auto auto 0 auto;
}

.panel-ut.type-trisect.product .unit-ut:nth-child(3) .c-pic a img {
  width: 165px;
  margin: auto auto;
}

@media only screen and (max-width: 640px) {
  .panel-ut.type-trisect.product .unit-ut:nth-child(1) .c-pic a img {
    max-width: 340px;
    width: 100%;
    padding: 0 20px;
  }

  .panel-ut.type-trisect.product .unit-ut:nth-child(2) .c-pic a img {
    max-width: 360px;
    width: 100%;
    padding: 0 80px;
  }
  
  .panel-ut.type-trisect.product .unit-ut:nth-child(3) .c-pic a img {
    max-width: 320px;
    width: 100%;
    padding: 0 60px;
  }
}

.panel-ut.type-bisect.product.mobile-plans .unit-ut .c-pic a img:nth-child(1) {
  max-width: 240px;
  height: auto;
  margin: 40px auto auto 40px;
  width: 100%;
}

.panel-ut.type-bisect.product.mobile-plans .unit-ut .c-pic a img:nth-child(2) {
  position: absolute;
  width: 130px;
  bottom: 0;
  right: 40px;
}

.panel-ut.type-bisect.product.monthly-last .unit-ut:nth-child(1) .c-pic a img {
  width: 230px;
  margin: auto auto;
}

.panel-ut.type-bisect.product.monthly-last .unit-ut:nth-child(2) .c-pic a img {
  width: 300px;
  margin: auto auto;
}

@media only screen and (min-width: 835px) and (max-width: 1140px) {
    .panel-ut.type-trisect.product .card-ut-plan-a .c-heading {
        display: flex;
        align-items: center;
        gap: 5px;
    }
    .panel-ut.type-trisect.product .card-ut-plan-a .c-heading .c-text{
        max-width: 145px;
        width: fit-content;
    }
    .panel-ut.type-trisect.product .card-ut-plan-a .c-heading .c-highlight{
        max-width: 70px;
    }
    .panel-ut.type-trisect.product{
        gap: 32px;
    }

    .panel-ut.type-bisect.product.mobile-plans .unit-ut .c-pic a img:nth-child(2) {
        width: 32%;
    }

    .panel-ut.type-bisect.product.mobile-plans .unit-ut .c-pic a img:nth-child(1) {
        max-width: 60%;
    }

    .panel-ut.type-bisect.edge-ut-bonito.mrgn-lr-120-pc.product.monthly-last,
    .panel-ut.type-bisect.edge-ut-bonito.mrgn-lr-120-pc.mrgn-b5.product.mobile-plans {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

}

@media only screen and (min-width: 641px) and (max-width: 834px) {

    .panel-ut.type-bisect.product.mobile-plans .unit-ut .c-pic a img:nth-child(2) {
        width: 32%;
        right: 20px;
    }

    .panel-ut.type-bisect.product.mobile-plans .unit-ut .c-pic a img:nth-child(1) {
        max-width: 60%;
        margin: 20px auto auto 20px;
    }

    .panel-ut.type-bisect.edge-ut-bonito.mrgn-lr-120-pc.product.monthly-last,
    .panel-ut.type-bisect.edge-ut-bonito.mrgn-lr-120-pc.mrgn-b5.product.mobile-plans {
        margin-left: 0 !important;
        margin-right: 0 !important;
        grid-template-columns: repeat(2, 1fr);
    }

    .panel-ut.type-bisect.product.monthly-last .unit-ut:nth-child(1) .c-pic a img {
        width: 60%;
    }

    .panel-ut.type-bisect.product.monthly-last .unit-ut:nth-child(2) .c-pic a img {
        width: 60%;
    }
    
}

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

    .panel-ut.type-bisect.product.mobile-plans .unit-ut .c-pic a img:nth-child(2) {
        width: 32%;
        right: 40px;
    }

    .panel-ut.type-bisect.product.mobile-plans .unit-ut .c-pic a img:nth-child(1) {
        max-width: 60%;
        margin: 40px auto auto 40px;
    }

    .panel-ut.type-bisect.product.monthly-last .unit-ut:nth-child(1) .c-pic a img,
    .panel-ut.type-bisect.product.monthly-last .unit-ut:nth-child(2) .c-pic a img {
        max-width: 60%;
    }
    
}

@media only screen and (min-width: 641px) and (max-width: 910px) {

      .panel-ut.type-trisect.product .card-ut-plan-a .c-heading {
          display: flex;
          align-items: center;
          gap: 5px;
      }

    .panel-ut.type-trisect.product .card-ut-plan-a .c-heading {
        gap: 0;
        flex-wrap: wrap;
    }
    .panel-ut.type-trisect.product .card-ut-plan-a .c-heading .c-text{
        max-width: 100%;
        width: 100%;
        order:2;
    }
    .panel-ut.type-trisect.product .card-ut-plan-a .c-heading .c-highlight{
        max-width: 100%;
        width: 100%;
        order:1;
    }
}

@media only screen and (min-width: 641px) and (max-width: 834px) {
    .panel-ut.type-trisect.product{
        display: flex;
        flex-wrap: wrap;
    }

    .pag-travel-hub .panel-ut:not(.type-nowrap-tablet):not(.type-fixed-width):not(.type-sp-bisect).product > .unit-ut{
      width: calc(50% - 20px) !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }

    .pag-monthly-voice .panel-ut:not(.type-nowrap-tablet):not(.type-fixed-width):not(.type-sp-bisect):not(.type-fixed-auto):not(.type-auto-fixed) > .unit-ut:has(.card-ut),
    .pag-travel-wifi .panel-ut:not(.type-nowrap-tablet):not(.type-fixed-width):not(.type-sp-bisect):not(.type-fixed-auto):not(.type-auto-fixed) > .unit-ut:has(.card-ut),
    .pag-travel-esim .panel-ut:not(.type-nowrap-tablet):not(.type-fixed-width):not(.type-sp-bisect):not(.type-fixed-auto):not(.type-auto-fixed) > .unit-ut:has(.card-ut),
    .pag-travel-sim .panel-ut:not(.type-nowrap-tablet):not(.type-fixed-width):not(.type-sp-bisect):not(.type-fixed-auto):not(.type-auto-fixed) > .unit-ut:has(.card-ut),
    .l-container:has(.product) + .l-container .panel-ut:not(.type-nowrap-tablet):not(.type-fixed-width):not(.type-sp-bisect):not(.type-fixed-auto):not(.type-auto-fixed) > .unit-ut {
        max-width: 500px;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .blog-thumbnail .panel-ut > .unit-ut .card-ginger {
        position: relative;
        padding-left: 240px;
        height: auto !important;
    }

    .blog-thumbnail .panel-ut > .unit-ut .card-ginger .c-pic {
        position: absolute;
        left: 0;
        top: 0;
        width: 220px;
        display: flex;
        height: 100%;
    }

    .blog-thumbnail .panel-ut > .unit-ut .card-ginger .c-pic img {
        position: relative;
        object-fit: cover;
    }
}

/*  2025-08-26 Garayev */

@media only screen and (max-width: 640px) {
    .explore .panel-ut.type-fixed-width.type-w160.type-num-6,
    .explore .panel-ut.type-fixed-width.type-w160.type-num-5,
    .explore .panel-ut.type-fixed-width.type-w160.type-num-4,
    .explore .panel-ut.type-fixed-width.type-w160.type-num-3 {
        grid-template-columns: repeat(1, auto);
        gap: 16px;
      }
}




@media only screen and (max-width: 640px) {
    .page-template-a603-compatibility-monthly .unit-ut h4.heading-ut,
    .page-template-a601-compatibility-travel .unit-ut h4.heading-ut {
      margin-bottom: 16px;
    }

    .page-template-a603-compatibility-monthly .unit-ut h4.heading-ut:has(+ .paragraph-ut),
    .page-template-a601-compatibility-travel .unit-ut h4.heading-ut:has(+ .paragraph-ut) {
      margin-bottom: 4px;
    }

    .page-template-a603-compatibility-monthly .unit-ut .paragraph-ut,
    .page-template-a601-compatibility-travel .unit-ut .paragraph-ut {
      margin-bottom: 16px !important;
    }
}

/*  2025-08-27 Garayev */


@media only screen and (min-width: 835px) {
    .pag-call-rate-3 .block-tab-e.type-num-7 > .p-nav,
    .pag-travel-pickup-return .block-tab-e.type-num-9 > .p-nav {
        flex-wrap: nowrap;
    }

    .pag-call-rate-3 .block-tab-e.type-num-7 > .p-nav li,
    .pag-travel-pickup-return .block-tab-e.type-num-9 > .p-nav li {
        width: 100%;
        white-space: nowrap;
    }

    .pag-call-rate-3 .block-tab-e.type-num-7 > .p-nav li a,
    .pag-travel-pickup-return .block-tab-e.type-num-9 > .p-nav li a {
        padding: 10px 5px;
    }
}

@media only screen and (min-width: 641px) and (max-width: 834px) {

    .pag-call-rate-3 .block-tab-e.type-num-7 > .p-nav li,
    .pag-travel-pickup-return .block-tab-e.type-num-9 > .p-nav li {
        width: calc((100% / 3) - (30px / 3));
    }

    .pag-call-rate-3 .block-tab-e.type-num-7 > .p-nav li a,
    .pag-travel-pickup-return .block-tab-e.type-num-9 > .p-nav li a {
        padding: 10px 5px;
    }

    .pag-call-rate-3 .block-tab-e.type-num-7 > .p-nav,
    .pag-travel-pickup-return .block-tab-e.type-num-9 > .p-nav {
        gap: 15px;
    }
}

.panel-ut.edge-ut-bonito > .unit-ut > .card-ut-plan-a .c-pic:has(a) {
    aspect-ratio: 41 / 31;
    overflow: hidden;
    width: 100%;
}

.panel-ut.edge-ut-bonito > .unit-ut > .card-ut-plan-a .c-pic:has(a) img {
    width: 100%;
    transition: 0.3s;
}

.panel-ut.edge-ut-bonito > .unit-ut > .card-ut-plan-a:hover .c-pic:has(a) img {
    transform: scale(1.05);
}

.panel-ut.edge-ut-bonito > .unit-ut > .card-ut-plan-a .in-card > a {
    color: inherit;
    text-decoration-line: none;
}

@media only screen and (min-width: 835px) and (max-width: 1140px) {
  .pag-call-rate-3 .block-free-a .p-head,
  .pag-monthly-voice .block-free-a .p-head {
    width: 50%;
  }

  .pag-call-rate-3 .block-free-a .p-main,
  .pag-monthly-voice .block-free-a .p-main {
    width: 50%;
    margin-left: 0;
    padding-left: 10px;
    box-sizing: border-box;
  }

  .pag-call-rate-3 .block-free-a,
  .pag-monthly-voice .block-free-a {
    padding: 24px 20px;
  }

  
  .pag-call-rate-3 .block-free-a .p-head .c-banana .c-heading,
  .pag-monthly-voice .block-free-a .p-head .c-banana .c-heading {
    font-size: 2.6rem;
    margin-left: 10px;
  }

  .pag-call-rate-3 .block-free-a .p-head .c-banana picture,
  .pag-monthly-voice .block-free-a .p-head .c-banana picture {
    width: 60px;
  }

}

@media only screen and (min-width: 1000px) and (max-width: 1140px) {

  .pag-call-rate-3 .block-free-a .p-head .c-banana .c-heading,
  .pag-monthly-voice .block-free-a .p-head .c-banana .c-heading {
    font-size: 3.6rem;
  }

}

.pag-call-rate-3 .block-free-a .p-head .c-banana,
  .pag-monthly-voice .block-free-a .p-head .c-banana {
    margin-bottom: 0;
}

@media only screen and (min-width: 421px) and (max-width: 834px) {
    .block-free-a .p-head {
        grid-template-columns: calc(50% + 70px) 120px;
    }
}

.pag-call-rate-3 .l-container.adjust-blankspace .in-container:has(.block-free-a) {
  padding-bottom: 36px;
}

@media only screen and (max-width: 640px) { 
  .pag-call-rate-3 .l-container.adjust-blankspace .in-container:has(.block-free-a) {
    padding-bottom: 24px;
  }
}

.pag-call-rate-3 .l-container.adjust-blankspace.type-2x-small .in-container {
    padding-top: 56px;
}

@media only screen and (max-width: 1140px) {
  .pag-call-rate-3 .l-container.adjust-blankspace.type-2x-small .in-container {
    max-width: 400px;
  }
}

ul.list-ut-mark.type-no-mark.type-horizontal.type-center.wrap-leaf {
    justify-content: space-between;
}

ul.list-ut-mark.type-no-mark.type-horizontal.type-center.wrap-leaf li {
    margin-left: 0;
    margin-right: 0;
}

@media only screen and (max-width: 834px) {
    .unique-013 ul.list-ut-mark.type-horizontal.type-center-sp {
        display: flex;
        justify-content: center;
    }

    .unique-013 .panel-ut h2.heading-ut {
        text-align: center;
    }
}

ul.list-ut-notes > li.note-gray{
  color: #737373;
}

.sp-footer-menu .block-accordion-d > .unit-ut > .p-head {
    margin-bottom: 0;
    transition: 0.2s;
}

@media only screen and (max-width: 640px) {
  .sp-footer-menu .block-accordion-d > .unit-ut > .p-head {
      min-height: 60px;
  }
}
.sp-footer-menu .block-accordion-d > .unit-ut.st-active > .p-head {
    margin-bottom: 16px;
}

.sp-footer-menu.section-bottom-menu-a .p-head .c-nav {
    margin-top: 10px;
}

.sp-footer-menu.section-bottom-menu-a .st-active .p-head + .panel-ut {
    display: grid !important;
}

.sp-footer-menu .block-accordion-d > .unit-ut > .p-head .c-control:hover,
.sp-footer-menu .block-accordion-d > .unit-ut.st-active .p-head .c-control {
  background: none;
}

@media only screen and (max-width: 600px) {
    .panel-ut.type-center-youtube[class*="unit-mrgn"] > .unit-ut iframe, .panel-ut.type-center-youtube > .unit-ut iframe {
        aspect-ratio: 16 / 9 !important;
    }

    .panel-ut.type-center-youtube[class*="unit-mrgn"] > .unit-ut, .panel-ut.type-center-youtube > .unit-ut {
        aspect-ratio: auto !important;
    }

    .panel-ut.type-center-youtube[class*="unit-mrgn"], .panel-ut.type-center-youtube {
        display: block;
        margin-bottom:56px !important;
    }
}

.pag-monthly-home-internet .panel-ut .list-ut-notes,
.pag-setting-travel-sim .panel-ut .list-ut-notes {
    color: #737373;
}

.pag-travel-hub .tp-wrapper {
    width: 100%;
    max-width: 600px;
    margin: 0 auto 56px;
    background: #fff;
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media only screen and (max-width: 460px) {
  .pag-travel-hub .tp-wrapper iframe{
      height: 40px !important;
  }
}


@media only screen and (min-width: 834px) and (max-width: 1010px) {
    .tp-wrapper-micro iframe {
        height: 48px !important;
        max-width: 260px;
    }
}

.section-visual-h .card-ut-title-label .unit-ut.c-label:has(.tp-wrapper-micro) {
    align-items: center;
}

.pag-contact-general p.paragraph-ut a.link-ut-icon_.icon-question-01-pink {
    display: flex;
    justify-content: center;
    align-items: anchor-center;
}

.pag-contact-general p.paragraph-ut a.link-ut-icon_.icon-question-01-pink .icon-question-01-pink {
    width: 20px;
    height: 20px;
}

.pag-contact-general p.paragraph-ut a.link-ut-icon_.icon-question-01-pink .icon-ut.type-x-small:before {
    width: 20px;
    height: 20px;
}

@media only screen and (max-width: 640px) {
  .pag-affiliate-program .panel-ut.model-squid > .unit-ut h3.heading-ut-icon .in-heading {
      font-size: 1.6rem;
  }

  .pag-affiliate-program .panel-ut.model-squid > .unit-ut h3.heading-ut-icon + .paragraph-ut  {
      font-size: 1.4rem;
  }
}

@media only screen and (max-width: 640px) {
    .pag-affiliate-program .panel-ut > .unit-ut .card-ut.type-hydrogen.type-no-lead {
      align-items: center;
      padding-left: 0;
      padding-right: 0;
      grid-template-columns: 100px 1fr;
    }

    .pag-affiliate-program .panel-ut > .unit-ut .card-ut.type-hydrogen.type-no-lead h4.heading-ut {
        text-align: left;
        padding-left: 16px;
    }

    .pag-affiliate-program .panel-ut > .unit-ut .card-ut.type-hydrogen.type-w100 .c-pic {
      margin-bottom: 0;
    }
}


@media only screen and (max-width: 640px) {
  .pag-partners .panel-ut > .unit-ut h3.heading-ut {
      font-size: 2rem;
  }
}

.pag-affiliate-program .panel-ut.model-squid .heading-ut-icon{
  font-size: 1.6rem;
}

.pag-affiliate-program .panel-ut.model-squid .heading-ut-icon + p.paragraph-ut {
  font-size: 1.4rem;
}

.pag-affiliate-program .bg-ut-pink.type-superpale {
    background-color: #FCECF3 !important;
}
@media only screen and (max-width: 834px) {
  .pag-partners .panel-ut > .unit-ut:has(.c-pic) {
    order: 1;
  }
  .pag-partners .panel-ut > .unit-ut:has(.heading-ut) {
    order: 2;
  }
}

.heading-ut-icon.icon-sakura-chan  {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
}

.heading-ut-icon.icon-sakura-chan > span.in-heading{
    padding-left: 100px;
    position: relative;
}

.heading-ut-icon.icon-sakura-chan .in-heading:before {
    width: 90px;
    height: 90px;
    position: absolute;
}


@media only screen and (max-width: 640px) {
  .heading-ut-icon.icon-sakura-chan {
  }

  .heading-ut-icon.icon-sakura-chan .in-heading:before {
    width: 70px;
    height: 70px;
  }

  .heading-ut-icon.icon-sakura-chan > span.in-heading{
    padding-left: 80px;
    margin-left: 20px;
    margin-right: 20px;
    max-width: 320px;
    display: block;
  }
}

@media only screen and (max-width: 834px) {
  .panel-ut.type-fixed-width.type-w160.type-num-4 {
        grid-template-columns: repeat(4, auto);
    }
}

.panel-ut > .unit-ut.img-box {
    aspect-ratio: 10 / 9;
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    border-radius: 20px;
    position: relative;
}

.pag-travel-esim .panel-ut > .unit-ut.img-box,
.pag-travel-sim .panel-ut > .unit-ut.img-box {
    background: url(/assets/img/bg/bg-04-pattern.png) center -170% repeat-x, #FCECF3;
    background-size: 120%;
}

.pag-travel-wifi .panel-ut > .unit-ut.img-box {
    background: url(/assets/img/bg/bg-04-pattern.png) center -170% repeat-x, #D3F6FF;
    background-size: 120%;
}

.pag-monthly-voice .panel-ut > .unit-ut.img-box {
    background: url(/assets/img/bg/bg-04-pattern.png) center -170% repeat-x, #EE96BD;
    background-size: 120%;
}

.pag-monthly-data-only .panel-ut > .unit-ut.img-box {
    background: url(/assets/img/bg/bg-04-pattern.png) center -170% repeat-x, #EE96BD;
    background-size: 120%;
}

.pag-monthly-wifi .panel-ut > .unit-ut.img-box {
    background: url(/assets/img/bg/bg-04-pattern.png) center -170% repeat-x, #D3F6FF;
    background-size: 120%;
}

.pag-monthly-home-internet .panel-ut > .unit-ut.img-box {
    background: url(/assets/img/bg/bg-04-pattern.png) center -170% repeat-x, #B7DAFA;
    background-size: 120%;
}

.panel-ut > .unit-ut.img-box img {
    margin: auto;
    display: block;
    width: 100%;
}

.pag-travel-sim .panel-ut > .unit-ut.img-box img {
    max-width: 310px;
}

.pag-travel-esim .panel-ut > .unit-ut.img-box img {
    max-width: 200px;
    margin-bottom: 0;
}

.pag-travel-esim .panel-ut > .unit-ut.img-box img:nth-child(1) {
    max-width: 270px;
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
}

.pag-travel-wifi .panel-ut > .unit-ut.img-box img {
    max-width: 200px;
}

.pag-travel-wifi .panel-ut > .unit-ut.img-box img:nth-child(1) {
    max-width: 250px;
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
}

.pag-monthly-voice .panel-ut > .unit-ut.img-box img:nth-child(1) {
    max-width: 260px;
    height: auto;
    margin: 70px auto auto 40px;
    width: 100%;
}

.pag-monthly-voice .panel-ut > .unit-ut.img-box img:nth-child(2) {
    position: absolute;
    max-width: 160px;
    bottom: 0;
    right: 40px;
    width: 100%;
}

.pag-monthly-data-only .panel-ut > .unit-ut.img-box img:nth-child(1) {
    max-width: 260px;
    height: auto;
    margin: 70px auto auto 40px;
    width: 100%;
}

.pag-monthly-data-only .panel-ut > .unit-ut.img-box img:nth-child(2) {
    position: absolute;
    max-width: 160px;
    bottom: 0;
    right: 40px;
    width: 100%;
}

.pag-monthly-wifi .panel-ut > .unit-ut.img-box img {
    max-width: 200px;
}

.pag-monthly-home-internet .panel-ut > .unit-ut.img-box img {
    max-width: 280px;
}

.pag-monthly-home-internet .panel-ut > .unit-ut.img-box img:nth-child(1) {
    max-width: 250px;
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
}

@media only screen and (max-width: 1140px) {
  .pag-travel-sim .panel-ut > .unit-ut.img-box img {
      max-width: 350px;
      padding: 0 20px;
  }

  .pag-travel-esim .panel-ut > .unit-ut.img-box img:nth-child(1) {
      top: 20px;
      max-width: 70%;
  }

  .pag-travel-esim .panel-ut > .unit-ut.img-box img {
      max-width: 50%;
  }

  .pag-travel-wifi .panel-ut > .unit-ut.img-box img:nth-child(1) {
      top: 20px;
      max-width: 60%;
  }

  .pag-travel-wifi .panel-ut > .unit-ut.img-box img {
      max-width: 50%;
  }

  .pag-monthly-voice .panel-ut > .unit-ut.img-box img:nth-child(1) {
      max-width: 60%;
      margin: 40px auto auto 20px;
  }

  .pag-monthly-voice .panel-ut > .unit-ut.img-box img:nth-child(2) {
      max-width: 40%;
      right: 20px;
  }

  .pag-monthly-data-only .panel-ut > .unit-ut.img-box img:nth-child(1) {
      max-width: 60%;
      margin: 40px auto auto 20px;
  }

  .pag-monthly-data-only .panel-ut > .unit-ut.img-box img:nth-child(2) {
      max-width: 40%;
      right: 20px;
  }

  .pag-monthly-home-internet .panel-ut > .unit-ut.img-box img {
      max-width: 66%;
  }

  .pag-monthly-home-internet .panel-ut > .unit-ut.img-box img:nth-child(1) {
      max-width: 50%;
  }

  .pag-monthly-home-internet .panel-ut > .unit-ut.img-box,
  .pag-monthly-wifi .panel-ut > .unit-ut.img-box,
  .pag-monthly-data-only .panel-ut > .unit-ut.img-box,
  .pag-travel-esim .panel-ut > .unit-ut.img-box,
  .pag-travel-sim .panel-ut > .unit-ut.img-box,
  .pag-travel-wifi .panel-ut > .unit-ut.img-box,
  .pag-monthly-voice .panel-ut > .unit-ut.img-box {
      max-width: 460px;
      justify-self: center;
  }


}

@media only screen and (min-width: 641px) and (max-width: 835px) {
  .pag-monthly-home-internet .panel-ut > .unit-ut.img-box, .pag-monthly-wifi .panel-ut > .unit-ut.img-box, .pag-monthly-data-only .panel-ut > .unit-ut.img-box, .pag-travel-esim .panel-ut > .unit-ut.img-box, .pag-travel-sim .panel-ut > .unit-ut.img-box, .pag-travel-wifi .panel-ut > .unit-ut.img-box, .pag-monthly-voice .panel-ut > .unit-ut.img-box {
      max-width: calc(100% + 40px);
      justify-self: center;
      border-radius: 0;
      height: 380px;
      padding: 0 20px;
      box-sizing: content-box;
  }

  .pag-monthly-voice .panel-ut > .unit-ut.img-box,
  .pag-monthly-data-only .panel-ut > .unit-ut.img-box {
      background: url(/assets/img/bg/bg-04-pattern.png) center 200px repeat-x, #EE96BD;
      background-size: contain;
  }

  .pag-monthly-wifi .panel-ut > .unit-ut.img-box {
      background: url(/assets/img/bg/bg-04-pattern.png) center 200px repeat-x, #D3F6FF;
      background-size: contain;
  }

  .pag-monthly-home-internet .panel-ut > .unit-ut.img-box {
      background: url(/assets/img/bg/bg-04-pattern.png) center 200px repeat-x, #B7DAFA;
      background-size: contain;
  }

  .pag-travel-wifi .panel-ut > .unit-ut.img-box {
      background: url(/assets/img/bg/bg-04-pattern.png) center 200px repeat-x, #D3F6FF;
      background-size: contain;
  }

  .pag-travel-esim .panel-ut > .unit-ut.img-box, .pag-travel-sim .panel-ut > .unit-ut.img-box {
      background: url(/assets/img/bg/bg-04-pattern.png) center 200px repeat-x, #FCECF3;
      background-size: contain;
  }

  .pag-monthly-home-internet .panel-ut > .unit-ut.img-box,
  .pag-monthly-wifi .panel-ut > .unit-ut.img-box,
  .pag-monthly-data-only .panel-ut > .unit-ut.img-box,
  .pag-travel-esim .panel-ut > .unit-ut.img-box,
  .pag-travel-sim .panel-ut > .unit-ut.img-box,
  .pag-travel-wifi .panel-ut > .unit-ut.img-box,
  .pag-monthly-voice .panel-ut > .unit-ut.img-box {
      margin-top: -20px;
      transition: 0;
  }

  .pag-monthly-voice .panel-ut > .unit-ut.img-box img:nth-child(1),
  .pag-monthly-data-only .panel-ut > .unit-ut.img-box img:nth-child(1) {
      max-width: 260px;
      margin: 70px auto auto calc(50% - 200px);
  }

  .pag-monthly-voice .panel-ut > .unit-ut.img-box img:nth-child(2),
  .pag-monthly-data-only .panel-ut > .unit-ut.img-box img:nth-child(2) {
      max-width: 160px;
      right: calc(50% - 200px);
  }

  .pag-monthly-home-internet .panel-ut > .unit-ut.img-box img {
      max-width: 280px;
  }

  .pag-monthly-home-internet .panel-ut > .unit-ut.img-box img:nth-child(1) {
      max-width: 250px;
      top: 20px;
  }

  .pag-travel-wifi .panel-ut > .unit-ut.img-box img:nth-child(1) {
      top: 30px;
      max-width: 250px;
  }

  .pag-travel-wifi .panel-ut > .unit-ut.img-box img {
      max-width: 200px;
  }

  .pag-travel-esim .panel-ut > .unit-ut.img-box img:nth-child(1) {
      top: 60px;
      max-width: 270px;
  }

  .pag-travel-esim .panel-ut > .unit-ut.img-box img {
      max-width: 200px;
  }


}