@charset "utf-8";

/* External Service
- - - - - - - - - - - - - - - - - - - - - - - - - - */

@media only screen and (max-width: 834px) {
  .yotpo.testimonials {
    display: none;
  }
}
#yotpo_testimonials_btn {
  display: none;
}

/* Base UT
- - - - - - - - - - - - - - - - - - - - - - - - - - */

body.st-fixed-header-simple .l-page {
  padding-top: 60px;
}
body.st-fixed-header-simple .l-header {
  position: fixed;
  inset: 0;
  margin: 0 auto;
}

/*  */

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

/*  */

h1.heading-ut {
  margin-bottom: 40px;
  color: #222222;
  font-size: 4.8rem;
  font-weight: 700;
  text-align: center;
}
h2.heading-ut {
  margin-bottom: 40px;
  color: #222222;
  font-size: 3.8rem;
  font-weight: 700;
  text-align: center;
}
h2.c-heading {
  font-size: 3.8rem;
}
h3.heading-ut {
  position: relative;
  margin-bottom: 20px;
  border-top: none;
  font-size: 2.8rem;
  font-weight: 700;
  text-align: center;
}
h3.c-heading {
  font-size: 2.8rem;
}
h3.heading-ut:after {
  display: none;
}
h4.heading-ut {
  border: none;
  padding-left: 0px;
  font-size: 20px;
  font-weight: 700;
  color: #4E4E4E;
  color: #222222;
}
.heading-ut .type-highlight,
.heading-ut.type-highlight {
  color: #E473AA;
}
@media only screen and (max-width: 834px) {
  h2.heading-ut {
    font-size: 3.2rem;
  }
}
@media only screen and (max-width: 640px) {
  h2.heading-ut {
    margin-bottom: 10px;
  }
}

/* .sm2024-lp */

.sm2024-lp h2.heading-ut {
  font-size: 40px;
  color: #555555;
}

/*  */

p.lead-ut {
  font-size: 1.6rem;
  text-align: center;
}
p.paragraph-ut {
  font-size: 1.6rem;
}
p.notes-ut {
  font-size: 1.6rem;
}

/*  */

ul.list-ut-notes.type-sub > li {
  font-size: 16px;
  color: #888888;
}
ul.list-ut-notes.type-okaka > li {
  font-size: 14px;
}

/* icon */

/* icon A */

.icon-ut.icon-calendar-01,
.icon-ut.icon-calendar {
  background-image: url(/assets/img/icon-a/calendar-01-pink.svg);
}
.icon-ut.icon-esim-01-pink {
  background-image: url(/assets/img/icon-a/esim-01-pink.svg);
  background-size: auto 100%;
}
.icon-ut.icon-sim-01-pink {
  background-image: url(/assets/img/icon-a/sim-01-pink.svg);
  background-size: auto 100%;
}

/*
240606 この3つのセットは横長なのでむつかしいかも
price-level-01-cheap-pink
price-level-01-reasonable-pink
price-level-01-expensive-pink
*/

.icon-ut.icon-calendar-02-pink {
  background-image: url(/assets/img/icon-a/calendar-02-pink.svg);
}
.icon-ut.icon-calendar-02-palegray {
  background-image: url(/assets/img/icon-a/calendar-02-palegray.svg);
}
.icon-ut.icon-email-02-pink {
  background-image: url(/assets/img/icon-a/email-02-pink.svg);
}
.icon-ut.icon-chat-01-pink {
  background-image: url(/assets/img/icon-a/chat-01-pink.svg);
  background-size: auto 100%;
}
.icon-ut.icon-call-01-pink {
  background-image: url(/assets/img/icon-a/call-01-pink.svg);
  background-size: auto 100%;
}
.icon-ut.icon-cross-02-palegray {
  background-image: url(/assets/img/icon-a/cross-02-palegray.svg);
}
.icon-ut.icon-check-02-pink {
  background-image: url(/assets/img/icon-a/check-02-pink.svg);
}

