@charset "UTF-8";
/* ----------------------------------------------------------------
all
----------------------------------------------------------------- */
* {
  word-break: break-all;
}
.box-center {
  width: auto !important;
  margin: 0 auto !important;
}
/* ----------------------------------------------------------------
ul
----------------------------------------------------------------- */
ul {
  margin: 0;
}
/* ----------------------------------------------------------------
input[type="radio"]
----------------------------------------------------------------- */
input[type="radio"] {
  display: none;
}
/* IE8 */
html>/**/body input[type="radio"] {
  display /***/: block\9;
  position /***/: relative\9;
  left /***/: 10px\9;
  top /***/: 10px\9;
}
label {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 20px;
  cursor: pointer;
}
label:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 3px;
  width: 14px;
  height: 14px;
  margin-top: -20px;
  background: #fff;
  border: 3px solid #b9c3c9;
  border-radius: 100%;
}
/* IE8 */
html>/**/body label:before {
  display /***/: none\9;
}
input[type="radio"]:checked + label:after {
  background: #3a99d8;
  border-radius: 100%;
  content: '';
  height: 10px;
  left: 8px;
  margin-top: -15px;
  position: absolute;
  top: 50%;
  width: 10px;
}
/* ----------------------------------------------------------------
ul.label
----------------------------------------------------------------- */
ul.label {
  letter-spacing: -.4em;
  margin: 0;
}
ul.label li {
  display: inline-block;
  letter-spacing: normal;
  margin: 5px 5px 3px 0;
}
/* ----------------------------------------------------------------
font
----------------------------------------------------------------- */
/*
.ios .font {
  font-family: "HelveticaNeue-BoldCondensed", "Arial", sans-serif;
}
.android .font {
  font-family: "Roboto Condensed", "Arial", sans-serif;
}

.ios .font,
.android .font {
  font-weight: bold;
  font-stretch: condensed;
}

.ios .weak {
  font-family: "HelveticaNeue-Medium", "Arial", sans-serif;
}
*/
.ios .weak,
.android .weak {
  font-weight: normal;
}
.font.struck {
  text-decoration: line-through;
}
.pkna {
  font-feature-settings: "pkna";
}
/* ----------------------------------------------------------------
.strikethrough
----------------------------------------------------------------- */
.strikethrough {
  line-height: 0.1;
  padding-top: 0.2rem;
  padding-right: 1.8rem;
}
/* ----------------------------------------------------------------
.fs-14
.fs-16
.fs-18
----------------------------------------------------------------- */
.fs-14 {
  font-size: 14px !important;
}
.fs-16 {
  font-size: 16px !important;
}
.fs-18 {
  font-size: 18px !important;
  font-weight: normal;
}
/* ----------------------------------------------------------------
btn-default
btn-blue
btn-deisable
btn-more
btn-dark-blue
----------------------------------------------------------------- */
.btn-default,
.btn-blue,
.btn-disable,
.btn-dark-blue {
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  display: block;
  margin: 0 auto;
  padding: 5px 10px 4px 10px;
  position: relative;
}
.btn-default {
  border: 2px solid #0083da;
  color: #0083da;
}
.btn-apply {
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  padding: 15px 0 14px 0;
}
.btn-blue {
  background: #3a99d8;
  color: #fff;
}
.btn-disable {
  background: #899297;
  color: #cacdcf;
  cursor: default;
}
.btn-dark-blue {
  background: #0083da;
  color: #fff;
}
.btn-default:before,
.btn-blue:before,
.btn-disable:before,
.btn-more:before,
.btn-more-right:before,
.btn-dark-blue:before {
  border-right: 2px solid #0083da;
  border-bottom: 2px solid #0083da;
  content: "";
  display: block;
  height: 6px;
  margin-top: -5px;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 6px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.btn-more:before {
  border-right: 4px solid #0083da;
  border-bottom: 4px solid #0083da;
  left: 13px;
  margin-top: -8px;
  right: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.btn-more-right:before {
  border-right: 4px solid #0083da;
  border-bottom: 4px solid #0083da;
  margin-top: -7px;
  right: 12px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.btn-more.js-toggle-animation-hook.open:before {
  border-right: 4px solid #0083da;
  border-bottom: 4px solid #0083da;
  left: 10px;
  margin-top: -8px;
  right: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.btn-more.js-toggle-animation-hook.close:before {
  border-right: 4px solid #0083da;
  border-bottom: 4px solid #0083da;
  left: 10px;
  margin-top: -4px;
  right: 0;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
.btn-more,
.btn-more-right {
  color: #157dc2;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background: #e7ecef;
  display: block;
  padding: 5px 0 4px 35px;
  position: relative;
}
.btn-more-right {
  border-radius: 0px 0px 2px 2px;
  -webkit-border-radius: 0px 0px 2px 2px;
  -moz-border-radius: 0px 0px 2px 2px;
  border-top: 2px solid #d3d8db;
  font-weight: bold;
  text-align: right;
  padding: 5px 28px 4px 0;
  cursor: pointer;
}
.btn-more-l {
  padding: 5px 0 4px 0;
}
.list-toggle .list-toggle-btn .btn-default.js-toggle-animation-hook {
  border: 2px solid #0083da;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  padding: 5px 20px 3px 20px;
  width: 140px;
}
.btn-default.js-toggle-animation-hook.open::before {
  right: 14px;
  top: 50%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.btn-default.js-toggle-animation-hook.close::before {
  right: 14px;
  top: 60%;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
.list-toggle .list-toggle-btn > .btn-default {
  color: #0083da
}
.btn-blue:before,
.btn-dark-blue:before {
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.btn-disable:before {
  border-right: 2px solid #c4c9cb;
  border-bottom: 2px solid #c4c9cb;
}
.btn-default:visited,
.btn-default:hover {
  color: #0083da;
}
.btn-blue:visited,
.btn-blue:hover,
.btn-dark-blue:visited,
.btn-dark-blue:hover {
  color: #fff;
}
.btn-disable:visited,
.btn-disable:hover {
  color: #cacdcf;
}
.btn-more:visited,
.btn-more:hover,
.btn-more-right:visited,
.btn-more-right:hover {
  color: #157dc2;
}
/* ボタン非活性 */
.frm-2017 .btn-disable {
  cursor: default;
  background-color: #aaa;
  background-image: none;
  color: #ddd;
  box-shadow: none;
  border: none;
  text-shadow: none;
  text-decoration: none;
}
.frm-2017 .btn-disable:hover {
  background-color: #aaa;
  text-decoration: none;
}
.frm-2017 .btn-disable:before {
  border: none;
}
.frm-2017 .btn-blue:before {
  border: none;
}
/* ----------------------------------------------------------------
str-contents
----------------------------------------------------------------- */
.str-contents-top {
  margin-top: -10px;
}
/* ----------------------------------------------------------------
wrapper
----------------------------------------------------------------- */
.wrapper + .wrapper {
  margin-top: 40px;
}
/* ----------------------------------------------------------------
bg-hdg-l2
----------------------------------------------------------------- */
.bg-hdg-l2 {
  background: #0064b0;
  border-bottom: 4px solid #004e8a;
  margin: 0 -10px;
  min-height: 70px;
  padding: 5px 10px 5px 15px;
  position: relative;
}
.bg-hdg-l2 p,
.bg-hdg-l2 h2 {
  color: #fff;
}
.bg-hdg-l2 p {
  font-size: 12px;
}
.bg-hdg-l2 h2 {
  bottom: 0;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
}
.bg-hdg-l2 .icon-mobile {
  background: url("../../../../../../../../mysoftbank/set/data/add/wbc_price-plan/01/img/s/icon-mobile.png") no-repeat 2px 3px;
  background-size: 25px 23px;
  padding-left: 40px;
}
.bg-hdg-l2 .icon-internet {
  background: url("../../../../../../../../mysoftbank/set/data/add/wbc_price-plan/01/img/s/icon-internet.png") no-repeat 2px 3px;
  background-size: 26px 21px;
  padding-left: 40px;
}
.bg-hdg-l2 .icon-denki {
  background: url("../../../../../../../../mysoftbank/set/data/add/wbc_price-plan/01/img/s/icon-denki.png") no-repeat 6px 0;
  background-size: 17px 27px;
  padding-left: 40px;
}
.bg-hdg-l2 .icon-faq {
  background: url("../../../../../../../../mysoftbank/set/data/add/wbc_price-plan/01/img/s/icon-faq.png") no-repeat 0 0;
  background-size: 32px 29px;
  padding-left: 40px;
}
.bg-hdg-l2 + .plan-box {
  margin-top: 20px;
}
/* ----------------------------------------------------------------
txt-hdg-l3
txt-hdg-l4
----------------------------------------------------------------- */
.txt-hdg-l3 {
  font-size: 20px;
}
.txt-hdg-l3.confirm,
.txt-hdg-l3.complete,
.txt-hdg-l4 {
  background: url("../../../../../../../../mysoftbank/set/data/add/wbc_price-plan/01/img/s/label-h4.png") no-repeat 0 0;
  background-size: contain;
  font-size: 16px;
  font-weight: bold;
  margin-top: 20px;
  padding-left: 15px;
}
.txt-hdg-l4 {
  margin-top: 0;
}
.txt-hdg-l3.complete + .content-box,
.txt-hdg-l4 + .content-box {
  margin-top: 10px;
}
.txt-hdg-l3 + .txt-hdg-l4 {
  margin-top: 30px;
}
.txt-hdg-l3.txt-custom {
  border-top: 1px solid #b2b2b2;
  margin: 30px -10px;
  padding-top: 30px;
}
.line-hdg-l3-border {
  border-top: 1px solid #b2b2b2;
  font-size: 20px;
  height: 0;
  margin: 50px 0px 30px;
  padding: 6px 10px 6px 20px;
  text-align: center;
}
.line-hdg-l3-border span {
  background: #fff;
  padding: 0 10px;
  position: relative;
  top: -20px;
}
/* ----------------------------------------------------------------
unit-bg-hdg-l4
----------------------------------------------------------------- */
.unit-bg-hdg-l4 {
  border-top: 1px solid #d3d8db;
  background-color: #f4f5f6;
  padding: 0 10px;
  display: table;
  width:100%;
  height: 30px;
  box-sizing: border-box;
}
.unit-bg-hdg-l4 + .unit-bg-hdg-l4 {
  margin-top: 15px;
}
.unit-bg-hdg-l4 .hdg-l4-item,
.unit-bg-hdg-l4 .hdg-l4-value {
  display: table-cell;
  vertical-align: middle;
}
.unit-bg-hdg-l4 .hdg-l4-value {
  text-align: right;
  width: 30%;
}
.unit-bg-hdg-l4 .hdg-l4-value p {
  margin: 0;
}
.unit-bg-hdg-l4 .hdg-l4-value span {
  font-size: 20px;
}
.swangdashed .super, .swangdashed .swangdash {
  font-size: 14px;
}
.swangdashed .super {
  vertical-align: super;
}
.swangdashed .swangdash{
  line-height: 0px;
  margin-top: -7px;
  padding-bottom: 7px;
}

/* ----------------------------------------------------------------
grid-arr.t-1
----------------------------------------------------------------- */
.grid-arr.t-1 {
  margin-left: 0;
}
.grid-arr.t-1 > .unit {
  height: auto !important;
  padding-left: 0;
}
.grid-arr.t-1 > .unit > p > img {
  width: 120px;
}
/* ----------------------------------------------------------------
icon-confirm-box
icon-confirm
----------------------------------------------------------------- */
.icon-confirm-box + .txt-hdg-l4 {
  margin-top: 30px;
}
.icon-confirm-box + .content-box.ohter {
  margin-top: 20px;
}
.icon-confirm-box {
  margin-top: 10px;
  overflow: hidden;
}
.icon-confirm-box > div,
.icon-confirm-box a {
  display: table-cell;
}
.icon-confirm-box a {
  color: #157dc2;
  padding-left: 15px;
}
.icon-confirm {
  border: 2px solid #0083da;
  border-right: none;
  color: #0083da;
  display: block;
  height: 22px;
  font-size: 12px;
  position: relative;
  text-align: center;
  width: 33px;
}
.icon-confirm:before {
  border-top: 2px solid #0083da;
  content: "";
  display: block;
  height: 13px;
  position: absolute;
  left: 22px;
  top: 0;
  width: 13px;
  z-index: 1;
  transform-origin: center;
  transform: rotate(57deg);
  -moz-transform-origin: center;
  -webkit-transform: rotate(57deg);
}
.icon-confirm:after {
  border-bottom: 2px solid #0083da;
  content: "";
  display: block;
  height: 13px;
  position: absolute;
  left: 33px;
  top: 10px;
  width: 13px;
  z-index: 1;
  transform-origin: center;
  transform: rotate(122deg);
  -moz-transform-origin: center;
  -webkit-transform: rotate(122deg);
}
/* ----------------------------------------------------------------
message
----------------------------------------------------------------- */
.message {
  font-size: 16px;
  margin-top: 30px;
}
/* ----------------------------------------------------------------
span.update
----------------------------------------------------------------- */
span.update,
span.campaign,
span.emphasis {
  background: #df7171;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  display: inline-block;
  padding: 2px 10px 1px 10px;
  position: relative;
  top: -1px;
}
span.update {
  padding: 2px 11px 2px 11px;
}
span.campaign {
  border: 1px solid #999;
  background: #fff !important;
  color: #888 !important;
}
span.emphasis {
  color: #333;
  font-size: 14px;
  border-radius: 5px;
  padding: 8px 12px 8px;
  margin-right: 5px;
  background: #f0f4f8 !important;
}
/* ----------------------------------------------------------------
step-box
----------------------------------------------------------------- */
.step-box {
  margin: 20px -10px 20px -10px;
  text-align: center;
}
.step-box ul {
}
.step-box ul li {
  background: #cbcbcb;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  color: #fff;
  display: inline-block !important;
  height: 40px;
  margin: 0 10px 0 10px;
  position: relative;
  width: 40px;
  z-index: 2;
}
.step-box ul .active {
  background: #3a99d8;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  height: 50px;
  padding-top: 5px;
  width: 50px;
}
.step-box ul li span {
  display: block;
  font-size: 16px;
  font-weight: bold;
  position: relative;
}
.step-box ul li span:last-child {
  font-size: 12px;
  top: -4px;
}
.step-box ul li:before {
  border-top: 1px solid #cbcbcb;
  content: "";
  display: block;
  height: 1px;
  margin-top: 20px;
  position: absolute;
}
.step-box ul .regist:before {
  left: -2000px;
  width: 2000px;
}
.step-box ul .confirm:before {
  left: -24px;
  width: 24px;
}
.step-box ul .complete:before {
  left: -24px;
  width: 24px;
}
/* ----------------------------------------------------------------
content-box
----------------------------------------------------------------- */
.content-box + .txt-hdg-l4 {
  margin-top: 30px;
}
.content-box + .content-box.ohter {
  margin-top: 10px;
}
.content-box.ohter {
  background: #f5f5f5;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.content-box-inner {
  box-sizing: border-box;
  border: 2px solid #d3d8db;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: table;
  min-height: 70px;
  padding: 10px;
  width: 100%;
}
.content-box-inner + .content-box-inner {
  margin-top: 10px;
}
.content-box-inner.ohter + .content-box-inner.ohter {
  margin-top: 0;
  border-top: 1px solid #d8dadc;
}
.content-box-inner.ohter {
  background: #f5f5f5;
  border: none;
}
.content-box-inner.ohter dl {
  display: table;
  margin: 0;
  width: 100%;
}
.content-box-inner.ohter dl dt,
.content-box-inner.ohter dl dd {
  display: table-cell;
  vertical-align: top;
}
.content-box-inner.ohter dl dt {
  padding: 10px 0 5px 10px;
  width: 30%;
}
.content-box-inner.ohter dl dd {
  padding: 5px 10px 5px 10px;
  width: 70%;
}
.content-box-inner.ohter dl .indent {
  width: 50%;
}
.content-box .content-box-detail,
.content-box .content-box-btn {
  display: table-cell;
  vertical-align: middle;
}
.content-box .content-box-detail {
  width: auto;
}
.content-box .content-box-detail.contact {
  padding: 0 10px 0 0;
}
.content-box .content-box-detail ul {
  display: table;
  margin: 0;
}
.content-box .content-box-detail ul li {
  margin: 0 5px 0 0;
  padding: 0 5px 0 25px;
}
.content-box .content-box-detail.complete ul li .fs-18 {
  font-size: 14px !important;
}
.content-box .content-box-detail ul.label {
  display: inherit;
}
.content-box .content-box-detail ul.label li {
  display: inline-block !important;
  margin: 5px 5px 3px 0;
  padding: 0 !important;
}
.content-box .content-box-detail ul .icon-plan {
  background: url("../../../../../../../../mysoftbank/set/data/add/wbc_price-plan/01/img/s/fig_use-price.png") no-repeat 1px center;
  background-size: 14px 18px;
}
.content-box .content-box-detail ul .icon-data {
  background: url("../../../../../../../../mysoftbank/set/data/add/wbc_price-plan/01/img/s/fig_use-data.png") no-repeat 0 center;
  background-size: 16px 18px;
}
.content-box .content-box-detail ul .icon-support {
  background: url("../../../../../../../../mysoftbank/set/data/add/wbc_price-plan/01/img/s/fig_use-support.png") no-repeat -1px center;
  background-size: 20px 20px;
}
.content-box .content-box-detail ul .icon-none,
.content-box .content-box-detail.complete ul li {
  padding: 0 5px 0 5px;
}
.content-box .content-box-detail.complete ul li {
  padding: 0 5px 0 0;
}
.content-box .content-box-detail.complete ul li .fs-12 {
  font-size: 12px !important;
}
.content-box .content-box-detail.contact ul + ul {
  border-top: 1px solid #d8dadc;
  margin-top: 10px;
  margin-right: 10px;
  padding-top: 10px;
  width: 100%;
}
.content-box div.content-box-btn {
  width: 60px;
}
.content-box a.content-box-btn {
  background: #0083da;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #fff;
  position: relative;
  text-align: center;
  width: 40px;
}
/* ----------------------------------------------------------------
change-list
----------------------------------------------------------------- */
.change-list {
  border: 2px solid #d3d8db;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.change-list .change-list-hdg {
  padding: 10px 10px 0;
}
.change-list .change-list-inner {
  padding: 10px 10px 10px 0px;
}
.change-list .change-list-before,
.change-list .change-list-after {
  display: table;
  min-height: 70px;
  width: 100%;
  height: 100%;
}
.change-list .change-list-before div,
.change-list .change-list-after div {
  display: table-cell;
  vertical-align: middle;
}
.change-list .change-list-before .change-before-status,
.change-list .change-list-after .change-after-status {
  font-weight: bold;
  line-height: 15px;
  width: 15px;
  height: 100%;
}
.change-list .change-list-before .change-before-name,
.change-list .change-list-after .change-after-name {
  padding-left: 10px;
  width: auto;
}
.change-list .change-list-before .change-before-price,
.change-list .change-list-after .change-after-price {
  text-align: right;
  width: 30%;
}
.change-list .change-list-before div.change-before-status span,
.change-list .change-list-after div.change-after-status span {
  border-radius: 0px 3px 3px 0px;
  -webkit-border-radius: 0px 3px 3px 0px;
  -moz-border-radius: 0px 3px 3px 0px;
  color: #fff;
  display: block;
  padding: 10px 5px;
  text-align: center;
  height: 100%;
  display: -webkit-box !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  box-sizing: border-box;
}
.change-list .change-list-before div.change-before-status span {
  background: #85959f;
}
.change-list .change-list-after div.change-after-status span {
  background: #6197d6;
}
.change-list .change-list-info {
  margin: 10px 0 0 30px;
}
.change-list .change-list-info dl {
  display: table;
  width: 100%;
}
.change-list .change-list-info dl:first-child {
  border-top: 2px solid #aecae2;
  padding-top: 10px;
}
.change-list .change-list-info dl dt,
.change-list .change-list-info dl dd {
  display: table-cell;
  vertical-align: top;
}
.change-list .change-list-info dl dt {
  width: 30px;
}
.change-list .change-list-info dl dd {
  padding: 0 0 0 10px;
}
/* ----------------------------------------------------------------
change-before-name
change-after-name
change-before-price
change-after-price
change-list-arrow
----------------------------------------------------------------- */
.change-before-name ul,
.change-after-name ul {
  margin: 0;
}
.change-before-name ul li {
  color: #5f6e7e;
}
.change-before-name ul li.change-before-color-default {
  color: #333;
}
.change-after-name ul li .update {
  background: #df7171;
}
.change-before-price p,
.change-before-price p {
  color: #85959f;
  margin: 0;
}
.change-after-price p,
.change-after-price p {
  color: #2174ed;
  margin: 0;
}
.change-before-price span,
.change-after-price span {
  font-size: 20px;
}
.change-list-arrow {
  padding-left: 30px;
}
.change-list-arrow:before {
  border-top: 1px solid #cbcbcb;
  content: "";
  display: block;
  height: 1px;
  position: relative;
  top: 18px;
  width: 100%;
}
.change-list-arrow:after {
  border-top: 15px solid #d7e3f5;
  border-left: 28px solid transparent;
  border-right: 28px solid transparent;
  border-bottom: none;
  content: "";
  display: block;
  height: 0;
  left: -9px;
  margin: 10px auto;
  position: relative;
  right: auto;
  top: auto;
  width: 0;
}
/* ----------------------------------------------------------------
list-bullet-box
----------------------------------------------------------------- */
.list-bullet-box {
  border: 1px solid #d3d8db;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  margin-top: 10px;
  padding: 10px;
}
/* ----------------------------------------------------------------
fixed-box
----------------------------------------------------------------- */
.fixed-box {
  background: #19405a;
  margin: 0 -10px;
  padding: 10px;
}
.fixed-box .btn-default,
.fixed-box .btn-blue,
.fixed-box .btn-disable {
  padding: 10px 0 9px 0;
}
.fixed-box-inner {
  color: #fff;
  display: table;
  width: 100%;
}
.fixed-box-inner .fixed-box-txt,
.fixed-box-inner .fixed-box-check {
  display: table-cell;
  vertical-align: middle;
}
.fixed-box-inner .fixed-box-txt {
  font-size: 12px;
  padding-right: 10px;
  width: 70%;
}
.fixed-box-inner .fixed-box-check {
  font-size: 16px;
  position: relative;
  top: -10px;
  width: 100%;
  text-align: center;
}
.fixed-box-check input[type="checkbox"] {
  display: none;
}
.fixed-box-check label {
  cursor: pointer;
  display: inline-block;
  padding: 3px 3px 3px 22px;
  position: relative;
}
.fixed-box-check label::before {
  background: #fff;
  border: 4px solid #b9c3c9;
  border-radius: 0px;
  content: '';
  height: 14px;
  left: -5px;
  margin-top: -11px;
  position: absolute;
  top: 50%;
  width: 14px;
}
.fixed-box-check input[type="checkbox"]:checked + label::after {
  border-left: 5px solid #df7171;
  border-bottom: 5px solid #df7171;
  content: '';
  height: 5px;
  left: 1px;
  position: absolute;
  top: 5px;
  width: 17px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* ----------------------------------------------------------------
under-contract
----------------------------------------------------------------- */
.under-contract {
  margin-top: 20px;
}
.under-contract:after {
  border-top: 14px solid #d7e3f5;
  border-left: 28px solid transparent;
  border-right: 28px solid transparent;
  border-bottom: none;
  content: "";
  display: block;
  height: 0;
  margin: 10px auto;
  position: relative;
  right: auto;
  top: auto;
  width: 0;
}
.under-contract.status-only:after {
  border: none;
}
.under-contract .under-contract-inner {
  box-sizing: border-box;
  box-shadow: 0 0 0 2px #d3d8db inset;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: table;
  min-height: 60px;
  padding: 0 10px 0 0;
  width: 100%;
}
/* IE8 */
html>/**/body .under-contract .under-contract-inner {
  border /***/: 2px solid #d3d8db\9;
}
.under-contract-inner + .under-contract-inner {
  margin-top: 10px;
}
.under-contract .under-contract-inner .under-contract-status,
.under-contract .under-contract-inner .under-contract-name,
.under-contract .under-contract-inner .under-contract-price {
  display: table-cell;
  vertical-align: middle;
}
.under-contract .under-contract-inner .under-contract-status {
  border-radius: 3px 0px 0px 3px;
  -webkit-border-radius: 3px 0px 0px 3px;
  -moz-border-radius: 3px 0px 0px 3px;
  background: #85959f;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 15px;
  padding: 2px 10px;
  width: 15px;
}
.under-contract .under-contract-inner .under-contract-name {
  padding: 10px 0 10px 10px;
  width: auto;
}
.under-contract .under-contract-inner .under-contract-price {
  padding-top: 10px;
  vertical-align: bottom;
  width: 30%;
}
.under-contract .under-contract-inner .under-contract-price p {
  color: #85959f;
  margin: 0 0 5px;
  text-align: right;
}
.under-contract .under-contract-inner .under-contract-price span {
  font-size: 20px;
}
/* ----------------------------------------------------------------
plan-box
plan-nest
----------------------------------------------------------------- */
.plan-box .plan-box-inner {
  box-shadow: 0 0 0 2px #d3d8db inset;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 10px 10px 10px 0;
}
/* IE8 */
html>/**/body .plan-box .plan-box-inner {
  border /***/: 2px solid #d3d8db\9;
}
.plan-box-inner + .plan-box-inner,
.oneway-box  + .plan-box-inner {
  margin-top: 10px;
}
.plan-box .plan-box-inner.active {
  box-shadow: 0 0 0 4px #6197d6 inset;
}
/* IE8 */
html>/**/body .plan-box .plan-box-inner.active {
  border /***/: 4px solid #6197d6\9;
}
.plan-box .plan-box-inner .plan-box-top,
.plan-box .plan-box-inner .plan-box-infomation dl,
.plan-box .plan-box-inner .static-plan-box-infomation dl {
  display: table;
  width: 100%;
}
.plan-box .plan-box-inner .plan-box-infomation dl,
.plan-box .plan-box-inner .static-plan-box-infomation dl {
  margin-top: 10px;
}
.plan-box .plan-box-inner .plan-box-top {
  min-height: 50px;
}
.plan-box .plan-box-inner .plan-box-top div,
.plan-box .plan-box-inner .plan-box-infomation dl dt,
.plan-box .plan-box-inner .plan-box-infomation dl dd,
.plan-box .plan-box-inner .static-plan-box-infomation dl dt,
.plan-box .plan-box-inner .static-plan-box-infomation dl dd {
  display: table-cell;
  vertical-align: middle;
}
.plan-box .plan-box-inner .plan-box-top .plan-box-status {
  border-radius: 0px 3px 3px 0px;
  -webkit-border-radius: 0px 3px 3px 0px;
  -moz-border-radius: 0px 3px 3px 0px;
  font-size: 12px;
  width: 34px;
}
.plan-box .plan-box-inner .plan-box-top .plan-box-status > div {
  border-radius: 0px 3px 3px 0px;
  -webkit-border-radius: 0px 3px 3px 0px;
  -moz-border-radius: 0px 3px 3px 0px;
  font-size: 12px;
  float: left;
  padding: 2px 4px;
  width: 20px;
}
.plan-box .plan-box-inner .plan-box-top .plan-box-status label {
  position: relative;
  left: 8px;
  padding: 0;
  top: 6px;
}
.plan-box .plan-box-inner .plan-box-top .plan-box-name {
  padding-left: 10px;
  width: auto;
}
.plan-box .plan-box-inner .plan-box-top .plan-box-name .plan-description {
  display: none;
}
.plan-box .plan-box-inner .plan-box-top .plan-box-name ul {
  margin: 0;
}
.plan-box .plan-box-inner .plan-box-top .plan-box-name ul li + li {
  font-size: 12px;
}
.plan-box .plan-box-inner .plan-box-top .plan-box-price {
  vertical-align: bottom;
  width: 30%;
}
.plan-box .plan-box-inner .plan-box-top .plan-box-price p {
  margin: 0;
  text-align: right;
}
.plan-box .plan-box-inner .plan-box-top .plan-box-price p.continuation {
  color: #85959f;
}
.plan-box .plan-box-inner .plan-box-top .plan-box-price p.change {
  color: #2174ed;
}
.plan-box .plan-box-inner .plan-box-top .plan-box-price p span {
  font-size: 20px;
}
.plan-box .plan-box-inner .plan-box-top .plan-box-price.approx {
  width: 35%;
}
.plan-box .plan-box-inner .plan-box-infomation,
.plan-box .plan-box-inner .static-plan-box-infomation,
.plan-nest,
.static-plan-nest {
  padding: 10px 0 10px 45px;
}
.plan-box .plan-box-inner .plan-box-infomation,
.plan-nest {
  display: none;
}
.plan-box .plan-box-inner .static-plan-box-infomation {
  display: block;
}
.plan-box .plan-box-inner .plan-box-infomation > dl:first-child,
.plan-box .plan-box-inner .plan-box-infomation > p:first-child,
.plan-box .plan-box-inner .static-plan-box-infomation dl:first-child {
  border-top: 2px solid #aecae2;
  padding-top: 10px;
}
.plan-box .plan-box-inner .plan-box-infomation dl dt,
.plan-box .plan-box-inner .plan-box-infomation dl dd,
.plan-box .plan-box-inner .static-plan-box-infomation dl dt,
.plan-box .plan-box-inner .static-plan-box-infomation dl dd {
  vertical-align: top;
}
.plan-box .plan-box-inner .plan-box-infomation dl dt,
.plan-box .plan-box-inner .static-plan-box-infomation dl dt {
  width: 30px;
}
.plan-box .plan-box-inner .plan-box-infomation dl dd,
.plan-box .plan-box-inner .static-plan-box-infomation dl dd {
  padding: 0 0 0 10px;
}
.plan-box .plan-box-inner .plan-box-infomation dl dd p.em,
.plan-box .plan-box-inner .static-plan-box-infomation dl dd p.em {
  margin: 15px 0 5px;
  color: #333333;
  font-weight: bold;
}
.plan-box .oneway-box {
  box-shadow: 0 0 0 2px #d3d8db inset;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  margin-top: 10px;
  padding-bottom: 6px;
}
.plan-box .oneway-box.active {
  box-shadow: 0 0 0 4px #6197d6 inset;
}
.plan-box .oneway-box.active .plan-box-inner {
  box-shadow: none;
}
.plan-box .oneway-box .more-btn {
  margin: -4px 2px;
}
.plan-box .oneway-box.active .more-btn {
  margin: -4px 4px -2px;
}
.plan-box .oneway-box.active .btn-more-right {
  padding-right: 26px;
}
.plan-box .oneway-box.active .btn-more-right:before {
  right: 10px;
}
.plan-box .oneway-box .plan-box-inner {
  box-shadow: none;
}
.plan-box .plan-box-inner.active .plan-nest,
.plan-box .plan-box-inner.active .static-plan-nest,
.oneway-box.active .plan-nest.oneway {
  margin-right: -6px;
}
.plan-nest,
.static-plan-nest {
  margin-right: -8px;
}
.plan-nest .plan-nest-inner,
.plan-nest .static-plan-nest-inner,
.static-plan-nest .plan-nest-inner,
.static-plan-nest .static-plan-nest-inner {
  background: #f3f3f3;
  border-radius: 20px 0px 0px 20px;
  -webkit-border-radius: 20px 0px 0px 20px;
  -moz-border-radius: 20px 0px 0px 20px;
  padding: 10px 0;
}
.plan-nest .plan-nest-inner .plan-nest-top,
.plan-nest .plan-nest-inner .plan-nest-bottom,
.plan-nest .static-plan-nest-inner .plan-nest-top,
.plan-nest .static-plan-nest-inner .plan-nest-bottom,
.static-plan-nest .plan-nest-inner .plan-nest-top,
.static-plan-nest .plan-nest-inner .plan-nest-bottom,
.static-plan-nest .static-plan-nest-inner .plan-nest-top,
.static-plan-nest .static-plan-nest-inner .plan-nest-bottom {
  box-sizing: border-box;
  display: table;
  width: 100%;
}
.plan-nest .plan-nest-inner .plan-nest-top,
.plan-nest .static-plan-nest-inner .plan-nest-top,
.static-plan-nest .plan-nest-inner .plan-nest-top,
.static-plan-nest .static-plan-nest-inner .plan-nest-top, {
  min-height: 30px;
}
.plan-nest .plan-nest-inner .plan-nest-bottom,
.plan-nest .static-plan-nest-inner .plan-nest-bottom,
.static-plan-nest .plan-nest-inner .plan-nest-bottom,
.static-plan-nest .static-plan-nest-inner .plan-nest-bottom {
  margin-top: 10px;
  padding: 0 0 0 44px;
}
.plan-nest .plan-nest-inner.active,
.plan-nest .static-plan-nest-inner.active,
.static-plan-nest .plan-nest-inner.active,
.static-plan-nest .static-plan-nest-inner.active {
  background: #d7e3f5;
}
.plan-nest .plan-nest-inner + .plan-nest-inner,
.plan-nest .static-plan-nest-inner + .static-plan-nest-inner,
.plan-nest .plan-nest-inner + .static-plan-nest-inner,
.plan-nest .static-plan-nest-inner + .plan-nest-inner,
.static-plan-nest .plan-nest-inner + .plan-nest-inner,
.static-plan-nest .static-plan-nest-inner + .static-plan-nest-inner,
.static-plan-nest .static-plan-nest-inner + .plan-nest-inner,
.static-plan-nest .static-plan-nest-inner + .plan-nest-inner {
  margin-top: 10px;
}
.plan-nest .plan-nest-inner .plan-nest-status,
.plan-nest .plan-nest-inner .plan-nest-name,
.plan-nest .plan-nest-inner .plan-nest-price,
.plan-nest .static-plan-nest-inner .plan-nest-status,
.plan-nest .static-plan-nest-inner .plan-nest-name,
.plan-nest .static-plan-nest-inner .plan-nest-price,
.static-plan-nest .plan-nest-inner .plan-nest-status,
.static-plan-nest .plan-nest-inner .plan-nest-name,
.static-plan-nest .plan-nest-inner .plan-nest-price,
.static-plan-nest .static-plan-nest-inner .plan-nest-status,
.static-plan-nest .static-plan-nest-inner .plan-nest-name,
.static-plan-nest .static-plan-nest-inner .plan-nest-price {
  display: table-cell;
  vertical-align: middle;
}
.plan-nest .plan-nest-inner .plan-nest-status,
.plan-nest .static-plan-nest-inner .plan-nest-status,
.static-plan-nest .plan-nest-inner .plan-nest-status,
.static-plan-nest .static-plan-nest-inner .plan-nest-status {
  width: 34px;
}
.plan-nest .plan-nest-inner .plan-nest-status label,
.plan-nest .static-plan-nest-inner .plan-nest-status label,
.static-plan-nest .plan-nest-inner .plan-nest-status label,
.static-plan-nest .static-plan-nest-inner .plan-nest-status label {
  position: relative;
  left: 8px;
  padding: 0;
  top: 6px;
}
.plan-nest .plan-nest-inner .plan-nest-name,
.plan-nest .static-plan-nest-inner .plan-nest-name,
.static-plan-nest .plan-nest-inner .plan-nest-name,
.static-plan-nest .static-plan-nest-inner .plan-nest-name {
  padding-left: 10px;
  width: auto;
}
.plan-nest .plan-nest-inner .plan-nest-name .plan-description {
  display: none;
}
.plan-nest .plan-nest-inner .plan-nest-name ul,
.plan-nest .static-plan-nest-inner .plan-nest-name ul,
.static-plan-nest .plan-nest-inner .plan-nest-name ul,
.static-plan-nest .static-plan-nest-inner .plan-nest-name ul {
  margin: 0;
}
.plan-box .plan-box-inner .plan-box-top .plan-box-name-list .fs-18,
.plan-nest .plan-nest-inner .plan-nest-name-list .fs-18 {
  font-size: 14px !important;
}
.plan-nest .plan-nest-inner .plan-nest-name-list .fs-18 {
  font-weight: bold;
}
.plan-nest .plan-nest-inner .plan-nest-name-list li + li .fs-18 {
  font-weight: normal;
}
.plan-nest .plan-nest-inner .plan-nest-price,
.plan-nest .static-plan-nest-inner .plan-nest-price,
.static-plan-nest .plan-nest-inner .plan-nest-price,
.static-plan-nest .static-plan-nest-inner .plan-nest-price {
  padding-right: 10px;
  vertical-align: bottom;
  width: 40%;
}
.static-plan-nest .plan-nest-inner .plan-nest-price,
.static-plan-nest .static-plan-nest-inner .plan-nest-price {
  padding-right: 8px;
}
.plan-box-inner.active .static-plan-nest .plan-nest-inner .plan-nest-price,
.plan-box-inner.active .static-plan-nest .static-plan-nest-inner .plan-nest-price {
  padding-right: 6px;
}
.plan-nest .plan-nest-inner .plan-nest-price p,
.plan-nest .static-plan-nest-inner .plan-nest-price p,
.static-plan-nest .plan-nest-inner .plan-nest-price p,
.static-plan-nest .static-plan-nest-inner .plan-nest-price p {
  color: #85959f;
  margin: 0;
  text-align: right;
}
.plan-nest .plan-nest-inner .plan-nest-price p span,
.plan-nest .static-plan-nest-inner .plan-nest-price p span,
.static-plan-nest .plan-nest-inner .plan-nest-price p span,
.static-plan-nest .static-plan-nest-inner .plan-nest-price p span {
  font-size: 20px;
}
.plan-nest .plan-nest-inner .plan-nest-info {
  display: none;
}
.plan-nest .plan-nest-inner .plan-nest-info dl:first-child,
.plan-nest .plan-nest-inner .static-plan-nest-info dl:first-child,
.plan-nest .static-plan-nest-inner .plan-nest-info dl:first-child,
.plan-nest .static-plan-nest-inner .static-plan-nest-info dl:first-child,
.static-plan-nest .plan-nest-inner .plan-nest-info dl:first-child,
.static-plan-nest .plan-nest-inner .static-plan-nest-info dl:first-child,
.static-plan-nest .static-plan-nest-inner .plan-nest-info dl:first-child,
.static-plan-nest .static-plan-nest-inner .static-plan-nest-info dl:first-child {
  border-top: 2px solid #aecae2;
  padding-top: 10px;
}
.plan-nest .plan-nest-inner .plan-nest-info dl dt,
.plan-nest .plan-nest-inner .plan-nest-info dl dd,
.plan-nest .plan-nest-inner .static-plan-nest-info dl dt,
.plan-nest .plan-nest-inner .static-plan-nest-info dl dd,
.plan-nest .static-plan-nest-inner .plan-nest-info dl dt,
.plan-nest .static-plan-nest-inner .plan-nest-info dl dd,
.plan-nest .static-plan-nest-inner .static-plan-nest-info dl dt,
.plan-nest .static-plan-nest-inner .static-plan-nest-info dl dd,
.static-plan-nest .plan-nest-inner .plan-nest-info dl dt,
.static-plan-nest .plan-nest-inner .plan-nest-info dl dd,
.static-plan-nest .plan-nest-inner .static-plan-nest-info dl dt,
.static-plan-nest .plan-nest-inner .static-plan-nest-info dl dd,
.static-plan-nest .static-plan-nest-inner .plan-nest-info dl dt,
.static-plan-nest .static-plan-nest-inner .plan-nest-info dl dd,
.static-plan-nest .static-plan-nest-inner .static-plan-nest-info dl dt,
.static-plan-nest .static-plan-nest-inner .static-plan-nest-info dl dd {
  display: table-cell;
  vertical-align: top;
}
.plan-nest .plan-nest-inner .plan-nest-info dl dt,
.plan-nest .plan-nest-inner .static-plan-nest-info dl dt,
.plan-nest .static-plan-nest-inner .plan-nest-info dl dt,
.plan-nest .static-plan-nest-inner .static-plan-nest-info dl dt,
.static-plan-nest .plan-nest-inner .plan-nest-info dl dt,
.static-plan-nest .plan-nest-inner .static-plan-nest-info dl dt,
.static-plan-nest .static-plan-nest-inner .plan-nest-info dl dt,
.static-plan-nest .static-plan-nest-inner .static-plan-nest-info dl dt {
  width: 30px;
}
.plan-nest .plan-nest-inner .plan-nest-info dl dd,
.plan-nest .plan-nest-inner .static-plan-nest-info dl dd,
.plan-nest .static-plan-nest-inner .plan-nest-info dl dd,
.plan-nest .static-plan-nest-inner .static-plan-nest-info dl dd,
.static-plan-nest .plan-nest-inner .plan-nest-info dl dd,
.static-plan-nest .plan-nest-inner .static-plan-nest-info dl dd,
.static-plan-nest .static-plan-nest-inner .plan-nest-info dl dd,
.static-plan-nest .static-plan-nest-inner .static-plan-nest-info dl dd {
  padding: 0 10px;
}
.static-plan-nest .static-plan-nest-inner .static-plan-nest-info dl {
  margin-top: 10px;
}
.static-plan-nest .static-plan-nest-inner .static-plan-nest-info dl:first-child {
  margin-top: 0;
}
/* ----------------------------------------------------------------
plan-box
----------------------------------------------------------------- */
.plan-box-exclamation {
  margin-top: 20px;
}
.plan-box-exclamation dl {
  display: table;
  margin-top: 10px;
  width: 100%;
}
.plan-box-exclamation dl dt,
.plan-box-exclamation dl dd {
  display: table-cell;
  vertical-align: middle;
}
.plan-box-exclamation dl dt {
  width: 30px;
}
.plan-box-exclamation dl dd {
  padding-left: 10px;
  width: auto;
}
.plan-box-exclamation.tri dt {
  width: 18px;
}
.plan-box-exclamation.tri dt img {
  max-width: 100%;
  vertical-align: top;
}
.plan-box-exclamation.tri dd {
  padding-left: 10px;
}
/* ----------------------------------------------------------------
line-title-box
----------------------------------------------------------------- */
.line-title-box:before {
  border-top: 2px solid #82a2bd;
  content: "";
  display: block;
  height: 1px;
  position: relative;
  top: 12px;
  width: 100%;
  z-index: 1;
}
.line-title-box h3 {
  text-align: center;
}
.line-title-box h3 span {
  background: #fff;
  padding: 0 10px;
  position: relative;
  z-index: 2;
}
/* ----------------------------------------------------------------
faq
----------------------------------------------------------------- */
.faq-box {
  margin: 20px 0;
}
.faq-box > ul > li + li {
  margin-top: 10px;
}
.faq-box > ul > li > a,
.faq-box > ul > li > a:visited,
.faq-box > ul > li > a:hover {
  color: #333;
  display: block;
}
.faq-box dl {
  border: 2px solid #d3d8db;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: table;
  margin: 0;
  padding: 10px 10px 9px 10px;
  width: 100%;
}
.faq-box dl dt,
.faq-box dl dd {
  display: table-cell;
  vertical-align: top;
}
.faq-box dl dt {
  width: 30px;
}
.faq-box dl dd {
  padding-left: 20px;
}
.faq-box dl dd ul {
  letter-spacing: -.4em;
}
.faq-box dl dd ul li {
  border: 2px solid #d8dadc;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: inline-block !important;
  letter-spacing: normal;
  margin: 0 5px 3px 0;
  padding: 2px 4px;
}
/* ----------------------------------------------------------------
main-box
----------------------------------------------------------------- */
.main-box + .list-area {
  margin-top: 30px;
}
.main-box-inner {
  border: 2px solid #d3d8db;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.main-box-inner + .main-box-inner {
  margin-top: 20px;
}
.main-box-inner .fs-18 {
  font-size: 18px !important;
}
.main-box-inner h3.bg-hdg-l3 {
  background-color: #f4f5f6;
  padding: 9px 10px 9px 10px;
  font-feature-settings: "pkna";
}
.main-box-hdg-l5 {
  background-color: #ecf0f3;
  margin: 2px;
  padding: 10px 8px;
}
.main-box-wrap {
  display: table;
  min-height: 70px;
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
}
.main-box-wrap + .main-box-wrap {
  border-top: 2px solid #d3d8db;
}
.main-box-wrap .box-detail,
.main-box-wrap a.main-box-btn {
  display: table-cell;
  vertical-align: middle;
}
.main-box-wrap .box-detail {
  width: auto;
}
.main-box-wrap .box-detail .unit-box {
  margin: 0;
}
.main-box-wrap .box-detail .unit-box + .unit-box {
  border-top: 1px solid #d8dadc;
  padding-top: 15px;
}
.main-box-wrap a.main-box-btn {
  background: #0083da;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #fff;
  position: relative;
  text-align: center;
  width: 40px;
}
.main-box-wrap dl.list {
  border-top: 1px dotted #d3d8db;
  margin:0 0 10px 0;
  padding-top: 10px;
  border-bottom: none;
}
.main-box-wrap .action {
  text-align: center;
}
.main-more-detail {
  border-top: 2px solid #d3d8db;
  margin: 0 10px;
  padding: 10px;
}
.main-more-detail.bg-color {
  background: #f5f8fa;
  margin: 0;
}
.main-more-detail .btn-dark-blue {
  background: #0083da;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  color: #fff;
  display: block;
  margin: 0 auto;
  padding: 10px 0;
  text-align: center;
  width: 220px;
}
.main-more-detail dl.list {
  border-bottom: 2px solid #d3d8db;
  display: table;
  padding-bottom: 10px;
  width: 100%;
}
.main-more-detail dl.list dt,
.main-more-detail dl.list dd {
  display: table-cell;
}
.main-more-detail dl.list dt {
  width: 35%;
}
.main-more-detail dl.list dd {
  width: auto;
}
.main-more-detail dl.list dd dl {
  display: table;
  margin: 0;
}
.main-more-detail dl.list dd dl dt,
.main-more-detail dl.list dd dl dd {
  display: table-cell;
  width: auto;
}
.main-more-btn {
  background: #e7ecef;
  border-top: 2px solid #d3d8db;
}
.icon-price,
.icon-price.bg-hdg-l3 {
  background: url(../../../../../../../../mysoftbank/set/data/add/wbc_price-plan/01/img/s/fig-price.png) no-repeat 0 center;
  background-size: 16px 18px;
  padding: 0 0 0 25px;
}
.icon-price.bg-hdg-l3 {
  background: url(../../../../../../../../mysoftbank/set/data/add/wbc_price-plan/01/img/s/fig-price.png) no-repeat 10px center;
  background-size: 16px 18px;
  padding: 9px 10px 9px 35px !important;
}
.icon-basic {
  background: url(../../../../../../../../mysoftbank/set/data/add/wbc_price-plan/01/img/s/fig-basic.png) no-repeat 0 top;
  background-size: 16px 18px;
  padding: 0 0 0 25px;
}
.icon-internet {
  background: url(../../../../../../../../mysoftbank/set/data/add/wbc_price-plan/01/img/s/fig-internet.png) no-repeat 0 top;
  background-size: 18px 18px;
  padding: 0 0 0 25px;
}
.icon-data {
  background: url(../../../../../../../../mysoftbank/set/data/add/wbc_price-plan/01/img/s/fig-data.png) no-repeat 0 top;
  background-size: 18px 18px;
  padding: 0 0 0 25px;
}
.icon-family {
  background: url(../../../../../../../../mysoftbank/set/data/add/wbc_price-plan/01/img/s/fig-family.png) no-repeat 0 top;
  background-size: 16px 16px;
  padding: 0 0 0 25px;
}
.icon-family.bg-hdg-l3 {
  background: url(../../../../../../../../mysoftbank/set/data/add/wbc_price-plan/01/img/s/fig-family.png) no-repeat 10px 13px;
  background-size: 16px 16px;
  padding: 9px 10px 9px 35px !important;
}
.icon-support {
  background: url(../../../../../../../../mysoftbank/set/data/add/wbc_price-plan/01/img/s/fig-support.png) no-repeat 0 top;
  background-size: 16px 16px;
  padding: 0 0 0 25px;
}
.icon-support.bg-hdg-l3 {
  background: url(../../../../../../../../mysoftbank/set/data/add/wbc_price-plan/01/img/s/fig-support.png) no-repeat 10px 12px;
  background-size: 16px 16px;
  padding: 9px 10px 9px 35px !important;
}
.unit-box {
  margin:0 10px;
  padding-top: 10px;
  padding-bottom: 15px
}
.unit-box .icon-price,
.unit-box .icon-basic,
.unit-box .icon-internet,
.unit-box .icon-data,
.unit-box .icon-family,
.unit-box .icon-support {
  padding-left: 25px;
}
.unit-box h4 + .unit-detail {
  border-top: 2px solid #d3d8db;
  margin-top: 10px;
}
.unit-box .unit-detail {
  padding-top: 10px;
}
.unit-box dl.list li {
  border: none;
}
.unit-detail dl.list {
  border-bottom: none;
  margin-bottom: 0;
}
.unit-detail dl.list + dl.list {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dotted #d3d8db;
}
.unit-detail > dl.list dt + dt,
.unit-detail > dl.list dd + dt {
  padding-top: 10px;
}
.unit-detail > dl.list dd {
  margin-top: 5px;
}

.unit-detail.unit-option > dl.list dt {
  font-size: 15px !important;
}
.unit-detail.unit-option > dl.list dd {
  font-size: 13px !important;
  padding-left: 1.5rem;
}
.unit-detail dl dd dl {
  display: table;
}
.unit-detail dl dd dl dt,
.unit-detail dl dd dl dd {
  display: table-cell;
}
.unit-btn {
  padding-top: 10px;
}
.box-detail .list-bullet-01 {
  margin-top: 15px;
  padding-left: 5px;
}
.box-detail .list-bullet-01 li {
  font-size: 1.6px;
}
/* ----------------------------------------------------------------
list-area
----------------------------------------------------------------- */
.list-area {
  border-top: 1px solid #b2b2b2;
  margin: 0 -10px;
}
.list-area-box {
  margin: 0 10px;
  padding-top: 30px;
}
/* ----------------------------------------------------------------
btn-area
fixed-btn-area
----------------------------------------------------------------- */
/*
.btn-area {
  margin-top: 30px;
}
.btn-area ul,
.fixed-btn-area ul {
  display: table;
  width: 100%;
}
.btn-area ul li,
.fixed-btn-area ul li {
  width: 80px;
  display: table-cell !important;
  vertical-align: middle;
}
.btn-area ul li + li,
.fixed-btn-area ul li + li {
  padding-left: 10px;
  width: auto;
}
.btn-area ul li a,
.fixed-btn-area ul li a {
  margin: 0;
  width: auto;
}
.btn-area ul li .btn-default,
.fixed-btn-area ul li .btn-default {
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  padding: 8px 5px 7px 20px;
  width: 80px;
}
*/
.fixed-btn-area ul li .btn-default {
  background: #fff;
}
.btn-area ul li .btn-default:before,
.fixed-btn-area ul li .btn-default:before {
  left: 15px;
  margin-top: -4px;
  right: 0;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.btn-area .uni-btn-02.btn-disable {
  cursor: default;
  background-color: #ffffff;
  background-image: none;
  color: #e3e4e5;
  box-shadow: none;
  border: 1px solid #d8dadc;
  text-shadow: none;
}
.btn-area .uni-btn-02.btn-disable:before,
.btn-area .uni-btn-02.btn-blue:before {
  display: none;
}
.btn-area .uni-btn-02.btn-disable,
.btn-area .uni-btn-02.btn-apply {
  padding: 10px 29px 7px 27px;
  border-radius: 2px;
}
.btn-area .uni-btn-02.btn-blue {
  box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfdfe), color-stop(100%, #e9edf0));
  background-image: -webkit-linear-gradient(#fbfdfe, #e9edf0);
  background-image: linear-gradient(#fbfdfe, #e9edf0);
  background-color: #e9edf0;
  color: #006699;
}
/* ----------------------------------------------------------------
mysb-nav-global
----------------------------------------------------------------- */
#str-container #mysb-nav-global > ul > li > a > span {
  font-feature-settings: "pkna";
}
/* ----------------------------------------------------------------
unit-detail-wrapper
verticaldot
----------------------------------------------------------------- */
.unit-detail-wrapper{
  display: table;
  margin-top: 5px;
  padding-left: 4px;
}
.unit-detail-wrapper .unit-detail,
.unit-detail-wrapper .verticaldot {
  display: table-cell;
}
.unit-detail-wrapper > .unit-detail {
  padding-top: 0;
  padding-left: 11px;
}
.unit-detail-wrapper > .unit-detail > dl {
  margin-bottom: 5px;
}
.unit-detail-wrapper > .unit-detail > dl.list dt {
  padding-top: 0;
}
.unit-detail-wrapper > .unit-detail > dl.list + dl.list {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}
.unit-detail-wrapper > .unit-detail > dl.list dd {
  font-size: 16px !important;
}
.verticaldot {
  background-image: -moz-linear-gradient(left, #d3d8db, #d3d8db 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(left, #d3d8db, #d3d8db 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-linear-gradient(left, #d3d8db, #d3d8db 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to bottom, #d3d8db, #d3d8db 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%);
  background-size: 2px 8px;
  margin: 0 0.5em;
  width: 2px;
}
/* ----------------------------------------------------------------
hdg-l4-wrapper,hdg-l5
----------------------------------------------------------------- */
.hdg-l4-wrapper, .unit-hdg-l5 {
  display: table;
  width: 100%;
}
.hdg-l4-item, .hdg-l4-price, .hdg-l5-item, .hdg-l5-price {
  display: table-cell;
  vertical-align: middle;
}
.hdg-l4-price, .hdg-l5-price {
  text-align: right;
}
.hdg-l4-price p {
  margin: 0;
}
.hdg-l4-price span {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
.hdg-l5-price {
  vertical-align: baseline;
}
.hdg-l5-price p {
  color: #85959f;
  margin-bottom: 0;
}
.hdg-l5-item {
  width: 66%;
}
.hdg-l5-price span {
  color: #85959f;
  font-size: 20px;
}
/* ----------------------------------------------------------------
list-bullet
----------------------------------------------------------------- */
.main-box-inner .list-bullet > dt {
  margin: 10px 0 0;
  padding-left: 1em;
  list-style-type: none;
  position: relative;
  position: relative;
}
.main-box-inner .list-bullet > dt:first-child {
  margin-top: 0;
}
.main-box-inner .list-bullet > dt:before {
  content: "";
  display: block;
  width: 0.3em;
  height: 0.3em;
  overflow: hidden;
  position: absolute;
  top: 0.5em;
  left: 0.3em;
}
.main-box-inner .list-bullet > dt:before {
  border-radius: 4px;
  background-color: #333333;
}
.main-box-inner .list-bullet > dd {
  padding-left: 1em;
  margin-top: 5px;
}
.main-box-inner .list-bullet .list-bullet {
  font-size: inherit;
}
/* ----------------------------------------------------------------
info-as-of
----------------------------------------------------------------- */
.info-as-of{
  background-color: #f4f5f6;
  border-bottom: 1px solid #d3d8db;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  margin-right: 3px;
  margin-left: 3px;
  padding: 3px 6px;
}
/* ----------------------------------------------------------------
tbl attention
----------------------------------------------------------------- */
.tbl.attention .form-list label::before {
  display: none;
}
.tbl.attention .form-list label input {
  position: relative;
  left: -3px;
  top: 2px;
}
/* ----------------------------------------------------------------
alt-hdg-l5
----------------------------------------------------------------- */
h5.alt-hdg-l5 {
  font-weight: normal;
  font-size: 100%;
}
/* ----------------------------------------------------------------
image-left
left-img
----------------------------------------------------------------- */
.image-left {
  display: table;
  width: 100%;
  margin-bottom: 10px;
}
.left-img .image,
.left-img .col {
  display: table-cell;
  vertical-align: middle;
}
.left-img .image {
  float: none;
  width: 25%;
}
.left-img .col {
  width: 75%;
}
.left-img .col .list {
  border-top: none;
  border-bottom: none;
}
.left-img .col .list dd{
  margin-top: 5px;
}
/* ----------------------------------------------------------------
arrow-right
----------------------------------------------------------------- */
.arrow-right{
  position: relative;
  padding-left: 12px;
}
.arrow-right a{
  color: #157dc2;
}
.arrow-right a:before{
  content: "";
  display: block;
  border-left: 6px solid #157dc2;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  top: 4px;
  left: 0;
  position: absolute;
}

/* ----------------------------------------------------------------
fillup-area
----------------------------------------------------------------- */
.fillup-area-visible {
  overflow: visible;
}
.fillup-area-visible.image-left .col {
  overflow: visible;
}
.fillup-area-visible .fillup-area {
  margin: 10px -10px 15px;
  padding: 0 10px;
  background-color: #f4f5f6;
}
.fillup-area-visible .fillup-area .fillup-area-inner {
  padding: 10px 0;
}
.fillup-area-visible .fillup-area .fillup-area-inner .plan-box-exclamation dl {
  width: auto;
  margin: 0 auto;
}
.fillup-area-visible .fillup-area .fillup-area-inner .plan-box-exclamation dl dt {
  width: 22px;
}
/* ----------------------------------------------------------------
change-list-box
----------------------------------------------------------------- */
.change-list .change-list-inner .change-list-before .change-list-box,
.change-list .change-list-inner .change-list-after .change-list-box {
  width: 100%;
  display: table;
}

.change-list .change-list-inner .change-list-before .change-list-box + .change-list-box,
.change-list .change-list-inner .change-list-after .change-list-box + .change-list-box{
  margin-top: 5px;
}

.change-list-box .change-after-price.fc-gray p{
  color: #85959f;
}

.change-list .change-list-inner .change-list-after .change-list-box .change-after-price {
  vertical-align: bottom;
}
/* ----------------------------------------------------------------
plan-content-box
----------------------------------------------------------------- */
.main-box .plan-content-box .unit-hdg-l5 .hdg-l5-price {
  vertical-align: bottom;
  width: 30%;
}
.main-box .plan-content-box .unit-hdg-l5 .hdg-l5-price p,
.main-box .plan-content-box .unit-hdg-l5 .hdg-l5-price span.font {
  color: #2174ed;
}

.main-box .plan-detail-box {
  width: 100%;
  display: table;
  padding: 0px 10px 0px 30px;
  box-sizing: border-box;
	word-break: break-all;
}
.main-box .plan-detail-box .plan-detail-name,
.main-box .plan-detail-box .plan-detail-price {
  display: table-cell;
}
.main-box .plan-detail-box .plan-detail-name {
  width: auto;
}
.main-box .plan-detail-box .plan-detail-price {
  text-align: right;
  width: 30%;
}
.main-box .plan-detail-box .fc-gray p{
  color: #85959f;
}
/* ----------------------------------------------------------------
list-position
----------------------------------------------------------------- */
.list-number li span.list-position {
  top: -11px;
  left: 15px;
}
/* ----------------------------------------------------------------
coupon
----------------------------------------------------------------- */
.coupon {
  padding: 7px 5px;
  border: 1px solid #c2c2c2;
  border-radius: 4px;
  max-width: 100%;
  min-height: 2em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0 0 6px rgb(0 0 0 / 10%) inset;
}

.coupon-btn.btn-03 {
  min-width: 100px;
  margin-left: 20px;
}

.coupon-area {
  width: 50%;
  margin: 0 auto;
}

.list-error>li {
  color: #e64646;
  font-weight: bold;
}


/* js-acc */
.js-acc-wrapper{ height:0px; overflow:hidden; }