@charset "utf-8";

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

Reset
Layout
Base wtools の上書き
Section
- visual
- belt
Model
Block

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


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

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

body { /* 250212 */
  padding-top: 70px;
}

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

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


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

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

/* l-header */

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

.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.model-filament .l-utility > .p-nav-global a:hover,
.l-header.model-filament .l-utility > .p-nav-global a {
  text-decoration: none;
}

.l-header .p-action a.c-primary {
  padding-top: 10px;
  padding-bottom: 10px;
  background: #E269A4;
  color: #fff;
  font-size: 16px;
  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 .l-utility .p-action {
    top: 5px;
  }
  .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 .l-utility .p-action {
    top: 5px;
    right: 65px;
  }
  .l-header.model-filament .l-utility .button-ut.c-primary {
    padding: 10px 15px;
  }
}

/*  */

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

/*  */

.l-header .p-nav-global a {
  font-size: 16px;
}
.l-header .p-nav-global .nav-ut-horizontal {
  margin-left: 20px;
}
.l-header .p-nav-global .nav-ut-horizontal > li {
  padding: 10px 20px;
}
.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;
}
.l-header .p-nav-global .nav-ut-horizontal > li.st-active > a {
  height: 50px;
  background: #FCECF3;
}

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

/*  */

.nav-ut-horizontal > li > ul{
  top: 70px;
}
.nav-ut-horizontal.type-wide-child > li > ul {
  padding-bottom: 30px;
  padding-left: 20px;
  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: 610px;
}
.nav-ut-horizontal.type-wide-child > li.cat-monthly > ul {
  width: 700px;
}
.nav-ut-horizontal.type-wide-child > li > a > .c-highlight {
  font-size: 16px;
}
.nav-ut-horizontal.type-wide-child > li > a > .c-sub {
  font-size: 12px;
}
.nav-ut-horizontal.type-wide-child > li > a > .c-text {
  font-size: 16px;
}
.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 > 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.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-overlay-menu */

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

/*
.l-overlay-menu .nav-ut-button ul li a {
  font-size: 18px;
  color: #222222;
  text-decoration: none;
}
.l-overlay-menu .nav-ut-button ul li a:hover {
  text-decoration: underline;
}

.l-overlay-menu .nav-ut-button ul li a.c-primary,
.l-header .p-action a.c-primary {
  padding-top: 10px;
  padding-bottom: 10px;
  background: #E269A4;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
.l-overlay-menu .nav-ut-button ul li a.c-primary:hover,
.l-header .p-action a.c-primary:hover {
  background: rgba(227, 69, 146, 1);
  color: rgba(255, 255, 255, 0.6);
}

.l-overlay-menu .nav-ut-button ul li a.c-primary {
  margin-left: 20px;
  margin-right: 20px;
  width: calc(100% - 40px);
  font-size: 18px;
}
.l-overlay-menu .nav-ut-button ul li a.c-primary {
  padding-top: 14px;
  padding-bottom: 14px;
}
*/

