@charset "utf-8";

/* base */
:root {
  --main-color: #eb4b7b;
  --lp-10g-color: #cf2a76;
  --lp-10g-bg-color: #f7eaf0;
  --lp-1g-color: #3c830d;
  --lp-1g-bg-color: #e7efe3;
  --option-color: white;
  --faq-color: #faf6f0;
}

#gnav.ux2v1.lpnav{
  background: #000;
}
#gnav.ux2v1.lpnav>ul {
  margin: auto;
  max-width: 950px;
  display: flex;
  justify-content: left;
}
#gnav.ux2v1.lpnav>ul>li {
  min-width: 220px;
  width: 22%;
  position: relative;
  display: inline-flex;
}
body.ux2v1.lpnav #gnav>ul>li:last-child, #gnav.ux2v1.lpnav>ul>li:last-child{
  min-width: 220px;
  width: 22%;
}
#gnav.ux2v1.lpnav>ul>li>a {
  padding: 1em;
  width: 100%;
  display: block;
  position: relative;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
}
body.ux2v1.lpnav #gnav>ul>li:not(:last-child)>a:hover::before,
#gnav.ux2v1.lpnav>ul>li:not(:last-child)>a:hover::before,
#gnav.ux2v1.lpnav.lpnav>ul>li>a::before,
#gnav.ux2v1.lpnav>ul>li:last-child>a::after{
  content: "";
  position: absolute;
  top: 20%;
  left: 0;
  border-left: 1px solid #eee;
  height: 60%;
  background: none;
}
#gnav.ux2v1.lpnav>ul>li:last-child>a::after{
  left: inherit;
  right: 0;
}
#gnav.ux2v1.lpnav>ul>li .inner{
  padding: 0;
  position: absolute;
  top: 42px;
  left: 0;
  width: 100%;
  background: #4B4B4B;
}
.floatingbnr{
  line-height: 1;
  background: center center / cover url(/access/images/hikari/10g/lp/cpn/bg_10g_cashback.png) no-repeat;
}
.floatingbnr img{
  margin: auto;
  max-width: 794px;
  width: 100%;
  display: block;
}
.bnr-cpn-limited{
  margin: 30px 0;
  text-align: center;
}
.bnr-cpn-limited a:hover{
  opacity: .7;
}
.lpnav .panel ul{
  padding: 0;
  display: block;
}
.lpnav .panel ul>li{
  display: block;
}
.lpnav .panel ul>li+li{
  border-top: 1px solid #EEE;
}
.lpnav .panel ul>li>a{
  padding: 1em;
  display: block;
  position: relative;
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
}
.lpnav .panel ul>li>a:hover{
  background-color: #666;
}
.lpnav .panel ul>li>a::after{
  content: "";
  margin: auto;
  width: 12px;
  height: 6px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 7px;
  background: top center / contain url(/access/images/hikari/lp/icon_gnav_02.png) no-repeat;
}
body.ux2v1.lpnav #gnav>ul>li.haspanel>a span, #gnav.ux2v1.lpnav>ul>li.haspanel>a span{
  padding: 0;
  border: 0;
}
body.ux2v1.lpnav #gnav>ul>li.haspanel>a span::after, #gnav.ux2v1.lpnav>ul>li.haspanel>a span::after{
  content: "";
  margin-left: 5px;
  width: 11px;
  height: 9px;
  display: inline-block;
  right: inherit;
  background: top center / contain url(/access/images/hikari/lp/icon_gnav_01.png) no-repeat;
}
body.ux2v1 footer #categorylist .inner + .inner{
  margin-top: 0;
  padding-top: 0;
}

body.ux2v1 .container a:focus-visible{
  outline: revert;
}
.container a:link,.container a:visited{
  color: #E91E1F;
}
.color-red{
  color: #de0011;
}

.mv-img-index{
  margin: auto;
  padding: 0;
  max-width: 100%;
  background: url(/access/images/hikari/lp/bg_mv_01.png) repeat-x;
}
.mv-img-index img{
  max-width: 1060px;
}
.index-kv-txt{
  padding: 11px;
  display: block;
  text-align: center;
  background: #ee0097;
}
.index-kv-txt img{
  max-width: 1013px;
}
.mv-img-index-02{
  margin: auto;
  padding: 30px 0 0;
  max-width: 100%;
  background: url(/access/images/hikari/index/01/bg_mv_01.png) repeat-x;
  text-align: center;
  line-height: 1;
}
.mv-img-index-02 img{
  margin: auto;
  max-width: 1060px;
  display: block;
}
.kv-notes{
  padding: 15px;
  font-size: 1.4rem;
}

.mod-list-notice>.list{
  font-size: 1.4rem;
}
.notes-list{
  font-size: 1.4rem;
}

.mod-carousel .slick-slider{
  padding: 5px 0;
  max-width: 100%;
  background-color: #000;
}
.mod-carousel .slick-slider .slick-track>li{
  margin: 0 3px;
}

.lp-type-wrap{
  margin: 80px auto 75px;
  max-width: 1000px;
}
.lp-type-wrap .lp-type-hdg{
  margin: 0 auto 20px;
  max-width: 660px;
}
.lp-type-wrap-02{
  margin: 0 auto 40px;
  max-width: 1000px;
}
.lp-type-wrap-02 .lp-type-hdg{
  margin: 0 auto;
  max-width: 610px;
}