.icon-ut.icon-double-circle-01-black {
  background-image: url(/assets/img/icon-a/double-circle-01-black.svg);
}
.icon-ut.icon-circle-01-black {
  background-image: url(/assets/img/icon-a/circle-01-black.svg);
}
.icon-ut.icon-triangle-01-black {
  background-image: url(/assets/img/icon-a/triangle-01-black.svg);
}
.icon-ut.icon-cross-01-black {
  background-image: url(/assets/img/icon-a/cross-01-black.svg);
}
.icon-ut.icon-alert-01-pink2 {
  background-image: url(/assets/img/icon-a/alert-01-pink2.svg);
}
.icon-ut.icon-alert-01-blue {
  background-image: url(/assets/img/icon-a/alert-01-blue.svg);
}
.icon-ut.icon-airport-01-blue {
  background-image: url(/assets/img/icon-a/airport-01-blue.svg);
}
.icon-ut.icon-hotel-01-blue {
  background-image: url(/assets/img/icon-a/hotel-01-blue.svg);
}
.icon-ut.icon-residence-01-blue {
  background-image: url(/assets/img/icon-a/residence-01-blue.svg);
}
.icon-ut.icon-our-office-01-blue {
  background-image: url(/assets/img/icon-a/our-office-01-blue.svg);
}
.icon-ut.icon-post-office-01-blue {
  background-image: url(/assets/img/icon-a/post-office-01-blue.svg);
}
.icon-ut.icon-rank-1-01-pink {
  background-image: url(/assets/img/icon-a/rank-1-01-pink.svg);
}

/* icon B */

.icon-ut.icon-compatibility-01 {
  background-image: url(/assets/img/icon-b/compatibility-01.svg);
}
.icon-ut.icon-network-01 {
  background-image: url(/assets/img/icon-b/network-01.svg);
}
.icon-ut.icon-call-01 {
  background-image: url(/assets/img/icon-b/call-01.svg);
}
.icon-ut.icon-signal-bar-01 {
  background-image: url(/assets/img/icon-b/signal-bar-01.svg);
}
.icon-ut.icon-unlimited-01 {
  background-image: url(/assets/img/icon-b/unlimited-01.svg);
}
.icon-ut.icon-tethering-01 {
  background-image: url(/assets/img/icon-b/tethering-01.svg);
}
.icon-ut.icon-activations-01 {
  background-image: url(/assets/img/icon-b/activations-01.svg);
  background-size: auto 100%;
}
.icon-ut.icon-topup-01 {
  background-image: url(/assets/img/icon-b/topup-01.svg);
}
.icon-ut.icon-share-01 {
  background-image: url(/assets/img/icon-b/share-01.svg);
  background-size: auto 100%;
}
.icon-ut.icon-english-01 {
  background-image: url(/assets/img/icon-b/english-01.png);
}
.icon-ut.icon-battery-01 {
  background-image: url(/assets/img/icon-b/battery-01.svg);
  background-size: auto 100%;
}
.icon-ut.icon-smartphone-01 {
  background-image: url(/assets/img/icon-b/smartphone-01.svg);
  background-size: auto 100%;
}
.icon-ut.icon-data-rollover-01 {
  background-image: url(/assets/img/icon-b/data-rollover-01.svg);
}
.icon-ut.icon-keep-number-01 {
  background-image: url(/assets/img/icon-b/keep-number-01.svg);
}
.icon-ut.icon-esim-01 {
  background-image: url(/assets/img/icon-b/esim-01.svg);
}
.icon-ut.icon-contract-01 {
  background-image: url(/assets/img/icon-b/contract-01.svg);
  background-size: auto 100%;
}
.icon-ut.icon-b-tech-5g-01-pink {
  background-image: url(/assets/img/icon-b/tech-5g-01-pink.svg);
}
.icon-ut.icon-b-tech-5g-02-pink {
  background-image: url(/assets/img/icon-b/tech-5g-02-pink.svg);
}
.icon-ut.icon-b-tech-5g-03-pink {
  background-image: url(/assets/img/icon-b/tech-5g-03-pink.svg);
  background-size: auto 100%;
}
.icon-ut.icon-b-tech-5g-04-pink {
  background-image: url(/assets/img/icon-b/tech-5g-04-pink.svg);
}
.icon-ut.icon-b-tech-5g-04-white {
  background-image: url(/assets/img/icon-b/tech-5g-04-white.svg);
}
.icon-ut.icon-b-tech-5g-05-pink {
  background-image: url(/assets/img/icon-b/tech-5g-05-pink.svg);
}
.icon-ut.icon-calendar-01-pink {
  background-image: url(/assets/img/icon-b/calendar-01-pink.svg);
}
.icon-ut.icon-suspend-01-pink {
  background-image: url(/assets/img/icon-b/suspend-01-pink.svg);
}