@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: 16px;
}
.l-overlay-menu .foot-frame a.button-ut.model-secondary {
  padding-top: 10px;
  padding-bottom: 10px;
  background: #E269A4;
  color: #fff;
  font-size: 16px;
  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-ut-smartphone-menu .with-child > a:after {
  top: 16px;
  width: 12px;
  height: 12px;
  background-image: url(/assets/img/icon-d/arrow-04-down-black.svg);
}
.nav-ut-smartphone-menu .with-child.st-active > a:after {
  background-image: url(/assets/img/icon-d/arrow-04-up-pink.svg);
}
.nav-ut-smartphone-menu .with-child.st-active > a {
  color: #E269A4;
}
.nav-ut-smartphone-menu > ul > li > ul {
  background: #FFF9FB;
}
.nav-ut-smartphone-menu > ul > li > a:hover {
  color: #E269A4;
}
@media only screen and (max-width: 640px) {
  .nav-ut-smartphone-menu .p-foot {
    display: none;
  }
}


/* .nav-go-pagetop */

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

/* .l-footer */

.l-footer {
  background: #fff;
}
.l-footer .c-copyright {
  margin-top: 0;
}

/*  */

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


/* footer menu */

.section-bottom-menu-a a {
  color: #737373;
  text-decoration: none;
}
.section-bottom-menu-a a:hover {
  color: #E269A4;
}
.section-bottom-menu-a .c-logo {
  width: 240px;
}

/*  */

.section-bottom-menu-a .p-head .c-heading .c-link {
  font-size: 20px;
}
.section-bottom-menu-a .p-head .c-heading .c-sub {
  margin-left: 15px;
  color: #737373;
}
.section-bottom-menu-a .level-2 h4.c-heading {
  margin-bottom: 5px;
  color: #222;
  font-weight: 700;
}

/*  */

.section-bottom-menu-a .p-head .c-nav a:not(.button-ut) {
  font-size: 12px;
  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 h3.c-heading {
    margin-bottom: 20px;
  }
  .section-bottom-menu-a .p-head .c-nav {
    justify-content: center;
    flex-direction: row-reverse;
  }
}


/* Base
= = = = = = = = = = = = = = = = = = = = = = = = = = */

h2.heading-ut {
  font-size: 36px;
  font-weight: 700;
}
h2.heading-ut-icon.type-okaka {
  font-size: 36px;
  font-weight: 700;
}
h3.heading-ut {
  margin-bottom: 40px;
  padding-top: 0;
  border-top: none;
  font-size: 24px;
  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;
}
p.lead-ut {
  font-size: 20px;
}
p.paragraph-ut {
  font-size: 16px;
}

/* text */

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

/* button */

a.button-ut.model-primary {
  padding-top: 14px;
  padding-bottom: 14px;
  background: #04996E;
  font-size: 20px;
  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: 20px;
  font-weight: 700;
}
a.button-ut.model-secondary:hover {
  background: #E34592 !important;
  color: rgba(255, 255, 255, 0.6) !important;
}

a.button-ut.model-secondary.type-download {
  padding-right: 60px;
  border: solid 1px #E269A4;
  font-size: 16px;
}
a.button-ut.model-secondary.type-download:before {
  right: 45px;
  background-image: url(/assets/img/icon-d/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/icon-d/download-02-pink.svg);
}

a.button-ut.model-secondary.type-submit {
  padding-right: 55px;
  border: solid 1px #E269A4;
  font-size: 16px;
}
a.button-ut.model-secondary.type-submit:before {
  right: 60px;
  background-image: url(/assets/img/icon-d/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/icon-d/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: 16px;
  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);
}

/*  */

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

/*  */

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

/* 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;
  }
}

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

.bg-ut-gray.type-superpale {
  background-color: #F5F5F5 !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-superpale {
  /* background-color: #E4F2FF !important; */
}

/*  */

.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/badge/unlimited-data-01-gray.svg);
}

/*  */

.board-ut.model-plain {  
  border-radius: 20px;
  border: 1px solid #E269A4;
}
.board-ut h2.type-legend {
  color: #E269A4;
}


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


/* .section-visual-a
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.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 {
  font-size: 46px;
  font-weight: 800;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.section-visual-a h1.c-heading .c-sub {
  font-size: 18px;
  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: 20px;
    color: #737373;
    text-shadow: none;
  }
  .section-visual-a h1.c-heading .c-sub {
    font-size: 16px;
    font-weight: 400;
    text-shadow: none;
  }
  .section-visual-a h1.c-heading .c-highlight {
    position: relative;
    display: inline-block;
    padding-right: 40px;
    font-size: 32px;
    color: #E269A4;
  }
  .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/icon-d/sakura-01-pink.svg);
  }



}

.section-visual-a .nav-ut-handling li.c-heading {
  font-size: 32px;
  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:before {
  background-image: url(/assets/img/icon-d/airplane-01-white.svg);
}
.section-visual-a .p-main-01 a.button-ut.type-andes:after {
  background-image: url(/assets/img/icon-d/arrow-04-right-white.svg);
}
.section-visual-a .p-main-02 a.button-ut.type-andes:before {
  background-image: url(/assets/img/icon-d/home-01-greenbtn1.svg);
}
.section-visual-a .p-main-02 a.button-ut.type-andes:after {
  background-image: url(/assets/img/icon-d/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:after {
    background-image: url(/assets/img/icon-d/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: 280px;
  height: 190px;
}
.cat-monthly .section-visual-b .in-container,
.cat-travel .section-visual-b .in-container {
  height: 280px;
}
.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, rgba(247, 247, 247, 0.50) -1.11%, #FCE9F2 61.36%);
}
.section-visual-b .c-bg-gradation-02 {
  background: #FCE9F2;
}

.section-visual-b .c-heading .c-text {
  font-size: 40px;
  font-weight: 800;
}
.section-visual-b .c-heading .c-sub {
  font-size: 20px;
  font-weight: 600;
}

.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: 42px;
  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: 32px;
  font-weight: 600;
  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/icon-d/airplane-01-white.svg);
}
.pag-monthly-hub .section-visual-b .c-heading.type-icon:before {
  background-image: url(/assets/img/icon-d/home-01-white.svg);
}


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

.section-visual-h .card-ut-title-label .heading-ut-pre {
  color: #E34592;
}
.section-visual-h h1.c-heading {
  font-size: 36px;
  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: 20px;
}
.section-visual-h .card-ut-price > .c-wrap > .c-price {
  margin-left: 10px;
  font-size: 36px;
}
.section-visual-h .card-ut-price > .c-wrap > .c-unit {
  margin-left: 10px;
  font-size: 26px;
}

/*  */