.lp-type-list{
  display: flex;
  justify-content: space-between;
}
.lp-type-list > li{
  width: 48.7%;
}
.lp-about-section-wrap{
  padding-top: 90px;
}
.lp-plan-section-wrap,
.lp-charge-section-wrap{
  padding-top: 90px;
  background-color: var(--lp-10g-bg-color);
}
.js-tab-1g .lp-plan-section-wrap,
.js-tab-1g .lp-charge-section-wrap{
  padding-top: 90px;
  background-color: var(--lp-1g-bg-color);
}
.lp-tab-ttl-wrap{
  padding-bottom: 4px;
}
.lp-tab-ttl-wrap .about-ttl-wrap,
.lp-tab-ttl-wrap .plan-ttl-wrap,
.lp-tab-ttl-wrap .charge-ttl-wrap{
  margin: auto;
  max-width: 960px;
}
.lp-about-section-wrap .about-section-contents,
.lp-plan-section-wrap .plan-section-contents,
.lp-charge-section-wrap .charge-section-contents {
  display: none;
}
.lp-about-section-wrap .about-section-contents.cur,
.lp-plan-section-wrap .plan-section-contents.cur,
.lp-charge-section-wrap .charge-section-contents.cur {
  display: block;
}
.lp-tab-contents-wrap{
  padding-top: 80px;
  background: #fff;
}
.container-10g .plan-section-tab-wrap .lp-tab-contents-wrap {
  padding-top: 0;
}
.about-section-tab-wrap .lp-tab-contents-wrap{
  padding-top: 50px;
}
.js-tab-10g .lp-tab-contents-wrap{
  border-top: 4px solid var(--lp-10g-color);
}
.js-tab-1g .lp-tab-contents-wrap{
  border-top: 4px solid var(--lp-1g-color);
}
.lp-plan-section-wrap .lp-tab-contents-wrap{
  background-color: var(--lp-10g-bg-color);
}
.js-tab-1g .lp-plan-section-wrap .lp-tab-contents-wrap{
  background-color: var(--lp-1g-bg-color);
}
.about-ttl-wrap,
.plan-ttl-wrap,
.charge-ttl-wrap{
  display: flex;
  justify-content: space-between;
}
.lp-about-section-wrap .about-ttl-wrap .plan-10g,
.lp-plan-section-wrap .plan-ttl-wrap .plan-10g,
.lp-charge-section-wrap .charge-ttl-wrap .plan-10g{
  display: block;
  width: 467px;
  height: 116px;
  position: relative;
  border: none;
  background: top center / contain url(/access/images/hikari/lp/img_tab_ttl_10g_pc.png) no-repeat;
}
.lp-about-section-wrap .about-ttl-wrap .plan-10g.cur,
.lp-plan-section-wrap .plan-ttl-wrap .plan-10g.cur,
.lp-charge-section-wrap .charge-ttl-wrap .plan-10g.cur{
  background: top center / contain url(/access/images/hikari/lp/img_tab_ttl_10g_pc_cur.png) no-repeat;
}
.lp-about-section-wrap .about-ttl-wrap .plan-1g,
.lp-plan-section-wrap .plan-ttl-wrap .plan-1g,
.lp-charge-section-wrap .charge-ttl-wrap .plan-1g{
  display: block;
  width: 467px;
  height: 116px;
  position: relative;
  border: none;
  background: top center / contain url(/access/images/hikari/lp/img_tab_ttl_1g_pc.png) no-repeat;
}
.lp-about-section-wrap .about-ttl-wrap .plan-1g.cur,
.lp-plan-section-wrap .plan-ttl-wrap .plan-1g.cur,
.lp-charge-section-wrap .charge-ttl-wrap .plan-1g.cur{
  background: top center / contain url(/access/images/hikari/lp/img_tab_ttl_1g_pc_cur.png) no-repeat;
}
.lp-about-section-wrap .lp-tab-contents-inner,
.lp-plan-section-wrap .lp-tab-contents-inner,
.lp-charge-section-wrap .lp-tab-contents-inner{
  position: relative;
}
.plan-txt{
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.lp-about-section-wrap .about-ttl-wrap .plan-10g.cur::after,
.lp-plan-section-wrap .plan-ttl-wrap .plan-10g.cur::after,
.lp-charge-section-wrap .charge-ttl-wrap .plan-10g.cur::after{
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: -22px;
  left: 46%;
  border-style: solid;
  border-right: 14px solid transparent;
  border-left: 14px solid transparent;
  border-top: 14px solid var(--lp-10g-color);
  border-bottom: 0;
}
.lp-about-section-wrap .about-ttl-wrap .plan-1g.cur::after,
.lp-plan-section-wrap .plan-ttl-wrap .plan-1g.cur::after,
.lp-charge-section-wrap .charge-ttl-wrap .plan-1g.cur::after{
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: -22px;
  left: 46%;
  border-style: solid;
  border-right: 14px solid transparent;
  border-left: 14px solid transparent;
  border-top: 14px solid var(--lp-1g-color);
  border-bottom: 0;
}
.img-10g-01{
  margin: 0 auto 28px;
  max-width: 1100px;
}
.plan-section-tab-inner .plan-section-txt{
  margin: 0 0 60px;
}

.about-plan-section{
  border-top: 20px solid var(--lp-10g-color);
  background: top left / contain  url(/access/images/hikari/lp/bg01.png) repeat;
}
.js-tab-1g .about-plan-section{
  border-color: var(--lp-1g-color);
}

.about-plan-section .lp-10g-hdg-01{
  margin: 0 auto 45px;
  max-width: 740px;
}
.about-plan-section .sec-inner{
  max-width: 1000px;
}

.img-10g-recommend-01,
.img-1g-recommend-01{
  margin: 0 auto 60px;
  max-width: 771px;
  line-height: 1;
}
.img-10g-recommend-01 > img,
.img-1g-recommend-01 > img{
  display: block;
}

.about-plan-section .nav-10g{
  margin-bottom: 60px;
}
.about-plan-section .nav-10g>li{
  width: 32%;
}
.about-plan-section .nav-10g-index{
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
}
.about-plan-section .nav-10g-index>li{
  width: 32.3%;
}
.about-plan-section .nav-10g-index>li>a:hover{
  opacity: .7;
}

.about-plan-section .nav-1g{
  margin-bottom: 60px;
  display: flex;
  justify-content: center;
}
.about-plan-section .nav-1g li{
  max-width: 32%;
}
.about-plan-section .nav-1g li + li{
  margin-left: 20px;
}
.about-plan-section .nav-1g-index{
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
}
.about-plan-section .nav-1g-index li{
  max-width: 32.3%;
}
.about-plan-section .nav-1g-index li + li{
  margin-left: 20px;
}
.about-plan-section .nav-1g-index li>a:hover{
  opacity: .7;
}

.about-plan-section .lyt-short .mod-lyt-media .notes-list{
  margin: 30px 0 0;
}
.box-features{
  margin-bottom: 130px;
}
.box-features-inner{
  padding-bottom: 60px;
  border: 1px solid var(--lp-10g-color);
  border-top: 0;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
}
.js-tab-1g .box-features-inner{
  border-color: var(--lp-1g-color);
}
.features-inner{
  padding: 0;
}
.features-inner + .features-inner{
  padding-left: 44px;
}
.box-features-inner.lyt-short {
  padding-top: 20px;
}
.lyt-short .mod-lyt-media{
  margin: auto;
  max-width: 782px;
}
.lyt-short .mod-lyt-media>.inner>.content>:first-child:not(.mod-btn):not([data-col]){
  margin-top: 10px;
}
.lyt-short .mod-lyt-media.of-noBreak>.inner>.media{
  padding-top: 0;
}

.cv-section.cv-pattern-01{
  padding: 53px 16px;
  background: var(--lp-10g-color);
}
.js-tab-1g .cv-section.cv-pattern-01{
  background: var(--lp-1g-color);
}
.cv-pattern-01 .sec-inner{
  padding: 0;
  max-width: 1000px;
}
.cv-section.cv-pattern-01 .cv-box {
  padding: 50px 100px;
}
.cv-section.cv-pattern-short .cv-box{
  padding: 25px;
  border-radius: 12px;
}
.cv-pattern-01 .cv-hdg.icon-web{
  margin-bottom: 17px;
}
.cv-pattern-short.cv-pattern-01 .cv-hdg{
  margin-bottom: 5px;
}
.cv-pattern-short .btn-wrap{
  margin-top: 27px;
}
.cv-section .cv-box .btn-wrap .cv-btn{
  border: 0;
  border-radius: 90px;
  box-shadow: none;
}
.cv-section .cv-box .btn-wrap .cv-btn::after{
  right: 33px;
  width: 16px;
  height: 28px;
  background: top left / contain url(/access/images/hikari/lp/icon_btn01.png) no-repeat;
}
.cv-section.cv-pattern-01 .cv-box .btn-wrap .cv-btn{
  height: 88px;
}
.cv-pattern-short.cv-pattern-01 .cv-box .btn-wrap .cv-btn{
  width: 407px;
}
.cv-pattern-01 .box-tel,
.cv-pattern-01 .box-text{
  border-top-color: #000;
}
.cv-pattern-short.cv-pattern-01 .box-tel{
  border-left: 1px solid #202020;
}
.cv-pattern-01 .col-tel-short .mod-information,
.cv-pattern-01 .col-tel-text .mod-information{
  text-align: left;
}
.tel-number .tel-btn{
  margin-bottom: 0;
  font-size: 5.5rem;
  font-weight: bold;
}
.cv-pattern-01 .cv-hdg.icon-web::before{
  width: 64px;
  height: 43px;
  background: top left / contain url(/access/images/hikari/lp/icon_web01.png) no-repeat;
  vertical-align: middle;
}
.cv-pattern-01 .cv-hdg.icon-tel::before{
  width: 33px;
  height: 47px;
  background: top left / contain url(/access/images/hikari/lp/icon_tel01.png) no-repeat;
  vertical-align: middle;
}
.cv-pattern-01.cv-pattern-short .cv-hdg.icon-web::before{
  margin: 5px auto 3px;
  display: block;
  width: 64px;
  height: 43px;
  background: top left / contain url(/access/images/hikari/lp/icon_web01.png) no-repeat;
}
.cv-pattern-01.cv-pattern-short .cv-hdg.icon-tel::before{
  margin: 0 auto 3px;
  display: block;
  width: 33px;
  height: 47px;
  background: top left / contain url(/access/images/hikari/lp/icon_tel01.png) no-repeat;
}
.cv-pattern-01 .col-tel-text{
  text-align: center;
}
.col-tel-short .notes-list{
  margin: 5px 0 0 0;
}
.cv-section .cv-box{
  border-radius: 14px;
}
.cv-section .tel-number{
  margin-bottom: 10px;
}
.cv-section.cv-pattern-01.cv-lp{
  padding: 0 16px;
  background: #fff;
}
.cv-section.cv-pattern-01.cv-lp .sec-inner{
  max-width: 1000px;
}
.cv-section.cv-pattern-01.cv-lp .cv-box{
  border: 1px solid #000;
  border-radius: 14px;
}
.cv-pattern-short.cv-pattern-01.cv-lp .cv-box .btn-wrap .cv-btn{
  width: 324px;
  height: 61px;
  font-size: 2.2rem;
}
.cv-pattern-short.cv-lp .btn-wrap{
  margin-top: 10px;
}
.cv-pattern-short.cv-lp .btn-wrap + .btn-wrap{
  margin: 14px auto 5px;
}
.cv-section.cv-lp .cv-box .btn-wrap .cv-btn::after{
  width: 12px;
  height: 20px;
  right: 20px;
}
.cv-pattern-short.cv-lp .tel-number{
  margin: 10px auto 20px;
}

.plan-section-tab-inner{
  margin: auto;
  padding: 40px 44px 70px;
  max-width: 1000px;
  background: #fff;
  border-radius: 0 0 42px 42px;
}
.js-tab-10g .plan-section-tab-inner,
.container-10g .plan-section-tab-inner {
  padding-top: 70px;
}
.plan-section-tab-inner .sec-inner{
  padding: 0;
}
.plan-section-tab-inner .privilege-box{
  padding: 5px;
  border: 3px solid var(--lp-10g-color);
  border-radius: 17px;
}
.js-tab-1g .plan-section-tab-inner .privilege-box{
  border-color: var(--lp-1g-color);
}
.plan-section-tab-inner .privilege-box + .privilege-box{
  margin-top: 90px;
}
.plan-section-tab-inner .privilege-box .box-body{
  padding-top: 40px;
}
.plan-section-tab-inner .privilege-box-inner{
  border: 1px solid var(--lp-10g-color);
  border-radius: 13px;
}
.js-tab-1g .plan-section-tab-inner .privilege-box-inner{
  border-color: var(--lp-1g-color);
}
.plan-section-tab-inner .privilege-box .box-ttl{
  background-color: #094ba6;
  max-width: 480px;
  width: auto;
  display: block;
  border-radius: 63px;
  margin: auto;
  padding: 14px 20px;
  text-align: center;
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  font-size: 2.2rem;
  z-index: 2;
}
.plan-section-tab-inner .privilege-box .box-body{
  background: inherit;
}
.plan-section-tab-wrap .plan-hdg{
  margin: auto;
  max-width: 1000px;
  line-height: 1;
}

.cmn-acc-wrap{
  border-color: #505050;
}
.cmn-acc-wrap .cmn-acc-ttl{
  font-size: 1.8rem;
  font-weight: normal;
}
.cmn-acc-wrap .cmn-acc-ttl .icon-acc,
.flow-section .flow-step-list > li .flow-acc-wrap .flow-acc-ttl .icon-acc{
  width: 23px;
  height: 23px;
  border-radius: 23px;
  position: absolute;
  right: 8px;
  display: block;
  background-color: var(--lp-10g-color);
}
.js-tab-1g .cmn-acc-wrap .cmn-acc-ttl .icon-acc,
.js-tab-1g .flow-section .flow-step-list > li .flow-acc-wrap .flow-acc-ttl .icon-acc{
  background-color: var(--lp-1g-color);
}
.cmn-acc-wrap .cmn-acc-ttl .icon-acc::before,
.cmn-acc-wrap .cmn-acc-ttl .icon-acc::after,
.flow-section .flow-step-list > li .flow-acc-wrap .flow-acc-ttl .icon-acc::after,
.flow-section .flow-step-list > li .flow-acc-wrap .flow-acc-ttl .icon-acc::before{
  background: #fff;
  content: "";
  display: block;
  width: 13px;
  height: 2px;
  position: absolute;
  right: 5px;
  top: calc(50% - 1px);
  transition: all 0.3s ease;
}
.cmn-acc-wrap .cmn-acc-ttl .icon-acc::after,
.flow-section .flow-step-list > li .flow-acc-wrap .flow-acc-ttl .icon-acc::after{
  transform: rotate(90deg);
}
.cmn-acc-wrap .cmn-acc-ttl.cur .icon-acc::after,
.flow-section .flow-step-list > li .flow-acc-wrap .flow-acc-ttl.cur .icon-acc::after{
  opacity: 0;
}
.cmn-acc-wrap .cmn-acc-ttl::after, .cmn-acc-wrap .cmn-acc-ttl::before,.flow-section .flow-step-list > li .flow-acc-wrap .flow-acc-ttl::after,.flow-section .flow-step-list > li .flow-acc-wrap .flow-acc-ttl::before{
  display: none;
}
.cmn-acc-wrap .cmn-acc-contents{
  margin: 0 9px 16px;
  padding: 16px 10px 0;
  border-top-style: solid;
  border-top-color: #505050;
}
.container .cmn-acc-wrap .cmn-acc-ttl {
  padding: 10px 33px 10px 10px;
  height: auto;
  border-color: var(--lp-10g-color);
  color: #000;
}
.container .flow-section .flow-step-list > li .flow-acc-wrap{
  padding: 0;
  height: auto;
  border-color: var(--lp-10g-color);
  color: #000;
}
.js-tab-1g .cmn-acc-wrap .cmn-acc-ttl, .js-tab-1g .flow-section .flow-step-list > li .flow-acc-wrap {
  border-color: var(--lp-1g-color);
}
.js-tab-1g .flow-section .bg-blue-box{
  background-color: #e7efe4;
}
.flow-section .flow-tab-body{
  padding: 30px 23px 40px;
}
.cmn-acc-wrap .cmn-acc-contents, .flow-section .flow-step-list > li .flow-acc-wrap .flow-acc-contents{
  padding: 16px 12px;
}
.bg-blue-box{
  padding: 12px;
  background: #f9e7ef;
}

.normal-table td, .normal-table th {
  border-color: #787878;
}
.normal-table th {
  background-color: #d0d0d0;
  font-size: 1.4rem;
}
.normal-table td{
  font-size: 1.6rem;
}

.charge-section-tab-inner,
.option-section-inner,
.flow-section-inner{
  margin: 0 auto 100px;
  padding: 70px 50px;
  max-width: 1000px;
  background: #fff;
  border: 1px solid var(--lp-10g-color);
  border-top: 0;
  border-radius: 0 0 42px 42px;
}
.js-tab-1g .charge-section-tab-inner,
.js-tab-1g .option-section-inner,
.js-tab-1g .flow-section-inner{
  border-color: var(--lp-1g-color);
}
.charge-section-tab-wrap .charge-hdg{
  margin: auto;
  max-width: 1000px;
  display: block;
  line-height: 0;
}

.monthly-charge-block-wrap .monthly-charge-ttl-wrap .monthly-charge-ttl {
  border: 1px solid var(--lp-10g-color);
  border-bottom: 0;
}
.js-tab-1g .monthly-charge-block-wrap .monthly-charge-ttl-wrap .monthly-charge-ttl {
  border-color: var(--lp-1g-color);
}
.monthly-charge-block-wrap .monthly-charge-ttl-wrap .monthly-charge-ttl.cur {
  background: var(--lp-10g-color);
}
.js-tab-1g .monthly-charge-block-wrap .monthly-charge-ttl-wrap .monthly-charge-ttl.cur {
  background: var(--lp-1g-color);
}
.monthly-charge-block-wrap .monthly-charge-contents-wrap {
  border: 1px solid var(--lp-10g-color);
}
.js-tab-1g .monthly-charge-block-wrap .monthly-charge-contents-wrap {
  border: 1px solid var(--lp-1g-color);
}
.usage-fee-block-wrap .use-select-wrap .use-select-contents .initial-cost-box-wrap .box-ttl {
  border-right: 1px solid #fff;
  background: var(--lp-10g-color);
}
.js-tab-1g .usage-fee-block-wrap .use-select-wrap .use-select-contents .initial-cost-box-wrap .box-ttl {
  background: var(--lp-1g-color);
}
.usage-fee-block-wrap .use-select-wrap .use-select-contents .initial-cost-box-wrap .box-sub-ttl {
  background: #505050;
}
.usage-fee-block-wrap .use-select-wrap .use-select-contents .privilege-wrap > .col, .usage-fee-block-wrap .use-select-wrap .use-select-contents .initial-cost-box-wrap {
  background: #ffffd6;
}
.initial-cost-box-wrap {
  background: #ffffd6;
}
.initial-cost-box-wrap .box-ttl{
  background: var(--lp-10g-color);
}
.js-tab-1g .initial-cost-box-wrap .box-ttl{
  background: var(--lp-1g-color);
}

.option-section {
  padding: 0;
}
.charge-section-tab-inner, .option-section-inner, .flow-section-inner{
  padding: 40px 57px 57px;
}

.color-10g{
  color: var(--lp-10g-color);
}
.color-1g{
  color: var(--lp-1g-color);
}
.option-section .option-block-wrap .option-body .mobile-wifi-box .box-label, .option-section .option-block-wrap .option-body .wifi-fact-box .box-label {
  background: var(--lp-10g-color);
}
.js-tab-1g .option-section .option-block-wrap .option-body .mobile-wifi-box .box-label, .js-tab-1g .option-section .option-block-wrap .option-body .wifi-fact-box .box-label {
  background: var(--lp-1g-color);
}
.option-section .option-block-wrap .option-body .mobile-wifi-box, .option-section .option-block-wrap .option-body .wifi-fact-box {
  background: #ffffd6;
}
.option-section .option-block-wrap .option-body .mobile-option-ttl .lead > span::after, .option-section .option-block-wrap .option-body .mobile-option-ttl .lead > span::before {
  background: var(--lp-10g-color);
}
.js-tab-1g .option-section .option-block-wrap .option-body .mobile-option-ttl .lead > span::after, .js-tab-1g .option-section .option-block-wrap .option-body .mobile-option-ttl .lead > span::before {
  background: var(--lp-1g-color);
}
.option-section .option-block-wrap .option-body .option-detail-wrap {
  border-color: var(--lp-10g-color);
}
.js-tab-1g .option-section .option-block-wrap .option-body .option-detail-wrap {
  border-color: var(--lp-1g-color);
}
.option-section .option-block-wrap .option-body .option-detail-wrap .detail-btn {
  background: var(--lp-10g-color);
}
.js-tab-1g .option-section .option-block-wrap .option-body .option-detail-wrap .detail-btn {
  background: var(--lp-1g-color);
}
.option-section .option-block-wrap .option-body{
  padding: 14px;
  border-top: 1px solid var(--lp-10g-color);
}
.js-tab-1g .option-section .option-block-wrap .option-body{
  border-color: var(--lp-1g-color);
}
.option-section .option-block-wrap{
  border: 1px solid var(--lp-10g-color);
}
.js-tab-1g .option-section .option-block-wrap{
  border: 1px solid var(--lp-1g-color);
}

.hikari-option.option-section .option-block-wrap.option-mobile .option-ttl > a {
  background-image: url(/access/images/hikari/lp/icon_option_01.png);
}
.hikari-option.option-section .option-block-wrap.option-tel .option-ttl > a {
  background-image: url(/access/images/hikari/lp/icon_option_02.png);
}
.hikari-option.option-section .option-block-wrap.option-service .option-ttl > a {
  background-image: url(/access/images/hikari/lp/icon_option_03.png);
}
.js-tab-1g .hikari-option.option-section .option-block-wrap.option-mobile .option-ttl > a {
  background: url(/access/images/hikari/lp/icon_1g_option_01.png) no-repeat left 30px top 20px;
  background-size: 70px;
}
.js-tab-1g .hikari-option.option-section .option-block-wrap.option-tel .option-ttl > a {
  background: url(/access/images/hikari/lp/icon_1g_option_02.png) no-repeat left 30px top 20px;
  background-size: 70px;
}
.js-tab-1g .hikari-option.option-section .option-block-wrap.option-service .option-ttl > a {
  background: url(/access/images/hikari/lp/icon_1g_option_03.png) no-repeat left 30px top 20px;
  background-size: 70px;
}

.option-section{
  padding-top: 0;
}
.flow-section{
  padding: 0;
}
.container .txt-layout{
  max-width: inherit;
}
.flow-section .flow-tab-ttl-wrap .flow-tab-ttl {
  padding: 15px 5px;
  border-width: 1px;
  border-color: var(--lp-10g-color);
  font-size: 1.8rem;
}
.js-tab-1g .flow-section .flow-tab-ttl-wrap .flow-tab-ttl {
  border-color: var(--lp-1g-color);
}
.flow-section .flow-tab-ttl-wrap .flow-tab-ttl.cur {
  background-color: var(--lp-10g-color);
}
.js-tab-1g .flow-section .flow-tab-ttl-wrap .flow-tab-ttl.cur {
  background-color: var(--lp-1g-color);
}
.flow-section .flow-tab-body{
  border: 1px solid var(--lp-10g-color);
}
.js-tab-1g .flow-section .flow-tab-body{
  border: 1px solid var(--lp-1g-color);
}
.benefitbox.-theme3 .benefitbox_body {
  border-color: var(--lp-10g-color);
  border-width: 0 1px 1px 1px;
  box-shadow: 0 4px var(--lp-10g-color);
}
.js-tab-1g .benefitbox.-theme3 .benefitbox_body {
  border-color: var(--lp-1g-color);
  box-shadow: 0 4px var(--lp-1g-color);
}
.flow-section .flow-step-list > li .flow-step-ttl {
  color: #000;
}
.flow-section .flow-step-list > li {
  padding: 36px 16px 16px;
  background: #ffffd6;
}
.flow-section .flow-step-list > li + li::before {
  border-color: transparent transparent transparent var(--lp-10g-color);
  opacity: 1;
}
.js-tab-1g .flow-section .flow-step-list > li + li::before {
  border-color: transparent transparent transparent var(--lp-1g-color);
}
.flow-section .flow-lead-wrap {
  margin: 24px -23px;
  background-color: var(--lp-10g-color);
}
.js-tab-1g .flow-section .flow-lead-wrap {
  background-color: var(--lp-1g-color);
}
.container .btn.blue-btn {
  background: var(--lp-10g-color);
  border-color: var(--lp-10g-color);
}
.container.js-tab-1g .btn.blue-btn {
  background: var(--lp-1g-color);
  border-color: var(--lp-1g-color);
}

.plan-btn-col .icn{
  margin-right: 17px;
  line-height: 1;
}
.container .plan-btn-col .cta-btn{
  padding: 12px 20px;
  font-size: 2.5rem;
  color: #000;
}
.fixed-btn-sec .plan-btn-col,
.fixed-btn-sec .contact-col{
  max-width: 423px;
}
.fixed-btn-sec .contact-col .tel-btn{
  border-radius: 67px;
  font-size: 2.5rem;
}
.fixed-btn-sec .contact-col .tel-btn:hover{
  opacity: .7;
}
.fixed-btn-sec .contact-col .tel-btn .tel-num-wrap .icn{
  line-height: 1;
}
.js-tab-10g .fixed-btn-sec .fixed-btn-box.apply-10g{
  display: block;
}
.js-tab-10g .fixed-btn-sec .fixed-btn-box.apply-1g{
  display: none;
}
.js-tab-1g .fixed-btn-sec .fixed-btn-box.apply-10g{
  display: none;
}
.js-tab-1g .fixed-btn-sec .fixed-btn-box.apply-1g{
  display: block;
}

.question-section{
  padding: 100px 0;
  background-color: #f7eaf0;
}
.js-tab-1g .question-section{
  background-color: #E7EFE3;
}
.question-section .question-hdg {
  margin: auto;
  max-width: 1000px;
  display: block;
  line-height: 0;
}
.question-section .cmn-acc-wrap .cmn-acc-ttl{
  font-size: 1.3rem;
}
.question-section-inner{
  margin: 0 auto;
  padding: 47px 25px;
  max-width: 1000px;
  background: #fff;
  border: 1px solid var(--lp-10g-color);
  border-top: 0;
  border-radius: 0 0 42px 42px;
}
.js-tab-1g .question-section-inner{
  border: 1px solid var(--lp-1g-color);
}
.question-section .cmn-acc-wrap:first-child{
  margin-top: 0;
}
.box-features .txt-speed{
  margin-bottom: 50px;
  text-align: center;
}
.img_benefit_01{
  margin: 10px auto;
}
.img_benefit_02{
  margin: 10px auto;
  text-align: center;
}
.img_benefit_03{
  margin: 10px auto;
  text-align: center;
}
.img_benefit_04{
  margin: 10px auto;
  text-align: center;
}

.js-tab-1g #plan-s-price .monthly-charge-block-wrap .monthly-charge-ttl-wrap .monthly-charge-ttl.cur,
.js-tab-1g #plan-m-price .monthly-charge-block-wrap .monthly-charge-ttl-wrap .monthly-charge-ttl.cur,
.js-tab-1g #plan-l-price .monthly-charge-block-wrap .monthly-charge-ttl-wrap .monthly-charge-ttl.cur {
  background: var(--lp-1g-color);
}
.js-tab-1g #plan-s-price .monthly-charge-block-wrap .monthly-charge-ttl-wrap .monthly-charge-ttl,
.js-tab-1g #plan-m-price .monthly-charge-block-wrap .monthly-charge-ttl-wrap .monthly-charge-ttl,
.js-tab-1g #plan-l-price .monthly-charge-block-wrap .monthly-charge-ttl-wrap .monthly-charge-ttl{
  border-color: var(--lp-1g-color);
}
.js-tab-1g #plan-s-price .monthly-charge-block-wrap .monthly-charge-contents-wrap,
.js-tab-1g #plan-m-price .monthly-charge-block-wrap .monthly-charge-contents-wrap,
.js-tab-1g #plan-l-price .monthly-charge-block-wrap .monthly-charge-contents-wrap {
  border-color: var(--lp-1g-color);
}
.js-tab-1g #plan-s-price.usage-fee-block-wrap .use-select-wrap .use-select-contents .initial-cost-box-wrap .box-ttl,
.js-tab-1g #plan-m-price.usage-fee-block-wrap .use-select-wrap .use-select-contents .initial-cost-box-wrap .box-ttl,
.js-tab-1g #plan-l-price.usage-fee-block-wrap .use-select-wrap .use-select-contents .initial-cost-box-wrap .box-ttl {
  background: var(--lp-1g-color);
}
.js-tab-1g #plan-s-price.usage-fee-block-wrap .use-select-wrap .use-select-contents .initial-cost-box-wrap .box-sub-ttl,
.js-tab-1g #plan-m-price.usage-fee-block-wrap .use-select-wrap .use-select-contents .initial-cost-box-wrap .box-sub-ttl,
.js-tab-1g #plan-l-price.usage-fee-block-wrap .use-select-wrap .use-select-contents .initial-cost-box-wrap .box-sub-ttl{
  background: #505050;
}
.js-tab-1g .usage-fee-block-wrap .use-select-wrap .use-select-contents.plan-during-use .initial-cost-box-wrap .box-ttl {
  width: 44.2%;
}