/* icon C */

.icon-ut.icon-japan-01 {
  background-image: url(/assets/img/icon-c/japan.svg);
}
.icon-ut.icon-oversea-01 {
  background-image: url(/assets/img/icon-c/oversea.svg);
}

/* icon D */

.icon-ut.icon-d-conversation-01-pink {
  background-image: url(/assets/img/icon-d/conversation-01-pink.svg);
}
.icon-ut.icon-d-conversation-01-blue {
  background-image: url(/assets/img/icon-d/conversation-01-blue.svg);
}
.icon-ut.icon-d-conversation-02-blue {
  background-image: url(/assets/img/icon-d/conversation-02-blue.svg);
}
.icon-ut.icon-d-fast-internet-01-blue {
  background-image: url(/assets/img/icon-d/fast-internet-01-blue.svg);
}
.icon-ut.icon-d-one-package-01-blue {
  background-image: url(/assets/img/icon-d/one-package-01-blue.svg);
}
.icon-ut.icon-d-signal-bar-01-green {
  background-image: url(/assets/img/icon-d/signal-bar-01-green.svg);
}
.icon-ut.icon-d-socket-01-green {
  background-image: url(/assets/img/icon-d/socket-01-green.svg);
}
.icon-ut.icon-d-truck-01-green {
  background-image: url(/assets/img/icon-d/truck-01-green.svg);
}
.icon-ut.icon-d-versus-01-pink {
  background-image: url(/assets/img/icon-d/versus-01-pink.svg);
}

.heading-ut-icon.icon-d-wifi-signal-01-white:before,
.icon-ut.icon-d-wifi-signal-01-white {
  background-image: url(/assets/img/icon-d/wifi-signal-01-white.svg);
}
.heading-ut-icon.icon-d-fiber-cable-01-white:before,
.icon-ut.icon-d-fiber-cable-01-white {
  background-image: url(/assets/img/icon-d/fiber-cable-01-white.svg);
}

/*  */

.label-ut.label-andes {
  padding: 5px 15px;
  border: solid #ccc 2px;
  background: transparent;
  font-size: 20px;
  font-weight: 700;
  color: #ccc;
}
.label-ut.label-andes.type-plan-a {
  border: solid #E49BB4 2px;
  color: #E49BB4;
}
.label-ut.label-andes.type-plan-b {
  border: solid #EE5F90 2px;
  color: #EE5F90;
}
.label-ut.label-andes.type-plan-c {
  border: solid #C56083 2px;
  color: #C56083;
}

/*  */

a.button-ut {
  padding-top: 14px;
  padding-bottom: 14px;
}

/* Button Normal
- - - - - - - - - - - - - - - - - - - - - - - - - - */

a.button-ut.c-primary {
  box-shadow: 0px 18px 30px -12px rgba(118, 182, 61, 0.6);
  background: #57A314;
  color: #fff;
  font-weight: 700;
}
a.button-ut.c-primary.type-no-shadow {
  box-shadow: none;
}
a.button-ut.c-primary:hover {
  background: rgba(75, 146, 12, 1);
  color: rgba(255, 255, 255, 0.6);
}
@media only screen and (max-width: 834px) {
  a.button-ut.c-primary {
    font-size: 1.8rem;
  }
}

/* .c-secondary */

a.button-ut.c-secondary {
  border: 1px solid #FE4F9B;
  background: transparent;
  color: #FE4F9B;
}
a.button-ut.c-secondary:hover {
  box-shadow: 4px 4px 14px 0px rgba(0, 0, 0, 0.15);
  background: #FC509D;
  color: #fff;
}

/* Button Okaka
- - - - - - - - - - - - - - - - - - - - - - - - - - */

a.button-ut.c-primary.type-okaka {
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 10px;
  box-shadow: unset;
  background: #E473AA;
  font-size: 18px;
}
a.button-ut.c-primary.type-okaka:hover {
  background: #CE4F8D;
  color: rgba(255, 255, 255, 0.6);
}