.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-belt-a
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.section-belt-a .in-container {
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: 0;
  padding-right: 0;
}
.section-belt-a .card-ut.type-helium {
  grid-template-columns: 36px 1fr;
  color: #E269A4;
}
.section-belt-a .card-ut.type-helium .c-pic {
  display: flex;
  align-items: center;
}
.section-belt-a .card-ut.type-helium .c-heading {
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
}
.section-belt-a .card-ut.type-helium .c-lead {
  font-weight: 600;
}

@media only screen and (max-width: 640px) {
  .section-belt-a .unit-ut {
    margin-bottom: 0 !important;
  }
  .section-belt-a .card-ut.type-helium .c-heading {
    font-size: 20px;
  }
  .section-belt-a .card-ut.type-helium .c-lead {
    font-size: 12px;
  }
}


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

.grid-ut.model-plain > .unit-ut {
  border: solid 1px #E269A4;
  border-radius: 20px;
}


/* standard
- - - - - - - - - - - - - - - - - - - - - - - - - - */

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


/* resilient
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.grid-ut.panel-ut-bonito > .unit-ut {
  border-radius: 20px;
}
.grid-ut.panel-ut-bonito > .unit-ut .card-ut {
  color: #222;
  text-decoration: none;
}
.grid-ut.panel-ut-bonito > .unit-ut .card-ut > .c-heading {
  color: #222;
  text-decoration: none;
}
.grid-ut.panel-ut-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: 14px;
}
.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;
}


/* accordion */

.accordion-ut > .unit-ut > .p-head > a:after,
.accordion-ut > .unit-ut > a:after {
  background-image: url(/assets/img/icon-d/arrow-01-down-black.svg);
}
.accordion-ut > .unit-ut > .p-head > a:visited,
.accordion-ut > .unit-ut > .p-head > a {
  padding: 16px;
  font-size: 16px;
  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/icon-d/arrow-03-down-gray.svg);
}
.accordion-ut.block-accordion-a.type-okaka > .unit-ut > .p-head > a:hover:after {
  background-image: url(/assets/img/icon-d/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/icon-d/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-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/icon-d/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/icon-d/arrow-02-up-pink.svg);
}


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

.block-plan-table-a .main-frame .unit-ut.badge-ut:after {
  background-image: url(/assets/img/badge/recommended-01-black.svg);
}
.block-plan-table-a .p-head .c-heading {
  font-size: 24px;
  color: #fff;
}
.block-plan-table-a .p-head a.c-heading {
  color: #fff;
}
.block-plan-table-a .p-head a.c-heading:before {
  background-image: url(/assets/img/icon-d/arrow-01-right-white.svg);
}

.block-plan-table-a.type-okaka .p-head {
  border-radius: 20px 20px 0 0;
}
.block-plan-table-a.type-okaka .p-main {
  border-radius: 0 0 20px 20px;
}
.block-plan-table-a.type-okaka .p-head .c-info,
.block-plan-table-a.type-okaka .p-main dd {
  background: #fff;
}
@media only screen and (max-width: 640px) {
  .block-plan-table-a.type-okaka .p-head .c-info .c-wrap {
    line-height: 1.2;
  }
  .block-plan-table-a.type-okaka .p-head .c-info .c-sub {
    font-size: 14px;
  }
}
.block-plan-table-a .main-frame .unit-ut {
  filter: drop-shadow(8px 8px 12px rgba(0, 0, 0, 0.12));
}

.block-plan-table-a .card-ut-price > .c-wrap > .c-text {
}
.block-plan-table-a .card-ut-price > .c-wrap > .c-price {
}
.block-plan-table-a .card-ut-price > .c-wrap > .c-unit {
}