.plan-s .price-list .box-discount,
.plan-m .price-list .box-discount,
.plan-l .price-list .box-discount{
  color: #E51E1F;
  background-color: #fff8d6;
}
.question-section .question-txt{
  margin-top: 30px;
  text-align: center;
}
.fixed-btn-sec .fixed-btn-box .fixed-btn-box-inner{
  justify-content: center;
}
.fixed-btn-sec .contact-col .tel-btn{
  pointer-events: inherit;
  font-weight: bold;
}

.service-link_btn{
  border-color: #000;
}
.service-link_btn::before{
  background-color: #000;
}
.plan-s .price-list .box-discount .icon-discount::before,
.plan-m .price-list .box-discount .icon-discount::before,
.plan-l .price-list .box-discount .icon-discount::before{
  height: 33px;
  background-image: url(/access/images/hikari/lp/icon_discount_01.png);
  background-size: contain;
}

.box-features .mod-lyt>.inner{
  margin-top: 0;
}
.container .mod-btn a:link, .container .mod-btn a:visited {
  color: inherit;
}

a.mod-modal-openbtn.lp-modal-openbtn{
  padding: 0;
  border-radius: 0;
  box-shadow: inherit;
  background: inherit;
  display: inline-block;
  vertical-align: middle;
}


@media only screen and (min-width: 768px) {
  #plan {
    scroll-margin-top: 45px;
  }
  .cmn-acc-wrap{
    font-size: 1.6rem;
  }
}