/* .c-secondary */

a.button-ut.c-secondary.type-okaka {
  border-radius: 10px;
  border: 1px solid #E473AA;
  color: #E473AA;
  font-size: 18px;
  font-weight: 700;
}
a.button-ut.c-secondary.type-okaka:hover {
  background: #E473AA;
  color: #fff;
}

/* .c-tertiary */

a.button-ut.c-tertiary.type-okaka {
  border-radius: 10px;
  box-shadow: unset;
  background: #428CBF;
  font-size: 18px;
  font-weight: 700;
}
a.button-ut.c-tertiary.type-okaka:hover {
  background: #428CBF;
  color: rgba(255, 255, 255, 0.6);
}

/* Button Konbu
- - - - - - - - - - - - - - - - - - - - - - - - - - */

a.button-ut.type-konbu {
  font-size: 20px;
  font-weight: 700;
}
a.button-ut.c-primary.type-konbu {
  border-radius: 50px;
  box-shadow: unset;
  background: #E473AA;
  color: #ffffff;
}
a.button-ut.c-primary.type-konbu:hover {
  background: #CE4F8D;
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
}
a.button-ut.c-secondary.type-konbu {
  border-radius: 50px;
  box-shadow: unset;
  border: 2px solid #E372A9;
  background: transparent;
  color: #E372A9;
}
a.button-ut.c-secondary.type-konbu:hover {
  border: 2px solid rgba(227, 114, 169, 0.6);
  color: rgba(227, 114, 169, 0.6);
  text-decoration: none;
}
a.button-ut.c-tertiary.type-konbu {
  border-radius: 50px;
  box-shadow: unset;
  background: #3691E4;
  color: #ffffff;
}
a.button-ut.c-tertiary.type-konbu:hover {
  background: #0067C5;
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
}
a.button-ut.c-special.type-konbu {
  border-radius: 50px;
  box-shadow: unset;
  border: 2px solid #fff;
  background: #fff;
  color: #E473AA;
}
a.button-ut.c-special.type-konbu:hover {
  border: 2px solid #fff;
  background: transparent;
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
}

/* Button Tarako
- - - - - - - - - - - - - - - - - - - - - - - - - - */

a.button-ut.c-primary.type-tarako {
  background: #E573AA;
  box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2) inset;
  border-radius: 40px;
  font-size: 20px;
  border: none;
}
a.button-ut.c-primary.type-tarako:hover {
  background: #dd4790;
  color: rgba(255, 255, 255, 1);
}

/* .c-secondary */

a.button-ut.c-secondary.type-tarako {
  background: #5cb0d5;
  box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2) inset;
  color: rgba(255, 255, 255, 1);
  font-size: 20px;
  font-weight: 700;
  border-radius: 40px;
  border: none;
}
a.button-ut.c-secondary.type-tarako:hover {
  background: #0086c0;
  color: rgba(255, 255, 255, 1);
}
a.button-ut.c-secondary.type-tarako-a {
  background: #76B73E;
  box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2) inset;
  color: rgba(255, 255, 255, 1);
  font-size: 20px;
  font-weight: 700;
  border-radius: 40px;
  border: none;
}
a.button-ut.c-secondary.type-tarako-a:hover {
  background: #459300;
  color: rgba(255, 255, 255, 1);
}

/*  */

a.button-ut-control {
  background-color: #fff;
}
a.button-ut-control:hover {
  background-color: rgba(60,60,60,0.1);
}

/*  */

ol[class*="list-ut"],
ul[class*="list-ut"] {
  font-size: 1.6rem;
}
ul.list-ut-mark > li:before {
  top: 11px;
}

.input-ut-icon input::placeholder {
  color:#ACACAC;
  font-size: 1.4rem;
}

/*  */

.nav-ut-button ul li {
  margin-left: 10px;
  margin-right: 10px;
}
.nav-ut-button.type-left ul li {
  margin-right: 0;
}

.nav-ut-button.type-vertical ul li {
  margin-bottom: 30px;
  margin-left: 0;
  margin-right: 0;
}
.nav-ut-button.type-vertical ul li:last-child {
  margin-bottom: 0;
}