.block-plan-table-a.type-scroll-horizontal-tablet .p-head .c-heading,
.block-plan-table-a.type-scroll-horizontal-tablet .head-frame .c-heading {
  min-height: 93px;
}
.block-plan-table-a.type-scroll-horizontal-tablet .head-frame .c-info {
  min-height: 103px;
}
@media only screen and (max-width: 640px) {
  .block-plan-table-a.type-scroll-horizontal-tablet .p-head {
    min-width: 190px;
  }
  .block-plan-table-a.type-scroll-horizontal-tablet .head-frame .c-info {
    min-height: 123px;
  }
}

/* variation */

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

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

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


/* .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: 12px;
  color: #E269A4;
}
.block-plan-a .card-ut-head .type-head .c-sub {
  font-size: 12px;
}
.block-plan-a .label-ut-discount.type-white-text {
  padding-left: 10px;
  padding-right: 10px;
  border: none;
  background: #FFBC0E;
  font-size: 14px;
}
.block-plan-a .card-ut-head .type-main .c-sub {
  font-size: 14px;
}
@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-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: 42px;
  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: 32px;
    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;
  }
}

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

.grid-ut.type-flow > .unit-ut:after {
  background-image: url(/assets/img/icon-d/arrow-01-right-gray.svg);
}

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

/*  */

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

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

.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: 20px;
  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/icon-d/arrow-01-down-gray.svg);
}
.block-accordion-d > .unit-ut.st-active .p-head .c-control:after {
  background-image: url(/assets/img/icon-d/arrow-01-up-gray.svg);
}

/* 250212 微調整
= = = = = = = = = = = = = = = = = = = = = = = = = = */

.sm-traditional .block-tab-c > .p-nav a:hover,
.sm-traditional .block-tab-c > .p-nav a.st-active,
.sm-traditional .block-tab-c > .p-nav {
  background: #eee;
}
.sm-traditional .block-tab-c > .p-nav li a {
  font-size: 18px;
}

@media only screen and (min-width: 835px) {
.sm-traditional .block-tab-c > .unit-ut {
    margin-top: -2px;
    padding: 40px 140px;
    border: solid #ccc 2px;
    border-radius: 10px;
  }
}


.sm-traditional .card-ut.type-boron.type-left .c-pic {
  margin-left: auto;
}
.sm-traditional .card-ut.type-boron.type-left .c-lead,
.sm-traditional .card-ut.type-boron.type-left .c-heading {
  text-align: center;
}

/*  */

.section-bottom-menu-a .p-head .c-heading .c-sub {
  font-size: 12px;
}
/* 
.sm-traditional 
.sm-traditional  */

/* icon */