/*----SP----*/
@media only screen and (max-width: 767px) {
  #splnav.lpsplnav ul>li.haspanel>a {
    background-color: #606060;
  }
  #splnav.lpsplnav ul>li.haspanel>ul>li>a {
    padding-left: 30px;
  }
  .header-nav-wrap{
    position: relative;
  }
  .header-nav-wrap-fixed {
    position: fixed;
    top: 0;
    z-index: 51;
  }
  .floatingbnr-img{
    max-width: 100%;
  }
  .mv-img-index img,
  .mv-img-index-02 img{
    max-width: 100%;
  }
  .sec-inner {
    padding: 0 12px;
  }
  .lp-type-wrap{
    margin: 40px 14px 30px;
  }
  .lp-type-wrap-02{
    margin-bottom: 20px;
    padding: 0 20px;
  }
  .lp-type-wrap-02 .lp-type-hdg{
    max-width: 100%;
  }
  .lp-type-list{
    display: block;
  }
  .lp-type-list > li{
    margin-top: 10px;
    width: 100%;
  }
  .about-plan-section .nav-10g-index{
    justify-content: center;
  }
  .about-plan-section .nav-10g-index>li,
  .about-plan-section .nav-1g-index>li{
    margin: 0 5px;
    max-width: 110px;
    width: 30%;
    line-height: 1;
  }
  .about-plan-section .nav-1g-index>li{
    max-width: 150px;
    width: auto;
  }
  .img-10g-recommend-01,
  .img-1g-recommend-01{
    margin-bottom: 30px;
    max-width: 100%;
  }
  .img-10g-recommend-01 > img,
  .img-1g-recommend-01 > img{
    margin: auto;
    max-width: 310px;
  }
  .about-plan-section .nav-1g-index li + li{
    margin-left: 5px;
  }
  .cv-pattern-short.cv-pattern-01 .box-tel{
    border-left: 0;
    border-top-color: #000;
  }
  .cv-pattern-01.cv-pattern-short .cv-hdg.icon-web::before{
    margin: 0 10px 0 0;
    display: inline-block;
    width: 50px;
    height: 33px;
  }
  .cv-pattern-01.cv-pattern-short .cv-hdg.icon-tel::before{
    margin: 0 10px 0 0;
    display: inline-block;
    width: 25px;
    height: 35px;
  }
  .cv-section.cv-pattern-01 .cv-box .btn-wrap{
    margin-top: 12px;
  }
  .cv-pattern-short.cv-pattern-01.cv-lp .cv-box .btn-wrap .cv-btn{
    width: 260px;
    height: 50px;
    font-size: 1.7rem;
  }
  .cv-section.cv-lp .cv-box .btn-wrap .cv-btn::after{
    width: 10px;
    height: 16px;
  }
  .cv-pattern-short.cv-pattern-01 .cv-box .btn-wrap .cv-btn{
    width: auto;
  }
  .cv-pattern-short.cv-lp .tel-number{
    margin: 5px auto 15px;
  }
  .tel-number .tel-btn{
    font-size: 4.2rem;
  }
  .lp-tab-ttl-wrap .about-ttl-wrap, .lp-tab-ttl-wrap .plan-ttl-wrap, .lp-tab-ttl-wrap .charge-ttl-wrap{
    max-width: 350px;
  }
  .lp-plan-section-wrap,
  .lp-charge-section-wrap{
    padding-top: 60px;
  }
  .lp-about-section-wrap .about-ttl-wrap .plan-10g,
  .lp-plan-section-wrap .plan-ttl-wrap .plan-10g,
  .lp-charge-section-wrap .charge-ttl-wrap .plan-10g{
    display: block;
    width: 170px;
    height: 65px;
    position: relative;
    border: none;
    background: top center / contain url(/access/images/hikari/lp/img_tab_ttl_10g_sp.png) no-repeat;
  }
  .lp-about-section-wrap .about-ttl-wrap .plan-10g.cur,
  .lp-plan-section-wrap .plan-ttl-wrap .plan-10g.cur,
  .lp-charge-section-wrap .charge-ttl-wrap .plan-10g.cur{
    background: top center / contain url(/access/images/hikari/lp/img_tab_ttl_10g_sp_cur.png) no-repeat;
  }
  .lp-about-section-wrap .about-ttl-wrap .plan-1g,
  .lp-plan-section-wrap .plan-ttl-wrap .plan-1g,
  .lp-charge-section-wrap .charge-ttl-wrap .plan-1g{
    display: block;
    width: 170px;
    height: 65px;
    position: relative;
    border: none;
    background: top center / contain url(/access/images/hikari/lp/img_tab_ttl_1g_sp.png) no-repeat;
  }
  .lp-about-section-wrap .about-ttl-wrap .plan-1g.cur,
  .lp-plan-section-wrap .plan-ttl-wrap .plan-1g.cur,
  .lp-charge-section-wrap .charge-ttl-wrap .plan-1g.cur{
    background: top center / contain url(/access/images/hikari/lp/img_tab_ttl_1g_sp_cur.png) no-repeat;
  }
  .lp-tab-ttl-wrap{
    padding-bottom: 2px;
  }
  .lp-tab-contents-wrap{
    border-top-width: 2px;
  }
  .lp-about-section-wrap .about-ttl-wrap .plan-10g.cur::after, .lp-plan-section-wrap .plan-ttl-wrap .plan-10g.cur::after, .lp-charge-section-wrap .charge-ttl-wrap .plan-10g.cur::after{
    bottom: -14px;
    left: 46%;
    border-right: 11px solid transparent;
    border-left: 11px solid transparent;
    border-top: 11px solid var(--lp-10g-color);
  }
  .lp-about-section-wrap .about-ttl-wrap .plan-1g.cur::after, .lp-plan-section-wrap .plan-ttl-wrap .plan-1g.cur::after, .lp-charge-section-wrap .charge-ttl-wrap .plan-1g.cur::after{
    bottom: -14px;
    left: 46%;
    border-right: 11px solid transparent;
    border-left: 11px solid transparent;
    border-top: 11px solid var(--lp-1g-color);
  }
  .lp-about-section-wrap{
    padding-top: 40px;
  }
  .about-section-tab-wrap .lp-tab-contents-wrap{
    padding-top: 25px;
  }
  .img-10g-01{
    margin: 0 12px;
    max-width: inherit;
  }
  .plan-section-tab-inner .plan-section-txt{
    margin: 0 0 30px;
    font-size: 1.4rem;
  }
  .about-plan-section{
    margin-top: 50px;
    border-top-width: 15px;
  }
  .about-plan-section .lp-10g-hdg-01{
    margin: 0 auto 20px;
    max-width: 265px;
  }
  .about-plan-section .nav-10g{
    margin: 0 13px 50px;
    display: block;
  }
  .about-plan-section .nav-10g > li{
    margin: auto;
    max-width: 320px;
    width: 100%;
  }
  .about-plan-section .nav-10g > li + li{
    margin-top: 22px;
  }
  .about-plan-section .nav-1g{
    margin: 0 13px 50px;
    display: block;
  }
  .about-plan-section .nav-1g > li{
    margin: auto;
    max-width: 320px;
    width: 100%;
  }
  .about-plan-section .nav-1g > li + li{
    margin: 22px auto 0;
  }

  .js-tab-1g .lp-plan-section-wrap, .js-tab-1g .lp-charge-section-wrap{
    padding-top: 60px;
  }
  .box-features{
    margin-bottom: 43px;
  }
  .img-features-03.col-2 .features-inner:last-child{
    padding-left: 0;
  }
  .box-features-inner{
    padding: 20px 16px 35px;
  }
  .box-features-inner .mod-lyt-media.of-noBreak.of-reverse>.inner>.content{
    padding-right: 18px;
    width: 70%;
  }
  .box-features-inner.lyt-short .mod-lyt-media.of-noBreak>.inner>.media{
    width: 30%;
  }
  .mod-txt p>b.lede{
    font-size: 1.5rem;
  }
  .about-plan-section .notes-list{
    margin: 20px 0 0;
  }
  .lyt-short .mod-lyt-media>.inner>.content>:first-child:not(.mod-btn):not([data-col]){
    margin-top: 0;
  }
  .cv-pattern-short.cv-pattern-01 .cv-box .btn-wrap .cv-btn{
    height: 50px;
  }
  .cv-section.cv-pattern-01 .cv-box .btn-wrap .cv-btn{
    max-width: 265px;
    height: 50px;
    font-size: 1.8rem;
  }
  .cv-section .cv-box .btn-wrap .cv-btn::after {
    width: 10px;
    height: 16px;
    right: 16px;
  }
  .cv-pattern-01 .cv-hdg{
    font-size: 1.5rem;
  }
  .cv-section.cv-pattern-01{
    padding: 40px 12px;
  }
  .box-features .txt-speed{
    margin-bottom: 25px;
  }
  .container .plan-btn-col .cta-btn{
    padding: 11px 10px;
    font-size: 1.1rem;
    border-radius: 50px;
  }
  .fixed-btn-sec .plan-btn-col .cta-btn .icn{
    margin-right: 5px;
  }
  .fixed-btn-sec .contact-col .tel-txt{
    font-size: 1.1rem;
  }
  .fixed-btn-sec .contact-col .tel-btn{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .fixed-btn-sec .contact-col .tel-btn .tel-num-wrap .icn{
    margin-right: 5px;
    width: 18px;
  }
  .fixed-btn-sec .contact-col .tel-btn .tel-num-wrap .icn img{
    vertical-align: bottom;
  }
  .lp-plan-section-wrap .lp-tab-contents-wrap{
    padding: 20px 12px 0;
  }
  .plan-section-tab-inner{
    padding: 40px 10px 20px;
    border-radius: 0 0 30px 30px;
  }
  .js-tab-10g .plan-section-tab-inner, .container-10g .plan-section-tab-inner{
    padding-top: 40px;
  }
  .js-tab-1g .plan-section-tab-inner{
    padding-top: 20px;
  }
  .plan-section-tab-inner .privilege-box .box-ttl{
    padding: 8px 6px;
    max-width: 270px;
    top: -15px;
    font-size: 1.4rem;
  }
  .plan-section-tab-inner .privilege-box {
    padding: 2px;
    border: 2px solid var(--lp-10g-color);
    border-radius: 17px;
  }
  .img_benefit_01{
    margin: 10px auto;
    padding: 0;
  }
  .img_benefit_02{
    margin: 10px auto;
    padding: 0;
    max-width: 218px;
  }
  .img_benefit_03{
    margin: 10px auto;
    padding: 0;
    max-width: 277px;
  }
  .img_benefit_03 img{
    max-width: inherit;
  }
  .img_benefit_04{
    margin: 10px auto;
    padding: 0;
    max-width: 147px;
  }
  .plan-section-tab-inner .privilege-box + .privilege-box{
    margin-top: 40px;
  }
  .plan-section-tab-inner .privilege-box .box-body{
    padding: 25px 12px;
  }
  .cmn-acc-wrap .cmn-acc-ttl{
    font-size: 1.4rem;
  }
  .cmn-acc-wrap .cmn-acc-ttl, .flow-section .flow-step-list > li .flow-acc-wrap .flow-acc-ttl{
    height: 30px;
  }
  .cmn-acc-wrap, .flow-section .flow-step-list > li .flow-acc-wrap{
    margin-top: 20px;
    font-size: 1.4rem;
  }
  .cmn-acc-wrap .cmn-acc-contents, .flow-section .flow-step-list > li .flow-acc-wrap .flow-acc-contents {
    padding: 8px 7px;
  }
  .normal-table th{
    font-size: 1rem;
  }
  .normal-table.layout-sp th{
    padding: 16px;
    border-bottom: 0;
    display: block;
    text-align: left;
    font-size: 1.4rem;
  }
  .normal-table.layout-sp td{
    border-bottom: 0;
    display: block;
    font-size: 1.4rem;
  }
  .normal-table.layout-sp tr:last-child td{
    border-bottom: 1px solid #787878;
  }
  .privilege-box-inner .cmn-acc-wrap .cmn-acc-ttl .icon-acc{
    width: 12px;
    height: 12px;
  }
  .privilege-box-inner .cmn-acc-wrap .cmn-acc-ttl .icon-acc::before, .privilege-box-inner .cmn-acc-wrap .cmn-acc-ttl .icon-acc::after{
    width: 6px;
    height: 1px;
    right: 3px;
  }
  .cmn-acc-wrap .cmn-acc-ttl .icon-acc, .flow-section .flow-step-list > li .flow-acc-wrap .flow-acc-ttl .icon-acc{
    width: 20px;
    height: 20px;
  }
  .cmn-acc-wrap .cmn-acc-ttl .icon-acc::before, .cmn-acc-wrap .cmn-acc-ttl .icon-acc::after, .flow-section .flow-step-list > li .flow-acc-wrap .flow-acc-ttl .icon-acc::after, .flow-section .flow-step-list > li .flow-acc-wrap .flow-acc-ttl .icon-acc::before {
    width: 10px;
    height: 1px;
    right: 5px;
  }
  .js-tab-10g .lp-plan-section-wrap, .js-tab-10g .lp-charge-section-wrap{
    padding-top: 60px;
  }
  .lp-tab-contents-wrap{
    padding: 40px 0 0;
  }
  .charge-section-tab-inner, .option-section-inner, .flow-section-inner {
    margin-bottom: 40px;
    padding: 20px 0 30px;
    border-radius: 0 0 30px 30px;
  }
  .flow-section{
    font-size: 1.4rem;
  }
  .flow-section-inner {
    margin-bottom: 55px;
  }
  .container .txt-option{
    padding-bottom: 0;
  }
  .flow-section .flow-tab-ttl-wrap .flow-tab-ttl{
    padding: 5px;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
  }
  .container .txt-layout{
    margin-bottom: 30px;
  }
  .flow-section .flow-ttl{
    font-size: 1.5rem;
  }
  .container .flow-section .flow-step-list > li .flow-acc-wrap {
    padding: 0;
    border-color: #000;
  }
  .flow-section .flow-step-list > li + li::before {
    border-color: var(--lp-10g-color) transparent transparent transparent;
    opacity: 1;
  }
  .js-tab-1g .flow-section .flow-step-list > li + li::before {
    border-color: var(--lp-1g-color) transparent transparent transparent;
    opacity: 1;
  }
  .flow-section .flow-step-list > li .flow-step-ttl{
    font-size: 1.5rem;
  }
  .flow-step-list{
    font-size: 1.4rem;
  }
  .monthly-charge,
  .option-section-wrap,
  .flow-section-wrap{
    margin: 0 12px;
  }
  .question-section{
    padding: 55px 12px;
  }
  .question-section-inner{
    padding: 23px 12px 35px;
    border-radius: 0 0 30px 30px;
  }
  .question-section .cmn-acc-wrap .cmn-acc-ttl{
    padding: 3px 30px 3px 10px;
    font-size: 1.4rem;
  }
  .js-tab-1g .hikari-option.option-section .option-block-wrap.option-mobile .option-ttl > a,
  .js-tab-1g .hikari-option.option-section .option-block-wrap.option-tel .option-ttl > a,
  .js-tab-1g .hikari-option.option-section .option-block-wrap.option-service .option-ttl > a{
    padding-left: 100px;
    background-position: left 10px center;
  }
  .option-section .option-block-wrap{
    border-radius: 0;
  }
  .option-section .option-block-wrap + .option-block-wrap{
    margin-top: 0;
    border-top: 0;
  }
  .cv-section.cv-pattern-01 .cv-box{
    padding: 30px 20px;
    font-size: 1rem;
  }
  .cv-pattern-01 .col-tel-text{
    font-size: 1.4rem;
  }
  .cv-pattern-01 .box-text{
    font-size: 1rem;
  }
  .cv-pattern-01 .cv-hdg{
    margin-bottom: 0;
  }
  .cv-pattern-01 .cv-hdg.icon-web::before{
    width: 46px;
    height: 30px;
  }
  .cv-pattern-01 .cv-hdg.icon-tel::before{
    width: 23px;
    height: 33px;
  }
  .price-list .box-discount .icon-discount::before{
    height: 20px;
  }
  .str-inner .mod-information[data-level=caution]{
    margin: 12px 12px 32px;
  }
  .monthly-charge-block-wrap.charge-tab-wrap .monthly-charge-ttl-wrap .monthly-charge-ttl{
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .initial-cost-box-wrap .box-ttl,
  .usage-fee-block-wrap .use-select-wrap .use-select-contents .initial-cost-box-wrap .box-ttl{
    width: 100%;
    display: block;
    text-align: left;
  }
  .usage-fee-block-wrap .use-select-wrap .use-select-contents .initial-cost-box-wrap .box-sub-ttl{
    text-align: left;
  }
  .usage-fee-block-wrap .use-select-wrap .use-select-contents .initial-cost-box-wrap .box-body .price-wrap{
    text-align: left;
    font-size: 1.4rem;
  }
  .js-tab-1g .usage-fee-block-wrap .use-select-wrap .use-select-contents .initial-cost-box-wrap .box-ttl{
    width: 100%;
  }
  .js-tab-1g .usage-fee-block-wrap .use-select-wrap .use-select-contents.plan-during-use .initial-cost-box-wrap .box-ttl{
    width: 100%;
  }
  .initial-cost-box-wrap.cost-fee .box-body{
    width: 100%;
    display: block;
    text-align: left;
  }
  .initial-cost-box-wrap{
    display: block;
  }
  .usage-fee-block-wrap .use-select-wrap .use-select-contents .initial-cost-box-wrap.cost-fee .box-body, .usage-fee-block-wrap .use-select-wrap .use-select-contents .initial-cost-box-wrap .body-wrap{
    width: 100%;
  }
  .option-section .option-block-wrap .option-body .mobile-wifi-box .notes-list{
    font-size: 1.4rem;
  }
  .flow-section .num-list{
    font-size: 1.4rem;
  }
}


/*--------------------------------------------------------
/access/hikari/10g/
--------------------------------------------------------*/
.img-mv,
.img-mv-10g{
  background: top left / cover url(/access/images/hikari/10g/bg_mv.png) no-repeat;
  text-align: center;
  line-height: 1;
}
.container-10g .lp-about-section-wrap{
  padding-top: 0;
}
.container-10g .about-section-tab-wrap .lp-tab-contents-wrap{
  padding-top: 0;
}


/*--------------------------------------------------------
/access/hikari/10g/business/
--------------------------------------------------------*/
.container-10g .option-service-root a.btn01{
  color: #fff;
}


/*--------------------------------------------------------
/access/hikari/1g/
/access/hikari/1g/lp/
--------------------------------------------------------*/
.container-1g .lp-about-section-wrap{
  padding-top: 0;
}
.container-1g .about-section-tab-wrap .lp-tab-contents-wrap{
  padding-top: 0;
  border-top: 0;
}
.container-1g .cv-section.cv-pattern-01{
  background-color: var(--lp-1g-color);
}
.container-1g .about-plan-section{
  border-top: 20px solid var(--lp-1g-color);
}
.container-1g .about-plan-section .lp-10g-hdg-01{
  max-width: 990px;
}
.container-1g .lp-plan-section-wrap,
.container-1g .lp-charge-section-wrap{
  background-color: var(--lp-1g-bg-color);
}
.container-1g .lp-plan-section-wrap {
  padding-bottom: 40px;
}
.container-1g .lp-charge-section-wrap{
  padding: 0;
}
.container-1g .lp-plan-section-wrap .lp-tab-contents-wrap{
  padding-top: 0;
  border-top: 0;
  background-color: var(--lp-1g-bg-color);
}
.container-1g .service-point-section{
  padding-bottom: 0;
  background: #fff;
}
.tbl-scene .tbl-scene-hdg{
  vertical-align: bottom;
}
.tbl-scene .tbl-free,
.tbl-scene .tbl-price{
  color: var(--lp-1g-color);
}
.icon_price{
  background-color: var(--lp-1g-color);
}
.container-1g .tbl-scene + .notes-list{
  margin: 13px 0 50px;
}
.container-1g .box-notes{
  border-color: var(--lp-1g-color);
}
.container-1g .box-notes .notes-list{
  margin: 0;
}
.container-1g .point-list .point-box .box-ttl{
  background-color: var(--lp-1g-color);
}
.point-list.col2 .point-box{
  border: 1px solid #ccc;
}
.container-1g .mod-btn > .btn a{
  color: #000;
}
.container-1g .plan-section-tab-inner{
  padding-top: 70px;
}
.plan-section-wrap .plan-contents .plan-contents-ttl, .charge-section-wrap .charge-contents .charge-contents-ttl{
  border-radius: 0;
}
.charge-section-wrap .charge-contents{
  border-radius: 0;
}
.plan-section-wrap .plan-ttl-wrap .plan-s.cur, .charge-section-wrap .charge-ttl-wrap .plan-s.cur,
.plan-section-wrap .plan-ttl-wrap .plan-m.cur, .charge-section-wrap .charge-ttl-wrap .plan-m.cur,
.plan-section-wrap .plan-ttl-wrap .plan-l.cur, .charge-section-wrap .charge-ttl-wrap .plan-l.cur{
  background-color: var(--lp-1g-color);
  border-color: var(--lp-1g-color);
}
.plan-section-wrap .plan-s .plan-contents, .charge-section-wrap .plan-s .charge-contents,
.plan-section-wrap .plan-m .plan-contents, .charge-section-wrap .plan-m .charge-contents,
.plan-section-wrap .plan-l .plan-contents, .charge-section-wrap .plan-l .charge-contents{
  border-color: var(--lp-1g-color);
}
.plan-section-wrap .plan-s .plan-contents .plan-contents-ttl, .charge-section-wrap .plan-s .charge-contents .charge-contents-ttl,
.plan-section-wrap .plan-m .plan-contents .plan-contents-ttl, .charge-section-wrap .plan-m .charge-contents .charge-contents-ttl,
.plan-section-wrap .plan-l .plan-contents .plan-contents-ttl, .charge-section-wrap .plan-l .charge-contents .charge-contents-ttl{
  background-color: var(--lp-1g-color);
}
.usage-fee-block-wrap .use-select-wrap .use-select-contents.plan-not-use .initial-cost-box-wrap.cost-fee .box-body,
.usage-fee-block-wrap .use-select-wrap .use-select-contents .initial-cost-box-wrap .box-body{
  background-color: #fff9d9;
}
.plan-section-wrap .plan-ttl-wrap .plan-s, .charge-section-wrap .charge-ttl-wrap .plan-s,
.plan-section-wrap .plan-ttl-wrap .plan-m, .charge-section-wrap .charge-ttl-wrap .plan-m,
.plan-section-wrap .plan-ttl-wrap .plan-l, .charge-section-wrap .charge-ttl-wrap .plan-l{
  color: var(--lp-1g-color);
}
.container-1g .lp-tab-contents-wrap{
  border-top: 0;
}
.container-1g .about-plan-section .lyt-short .mod-lyt-media .notes-list{
  margin: 30px 0 0;
}
@media only screen and (max-width: 767px) {
  .container-1g .plan-section-tab-inner{
    padding-top: 40px;
  }
  .container-1g .point-list.col2 .point-box .box-body > img{
    max-width: 180px;
  }
  .container-1g .charge-section-tab-inner,
  .container-1g .option-section-inner,
  .container-1g .flow-section-inner{
    padding: 20px 16px 30px;
  }
  .usage-fee-block-wrap .use-select-wrap .use-select-contents.plan-not-use .initial-cost-box-wrap.cost-fee .box-body,
  .usage-fee-block-wrap .use-select-wrap .use-select-contents .initial-cost-box-wrap .box-body{
    width: 100%;
    display: block;
    text-align: left;
  }
}

/*--------------------------------------------------------
/access/hikari/1g/business/
--------------------------------------------------------*/
.business .about-plan-section{
  border-top: 0;
  background: none;
}
.business .service-point-section{
  background: none;
}


.lp-type-hdg{
  max-width: 70%;
  margin: 0 auto 2rem!important;
}