.nav-ut-horizontal > li > a:hover {
  background: none;
  text-decoration: underline;
}

/* 
type-okaka
type-konbu
type-tarako
type-ikura
type-ume
type-sake
*/

.list-ut-bullet-icon > li:before {
  background-image: url(/assets/img/icon/check-01-highlight.svg);
}
.list-ut-bullet-icon.type-okaka > li:before {
  background-image: url(/assets/img/icon/check-01-palepink.svg);
}
.list-ut-bullet-icon.type-konbu > li:before {
  top: 2px;
  background-image: url(/assets/img/icon/check-02-gray.svg);
}
.list-ut-bullet-icon.type-konbu > li.type-highlight {
  color: #E473AA;
  font-weight: 700;
}
.list-ut-bullet-icon.type-konbu > li.type-highlight:before {
  background-image: url(/assets/img/icon/check-02-highlight.svg);
}
.list-ut-bullet-icon.type-tarako > li:before {
  background-image: url(/assets/img/icon-a/check-01-green.svg);
}
.list-ut-bullet-icon.type-ikura > li:before {
  width: 15px;
  height: 15px;
  background-image: url(/assets/img/icon-d/check-03-green.svg);
}
.list-ut-bullet-icon.type-ikura > li.type-cross:before {
  background-image: url(/assets/img/icon-a/cross-02-palegray.svg);
}




/*  */

.card-ut h3.c-heading {
  font-size: 1.8rem;
  font-weight: 700;
}
.card-ut.type-helium .c-heading {
  margin-left: 20px;
  margin-bottom: 20px;
}
.card-ut.type-helium .c-lead {
  margin-left: 20px;
}

.list-ut-bullet-icon > li {
  margin-bottom: 5px;
  font-size: 1.6rem;
}

.card-ut.type-boron .c-pic {
  width: 100px;
}

/*  */

.accordion-ut {
  border-top: none;
  border-right: none;
  border-left: none;
}
.accordion-ut .wrap-unit.st-active > .c-nav > a,
.accordion-ut .wrap-unit > .c-nav > a:hover {
  background-color: #F2F2F2;
}
.accordion-ut .wrap-unit:last-child > .unit-ut,
.accordion-ut .wrap-unit:last-child > .c-nav > a {
  border-bottom: none;
}
.accordion-ut .wrap-unit > .c-nav > a {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: 700;
}
.accordion-ut h4.c-heading {
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: 700;
}
.accordion-ut h5.c-heading {
  margin-bottom: 24px;
  font-size: 16px;
  font-weight: 700;
}

/*  */

.heading-ut-pre {
  color: #E372A9;
}

/*  */

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

.bg-ut-pink {
  background-color: #E473AA;
}
.bg-ut-pink.type-pale {
  background-color: #FFEDF5;
}
.bg-ut-pink.type-superpale {
  background-color: #FFF4F9;
}


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

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

/* .bg-ut-blue-a
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.bg-ut-blue-a.type-superpale {
  background-color: #ECF5FF;
}

/* .bg-ut-blue-a
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.bg-ut-blue-b.type-superpale {
  background-color: #E4F2FF;
}

/* .bg-ut-blue-a
- - - - - - - - - - - - - - - - - - - - - - - - - - */

table.table-ut-manyrows {
  border-top: solid 1px rgb(232, 232, 232);
  border-left: solid 1px rgb(232, 232, 232);
  font-size: 15px;
}
.table-ut-manyrows th,
.table-ut-manyrows td {
  border-right: solid 1px rgb(232, 232, 232);
  border-bottom: solid 1px rgb(232, 232, 232);
}
.table-ut-manyrows th {
  background: rgb(248, 248, 248);
}
.table-ut-manyrows td {
  background: #fff;
}

table[class*="table-ut"].table-ut-manyrows.type-line-bg-odd tr:nth-child(odd) td {
  background: rgb(241, 241, 241); /* Customize */
}
.table-ut-manyrows h4 {
  font-size: 15px;
  margin-bottom: 8px;
}
.table-ut-manyrows .notes-ut a,
.table-ut-manyrows .notes-ut {
  font-size: 13px;
  line-height: 1;
}