.list-ut-icon > li.icon-sns-facebook-02-black:before,
.list-ut-icon.icon-sns-facebook-02-black > li:before,
a.button-ut.type-icon.icon-sns-facebook-02-black .c-text:before,
a.button-ut.type-icon.icon-sns-facebook-02-black:before,
.link-ut-icon.icon-sns-facebook-02-black:before,
.heading-ut-icon.icon-sns-facebook-02-black:before,
.icon-ut.icon-sns-facebook-02-black:before {
  background-image: url(/assets/vendor/wtools/icon/sns-facebook-02-black.svg);
}
.list-ut-icon > li.icon-sns-facebook-02-white:before,
.list-ut-icon.icon-sns-facebook-02-white > li:before,
a.button-ut.type-icon.icon-sns-facebook-02-white .c-text:before,
a.button-ut.type-icon.icon-sns-facebook-02-white:before,
.link-ut-icon.icon-sns-facebook-02-white:before,
.heading-ut-icon.icon-sns-facebook-02-white:before,
.icon-ut.icon-sns-facebook-02-white:before {
  background-image: url(/assets/vendor/wtools/icon/sns-facebook-02-white.svg);
}
.list-ut-icon > li.icon-sns-instagram-02-black:before,
.list-ut-icon.icon-sns-instagram-02-black > li:before,
a.button-ut.type-icon.icon-sns-instagram-02-black .c-text:before,
a.button-ut.type-icon.icon-sns-instagram-02-black:before,
.link-ut-icon.icon-sns-instagram-02-black:before,
.heading-ut-icon.icon-sns-instagram-02-black:before,
.icon-ut.icon-sns-instagram-02-black:before {
  background-image: url(/assets/vendor/wtools/icon/sns-instagram-02-black.svg);
}
.list-ut-icon > li.icon-sns-instagram-02-white:before,
.list-ut-icon.icon-sns-instagram-02-white > li:before,
a.button-ut.type-icon.icon-sns-instagram-02-white .c-text:before,
a.button-ut.type-icon.icon-sns-instagram-02-white:before,
.link-ut-icon.icon-sns-instagram-02-white:before,
.heading-ut-icon.icon-sns-instagram-02-white:before,
.icon-ut.icon-sns-instagram-02-white:before {
  background-image: url(/assets/vendor/wtools/icon/sns-instagram-02-white.svg);
}
.list-ut-icon > li.icon-sns-x-01-white:before,
.list-ut-icon.icon-sns-x-01-white > li:before,
a.button-ut.type-icon.icon-sns-x-01-white .c-text:before,
a.button-ut.type-icon.icon-sns-x-01-white:before,
.link-ut-icon.icon-sns-x-01-white:before,
.heading-ut-icon.icon-sns-x-01-white:before,
.icon-ut.icon-sns-x-01-white:before {
  background-image: url(/assets/vendor/wtools/icon/sns-x-01-white.svg);
}
.list-ut-icon > li.icon-sns-youtube-01-white:before,
.list-ut-icon.icon-sns-youtube-01-white > li:before,
a.button-ut.type-icon.icon-sns-youtube-01-white .c-text:before,
a.button-ut.type-icon.icon-sns-youtube-01-white:before,
.link-ut-icon.icon-sns-youtube-01-white:before,
.heading-ut-icon.icon-sns-youtube-01-white:before,
.icon-ut.icon-sns-youtube-01-white:before {
  background-image: url(/assets/vendor/wtools/icon/sns-youtube-01-white.svg);
}
.list-ut-icon > li.icon-sns-line-01:before,
.list-ut-icon.icon-sns-line-01 > li:before,
a.button-ut.type-icon.icon-sns-line-01 .c-text:before,
a.button-ut.type-icon.icon-sns-line-01:before,
.link-ut-icon.icon-sns-line-01:before,
.heading-ut-icon.icon-sns-line-01:before,
.icon-ut.icon-sns-line-01:before {
  background-image: url(/assets/vendor/wtools/icon/sns-line-01.svg);
}
.list-ut-icon > li.icon-sns-line-02-black:before,
.list-ut-icon.icon-sns-line-02-black > li:before,
a.button-ut.type-icon.icon-sns-line-02-black .c-text:before,
a.button-ut.type-icon.icon-sns-line-02-black:before,
.link-ut-icon.icon-sns-line-02-black:before,
.heading-ut-icon.icon-sns-line-02-black:before,
.icon-ut.icon-sns-line-02-black:before {
  background-image: url(/assets/vendor/wtools/icon/sns-line-02-black.svg);
}
.list-ut-icon > li.icon-sns-line-02:before,
.list-ut-icon.icon-sns-line-02 > li:before,
a.button-ut.type-icon.icon-sns-line-02 .c-text:before,
a.button-ut.type-icon.icon-sns-line-02:before,
.link-ut-icon.icon-sns-line-02:before,
.heading-ut-icon.icon-sns-line-02:before,
.icon-ut.icon-sns-line-02:before {
  background-image: url(/assets/vendor/wtools/icon/sns-line-02.svg);
}
.list-ut-icon > li.icon-sns-line-03-white:before,
.list-ut-icon.icon-sns-line-03-white > li:before,
a.button-ut.type-icon.icon-sns-line-03-white .c-text:before,
a.button-ut.type-icon.icon-sns-line-03-white:before,
.link-ut-icon.icon-sns-line-03-white:before,
.heading-ut-icon.icon-sns-line-03-white:before,
.icon-ut.icon-sns-line-03-white:before {
  background-image: url(/assets/vendor/wtools/icon/sns-line-03-white.svg);
}
.list-ut-icon > li.icon-sns-twitter-01:before,
.list-ut-icon.icon-sns-twitter-01 > li:before,
a.button-ut.type-icon.icon-sns-twitter-01 .c-text:before,
a.button-ut.type-icon.icon-sns-twitter-01:before,
.link-ut-icon.icon-sns-twitter-01:before,
.heading-ut-icon.icon-sns-twitter-01:before,
.icon-ut.icon-sns-twitter-01:before {
  background-image: url(/assets/vendor/wtools/icon/sns-twitter-01.svg);
}
.list-ut-icon > li.icon-cr-jpn:before,
.list-ut-icon.icon-cr-jpn > li:before,
a.button-ut.type-icon.icon-cr-jpn .c-text:before,
a.button-ut.type-icon.icon-cr-jpn:before,
.link-ut-icon.icon-cr-jpn:before,
.heading-ut-icon.icon-cr-jpn:before,
.icon-ut.icon-cr-jpn:before {
  background-image: url(/assets/vendor/wtools/icon/cr-jpn.svg);
}