@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: 48px;
    margin-left: 10px;
  }
  .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;
  }
  .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 a.button-ut {
    padding: 10px 15px;
  }
}

/*  */

.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: #E269A4;
}
.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;
}
@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: 50px;
  padding-bottom: 50px;
}


/* 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;
}
.section-bottom-menu-a .p-head .c-heading .c-sub {
  margin-left: 15px;
  color: #222;
}
.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);
}


@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: 10px;
  }
  .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: 70px; /* 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.notice-ut,
h3.heading-ut.notice-ut,
h2.heading-ut.notice-ut,
h1.heading-ut.notice-ut {
  color: #E269A4 !important;
}

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

@media only screen and (max-width: 640px) {
  h2.heading-ut-icon.type-okaka {
    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;
}

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.notice-ut,
dd.notice-ut,
dt.notice-ut,
dl.notice-ut,
li.notice-ut,
ol.notice-ut,
ul.notice-ut,
strong.notice-ut,
span.notice-ut,
p.notice-ut {
  color: #E269A4 !important;
}
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: #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;
  }
}

/* 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: 2.0rem;
  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: 2.0rem;
  font-weight: 700;
}
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 .c-text:before {
  background-image: url(/assets/img-leaf/icon/airport-01-pink2.svg);
}
a.button-ut.model-category.type-airport.st-active .c-text:before {
  background-image: url(/assets/img-leaf/icon/airport-01-white.svg);
}
a.button-ut.model-category.type-airport.st-active:hover .c-text:before {
  background-image: url(/assets/img-leaf/icon/airport-01-pink2.svg);
}

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

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

a.button-ut.model-category.type-residence .c-text:before {
  background-image: url(/assets/img-leaf/icon/residence-01-pink2.svg);
}
a.button-ut.model-category.type-residence.st-active .c-text:before {
  background-image: url(/assets/img-leaf/icon/residence-01-white.svg);
}
a.button-ut.model-category.type-residence.st-active:hover .c-text: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: 2px solid #F5F5F5;
}

.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;
}

/*  */

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:after {
  background-image: url(/assets/img-leaf/icon/arrow-01-right-gray.svg);
}

.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% + 8px );
    bottom: auto;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate( 90deg );
  }
}

/*  */

@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.type-konbu-a
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.panel-ut.type-connecting-a.type-okaka > .unit-ut:after {
  top: 40px;
  height: 1px;
  background: #E269A4;
}
.type-connecting-a h3.heading-ut.type-konbu-a .c-pre {
  font-size: 2.4rem;
  color: #E269A4;
}
.type-connecting-a .heading-ut.type-konbu-a .c-text {
  font-weight: 400;
}


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

.table-ut-manyrows.type-okaka thead th {
  background: #EE96BD;
}
.table-ut-manyrows.type-okaka tbody th {
  background: #fff;
}


/* 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
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* 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-plain > .unit-ut {
  border: 1px solid #E269A4;
}

/*  */

.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 3px #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: 2.0rem;
  font-weight: 700;
}
.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 {
  font-size: 3.2rem;
  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-wifi .case-3 .p-head .c-heading {
  font-size: 2.4rem;
}
.block-plan-b .p-head a.c-heading {
  color: #fff;
}
.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;
  }
}

/* .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: #E269A4;
}
.block-plan-b.variation-sim .unit-ut.case-3 .p-head .c-heading {
  background: #E34592;
}

/* .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;
}
@media only screen and (max-width: 640px) {
  .block-plan-b.variation-wifi .case-3 .p-head .c-heading {
    font-size: 1.8rem;
  }
}

/* .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: 93px;
}
.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: 15px;
}
.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;
  }
}


/* .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: #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;
}
.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: 640px) {
  .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 {
    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;
}
.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-plan-a > .unit-ut.case-2 .card-ut-head .type-head {
}
.block-plan-a > .unit-ut.case-2 .card-ut-head .type-main {
}



/* .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: #FF729A;
}
.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;
}

@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 .nav-ut-button.type-height-match ul li {
    height: 30px;
  }
  .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-ut {
    margin-bottom: 40px !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;
  }
}

.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;
}
.section-visual-a .p-main-02 a.button-ut.type-andes {
  border: solid 3px #fff;
  background: #fff;
  color: #04996E;
}
.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: 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: 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 .heading-ut-pre {
  color: #E34592;
}
.section-visual-h h1.c-heading {
  font-size: 3.6rem;
  font-weight: 800;
}
.section-visual-h .label-ut-rating.type-line-1 > .c-text {
  color: #E269A4;
}

.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;
}
.section-visual-h .card-ut-price > .c-wrap > .c-unit {
  margin-left: 10px;
  font-size: 2.6rem;
}

/*  */

.cat-monthly .section-visual-h h1.c-heading {
  margin-bottom: 10px;
}
.cat-monthly .section-visual-h .label-ut-rating {
  display: inline-flex;
  margin-bottom: 10px;
}


/* .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 );

  }
}
