@charset "UTF-8";
/*--------------------------------------------------------------------
  サイト全体
----------------------------------------------------------------------*/
/* default
--------------------------------------------------*/
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

img {
  vertical-align: bottom; }

html {
  font-size: 62.5%; }

body {
  font-family: Hiragino SansPro6N, Hiragino Sans, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
  font-size: 1.4em;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%; }

a {
  color: inherit;
  text-decoration: none; }

.clearfix:after {
  content: "";
  clear: both;
  display: block; }

.box_sizing * {
  box-sizing: border-box; }

/*--------------------------------------------------------------------
  basic_style
----------------------------------------------------------------------*/
html {
  color: #333; }

@media screen and (max-width: 767px) {
  .contents {
    margin-bottom: 55px;
    padding: 0 15px; } }

/* link
--------------------------------------------------*/
a {
  outline: none;
  -webkit-tap-highlight-color: transparent;
  text-decoration: underline;
  color: #333; }

.ico-blank-link{}
.ico-blank-link .ico-blank{
  display: inline-block;
  margin-right: 3px;
  margin-left: 3px;
}
.ico-blank-link .ico-blank-img{
  vertical-align: middle;
}

.footer-link:link {
  text-decoration: none;
  color: #093475;
  cursor: pointer;
  clear: inherit; }

.footer-link:visited {
  color: #7600b3;
  text-decoration: none;
  cursor: pointer;
  clear: inherit; }

.footer-link:hover {
  text-decoration: underline !important;
  color: #3374da;
  cursor: pointer;
  clear: inherit; }

.blet-link:link {
  text-decoration: none;
  color: #093475;
  cursor: pointer;
  clear: inherit; }

.blet-link:visited {
  color: #7600b3;
  text-decoration: none;
  cursor: pointer;
  clear: inherit; }

.blet-link:hover {
  text-decoration: underline !important;
  color: #3374da;
  cursor: pointer;
  clear: inherit; }

.pc a,
.pc button {
  transition: .3s ease; }

.pc .contents a:hover,
.contents a:active {
  outline: none;
  color: #3c78b4;
  text-decoration: none;
  transition: .3s ease; }

body a:visited,
body a:focus {
  color: inherit; }

.wrapper {
  overflow: hidden; }

@media screen and (min-width: 356px) {
  #modalTrgger {
    margin-bottom: -5px; } }

/*--------------------------------------------------------------------
  共通パーツ
----------------------------------------------------------------------*/
.contents {
  /* control_area
--------------------------------------------------*/
  /* btn
--------------------------------------------------*/
  /* アイコン */
  /*
  .btn_after_decoration01:after {
    right: 0;
    bottom: -13px;
    width: 102px;
    height: 101px;
    background-image: url(/charge/simulation/gigaho_gigalite/assets/images/btn_decoration01.png);
  }
  */
  /* column basic
--------------------------------------------------*/
  /*--------------------------------------------------------------------
  Utility
----------------------------------------------------------------------*/
  /* Responsive
--------------------------------------------------*/
  /* カラー
--------------------------------------------------*/
  /*==========================================================================================
新シミュレーション制作以降
==========================================================================================*/
  /* 包括グループ */
  /* 矢印 */
  /* タイトル */
  /* アコーディオン */
  /* セクション切り替えタブ
--------------------------------------------------*/
  /* 下部フロート
--------------------------------------------------*/
  /*==========================================================================================
section1
==========================================================================================*/
  /*==========================================================================================
section2
==========================================================================================*/
  /*==========================================================================================
section3
==========================================================================================*/
  /*==========================================================================================
section4
==========================================================================================*/
  /* operation_area
--------------------------------------------------*/
  /*結果・結果編集共通貼り付けバナー*/
  /* 注意事項等 */
  /*==========================================================================================
  box-common--alert
  ==========================================================================================*/ }
  .contents img {
    max-width: 100%;
    height: auto;
    pointer-events: none; }
  .contents p {
    margin-bottom: 0; }
  .contents p + p {
    margin-top: 0; }
  .contents .ma0 {
    margin: 0 !important; }
  .contents .mt0 {
    margin-top: 0 !important; }
  .contents .mt10 {
    margin-top: 10px !important; }
  @media (min-width: 768px) {
    .contents .pc_mt0 {
      margin-top: 0 !important; } }
  .contents .mb0 {
    margin-bottom: 0 !important; }
  .contents .block_head {
    margin-bottom: 16px; }
  @media screen and (max-width: 767px) {
    .contents .block_head {
      margin-bottom: 20px; } }
  .contents .m_emRound {
    display: table;
    width: 100%;
    height: 40px;
    padding-top: 3px;
    border: 2px solid #ff7699;
    border-radius: 20px;
    line-height: 1;
    margin: 20px auto;
    text-align: center;
    vertical-align: middle; }
    .contents .m_emRound p {
      display: table-cell;
      vertical-align: middle;
      text-align: center; }
    .contents .m_emRound .emRound-txt {
      font-size: 171%;
      font-weight: bold;
      color: #ff4378;
      padding-left: 5px;
      padding-right: 5px; }
  .contents .control_area {
    margin-top: 60px;
    text-align: center;
    letter-spacing: -.4em; }
  .contents .control_area a {
    display: block;
    position: relative;
    border-radius: 5px;
    box-shadow: 1px 2px 9px -1px #595959;
    background: #fff;
    color: #333;
    text-align: center;
    font-size: 116%;
    line-height: 1.2; }
  .contents .control_area a:hover {
    opacity: .8; }
  .contents .control_area > .btn {
    display: inline-block;
    width: calc((100% - 20px) / 2);
    letter-spacing: normal;
    margin: auto; }
    .contents .control_area > .btn.single {
      width: 100%; }
  .contents .control_area > .btn.back {
    width: 70px; }
    @media (max-width: 767px) {
      .contents .control_area > .btn.back {
        width: 80px; } }
    .contents .control_area > .btn.back img {
      transform: rotate(90deg); }
    .contents .control_area > .btn.back + .btn {
      margin-top: 0;
      margin-left: 10px; }
      @media (max-width: 767px) {
        .contents .control_area > .btn.back + .btn {
          font-size: 90%; }
          .contents .control_area > .btn.back + .btn .btn_before_icon02:before {
            right: 10px;
            background-size: 100%;
            background-repeat: no-repeat; } }
  .contents .control_area .btn + .btn {
    margin: 0 0 0 20px; }
  @media (max-width: 767px) {
    .contents .control_area.btn_two {
      display: flex; } }
  .contents .control_area button:disabled,
  .contents .control_area button.is_disabled {
    background-color: #b4b4b4;
    text-shadow: none;
    border-bottom: 3px solid #4c4c4c; }
  @media screen and (max-width: 767px) {
    .contents .control_area {
      margin: 50px 0; }
    .contents .control_area > .btn {
      display: block;
      width: 100%; }
    .contents .control_area .btn + .btn {
      margin: 20px 0 0 0; } }
  .contents .base_btn {
    position: relative;
    display: inline-block;
    width: 100%;
    min-height: 70px;
    padding-top: 4px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: 140%;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: normal; }
  @media screen and (min-width: 768px) {
    .contents .base_btn:not(.is_disabled):hover {
      opacity: .8; } }
  .contents .base_btn.is_disabled {
    opacity: .6;
    cursor: default; }
  .contents .base_btn:visited,
  .contents .base_btn:focus {
    color: #fff; }
  .contents .base_btn > span {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%); }
  .contents .btn_conversion > span {
    left: 70%;
    width: 50%;
    color: #fff;
    font-size: 110%; }
  .contents .btn_conversion-blank > span {
    left: 70%;
    width: 50%;
    color: #fff;
    font-size: 110%; }
  .contents .switching_path > span {
    left: 70%;
    font-size: 120%;
    width: 50%;
    color: #fff; }
  @media screen and (min-width: 768px) {
    .contents .btn .switching_path > span {
      font-size: 110%; }
    .contents .btn .switching_path > img {
      width: 40%; } }
  @media screen and (max-width: 767px) {
    .contents .btn .switching_path > span {
      font-size: 100%; } }
  .contents .section_btn01 {
    border-bottom: 3px solid #4192c7;
    background-color: #5dc0ff;
    text-shadow: 2px 2px 0px #5dc0ff; }
  .contents .section_btn01.back {
    border-bottom: 3px solid #5dc0ff;
    background-color: #aedefd;
    text-shadow: 2px 2px 0px #aedefd; }
  .contents .section_btn02 {
    border-bottom: 3px solid #c87e33;
    background-color: #ffc444;
    text-shadow: 2px 2px 0px #ffc444; }
  .contents .section_btn03 {
    border-bottom: 3px solid #4192c7;
    background-color: #5dc0ff;
    text-shadow: 2px 2px 0px #5dc0ff; }
  .contents .section_btn04 {
    border-bottom: 3px solid #2c918d;
    background-color: #35b0ab;
    text-shadow: 2px 2px 0px #35b0ab; }
  .contents .section_btn05 {
    border-bottom: 3px solid #6a001b;
    background: #cc0033;
    text-shadow: 2px 2px 0px #cc0033; }
  @media screen and (max-width: 320px) {
    .contents .base_btn {
      font-size: 100%; }
    .contents .font_small > span {
      font-size: 90%; }
    .contents .font_middle > span {
      font-size: 100%; }
    .contents .font_large > span {
      font-size: 120%; }
    .contents .control_area .img_bx .operation_c1 {
      width: 95%; } }
  @media screen and (min-width: 321px) and (max-width: 370px) {
    .contents .base_btn {
      font-size: 100%; }
    .contents .font_small > span {
      font-size: 90%; }
    .contents .font_middle > span {
      font-size: 100%; }
    .contents .font_large > span {
      font-size: 120%; }
    .contents .control_area .img_bx .operation_c1 {
      width: 95%; } }
  @media screen and (min-width: 371px) and (max-width: 400px) {
    .contents .base_btn {
      font-size: 100%; }
    .contents .font_small > span {
      font-size: 95%; }
    .contents .font_middle > span {
      font-size: 110%; }
    .contents .font_large > span {
      font-size: 149%; } }
  @media screen and (min-width: 401px) and (max-width: 430px) {
    .contents .base_btn {
      font-size: 100%; }
    .contents .font_small > span {
      font-size: 100%; }
    .contents .font_middle > span {
      font-size: 129%; }
    .contents .font_large > span {
      font-size: 149%; } }
  @media screen and (min-width: 401px) and (max-width: 767px) {
    .contents .base_btn {
      font-size: 100%; }
    .contents .font_small > span {
      font-size: 110%; }
    .contents .font_middle > span {
      font-size: 129%; }
    .contents .font_large > span {
      font-size: 149%; } }
  @media screen and (min-width: 768px) {
    .contents .base_btn {
      font-size: 100%; }
    .contents .font_small > span {
      font-size: 110%; }
    .contents .font_middle > span {
      font-size: 149%; }
    .contents .font_large > span {
      font-size: 149%; } }
  .contents .btn_before_icon01::before,
  .contents .btn_before_icon02::before,
  .contents .btn_before_icon03::before,
  .contents .btn_before_icon04::before,
  .contents .btn_before_icon05::before,
  .contents .btn_after_decoration01:after,
  .contents .btn_after_decoration02:after {
    position: absolute;
    background-position: 0 0;
    background-size: cover;
    content: '';
    line-height: 1; }
  .contents .btn_before_icon01:before,
  .contents .btn_before_icon02:before,
  .contents .btn_before_icon05:before {
    width: 28px;
    height: 28px;
    top: 21px;
    left: 21px;
    background-image: url(/charge/simulation/gigaho_gigalite/assets/images/btn_arw01.png); }
  .contents .btn_before_icon02:before {
    transform: rotate(270deg); }
  .contents .btn_before_icon05:before {
    transform: rotate(90deg); }
  .contents .btn_before_icon03:before {
    top: 50%;
    left: 28px;
    width: 30px;
    height: 32px;
    margin-top: -14px;
    background-image: url(/charge/simulation/gigaho_gigalite/assets/images/btn_refresh.png); }
  .contents .btn_before_icon04:before {
    top: 50%;
    left: 10px;
    width: 40px;
    height: 30px;
    margin-top: -15px;
    background-image: url(/charge/simulation/gigaho_gigalite/assets/images/ico_decoration03.png); }
  .contents .btn_after_decoration02:after {
    width: 37px;
    height: 67px;
    right: 23px;
    top: -16px;
    background-image: url(/charge/simulation/gigaho_gigalite/assets/images/btn_decoration02.png); }
  @media screen and (max-width: 767px) {
    .contents .btn_after_decoration02:after {
      width: 37px;
      height: 67px;
      right: 13px;
      top: -16px;
      background-image: url(/charge/simulation/gigaho_gigalite/assets/images/btn_decoration02.png);
      background-size: 100%;
      background-repeat: no-repeat; }
    .contents .btn_before_icon03:before {
      left: 16px;
      width: 27px;
      height: 29px; } }
  @media screen and (max-width: 767px) {
    .contents .main_column,
    .contents .sub_column {
      float: none;
      width: 100%; } }
  .contents .is_hide {
    display: none !important; }
  .contents .is_show {
    display: block !important; }
  .contents .pc_item {
    display: block !important; }
  .contents .sp_item {
    display: none !important; }
  @media screen and (max-width: 767px) {
    .contents .pc_item {
      display: none !important; }
    .contents .sp_item {
      display: block !important; } }
  .contents .bg_color01 {
    background-color: #f1f1f1; }
  .contents .bg_color02 {
    background-color: #5dc0ff; }
  .contents .bg_color03 {
    background-color: #e8518e; }
  .contents .bg_color04 {
    background-color: #02afc6; }
  .contents .u-em {
    color: #c03 !important; }
  .contents .u-fwB {
    font-weight: bold !important; }
  .contents .u-taL {
    text-align: left !important; }
  .contents .u-taR {
    text-align: right !important; }
  .contents .u-taC {
    text-align: center !important; }
  .contents .u-subtxt {
    font-size: 1.2rem; }
  .contents .u-fzL {
    font-size: 1.6rem; }
  @media (max-width: 767px) {
    .contents .l_base {
      margin-left: 7px;
      margin-right: 7px; } }
  .contents .m_separator01 {
    padding-top: 20px;
    margin-top: 20px;
    border-top: dashed 1px #ccc; }
    @media (min-width: 768px) {
      .contents .m_separator01 {
        padding-top: 20px;
        margin-top: 30px; } }
  .contents .m_txtwrap {
    margin-top: 20px;
    margin-bottom: 20px; }
  .contents .group_level1 {
    margin: 40px 0; }
  .contents .group_level2 {
    margin: 15px 0 40px; }
  .contents .group_level3 {
    margin: 70px 0 0; }
  .contents .arrow_type01 {
    position: relative; }
    .contents .arrow_type01::before {
      display: inline-block;
      content: "";
      margin-right: 6px;
      width: 6px;
      height: 8px;
      background: url(/images_osp/common/ico/ico_arrow_r01.png) no-repeat left top;
      background-size: contain; }
  .contents .box_type01 {
    border: 3px solid #76caff;
    padding: 20px 7px 35px;
    border-radius: 5px;
    position: relative; }
    @media (min-width: 768px) {
      .contents .box_type01 {
        padding: 35px 27px; } }
    .contents .box_type01 + .box_type01 {
      margin-top: 55px; }
      @media (min-width: 768px) {
        .contents .box_type01 + .box_type01 {
          margin-top: 70px; } }
  .contents .box_arrow01::after {
    width: 59px;
    height: 41px;
    position: absolute;
    top: -50px;
    left: 50%;
    margin-left: -33px;
    background: url(/charge/simulation/gigaho_gigalite/assets/images/arw_down01.png) no-repeat 0 0;
    background-size: cover;
    content: ''; }
    @media (min-width: 768px) {
      .contents .box_arrow01::after {
        top: -58px;
        width: 66px;
        height: 45px; } }
  .contents .tit_type01_wrap {
    position: relative;
    text-align: center;
    z-index: 1;
    margin-bottom: 35px;
    letter-spacing: -1px; }
    @media (min-width: 768px) {
      .contents .tit_type01_wrap {
        margin-bottom: 40px; } }
    .contents .tit_type01_wrap::before {
      content: "";
      display: inline-block;
      width: 100%;
      height: 3px;
      background: #76caff;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translate(0, -50%);
      z-index: -1; }
    .contents .tit_type01_wrap .tit_type01 {
      font-size: 1.7rem;
      background: #fff;
      display: inline-block;
      font-weight: bold;
      padding: 0 20px; }
      @media (min-width: 768px) {
        .contents .tit_type01_wrap .tit_type01 {
          font-size: 2.2rem;
          padding: 0 20px; } }
  .contents .tit_type02 {
    position: relative;
    font-size: 129%;
    letter-spacing: -1px;
    font-weight: bold;
    text-align: center; }
    @media (min-width: 768px) {
      .contents .tit_type02 {
        font-size: 2.4rem; } }
    .contents .tit_type02::before {
      display: inline-block;
      width: 25px;
      height: 25px;
      vertical-align: bottom;
      content: '';
      background-image: url(/charge/simulation/gigaho_gigalite/assets/images/ico_decoration01_sp.png);
      background-repeat: no-repeat;
      background-size: cover;
      margin-right: 10px; }
      @media (min-width: 768px) {
        .contents .tit_type02::before {
          width: 43px;
          height: 43px; } }
    .contents .tit_type02.ver_type02::before {
      background-image: url(/charge/simulation/gigaho_gigalite/assets/images/ico_decoration03.png);
      background-repeat: no-repeat; }
      @media (max-width: 767px) {
        .contents .tit_type02.ver_type02::before {
          width: 35px; } }
      @media (min-width: 768px) {
        .contents .tit_type02.ver_type02::before {
          background-size: auto; } }
  .contents .tit_type03 {
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center; }
    @media (min-width: 768px) {
      .contents .tit_type03 {
        font-size: 2rem; } }
  .contents .tit_type03_sub {
    text-align: center;
    font-weight: bold; }
  .contents .radio_wrap {
    margin: 17px 0 32px; }
    @media (min-width: 768px) {
      .contents .radio_wrap {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; } }
    @media (min-width: 768px) {
      .contents .radio_wrap div {
        width: calc(100% / 3); } }
    .contents .radio_wrap input {
      display: none; }
    .contents .radio_wrap label {
      display: block;
      margin: 15px 5px 0;
      padding: 14px 5px;
      border-radius: 5px;
      background: #f1f1f1;
      font-size: 129%;
      font-weight: bold;
      text-align: center;
      line-height: 1.2; }
      @media (min-width: 768px) {
        .contents .radio_wrap label.var_middle {
          display: flex;
          justify-content: center;
          align-items: center;
          height: calc(100% - 15px); }
        .contents .radio_wrap label > div.w100 {
          width: 100% !important; }
          .contents .radio_wrap.type_flex label {
            display: flex;
            align-items: center;
            justify-content: center;
            height: calc(100% - 15px); } }
      .contents .radio_wrap label span.fzS {
        font-size: 1.4rem; }
      .contents .radio_wrap label.is_disabled {
        background: #ccc;
        color: #777; }
        .contents .radio_wrap label.is_disabled:hover {
          cursor: default; }
    .contents .radio_wrap input:checked + label {
      background: #5dc0ff;
      color: #fff;
      cursor: default; }
    .contents .radio_wrap input[type="checkbox"]:checked + label {
      cursor: pointer; }
    @media (min-width: 768px) {
      .contents .radio_wrap.type_2block div {
        width: calc(100% / 2); } }
    .contents .radio_wrap.type_3block {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      @media (min-width: 768px) {
        .contents .radio_wrap.type_3block {
          position: relative; }
          .contents .radio_wrap.type_3block::after {
            display: block;
            width: calc(100% / 3);
            content: ""; } }
      @media (min-width: 768px) {
        .contents .radio_wrap.type_3block div {
          width: calc(100% / 3); } }
      @media (max-width: 767px) {
        .contents .radio_wrap.type_3block div {
          width: calc(100% / 2); } }
    @media (min-width: 768px) {
      .contents .radio_wrap.type_3block02 {
        position: relative;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        .contents .radio_wrap.type_3block02::after {
          display: block;
          width: calc(100% / 3);
          content: ""; } }
    @media (min-width: 768px) {
      .contents .radio_wrap.type_3block02 div {
        width: calc(100% / 3); } }
    @media (max-width: 767px) {
      .contents .radio_wrap.type_3block02 div {
        width: 100%; } }
    @media (min-width: 768px) {
      .contents .radio_wrap.type_1block div {
        width: 100%; } }
    .contents .radio_wrap.type_tab {
      margin-bottom: 0;
      display: flex;
      justify-content: space-between; }
      @media (max-width: 767px) {
        .contents .radio_wrap.type_tab {
          display: block; } }
      @media (max-width: 767px) {
        .contents .radio_wrap.type_tab div {
          width: 100%; } }
      .contents .radio_wrap.type_tab.type_tab_2 div {
        width: calc(100% / 2); }
      .contents .radio_wrap.type_tab.type_tab_3 div {
        width: calc(99.99% / 3); }
      .contents .radio_wrap.type_tab.type_tab_4 div {
        width: calc(100% / 4); }
      .contents .radio_wrap.type_tab.type_tab_5 div {
        width: calc(100% / 3); }
      .contents .radio_wrap.type_tab.type_tab_5 div:nth-of-type(4),
      .contents .radio_wrap.type_tab.type_tab_5 div:nth-of-type(5) {
        width: calc(100% / 2); }
      .contents .radio_wrap.type_tab label {
        border-radius: 5px 5px 0 0; }
        @media (max-width: 767px) {
          .contents .radio_wrap.type_tab label {
            margin-left: 0;
            margin-right: 0; } }
        @media (min-width: 768px) {
          .contents .radio_wrap.type_tab label br {
            display: none; } }
    @media (min-width: 768px) {
      .contents .radio_wrap.type_center {
        justify-content: center; } }
  .contents .accordion_block .accordion_detail {
    display: none; }
  .contents .accordion_block .accordion_title {
    position: relative;
    border: 1px solid #dedede;
    border-radius: 5px;
    padding: 20px 10px;
    font-weight: bold;
    box-shadow: 0px 0px 11px -3px #595959;
    cursor: pointer; }
    .contents .accordion_block .accordion_title .accordion_title_btn {
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translate(0, -50%);
      font-weight: normal;
      font-size: 90%; }
      .contents .accordion_block .accordion_title .accordion_title_btn::after {
        content: "";
        position: absolute;
        top: 50%;
        left: -20px;
        transform: translate(0, -50%);
        width: 15px;
        height: 15px;
        background: url(/charge/simulation/gigaho_gigalite/assets/images/result/icon_open.png) no-repeat;
        background-size: cover; }
  .contents .accordion_block.is_open .accordion_title {
    border-right: none;
    border-left: none;
    box-shadow: none;
    border-radius: 0; }
    .contents .accordion_block.is_open .accordion_title::after {
      content: "";
      width: 10px;
      height: 10px;
      background: #fff;
      border-top: 1px solid #dedede;
      border-right: 1px solid #dedede;
      position: absolute;
      left: 30px;
      bottom: -6px;
      z-index: 1;
      transform: rotate(135deg); }
    .contents .accordion_block.is_open .accordion_title .accordion_title_btn::after {
      background: url(/charge/simulation/gigaho_gigalite/assets/images/result/icon_close.png) no-repeat;
      background-size: cover; }
  .contents .accordion_block.is_open .accordion_detail {
    display: block; }
  .contents #section1,
  .contents #section2,
  .contents #section3,
  .contents #section4 {
    display: none; }
    .contents #section1.is_active,
    .contents #section2.is_active,
    .contents #section3.is_active,
    .contents #section4.is_active {
      display: block; }
  .contents .cmn_tab {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
    overflow: hidden;
    border-radius: 5px 0 0 5px; }
    .contents .cmn_tab .cmn_tab_child {
      background: #b4b4b4;
      text-align: center;
      position: relative;
      width: 25%;
      color: #777777;
      font-weight: bold; }
      .contents .cmn_tab .cmn_tab_child:last-child {
        border-radius: 0 5px 5px 0; }
      @media (max-width: 320px) {
        .contents .cmn_tab .cmn_tab_child:first-child {
          width: 20%; } }
      @media (max-width: 767px) {
        .contents .cmn_tab .cmn_tab_child {
          min-height: 50px; }
          .contents .cmn_tab .cmn_tab_child:first-child a {
            padding-left: 10px; }
          .contents .cmn_tab .cmn_tab_child:last-child::before {
            display: none; } }
      @media (min-width: 768px) {
        .contents .cmn_tab .cmn_tab_child {
          height: 60px;
          font-size: 120%;
          width: 25%; }
          .contents .cmn_tab .cmn_tab_child:first-child {
            width: 220px; }
            .contents .cmn_tab .cmn_tab_child:first-child a {
              padding-left: 30px; }
          .contents .cmn_tab .cmn_tab_child:nth-child(2) {
            width: 230px; }
            .contents .cmn_tab .cmn_tab_child:nth-child(2) a {
              padding-left: 60px; }
          .contents .cmn_tab .cmn_tab_child:nth-child(3) {
            width: 230px; }
            .contents .cmn_tab .cmn_tab_child:nth-child(3) a {
              padding-left: 50px; }
          .contents .cmn_tab .cmn_tab_child:last-child {
            width: 260px; } }
      .contents .cmn_tab .cmn_tab_child::before, .contents .cmn_tab .cmn_tab_child::after {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        border-style: solid;
        border-width: 30px 0 30px 20px;
        width: 0;
        height: 0;
        content: "";
        z-index: 1; }
        @media (min-width: 768px) {
          .contents .cmn_tab .cmn_tab_child::before, .contents .cmn_tab .cmn_tab_child::after {
            border-width: 50px 0 50px 40px; } }
      .contents .cmn_tab .cmn_tab_child::before {
        right: -15px;
        border-color: transparent transparent transparent #fff; }
        @media (min-width: 768px) {
          .contents .cmn_tab .cmn_tab_child::before {
            right: -45px; } }
      .contents .cmn_tab .cmn_tab_child::after {
        right: -10px;
        border-color: transparent transparent transparent #b4b4b4; }
        @media (min-width: 768px) {
          .contents .cmn_tab .cmn_tab_child::after {
            right: -40px; } }
      .contents .cmn_tab .cmn_tab_child a {
        text-decoration: none;
        display: block;
        padding: 5px 5px 5px 20px;
        color: #4c4c4c;
        cursor: default; }
      @media (max-width: 767px) {
        .contents .cmn_tab .cmn_tab_child span {
          display: none; } }
      .contents .cmn_tab .cmn_tab_child.is_active {
        background: #76caff;
        font-weight: bold;
        padding: 5px; }
        @media (max-width: 767px) {
          .contents .cmn_tab .cmn_tab_child.is_active {
            width: 300px; } }
        @media (max-width: 375px) {
          .contents .cmn_tab .cmn_tab_child.is_active {
            width: 250px; } }
        @media (min-width: 768px) {
          .contents .cmn_tab .cmn_tab_child.is_active {
            padding: 20px; } }
        .contents .cmn_tab .cmn_tab_child.is_active a {
          color: #fff; }
        .contents .cmn_tab .cmn_tab_child.is_active span {
          display: inline; }
        .contents .cmn_tab .cmn_tab_child.is_active::after {
          border-color: transparent transparent transparent #76caff; }
      .contents .cmn_tab .cmn_tab_child.is_done {
        background: #aedefd;
        cursor: pointer; }
        .contents .cmn_tab .cmn_tab_child.is_done a {
          color: #fff;
          cursor: pointer; }
        .contents .cmn_tab .cmn_tab_child.is_done::after {
          border-color: transparent transparent transparent #aedefd; }
      .contents .cmn_tab .cmn_tab_child p {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        white-space: nowrap; }
  .contents .sub_column {
    position: fixed;
    bottom: 0;
    z-index: 5;
    width: 100vw;
    margin-left: -15px; }
    @media (min-width: 768px) {
      .contents .sub_column {
        width: 940px;
        margin-left: 0; } }
  @media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 939px) {
    .contents .sub_column {
      width: 97.5%; } }
    @media (min-width: 768px) {
        .contents .sub_column::after {
          opacity: .5;
          z-index: -1;
          position: absolute;
          left: 50%;
          bottom: -10px;
          transform: translate(-50%, 0);
          width: 150vw;
          height: 100%;
          padding: 10px;
          background: #000;
          content: ""; } }
    .contents .sub_column .btn {
      position: relative;
      width: 70px;
      height: 46px;
      padding: 7px 25px 7px 10px;
      border-radius: 0 5px 0 0;
      background: #949494;
      color: #fff;
      line-height: 1.2;
      text-align: center; }
      @media (min-width: 768px) {
        .contents .sub_column .btn {
          display: none; } }
      .contents .sub_column .btn::before, .contents .sub_column .btn::after {
        display: block;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translate(0, -50%) rotate(-45deg);
        width: 5px;
        height: 5px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        content: ""; }
      .contents .sub_column .btn::after {
        top: 60%; }
      .contents .sub_column .btn.close {
        display: none; }
    .contents .sub_column .floating_box {
      position: absolute;
      bottom: 0;
      right: 0;
      width: calc(100% - 70px);
      padding: 3px;
      background: #949494; }
      @media (min-width: 768px) {
        .contents .sub_column .floating_box {
          position: static;
          width: 100%;
          margin: 0 auto;
          padding: 15px;
          border-radius: 5px;
          background: #fff; } }
      @media (min-width: 768px) {
        .contents .sub_column .floating_box .floating_box_inner {
          font-size: 1.6rem; } }
      .contents .sub_column .floating_box .floating_box_item {
        display: none;
        width: 100%;
        padding: 3px 5px;
        border-radius: 5px;
        background: #fff; }
        @media (min-width: 768px) {
          .contents .sub_column .floating_box .floating_box_item {
            display: table;
            padding: 0 10px;
            border-radius: 0; } }
        @media (max-width: 767px) {
          .contents .sub_column .floating_box .floating_box_item._total {
            display: table; } }
        @media (min-width: 768px) {
          .contents .sub_column .floating_box .floating_box_item._total {
            border-bottom: 2px solid #76caff; } }
        .contents .sub_column .floating_box .floating_box_item .total_wrap, .contents .sub_column .floating_box .floating_box_item .plan_wrap, .contents .sub_column .floating_box .floating_box_item .price_wrap, .contents .sub_column .floating_box .floating_box_item .tit {
          margin: 0;
          line-height: 1.2;
          display: table-cell;
          vertical-align: middle; }
          .contents .sub_column .floating_box .floating_box_item .total_wrap .fzS, .contents .sub_column .floating_box .floating_box_item .plan_wrap .fzS, .contents .sub_column .floating_box .floating_box_item .price_wrap .fzS, .contents .sub_column .floating_box .floating_box_item .tit .fzS {
            font-size: 80%; }
            @media (min-width: 768px) {
              .contents .sub_column .floating_box .floating_box_item .total_wrap .fzS, .contents .sub_column .floating_box .floating_box_item .plan_wrap .fzS, .contents .sub_column .floating_box .floating_box_item .price_wrap .fzS, .contents .sub_column .floating_box .floating_box_item .tit .fzS {
                font-size: 1.4rem; } }
        .contents .sub_column .floating_box .floating_box_item .tit {
          display: block; }
        .contents .sub_column .floating_box .floating_box_item .total_wrap {
          width: 70%; }
          @media (min-width: 768px) {
            .contents .sub_column .floating_box .floating_box_item .total_wrap {
              font-weight: bold; } }
        .contents .sub_column .floating_box .floating_box_item .price_wrap {
          display: block;
          width: 100%;
          white-space: nowrap;
          text-align: right;
          margin-top: 5px; }
          .contents .sub_column .floating_box .floating_box_item .price_wrap .price_txt01 {
            padding-left: 5px;
            color: #ff4378;
            font-size: 1.5rem;
            white-space: nowrap;
            font-weight: bold; }
            @media (min-width: 768px) {
              .contents .sub_column .floating_box .floating_box_item .price_wrap .price_txt01 {
                font-size: 2rem; } }
      .contents .sub_column .floating_box .tit {
        position: relative;
        width: 48px;
        padding: 2px 5px;
        border-radius: 5px;
        /*background: #c03;*/
        border: 1px solid #333;
        font-size: 90%;
        /*color:#fff;*/
        line-height: 1.2;
        white-space: nowrap; }
        @media (min-width: 768px) {
          .contents .sub_column .floating_box .tit {
            min-width: 90px;
            padding: 5px 10px;
            border-radius: 5px;
            font-weight: normal;
            font-size: 1.6rem; }
            .contents .sub_column .floating_box .tit br {
              display: none; } }
        .contents .sub_column .floating_box .tit span {
          display: block;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
      .contents .sub_column .floating_box .floating_box_item._model .tit {
        border: none;
        padding: 0 5px;
        text-align: center; }
        @media (min-width: 768px) {
          .contents .sub_column .floating_box .floating_box_item._model .tit img {
            width: 43px; } }
    @media (min-width: 768px) {
      .contents .sub_column .price_detailWrap {
        margin-top: 10px; } }
    @media (max-width: 767px) {
      .contents .sub_column .price_detailWrap {
        display: none; } }
    .contents .sub_column .price_detailWrap .floating_box_item {
      display: flex;
      justify-content: space-between; }
      .contents .sub_column .price_detailWrap .floating_box_item .floating_box_itemChild {
        width: calc(100% - 55px);
        margin-top: 3px; }
        @media (min-width: 768px) {
          .contents .sub_column .price_detailWrap .floating_box_item .floating_box_itemChild {
            width: calc(100% - 100px); } }
        .contents .sub_column .price_detailWrap .floating_box_item .floating_box_itemChild .plan_wrap, .contents .sub_column .price_detailWrap .floating_box_item .floating_box_itemChild .price_wrap {
          width: 100%; }
    .contents .sub_column .price_detailWrap ._model {
      display: none; }
    .contents .sub_column .price_detailWrap.is_double ._model {
      display: flex; }
      @media (max-width: 767px) {
        .contents .sub_column .price_detailWrap.is_double ._model {
          margin-bottom: 2px; } }
    @media (min-width: 768px) {
      .contents .sub_column .price_detailWrap.is_double {
        display: flex; }
        .contents .sub_column .price_detailWrap.is_double .floating_box_item + .floating_box_item {
          border-left: 1px dotted #ccc; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .contents .sub_column .price_detailWrap.is_double .floating_box_itemChild {
      display: flex;
      flex-wrap: wrap;
      align-content: space-between; } }
    @media (max-width: 767px) {
      .contents .sub_column.is_active .btn.close {
        display: block;
        height: 30px;
        padding: 7px 20px 7px 5px; }
      .contents .sub_column.is_active .btn.open {
        display: none; }
      .contents .sub_column.is_active .btn::before, .contents .sub_column.is_active .btn::after {
        top: 30%;
        transform: rotate(135deg); }
      .contents .sub_column.is_active .btn::after {
        top: 45%; }
      .contents .sub_column.is_active .price_detailWrap {
        display: block; }
      .contents .sub_column.is_active .floating_box {
        position: static;
        width: 100%; }
      .contents .sub_column.is_active .floating_box_item._total {
        margin-bottom: 5px; } }
  .contents #section1 {
    /*--------------------------------------------------------------------
   端末・台数選択
  ----------------------------------------------------------------------*/
    /* number_items
--------------------------------------------------*/
    /* 選択したデバイス
--------------------------------------------------*/ }
    .contents #section1 .simulation_content {
      position: relative; }
    .contents #section1 .simulation_content .lyt_col {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap; }
    .contents #section1 .simulation_content .sub_txt {
      margin: 10px 28px 20px;
      padding-left: 1em;
      text-indent: -1em; }
    .contents #section1 .simulation_content .error_msg {
      display: none;
      margin: 20px 0 0;
      text-align: center;
      color: #e8518e;
      font-size: 129%;
      font-weight: bold; }
    .contents #section1 .simulation_content .box {
      padding: 35px 27px 0; }
    .contents #section1 .simulation_content .number_items {
      margin: 10px 0 0 -20px;
      text-align: center; }
    .contents #section1 .simulation_content .number_tile {
      width: 280px;
      margin: 10px 0 0 20px;
      background-color: #f1f1f1;
      border-radius: 5px;
      border: 10px solid #f1f1f1;
      text-align: center;
      font-weight: bold; }
      @media (max-width: 767px) {
        .contents #section1 .simulation_content .number_tile {
          display: flex;
          flex-wrap: wrap;
          align-content: space-between; } }
    .contents #section1 .simulation_content .number_tile .inner {
      padding: 12px 0 11px 130px;
      background-repeat: no-repeat;
      background-position: 0 0;
      text-align: left; }
      @media (max-width: 767px) {
        .contents #section1 .simulation_content .number_tile .inner {
          width: 100%; } }
    .contents #section1 .simulation_content .number_tile p {
      margin: 10px 0 0; }
      @media (min-width: 768px) {
        .contents #section1 .simulation_content .number_tile p {
          font-size: 97%; } }
      @media (max-width: 767px) {
        .contents #section1 .simulation_content .number_tile p {
          width: 100%; } }
    .contents #section1 .simulation_content .number_tile .input_number[type="text"],
    .contents #section1 .simulation_content .number_tile button {
      border-radius: 5px;
      background: #fff;
      box-shadow: 0 0 6px 0 rgba(7, 1, 2, 0.4); }
    .contents #section1 .simulation_content .number_tile .input_number {
      width: 110px;
      height: 40px;
      text-align: center; }
    .contents #section1 .simulation_content .number_tile .btns {
      margin-top: 5px; }
    .contents #section1 .simulation_content .number_tile button {
      position: relative;
      width: 51px;
      height: 35px; }
    .contents #section1 .simulation_content .number_tile button + button {
      margin-left: 8px; }
    .contents #section1 .simulation_content .number_tile button span {
      display: block;
      overflow: hidden;
      text-indent: 100%;
      white-space: nowrap; }
    .contents #section1 .simulation_content .number_tile .btn_up::after,
    .contents #section1 .simulation_content .number_tile .btn_up::before,
    .contents #section1 .simulation_content .number_tile .btn_down::before {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 1;
      background: #333;
      content: ''; }
    .contents #section1 .simulation_content .number_tile .btn_up::after {
      width: 2px;
      height: 15px;
      margin: -7px 0 0 0; }
    .contents #section1 .simulation_content .number_tile button::before {
      width: 15px;
      height: 2px;
      margin: -1px 0 0 -7px; }
    .contents #section1 .simulation_content .number_tile .iphone_5g {
      background-image: url(/charge/simulation/gigaho_gigalite/assets/images/device/img_iphone_5g_pc.png); }
    .contents #section1 .simulation_content .number_tile .iphone {
      background-image: url(/charge/simulation/gigaho_gigalite/assets/images/device/img_iphone_pc.png); }
    .contents #section1 .simulation_content .number_tile .ipad_5g {
      background-image: url(/charge/simulation/gigaho_gigalite/assets/images/device/img_ipad_5g_pc.png); }
    .contents #section1 .simulation_content .number_tile .ipad {
      background-image: url(/charge/simulation/gigaho_gigalite/assets/images/device/img_ipad_pc.png); }
    .contents #section1 .simulation_content .number_tile .smart_phone_5g {
      background-image: url(/charge/simulation/gigaho_gigalite/assets/images/device/img_smart_phone_5g_pc.png); }
    .contents #section1 .simulation_content .number_tile .smart_phone {
      background-image: url(/charge/simulation/gigaho_gigalite/assets/images/device/img_smart_phone_pc.png); }
    .contents #section1 .simulation_content .number_tile .pixel {
      background-image: url(/charge/simulation/gigaho_gigalite/assets/images/device/img_pixel_pc.png); }
    .contents #section1 .simulation_content .number_tile .tablet {
      background-image: url(/charge/simulation/gigaho_gigalite/assets/images/device/img_tablet_pc.png); }
    .contents #section1 .simulation_content .number_tile .feature_phone {
      background-image: url(/charge/simulation/gigaho_gigalite/assets/images/device/img_feature_phone_pc.png); }
    .contents #section1 .simulation_content .number_tile .easy_phone {
      background-image: url(/charge/simulation/gigaho_gigalite/assets/images/device/img_easy_phone_pc.png); }
    .contents #section1 .simulation_content .number_tile .data {
      background-image: url(/charge/simulation/gigaho_gigalite/assets/images/device/img_data_pc.png); }
    .contents #section1 .simulation_content .number_tile .sim_free {
      background-image: url(/charge/simulation/gigaho_gigalite/assets/images/device/img_sim_free_pc.png); }
    .contents #section1 .simulation_content .number_tile .ahamo_smart_phone {
      background-image: url(/charge/simulation/gigaho_gigalite/assets/images/device/img_ahamo_smart_phone_pc.png); }
    .contents #section1 .simulation_content .number_tile .ahamo_sim_free {
      background-image: url(/charge/simulation/gigaho_gigalite/assets/images/device/img_ahamo_sim_free_pc.png); }
    .contents #section1 .simulation_content .number_tile .kids_junior {
      background-image: url(/charge/simulation/gigaho_gigalite/assets/images/device/img_kids_junior_pc.png); }
    .contents #section1 .btns .btn_up:disabled {
      background-color: #cccccc;
      cursor: default; }
    .contents #section1 .simulation_content .device_items {
      margin: 10px 0 0 -14px; }
    .contents #section1 .simulation_content .custom_radio {
      display: block;
      width: 135px;
      margin: 16px 0 0 14px;
      background-repeat: no-repeat;
      background-position: 50% 100%;
      background-color: #f1f1f1;
      border-radius: 5px;
      border: 20px solid #f1f1f1;
      text-align: center;
      font-weight: bold;
      position: relative; }
    .contents #section1 .simulation_content .custom_radio .other {
      display: -ms-flex;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center; }
    .contents #section1 .simulation_content .custom_radio input:checked + span {
      background-color: #5dc0ff;
      border-color: #5dc0ff;
      color: #fff; }
    .contents #section1 .simulation_content .custom_radio._disabled {
      cursor: default; }
    .contents #section1 .simulation_content .custom_radio img::selection {
      color: transparent;
      background: transparent; }
    .contents #section1 .simulation_content .custom_radio img {
      -moz-user-select: none; }
    .contents #section1 .simulation_content .custom_radio input[disabled] + span {
      background-color: #f1f1f1;
      border-color: #f1f1f1;
      color: #333333; }
    .contents #section1 .simulation_content .custom_radio input[disabled] + span::before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background: #f1f1f1;
      position: absolute;
      top: 0;
      left: 0;
      border-radius: 5px;
      opacity: 0.7; }
    .contents #section1 .simulation_content .custom_radio img {
      width: 90px;
      height: auto; }
    @media screen and (max-width: 767px) {
      .contents #section1 {
        /* number_items
  --------------------------------------------------*/
        /* device_items
  --------------------------------------------------*/ }
        .contents #section1 .simulation_content .error_msg {
          font-size: 117%; }
        .contents #section1 .simulation_content .sub_txt {
          margin: 20px 7px; }
        .contents #section1 .simulation_content .box {
          padding: 20px 7px 0; }
        .contents #section1 .simulation_content .number_items {
          margin-left: -11px; }
        .contents #section1 .simulation_content .number_tile {
          width: calc((100% - 22px) / 2);
          margin-left: 11px;
          border-width: 17px; }
        .contents #section1 .simulation_content .number_tile .inner {
          padding: 112px 0 0;
          background-position: 50% 0;
          background-size: auto 95px;
          text-align: center; }
        .contents #section1 .simulation_content .number_tile .iphone_5g {
          background-image: url(/charge/simulation/gigaho_gigalite/assets/images/device/img_iphone_5g_sp.png); }
        .contents #section1 .simulation_content .number_tile .iphone {
          background-image: url(/charge/simulation/gigaho_gigalite/assets/images/device/img_iphone_sp.png); }
        .contents #section1 .simulation_content .number_tile .ipad_5g {
          background-image: url(/charge/simulation/gigaho_gigalite/assets/images/device/img_ipad_5g_sp.png); }
        .contents #section1 .simulation_content .number_tile .ipad {
          background-image: url(/charge/simulation/gigaho_gigalite/assets/images/device/img_ipad_sp.png); }
        .contents #section1 .simulation_content .number_tile .smart_phone_5g {
          background-image: url(/charge/simulation/gigaho_gigalite/assets/images/device/img_smart_phone_5g_sp.png); }
        .contents #section1 .simulation_content .number_tile .smart_phone {
          background-image: url(/charge/simulation/gigaho_gigalite/assets/images/device/img_smart_phone_sp.png); }
        .contents #section1 .simulation_content .number_tile .pixel {
          background-image: url(/charge/simulation/gigaho_gigalite/assets/images/device/img_pixel_sp.png); }
        .contents #section1 .simulation_content .number_tile .tablet {
          background-image: url(/charge/simulation/gigaho_gigalite/assets/images/device/img_tablet_sp.png); }
        .contents #section1 .simulation_content .number_tile .feature_phone {
          background-image: url(/charge/simulation/gigaho_gigalite/assets/images/device/img_feature_phone_sp.png); }
        .contents #section1 .simulation_content .number_tile .easy_phone {
          background-image: url(/charge/simulation/gigaho_gigalite/assets/images/device/img_easy_phone_sp.png); }
        .contents #section1 .simulation_content .number_tile .data {
          background-image: url(/charge/simulation/gigaho_gigalite/assets/images/device/img_data_sp.png); }
        .contents #section1 .simulation_content .number_tile .sim_free {
          background-image: url(/charge/simulation/gigaho_gigalite/assets/images/device/img_sim_free_sp.png); }
        .contents #section1 .simulation_content .number_tile .ahamo_smart_phone {
          background-image: url(/charge/simulation/gigaho_gigalite/assets/images/device/img_ahamo_smart_phone_sp.png); }
        .contents #section1 .simulation_content .number_tile .ahamo_sim_free {
          background-image: url(/charge/simulation/gigaho_gigalite/assets/images/device/img_ahamo_sim_free_sp.png); }
        .contents #section1 .simulation_content .number_tile .kids_junior {
          background-image: url(/charge/simulation/gigaho_gigalite/assets/images/device/img_kids_junior_sp.png); }
        .contents #section1 .simulation_content .number_tile p {
          margin: 0; }
        .contents #section1 .simulation_content .number_tile .input_number {
          width: 104px; }
        .contents #section1 .simulation_content .number_tile .btns {
          width: 104px;
          margin: 5px auto 0; }
        .contents #section1 .simulation_content .number_tile button {
          width: 48px; }
        .contents #section1 .simulation_content .device_items {
          margin: 10px 0 0 -7px; }
        .contents #section1 .simulation_content .custom_radio {
          width: calc((100% - 28px) / 4);
          margin: 7px 0 0 7px; }
        .contents #section1 .simulation_content .custom_radio img {
          width: 100%; } }
  .contents #section2 {
    /* シミュレーション中のデバイス
--------------------------------------------------*/
    /* スライダー */
    /* 下取りご検討中の機種を選択してください
--------------------------------------------------*/
    /* 長期特典
--------------------------------------------------*/
    /* eximo／irumo
--------------------------------------------------*/
    /* 料金プランボタンがひとつのとき
--------------------------------------------------*/
    /* 料金プラン注釈2
--------------------------------------------------*/
    /* PC/SPでirumo/eximoのhtml切り替え
--------------------------------------------------*/
    /* SP料金プランアコーディオン
--------------------------------------------------*/
    /* section2 ＜料金プラン＞ タブ切り替え
--------------------------------------------------*/
    /* section2 STEP3上詰め
--------------------------------------------------*/
    /* section2 ＜音声オプション＞ スマホ表示時のボタン
--------------------------------------------------*/
    /* section2 ＜ファミリー割引加入回線数＞
--------------------------------------------------*/ }
    .contents #section2 .select_device {
      position: relative;
      margin-bottom: 30px;
      padding: 10px 5px 5px;
      border: 3px solid #76caff;
      margin-top: -30px;
      border-radius: 5px; }
      @media (min-width: 768px) {
        .contents #section2 .select_device {
          display: flex;
          justify-content: space-between;
          padding: 15px 15px 5px; } }
      .contents #section2 .select_device::before {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        background: #fff;
        border-top: 3px solid #76caff;
        border-right: 3px solid #76caff;
        top: -7px;
        left: 40%;
        transform: rotate(-45deg); }
        @media (min-width: 768px) {
          .contents #section2 .select_device::before {
            left: 355px; } }
      .contents #section2 .select_device .selecting {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #5dc0ff;
        border: 3px solid #5dc0ff;
        border-radius: 5px;
        margin: 0 5px 10px 5px;
        padding: 5px; }
        @media (min-width: 768px) {
          .contents #section2 .select_device .selecting {
            display: none; } }
        .contents #section2 .select_device .selecting .image {
          width: 50px;
          height: 50px;
          background: #fff;
          position: relative;
          border-radius: 5px; }
          .contents #section2 .select_device .selecting .image img {
            position: absolute;
            width: auto;
            height: auto;
            max-height: 100%;
            max-width: 100%;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto; }
        .contents #section2 .select_device .selecting .txt {
          width: calc(100% - 60px);
          font-size: 120%;
          font-weight: bold;
          color: #fff; }
      .contents #section2 .select_device .select_device_child_wrap {
        display: flex;
        flex-wrap: wrap; }
        @media (min-width: 768px) {
          .contents #section2 .select_device .select_device_child_wrap {
            flex-wrap: nowrap;
            width: 100%; } }
      .contents #section2 .select_device .select_device_child {
        width: calc((100vw / 5) - 20px);
        height: calc((100vw / 5) - 20px);
        margin-right: 5px;
        margin-left: 5px;
        margin-bottom: 10px;
        border-radius: 5px; }
        @media (min-width: 768px) {
          .contents #section2 .select_device .select_device_child {
            height: 66px;
            width: calc((100% - 275px) / 9); } }
        .contents #section2 .select_device .select_device_child .image {
          height: auto;
          background: #f1f1f1;
          border-radius: 5px;
          position: relative;
          width: 100%;
          height: 100%; }
          @media (min-width: 768px) {
            .contents #section2 .select_device .select_device_child .image {
              display: flex; } }
          .contents #section2 .select_device .select_device_child .image img {
            position: absolute;
            max-width: 90%;
            max-height: 90%;
            width: auto;
            height: auto;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            display: block; }
            @media (min-width: 768px) {
              .contents #section2 .select_device .select_device_child .image img {
                position: absolute; } }
        .contents #section2 .select_device .select_device_child.is_active a {
          text-decoration: none;
          color: #fff; }
        @media (min-width: 768px) {
          .contents #section2 .select_device .select_device_child.is_active {
            width: 265px; } }
        .contents #section2 .select_device .select_device_child.is_active .image {
          border: 2px solid #ff4378;
          background: #5dc0ff; }
          .contents #section2 .select_device .select_device_child.is_active .image p:first-child {
            width: 70px; }
          .contents #section2 .select_device .select_device_child.is_active .image p:nth-child(2) {
            max-width: 180px;
            padding: 0 5px;
            cursor: default;
            display: flex;
            justify-content: center;
            align-items: center; }
            @media (max-width: 767px) {
              .contents #section2 .select_device .select_device_child.is_active .image p:nth-child(2) {
                display: none; } }
          @media (min-width: 768px) {
            .contents #section2 .select_device .select_device_child.is_active .image img {
              left: 5px;
              right: auto; } }
        .contents #section2 .select_device .select_device_child.is_disabled .image {
          background: #cccccc; }
        .contents #section2 .select_device .select_device_child.is_done {
          cursor: pointer; }
          .contents #section2 .select_device .select_device_child.is_done .image {
            background: #aedefd; }
    @media (max-width: 767px) {
      .contents #section2 .block_modelSelect .box_type01 {
        padding-right: 0;
        padding-left: 0; } }
    .contents #section2 .block_modelSelect .radio_wrap._modelSelect {
      display: inherit; }
      @media (max-width: 767px) {
        .contents #section2 .block_modelSelect .radio_wrap._modelSelect {
          margin-left: 10px;
          margin-right: 10px;
          margin-bottom: 10px; } }
      .contents #section2 .block_modelSelect .radio_wrap._modelSelect div {
        display: block;
        margin: auto;
        border-top: 1px solid #76caff; }
        @media (min-width: 768px) {
          .contents #section2 .block_modelSelect .radio_wrap._modelSelect div {
            width: 600px; } }
        .contents #section2 .block_modelSelect .radio_wrap._modelSelect div:last-child {
          border-bottom: 1px solid #76caff; }
      .contents #section2 .block_modelSelect .radio_wrap._modelSelect label {
        display: flex;
        position: relative;
        width: 100%;
        margin: 0;
        padding: 14px 5px 14px 15%;
        border-radius: 0;
        background: #fff;
        font-weight: bold;
        text-align: center;
        justify-content: space-between;
        align-items: center; }
        @media (min-width: 768px) {
          .contents #section2 .block_modelSelect .radio_wrap._modelSelect label {
            padding-left: 10%; } }
        .contents #section2 .block_modelSelect .radio_wrap._modelSelect label::before {
          display: inline-block;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 15px;
          width: 20px;
          height: 20px;
          margin: auto;
          border: 2px solid #ccc;
          border-radius: 50%;
          content: ""; }
          @media (min-width: 768px) {
            .contents #section2 .block_modelSelect .radio_wrap._modelSelect label::before {
              left: 30px; } }
        .contents #section2 .block_modelSelect .radio_wrap._modelSelect label span {
          display: block; }
          .contents #section2 .block_modelSelect .radio_wrap._modelSelect label span:first-child {
            width: 35%;
            color: #ccc; }
          .contents #section2 .block_modelSelect .radio_wrap._modelSelect label span:nth-child(2) {
            width: 55%; }
            .contents #section2 .block_modelSelect .radio_wrap._modelSelect label span:nth-child(2) span {
              width: 100%; }
      .contents #section2 .block_modelSelect .radio_wrap._modelSelect input:checked + label {
        background: #5dc0ff;
        color: #fff; }
        .contents #section2 .block_modelSelect .radio_wrap._modelSelect input:checked + label::before {
          border: 2px solid #fff; }
        .contents #section2 .block_modelSelect .radio_wrap._modelSelect input:checked + label::after {
          display: inline-block;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 20px;
          width: 14px;
          height: 14px;
          margin: auto;
          border-radius: 50%;
          background: #fff;
          content: ""; }
          @media (min-width: 768px) {
            .contents #section2 .block_modelSelect .radio_wrap._modelSelect input:checked + label::after {
              left: 35px; } }
      .contents #section2 .block_modelSelect .radio_wrap._modelSelect.selected label::before {
        border: 2px solid #666; }
      .contents #section2 .block_modelSelect .radio_wrap._modelSelect.selected label span:first-child {
        color: #333; }
      .contents #section2 .block_modelSelect .radio_wrap._modelSelect.selected input:checked + label span {
        color: #fff; }
    .contents #section2 .block_modelSelect .return_total, .contents #section2 .block_modelSelect .present_point {
      margin-bottom: 10px;
      padding: 15px;
      border: 1px solid #76caff;
      border-radius: 5px; }
      @media (min-width: 768px) {
        .contents #section2 .block_modelSelect .return_total, .contents #section2 .block_modelSelect .present_point {
          width: 600px;
          margin: -10px auto 20px;
          text-align: center; } }
      .contents #section2 .block_modelSelect .return_total .price, .contents #section2 .block_modelSelect .present_point .price {
        text-align: center;
        font-weight: bold; }
        .contents #section2 .block_modelSelect .return_total .price span, .contents #section2 .block_modelSelect .present_point .price span {
          padding-right: 5px; }
    .contents #section2 .block_modelSelect .present_point {
      text-align: center; }
      .contents #section2 .block_modelSelect .present_point .point {
        text-align: center;
        font-weight: bold; }
        .contents #section2 .block_modelSelect .present_point .point span {
          font-weight: bold;
          color: #ff4378;
          padding-left: 5px;
          padding-right: 5px; }
    .contents #section2 .slider {
      margin-top: 5px;
      position: relative; }
    .contents #section2 .slick-slider {
      padding-bottom: 0; }
      .contents #section2 .slick-slider .item-single {
        transform: translate3d(0px, 0px, 0px) !important; }
    .contents #section2 .draggable {
      outline: none; }
      .contents #section2 .draggable::before {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
        width: calc(100% - 150px);
        height: 100%;
        box-sizing: border-box;
        border: 3px solid #ccc;
        border-radius: 5px;
        content: "";
        transition: all 300ms ease; }
        @media (min-width: 768px) {
          .contents #section2 .draggable::before {
            width: calc(100% - 640px); } }
        @media (max-width: 320px) {
          .contents #section2 .draggable::before {
            width: calc(100% - 130px); } }
      .contents #section2 .draggable.selected::before {
        border: 3px solid #ff4378; }
      .contents #section2 .draggable.move::before {
        /*z-index: 2;*/ }
    .contents #section2 .slider_item {
      opacity: 0.4;
      position: relative;
      height: 100%; }
      @media (max-width: 767px) {
        .contents #section2 .slider_item {
          padding: 12px; } }
      @media (min-width: 768px) {
        .contents #section2 .slider_item {
          padding: 20px; } }
      .contents #section2 .slider_item img {
        display: block;
        margin: auto;
        max-height: 90%;
        width: auto;
        height: auto;
        transition: all 300ms ease; }
        @media (max-width: 767px) {
          .contents #section2 .slider_item img {
            max-width: 100%; } }
        @media (min-width: 768px) {
          .contents #section2 .slider_item img {
            max-width: 90%; } }
      .contents #section2 .slider_item .model_name {
        padding-top: 15px;
        padding-bottom: 5px;
        font-weight: bold;
        text-align: center; }
      .contents #section2 .slider_item .slider_label {
        margin-top: 5px;
        font-size: 1.2rem; }
        .contents #section2 .slider_item .slider_label._trade img {
          width: 80%;
          display: block;
          margin: auto; }
        .contents #section2 .slider_item .slider_label._zanka img, .contents #section2 .slider_item .slider_label._zanka2 img {
          width: 75%;
          display: block;
          margin: auto; }
        .contents #section2 .slider_item .slider_label._hajimete_support img {
          width: 80%;
          display: block;
          margin: auto; }
        @media (max-width: 767px) {
          .contents #section2 .slider_item .slider_label._5g_welcome img {
            width: 70%;
            display: block;
            margin: auto; } }
        @media (min-width: 768px) {
          .contents #section2 .slider_item .slider_label._5g_welcome img {
            width: 60%; } }
        .contents #section2 .slider_item .slider_label._support {
          width: 70%;
          padding: 5px;
          margin-left: auto;
          margin-right: auto;
          border: 1px solid #c03;
          border-radius: 3px;
          text-align: center;
          color: #c03;
          font-weight: bold; }
        .contents #section2 .slider_item .slider_label._status {
          text-align: center; }
          .contents #section2 .slider_item .slider_label._status span {
            display: inline-block;
            padding: 2px 5px;
            margin-left: auto;
            margin-right: auto;
            background: #4f9ed1;
            color: #fff; }
          .contents #section2 .slider_item .slider_label._status._preparing span {
            background: #777; }
          .contents #section2 .slider_item .slider_label._status._purchase_wari span {
            background: white;
            color: #d00e31;
            border: 1px solid #d00e31; }
      .contents #section2 .slider_item.slick-center {
        opacity: 1;
        position: relative; }
    .contents #section2 .slick-next, .contents #section2 .slick-prev {
      width: 30px;
      height: 30px; }
      @media (max-width: 767px) {
        .contents #section2 .slick-next, .contents #section2 .slick-prev {
          top: -35px;
          width: 40px;
          height: 40px; } }
      @media (min-width: 768px) {
        .contents #section2 .slick-next, .contents #section2 .slick-prev {
          width: 40px;
          height: 120px;
          margin-top: -50px; } }
    .contents #section2 .slick-next::before, .contents #section2 .slick-prev::before {
      display: inline-block;
      opacity: .5;
      width: 100%;
      height: 100%;
      background: #696969;
      content: "";
      transition: all .2s; }
      @media (max-width: 767px) {
        .contents #section2 .slick-next::before, .contents #section2 .slick-prev::before {
          opacity: 1;
          width: 30px;
          height: 30px;
          border-radius: 5px;
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          background: #fff; } }
    @media (min-width: 768px) {
      .contents #section2 .slick-next:hover::before, .contents #section2 .slick-prev:hover::before {
        opacity: 1; } }
    .contents #section2 .slick-next::after, .contents #section2 .slick-prev::after {
      display: block;
      position: absolute;
      top: 50%;
      width: 10px;
      height: 10px;
      border-top: 2px solid #fff;
      border-right: 2px solid #fff;
      content: ""; }
      @media (max-width: 767px) {
        .contents #section2 .slick-next::after, .contents #section2 .slick-prev::after {
          border-top: 2px solid #999;
          border-right: 2px solid #999; } }
    @media (max-width: 767px) {
      .contents #section2 .slick-next {
        right: calc(100% / 2 - 90px) !important; } }
    @media (max-width: 767px) {
      .contents #section2 .slick-prev {
        left: calc(100% / 2 - 90px) !important; } }
    .contents #section2 .slick-next::after {
      left: 46%;
      transform: translate(-46%, -50%) rotate(45deg); }
    .contents #section2 .slick-prev::after {
      left: 52%;
      transform: translate(-52%, -50%) rotate(-135deg); }
    .contents #section2 .modelSelect_count {
      margin-top: 20px;
      font-size: 3rem;
      font-weight: bold;
      text-align: center; }
      .contents #section2 .modelSelect_count .count_unit {
        font-size: 1.8rem; }
    .contents #section2 .modelSelect_radioTit {
      display: flex;
      position: relative;
      border-top: 1px solid #76caff;
      margin: 40px 10px 0;
      padding: 10px;
      color: #ccc;
      font-size: 1.8rem;
      font-weight: bold; }
      @media (min-width: 768px) {
        .contents #section2 .modelSelect_radioTit {
          width: 600px;
          margin-left: auto;
          margin-right: auto;
          font-size: 2rem; } }
      .contents #section2 .modelSelect_radioTit p {
        width: 50%;
        text-align: center; }
      .contents #section2 .modelSelect_radioTit::before {
        position: absolute;
        top: -30px;
        left: 0;
        right: 0;
        width: 0;
        height: 0;
        margin: auto;
        border-style: solid;
        border-width: 20px 30px 0 30px;
        border-color: #ccc transparent transparent transparent;
        content: ""; }
      .contents #section2 .modelSelect_radioTit.selected {
        color: #76caff; }
        .contents #section2 .modelSelect_radioTit.selected::before {
          border-color: #76caff transparent transparent transparent; }
    .contents #section2 .trade_in_maker_wrap label {
      border-radius: 20px;
      background: #ffffff;
      border: 2px solid #5dc0ff;
      color: #5dc0ff; }
    .contents #section2 .trade_in_maker_wrap input:checked + label {
      background: #5dc0ff;
      color: #ffffff; }
    @media (min-width: 768px) {
      .contents #section2 .trade_in_select_wrap {
        width: 660px;
        margin-left: auto;
        margin-right: auto; } }
    .contents #section2 .trade_in_select {
      width: 100%;
      margin-top: 25px;
      padding: 10px 20px;
      border: none;
      border-radius: 5px;
      background-color: #f1f1f1;
      font-weight: bold; }
    @media screen and (min-width: 768px) {
      .contents #section2 .trade_in_select {
        font-size: 129%; } }
    @media screen and (max-width: 767px) {
      .contents #section2 .trade_in_select {
        font-size: 100%;
        height: 40px; } }
    @media (max-width: 767px) {
      .contents #section2 .trade .m_emRound {
        padding-top: 7px; } }
    @media (min-width: 768px) {
      .contents #section2 .trade .m_emRound {
        display: table-cell;
        width: 430px; } }
    .contents #section2 .trade .discount_block {
      display: table;
      width: 100%;
      margin: 20px auto; }
    .contents #section2 .trade .discount_txt {
      display: table-cell;
      width: 230px;
      font-size: 129%;
      vertical-align: middle;
      font-weight: bold; }
    .contents #section2 .trade .discount_price_block {
      display: table-cell;
      width: 430px;
      height: 40px;
      border: 2px solid #ff7699;
      border-radius: 20px;
      line-height: 1;
      text-align: center;
      vertical-align: middle; }
    .contents #section2 .trade .discount_price {
      font-size: 171%;
      font-weight: bold; }
    .contents #section2 .trade .discount_block02_outer {
      position: relative;
      margin-top: 70px; }
      .contents #section2 .trade .discount_block02_outer .outer_note {
        font-size: 1.4rem;
        margin-top: 10px; }
    .contents #section2 .trade .discount_block02_outer::before {
      position: absolute;
      top: -58px;
      left: 50%;
      width: 66px;
      height: 45px;
      margin-left: -33px;
      background: url(/charge/simulation/gigaho_gigalite/assets/images/arw_down01.png) no-repeat 0 0;
      background-size: cover;
      content: ''; }
    .contents #section2 .trade .discount_block02_outer .block_frame {
      padding: 20px; }
    .contents #section2 .trade .discount_block02_txt {
      margin: auto;
      color: #fff;
      font-weight: bold;
      text-align: center; }
    .contents #section2 .trade .discount_block02_txt01 {
      font-size: 2rem; }
    @media screen and (max-width: 767px) {
      .contents #section2 .trade .trade_in_select {
        margin-top: 15px; }
      .contents #section2 .trade .discount_block {
        display: block;
        margin: 4% auto;
        text-align: center; }
      .contents #section2 .trade .discount_txt,
      .contents #section2 .trade .discount_price_block {
        display: block;
        width: 100%; }
      .contents #section2 .trade .discount_price_block {
        padding-top: 8px; }
      .contents #section2 .trade .discount_txt {
        margin-bottom: 1%; }
      .contents #section2 .trade .basic_charge_info, .contents #section2 .trade .hikari_type_info {
        margin-bottom: 5%; }
      .contents #section2 .trade .basic_charge_block .after_detail {
        margin-top: 3%; }
      .contents #section2 .trade .discount_block02_outer {
        margin-top: 50px; }
      .contents #section2 .trade .discount_block02_outer::before {
        top: -45px;
        width: 59px;
        height: 41px; }
      .contents #section2 .trade .discount_price_layout {
        margin-left: auto; } }
    .contents #section2 .discount_block02_txt02 {
      margin: 15px auto;
      font-size: 214%; }
    .contents #section2 .discount_price_layout {
      display: inline-block;
      margin-left: 15px; }
    @media screen and (max-width: 767px) {
      .contents #section2 .discount_block_wrap.inner_padding {
        padding-bottom: 25px; }
      .contents #section2 .discount_block {
        display: block;
        margin: 4% auto;
        text-align: center; }
      .contents #section2 .discount_block02_txt01 {
        font-size: 140%; }
      .contents #section2 .discount_block02_txt02 {
        margin: 2% auto auto;
        font-size: 160%; }
      .contents #section2 .discount_price_layout {
        margin-left: auto; }
      .contents #section2 #plan_area {
        margin-bottom: 12px; } }
    .contents #section2 .packet_type_ttl_h4 {
      margin: 30px 0 0;
      padding: 0 0 5px;
      font-size: 116%;
      text-align: center; }
    .contents #section2 form input[type="radio"],
    .contents #section2 form input[type="checkbox"] {
      display: none; }

@keyframes pulsate {
  0% {
    transform: scale(0, 0); }
  50% {
    opacity: 1; }
  100% {
    transform: scale(3.5, 3.5);
    opacity: 0.0; } }
    .contents #section2 .duration_radio {
      background-color: transparent;
      text-align: center; }
      .contents #section2 .duration_radio .duration {
        display: none; }
    .contents #section2 .duration_span {
      position: relative; }
    .contents #section2 .duration:checked + .duration_span {
      color: #ff4378; }
    .contents #section2 .duration_span::before {
      content: "";
      display: block;
      top: 1px;
      left: -1px;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      z-index: -1;
      transform: scale(0, 0);
      background: rgba(255, 67, 120, 0.5);
      position: absolute; }
    .contents #section2 .duration_span::after {
      content: "";
      display: block;
      position: absolute;
      top: 1px;
      left: -1px;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: #ff4378;
      transition: .4s;
      transform: scale(0, 0); }
    .contents #section2 .duration:checked + .duration_span::after {
      transform: scale(1, 1);
      border-radius: 50%;
      background: #ff555e; }
    .contents #section2 .duration:checked + .duration_span:before {
      animation: pulsate .8s ease-out; }
    @media screen and (max-width: 767px) {
      .contents #section2 .duration_span {
        padding-left: 14px;
        position: relative;
        margin-right: 20px;
        line-height: 2;
        transition: .4s;
        font-size: 95%; }
      .contents #section2 .duration_span::before {
        width: 13px;
        height: 13px; }
      .contents #section2 .duration_span::after {
        width: 13px;
        height: 13px; }
      .contents #section2 body {
        background-color: white; }
      .contents #section2 .wrapper {
        background-color: rgba(255, 255, 255, 0.5); } }
    @media screen and (min-width: 768px) {
      .contents #section2 .duration_span {
        padding-left: 22px;
        position: relative;
        margin-right: 5px;
        line-height: 2;
        transition: .4s;
        font-size: 125%; } }
    .contents #section2 #rank .tit_type03 span {
      font-size: 84%; }
    .contents #section2 #rank .stage_point_box .stage_point_col2 {
      text-align: center; }
    @media (min-width: 768px) {
      .contents #section2 #rank .stage_point_box .stage_point_col2 {
        padding: 0 40px;
        width: 50%;
        float: left; }
        .contents #section2 #rank .stage_point_box .stage_point_col2 .m_emRound {
          max-width: 360px;
          width: 100%; } }
    @media (min-width: 768px) {
      .contents #section2 #rank .stage_point_box .stage_point_col2:nth-child(odd) {
        padding: 0 30px 0 50px; }
      .contents #section2 #rank .stage_point_box .stage_point_col2:nth-child(even) {
        padding: 0 50px 0 30px; } }
    .contents #section2 #rank .stage_point_box .stage_point_rate {
      margin: 20px auto; }
      .contents #section2 #rank .stage_point_box .stage_point_rate img {
        padding-top: 3px;
        padding-bottom: 6px;
        width: 29px;
        vertical-align: top; }
    .contents #section2 #rank .m_emRound.m_emRound--stage {
      min-height: 44px;
      border: 2px solid #76caff; }
    @media (min-width: 768px) {
      .contents #section2 .m_emRound {
        width: 430px; } }
    .contents #section2 .birth_month {
      border: 3px solid #76caff;
      text-align: center;
      font-weight: bold;
      font-size: 1.8rem;
      border-radius: 5px;
      background: #5dc0ff;
      color: #fff;
      padding: 10px 20px;
      width: 90%;
      margin: 30px auto 0; }
      @media (min-width: 768px) {
        .contents #section2 .birth_month {
          font-size: 2rem; } }
      .contents #section2 .birth_month span {
        font-size: 2.8rem; }
    @media (min-width: 768px) {
      .contents #section2 #planTab #planTab-buttons label {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 111%;
        height: calc(100% - 15px); } }

    .contents #section2 #planTab input + label.eximo_plan,
    .contents #section2 #planTab input + label.eximo_5g_plan {
      background: #ffd7be; }
    .contents #section2 #planTab label.eximo_plan.checked,
    .contents #section2 #planTab label.eximo_5g_plan.checked {
      background: #B97850;
      color: #fff; }

    .contents #section2 #planTab input + label.irumo_plan,
    .contents #section2 #planTab input + label.irumo_5g_plan {
      background: #C6ECE6; }
    .contents #section2 #planTab label.irumo_plan.checked,
    .contents #section2 #planTab label.irumo_5g_plan.checked {
      background: #00B496;
      color: #fff; }

    .contents #section2 #planTab input + label.docomomax_plan,
    .contents #section2 #planTab input + label.docomomax_5g_plan {
      background: #f2bfcc; }
    .contents #section2 #planTab label.docomomax_plan.checked,
    .contents #section2 #planTab label.docomomax_5g_plan.checked {
      background: #c03;
      color: #fff; }
    .contents #section2 #planTab input + label.poikatsu_docomo_plan,
    .contents #section2 #planTab input + label.poikatsu_docomo_5g_plan {
      background: #eee4bf; }
    .contents #section2 #planTab label.poikatsu_docomo_plan.checked,
    .contents #section2 #planTab label.poikatsu_docomo_5g_plan.checked {
      background: #bc9500;
      color: #fff; }
    .contents #section2 #planTab input + label.docomomini_plan,
    .contents #section2 #planTab input + label.docomomini_5g_plan {
      background: #bfd9ed; }
    .contents #section2 #planTab label.docomomini_plan.checked,
    .contents #section2 #planTab label.docomomini_5g_plan.checked {
      background: #0068b7;
      color: #fff; }
      
    .contents #section2 #planTab input + label.hajimete_5g,
    .contents #section2 #planTab input + label.hajimete_plan {
      background: #ecf1df; }
    .contents #section2 #planTab label.hajimete_5g.checked,
    .contents #section2 #planTab label.hajimete_plan.checked {
      background: #a2b966;
      color: #fff; }
    .contents #section2 #planTab input + label.u15_hajimete_5g,
    .contents #section2 #planTab input + label.u15_hajimete_plan {
      background: #dcddef; }
    .contents #section2 #planTab label.u15_hajimete_5g.checked,
    .contents #section2 #planTab label.u15_hajimete_plan.checked {
      background: #00479d;
      color: #fff; }
      
    .contents #section2 #planTab input + label.ahamo {
      background: #eeeeee; }
    .contents #section2 #planTab label.ahamo.checked {
      background: #d6d6d6;
      /*color:#fff;*/ }
    .contents #section2 .tab_contents_wrap.eximo_plan .plan_image_wrap,
    .contents #section2 .tab_contents_wrap.eximo_5g_plan .plan_image_wrap,
    .contents #section2 .tab_contents_wrap.irumo_plan .plan_image_wrap,
    .contents #section2 .tab_contents_wrap.irumo_5g_plan .plan_image_wrap {
      display: none; }
    .contents #section2 .tab_contents_wrap.eximo_plan .plan-buttons,
    .contents #section2 .tab_contents_wrap.eximo_5g_plan .plan-buttons,
    .contents #section2 .tab_contents_wrap.irumo_plan .plan-buttons,
    .contents #section2 .tab_contents_wrap.irumo_5g_plan .plan-buttons {
      width: 100%; }
      @media (min-width: 768px) {
        .contents #section2 .tab_contents_wrap.eximo_plan .plan-buttons,
        .contents #section2 .tab_contents_wrap.eximo_5g_plan .plan-buttons,
        .contents #section2 .tab_contents_wrap.irumo_plan .plan-buttons,
        .contents #section2 .tab_contents_wrap.irumo_5g_plan .plan-buttons {
          display: flex; }
          .contents #section2 .tab_contents_wrap.eximo_plan .plan-buttons .gb_btn01,
          .contents #section2 .tab_contents_wrap.eximo_5g_plan .plan-buttons .gb_btn01,
          .contents #section2 .tab_contents_wrap.irumo_plan .plan-buttons .gb_btn01,
          .contents #section2 .tab_contents_wrap.irumo_5g_plan .plan-buttons .gb_btn01 {
            margin-top: 15px; } }
      .contents #section2 .tab_contents_wrap.eximo_plan .plan-buttons div,
      .contents #section2 .tab_contents_wrap.eximo_5g_plan .plan-buttons div,
      .contents #section2 .tab_contents_wrap.irumo_plan .plan-buttons div,
      .contents #section2 .tab_contents_wrap.irumo_5g_plan .plan-buttons div {
        width: 50%; }
    .contents #section2 .tab_contents_wrap.eximo_plan,
    .contents #section2 .tab_contents_wrap.eximo_5g_plan {
      border: 1px solid #B97850; }
      .contents #section2 .tab_contents_wrap.eximo_plan input + label,
      .contents #section2 .tab_contents_wrap.eximo_5g_plan input + label {
        background: #ffd7be; }
      .contents #section2 .tab_contents_wrap.eximo_plan label.checked,
      .contents #section2 .tab_contents_wrap.eximo_5g_plan label.checked {
        background: #B97850;
        color: #fff; }
    .contents #section2 .tab_contents_wrap.irumo_plan,
    .contents #section2 .tab_contents_wrap.irumo_5g_plan {
      border: 1px solid #00B496; }
      .contents #section2 .tab_contents_wrap.irumo_plan input + label,
      .contents #section2 .tab_contents_wrap.irumo_5g_plan input + label {
        background: #C6ECE6; }
      .contents #section2 .tab_contents_wrap.irumo_plan label.checked,
      .contents #section2 .tab_contents_wrap.irumo_5g_plan label.checked {
        background: #00B496;
        color: #fff; }

    .contents #section2 .tab_contents_wrap.docomomax_plan .plan_image_wrap,
    .contents #section2 .tab_contents_wrap.docomomax_5g_plan .plan_image_wrap,
    .contents #section2 .tab_contents_wrap.poikatsu_docomo_plan .plan_image_wrap,
    .contents #section2 .tab_contents_wrap.poikatsu_docomo_5g_plan .plan_image_wrap,
    .contents #section2 .tab_contents_wrap.docomomini_plan .plan_image_wrap,
    .contents #section2 .tab_contents_wrap.docomomini_5g_plan .plan_image_wrap {
      display: none; }
    .contents #section2 .tab_contents_wrap.docomomax_plan .plan-buttons,
    .contents #section2 .tab_contents_wrap.docomomax_5g_plan .plan-buttons,
    .contents #section2 .tab_contents_wrap.poikatsu_docomo_plan .plan-buttons,
    .contents #section2 .tab_contents_wrap.poikatsu_docomo_5g_plan .plan-buttons,
    .contents #section2 .tab_contents_wrap.docomomini_plan .plan-buttons,
    .contents #section2 .tab_contents_wrap.docomomini_5g_plan .plan-buttons {
      width: 100%; }
      @media (min-width: 768px) {
        .contents #section2 .tab_contents_wrap.docomomax_plan .plan-buttons,
        .contents #section2 .tab_contents_wrap.docomomax_5g_plan .plan-buttons,
        .contents #section2 .tab_contents_wrap.poikatsu_docomo_plan .plan-buttons,
        .contents #section2 .tab_contents_wrap.poikatsu_docomo_5g_plan .plan-buttons,
        .contents #section2 .tab_contents_wrap.docomomini_plan .plan-buttons,
        .contents #section2 .tab_contents_wrap.docomomini_5g_plan .plan-buttons {
          display: flex; }
          .contents #section2 .tab_contents_wrap.docomomax_plan .plan-buttons .gb_btn01,
          .contents #section2 .tab_contents_wrap.docomomax_5g_plan .plan-buttons .gb_btn01,
          .contents #section2 .tab_contents_wrap.poikatsu_docomo_plan .plan-buttons .gb_btn01,
          .contents #section2 .tab_contents_wrap.poikatsu_docomo_5g_plan .plan-buttons .gb_btn01,
          .contents #section2 .tab_contents_wrap.docomomini_plan .plan-buttons .gb_btn01,
          .contents #section2 .tab_contents_wrap.docomomini_5g_plan .plan-buttons .gb_btn01 {
            margin-top: 15px; } }
      .contents #section2 .tab_contents_wrap.docomomax_plan .plan-buttons div,
      .contents #section2 .tab_contents_wrap.docomomax_5g_plan .plan-buttons div,
      .contents #section2 .tab_contents_wrap.poikatsu_docomo_plan .plan-buttons div,
      .contents #section2 .tab_contents_wrap.poikatsu_docomo_5g_plan .plan-buttons div,
      .contents #section2 .tab_contents_wrap.docomomini_plan .plan-buttons div,
      .contents #section2 .tab_contents_wrap.docomomini_5g_plan .plan-buttons div {
        width: 50%; }
    .contents #section2 .tab_contents_wrap.docomomax_plan,
    .contents #section2 .tab_contents_wrap.docomomax_5g_plan {
      border: 1px solid #c03; }
    .contents #section2 .tab_contents_wrap.poikatsu_docomo_plan,
    .contents #section2 .tab_contents_wrap.poikatsu_docomo_5g_plan {
      border: 1px solid #bc9500; }
    .contents #section2 .tab_contents_wrap.docomomini_plan,
    .contents #section2 .tab_contents_wrap.docomomini_5g_plan {
      border: 1px solid #0068b7; }
      .contents #section2 .tab_contents_wrap.docomomax_plan input + label,
      .contents #section2 .tab_contents_wrap.docomomax_5g_plan input + label {
        background: #f2bfcc; }
      .contents #section2 .tab_contents_wrap.docomomax_plan label.checked,
      .contents #section2 .tab_contents_wrap.docomomax_5g_plan label.checked {
        background: #c03;
        color: #fff; }
      .contents #section2 .tab_contents_wrap.poikatsu_docomo_plan input + label,
      .contents #section2 .tab_contents_wrap.poikatsu_docomo_5g_plan input + label {
        background: #eee4bf; }
      .contents #section2 .tab_contents_wrap.poikatsu_docomo_plan label.checked,
      .contents #section2 .tab_contents_wrap.poikatsu_docomo_5g_plan label.checked {
        background: #bc9500;
        color: #fff; }
      .contents #section2 .tab_contents_wrap.docomomini_plan input + label,
      .contents #section2 .tab_contents_wrap.docomomini_5g_plan input + label {
        background: #bfd9ed; }
      .contents #section2 .tab_contents_wrap.docomomini_plan label.checked,
      .contents #section2 .tab_contents_wrap.docomomini_5g_plan label.checked {
        background: #0068b7;
        color: #fff; }
    
    .contents #section2 .tab_contents_wrap.hajimete_5g,
    .contents #section2 .tab_contents_wrap.hajimete_plan {
      border: 1px solid #a2b966; }
      .contents #section2 .tab_contents_wrap.hajimete_5g .plan_image_wrap,
      .contents #section2 .tab_contents_wrap.hajimete_plan .plan_image_wrap {
        display: none; }
      .contents #section2 .tab_contents_wrap.hajimete_5g .plan-buttons,
      .contents #section2 .tab_contents_wrap.hajimete_plan .plan-buttons {
        width: 100%; }
      @media (max-width: 767px) {
        .contents #section2 .tab_contents_wrap.hajimete_5g,
        .contents #section2 .tab_contents_wrap.hajimete_plan {
          padding: 0 5px; } }
      .contents #section2 .tab_contents_wrap.hajimete_5g .tab_contents_txt.note_top,
      .contents #section2 .tab_contents_wrap.hajimete_plan .tab_contents_txt.note_top {
        font-weight: bold;
        text-align: center; }
      .contents #section2 .tab_contents_wrap.hajimete_5g .tab_contents_txt.note_top2,
      .contents #section2 .tab_contents_wrap.hajimete_plan .tab_contents_txt.note_top2 {
        text-align: left;
        font-size: inherit; }
      .contents #section2 .tab_contents_wrap.hajimete_5g label.checked,
      .contents #section2 .tab_contents_wrap.hajimete_plan label.checked {
        text-align: center;
        display: block;
        width: 80%;
        margin: 15px auto 0;
        padding: 14px 5px;
        border-radius: 5px;
        background: #a2b966;
        color: #fff;
        font-size: 129%;
        font-weight: bold;
        text-align: center;
        line-height: 1.2; }
        @media (max-width: 767px) {
          .contents #section2 .tab_contents_wrap.hajimete_5g label.checked,
          .contents #section2 .tab_contents_wrap.hajimete_plan label.checked {
            margin: 15px auto;
            width: 100%; } }
      .contents #section2 .tab_contents_wrap.hajimete_5g #plan-note2,
      .contents #section2 .tab_contents_wrap.hajimete_plan #plan-note2 {
        margin-top: 20px; }
    .contents #section2 .tab_contents_wrap.u15_hajimete_5g,
    .contents #section2 .tab_contents_wrap.u15_hajimete_plan {
      border: 1px solid #00479d; }
      .contents #section2 .tab_contents_wrap.u15_hajimete_5g .plan_image_wrap,
      .contents #section2 .tab_contents_wrap.u15_hajimete_plan .plan_image_wrap {
        display: none; }
      .contents #section2 .tab_contents_wrap.u15_hajimete_5g .plan-buttons,
      .contents #section2 .tab_contents_wrap.u15_hajimete_plan .plan-buttons {
        width: 100%; }
      @media (max-width: 767px) {
        .contents #section2 .tab_contents_wrap.u15_hajimete_5g,
        .contents #section2 .tab_contents_wrap.u15_hajimete_plan {
          padding: 0 5px; } }
      .contents #section2 .tab_contents_wrap.u15_hajimete_5g .tab_contents_txt.note_top,
      .contents #section2 .tab_contents_wrap.u15_hajimete_plan .tab_contents_txt.note_top {
        font-weight: bold;
        text-align: center; }
      .contents #section2 .tab_contents_wrap.u15_hajimete_5g .tab_contents_txt.note_top2,
      .contents #section2 .tab_contents_wrap.u15_hajimete_plan .tab_contents_txt.note_top2 {
        text-align: left;
        font-size: inherit; }
      .contents #section2 .tab_contents_wrap.u15_hajimete_5g input:checked + label,
      .contents #section2 .tab_contents_wrap.u15_hajimete_5g label.checked,
      .contents #section2 .tab_contents_wrap.u15_hajimete_plan input:checked + label,
      .contents #section2 .tab_contents_wrap.u15_hajimete_plan label.checked {
        text-align: center;
        display: block;
        margin: 15px auto 0;
        padding: 14px 5px;
        border-radius: 5px;
        background: #00479d;
        color: #fff;
        font-size: 129%;
        font-weight: bold;
        text-align: center;
        line-height: 1.2; }
        @media (max-width: 767px) {
          .contents #section2 .tab_contents_wrap.u15_hajimete_5g input:checked + label,
          .contents #section2 .tab_contents_wrap.u15_hajimete_5g label.checked,
          .contents #section2 .tab_contents_wrap.u15_hajimete_plan input:checked + label,
          .contents #section2 .tab_contents_wrap.u15_hajimete_plan label.checked {
            margin: 15px 5px 0; } }
      .contents #section2 .tab_contents_wrap.u15_hajimete_5g #plan-note2,
      .contents #section2 .tab_contents_wrap.u15_hajimete_plan #plan-note2 {
        margin-top: 20px; }
    .contents #section2 .tab_contents_wrap.ahamo {
      border: 1px solid #d6d6d6; }
      .contents #section2 .tab_contents_wrap.ahamo .plan_image_wrap {
        display: none; }
      .contents #section2 .tab_contents_wrap.ahamo .plan-buttons {
        width: 100%; }
      @media (max-width: 767px) {
        .contents #section2 .tab_contents_wrap.docomomax_5g_plan,
        .contents #section2 .tab_contents_wrap.docomomax_plan,
        .contents #section2 .tab_contents_wrap.poikatsu_docomo_5g_plan,
        .contents #section2 .tab_contents_wrap.poikatsu_docomo_plan,
        .contents #section2 .tab_contents_wrap.docomomini_5g_plan,
        .contents #section2 .tab_contents_wrap.docomomini_plan,
        .contents #section2 .tab_contents_wrap.ahamo {
          padding: 0 5px; } }
      @media (min-width: 768px) {
        .contents #section2 .tab_contents_wrap.ahamo {
          min-height: 200px; } }
      /* .contents #section2 .tab_contents_wrap.ahamo .tab_contents_txt {
        margin-top: 0;
        font-size: 1.6rem;
        text-align: left; } */
      .contents #section2 .tab_contents_wrap.ahamo label.checked {
        background: #5dc0ff;
        color: #fff;
        cursor: default; }
        @media (max-width: 767px) {
          .contents #section2 .tab_contents_wrap.docomomax_5g_plan label.checked, 
          .contents #section2 .tab_contents_wrap.docomomax_plan label.checked,
          .contents #section2 .tab_contents_wrap.poikatsu_docomo_5g_plan label.checked,
          .contents #section2 .tab_contents_wrap.poikatsu_docomo_plan label.checked,
          .contents #section2 .tab_contents_wrap.docomomini_5g_plan label.checked,
          .contents #section2 .tab_contents_wrap.docomomini_plan label.checked,
          .contents #section2 .tab_contents_wrap.ahamo label.checked {
            margin: 15px 5px 0;
            width: auto; } }
    @media (min-width: 768px) {
      .contents #section2 .tab_contents_wrap.eximo_5g_plan, .contents #section2 .tab_contents_wrap.eximo_plan,
      .contents #section2 .tab_contents_wrap.irumo_5g_plan, .contents #section2 .tab_contents_wrap.irumo_plan,
      .contents #section2 .tab_contents_wrap.docomomax_5g_plan, .contents #section2 .tab_contents_wrap.docomomax_plan,
      .contents #section2 .tab_contents_wrap.poikatsu_docomo_5g_plan, .contents #section2 .tab_contents_wrap.poikatsu_docomo_plan,
      .contents #section2 .tab_contents_wrap.docomomini_5g_plan, .contents #section2 .tab_contents_wrap.docomomini_plan,
      .contents #section2 .tab_contents_wrap.ahamo,
      .contents #section2 .tab_contents_wrap.hajimete_5g, .contents #section2 .tab_contents_wrap.hajimete_plan,
      .contents #section2 .tab_contents_wrap.u15_hajimete_5g,.contents #section2 .tab_contents_wrap.u15_hajimete_plan {
        min-height: 200px; } }
    .contents #section2 .tab_contents_wrap.hajimete_5g .plan_btn_wrap, .contents #section2 .tab_contents_wrap.hajimete_plan .plan_btn_wrap {
      display: block; }
      .contents #section2 .tab_contents_wrap.hajimete_5g .plan_btn_wrap div, .contents #section2 .tab_contents_wrap.hajimete_plan .plan_btn_wrap div {
        width: 100%; }
        .contents #section2 .tab_contents_wrap.hajimete_5g .plan_btn_wrap div p, .contents #section2 .tab_contents_wrap.hajimete_plan .plan_btn_wrap div p {
          margin: 8px; }
    .contents #section2 .tab_contents_wrap.ahamo .plan_btn_wrap, .contents #section2 .tab_contents_wrap.u15_hajimete_5g .plan_btn_wrap, .contents #section2 .tab_contents_wrap.u15_hajimete_plan .plan_btn_wrap {
      display: flex; }
      .contents #section2 .tab_contents_wrap.ahamo .plan_btn_wrap div, .contents #section2 .tab_contents_wrap.u15_hajimete_5g .plan_btn_wrap div, .contents #section2 .tab_contents_wrap.u15_hajimete_plan .plan_btn_wrap div {
        width: 50%; }
        .contents #section2 .tab_contents_wrap.docomomax_5g_plan .plan_btn_wrap div p,
        .contents #section2 .tab_contents_wrap.docomomax_plan .plan_btn_wrap div p,
        .contents #section2 .tab_contents_wrap.poikatsu_docomo_5g_plan .plan_btn_wrap div p,
        .contents #section2 .tab_contents_wrap.poikatsu_docomo_plan .plan_btn_wrap div p,
        .contents #section2 .tab_contents_wrap.docomomini_5g_plan .plan_btn_wrap div p,
        .contents #section2 .tab_contents_wrap.docomomini_plan .plan_btn_wrap div p,
        .contents #section2 .tab_contents_wrap.ahamo .plan_btn_wrap div p,
        .contents #section2 .tab_contents_wrap.u15_hajimete_5g .plan_btn_wrap div p,
        .contents #section2 .tab_contents_wrap.u15_hajimete_plan .plan_btn_wrap div p {
          margin: 8px; }
      @media (max-width: 767px) {
        .contents #section2 .tab_contents_wrap.docomomax_5g_plan .plan_btn_wrap,
        .contents #section2 .tab_contents_wrap.docomomax_plan .plan_btn_wrap,
        .contents #section2 .tab_contents_wrap.poikatsu_docomo_5g_plan .plan_btn_wrap,
        .contents #section2 .tab_contents_wrap.poikatsu_docomo_plan .plan_btn_wrap,
        .contents #section2 .tab_contents_wrap.docomomini_5g_plan .plan_btn_wrap,
        .contents #section2 .tab_contents_wrap.docomomini_plan .plan_btn_wrap,
        .contents #section2 .tab_contents_wrap.ahamo .plan_btn_wrap,
        .contents #section2 .tab_contents_wrap.u15_hajimete_5g .plan_btn_wrap,
        .contents #section2 .tab_contents_wrap.u15_hajimete_plan .plan_btn_wrap {
          display: block; }
          .contents #section2 .tab_contents_wrap.docomomax_5g_plan .plan_btn_wrap div,
          .contents #section2 .tab_contents_wrap.docomomax_plan .plan_btn_wrap div,
          .contents #section2 .tab_contents_wrap.poikatsu_docomo_5g_plan .plan_btn_wrap div,
          .contents #section2 .tab_contents_wrap.poikatsu_docomo_plan .plan_btn_wrap div,
          .contents #section2 .tab_contents_wrap.docomomini_5g_plan .plan_btn_wrap div,
          .contents #section2 .tab_contents_wrap.docomomini_plan .plan_btn_wrap div,
          .contents #section2 .tab_contents_wrap.ahamo .plan_btn_wrap div,
          .contents #section2 .tab_contents_wrap.u15_hajimete_5g .plan_btn_wrap div,
          .contents #section2 .tab_contents_wrap.u15_hajimete_plan .plan_btn_wrap div {
            width: 100%; } }
    .contents #section2 #plan .btn_single label.checked {
      background: #5dc0ff;
      color: #fff; }
    .contents #section2 .plan_btn_wrap .btn_single {
      margin: 0 auto; }
      .contents #section2 .plan_btn_wrap .btn_single .ahamo + p {
        margin: 8px; }
    @media screen and (min-width: 768px) {
      .contents #section2 .plan_btn_wrap .btn_single {
        width: 50%;
        margin: 0 auto; } }
    @media (max-width: 767px) {
      .contents #section2 .plan-note2 {
        margin: -12px 7px 20px; } }
    @media (min-width: 768px) {
      .contents #section2 .plan-note2 {
        margin: 20px 7px 0; } }
    .contents #section2 .switching_normal {
      display: block; }
      @media (max-width: 767px) {
        .contents #section2 .switching_normal.max_poikatsu_mini_plan {
          display: none; } }
    .contents #section2 .switching_accordion {
      display: none; }
      @media (max-width: 767px) {
        .contents #section2 .switching_accordion.max_poikatsu_mini_plan {
          display: block;
          margin: 0 0 20px; } }
    @media (max-width: 767px) {
      .contents #section2 .tab_contents_wrap {
        display: none; } }
    @media (max-width: 767px) {
      .contents #section2 .accordion_header {
        width: 100%;
        margin: 20px auto 0px;
        text-align: center; }
        .contents #section2 .accordion_header label {
          margin: 14px 0 0;
          border-radius: unset;
          color: #333; } }
    @media (max-width: 767px) {
      .contents #section2 .eximo_ttl input + label {
        background: #ffd7be; }
      .contents #section2 .eximo_ttl.open,
      .contents #section2 .eximo_ttl input + label.checked {
        background: #B97850;
        color: #fff; } }
    @media (max-width: 767px) {
      .contents #section2 .irumo_ttl input + label {
        background: #C6ECE6; }
      .contents #section2 .irumo_ttl.open,
      .contents #section2 .irumo_ttl input + label.checked {
        background: #00B496;
        color: #fff; } }
    @media (max-width: 767px) {
      .contents #section2 .docomomax_ttl input + label {
        background: #f2bfcc; }
      .contents #section2 .docomomax_ttl.open,
      .contents #section2 .docomomax_ttl input + label.checked {
        background: #c03;
        color: #fff; } }
    @media (max-width: 767px) {
      .contents #section2 .poikatsu_docomo_ttl input + label {
        background: #eee4bf; }
      .contents #section2 .poikatsu_docomo_ttl.open,
      .contents #section2 .poikatsu_docomo_ttl input + label.checked {
        background: #bc9500;
        color: #fff; } }
    @media (max-width: 767px) {
      .contents #section2 .docomomini_ttl input + label {
        background: #bfd9ed; }
      .contents #section2 .docomomini_ttl.open,
      .contents #section2 .docomomini_ttl input + label.checked {
        background: #0068b7;
        color: #fff; } }
    @media (max-width: 767px) {
      .contents #section2 .hajimete_ttl input + label {
        background: #ecf1df; }
      .contents #section2 .hajimete_ttl.open,
      .contents #section2 .hajimete_ttl input + label.checked {
        background: #a2b966;
        color: #fff; } }
    @media (max-width: 767px) {
      .contents #section2 .u15_hajimete_ttl input + label {
        background: #dcddef; }
      .contents #section2 .u15_hajimete_ttl.open,
      .contents #section2 .u15_hajimete_ttl input + label.checked {
        background: #00479d;
        color: #fff; } }
    @media (max-width: 767px) {
      .contents #section2 .ahamo_ttl input + label {
        background: #eeeeee; }
      .contents #section2 .ahamo_ttl.open,
      .contents #section2 .ahamo_ttl input + label.checked {
        background: #d6d6d6; } }
    .contents #section2 .tab_contents_wrap {
      border: 1px solid #76caff;
      margin-bottom: 20px; }
      @media (min-width: 768px) {
        .contents #section2 .tab_contents_wrap {
          width: 870px;
          margin: auto auto 20px;
          padding: 20px;
          min-height: 314px;
          height: auto; } }
      .contents #section2 .tab_contents_wrap .tab_contents_txt {
        margin-top: 20px;
        margin-bottom: 20px;
        padding-left: 7px;
        text-align: center; }
        @media (min-width: 768px) {
          .contents #section2 .tab_contents_wrap .tab_contents_txt {
            margin-top: 0;
            font-size: 1.6rem;
            text-align: left; } }
      @media (min-width: 768px) {
        .contents #section2 .tab_contents_wrap .tab_contents {
          display: flex;
          flex-direction: row-reverse;
          justify-content: space-between; } }
      @media (min-width: 768px) {
        .contents #section2 .tab_contents_wrap .plan_btn_wrap {
          display: block;
          margin-top: 0;
          margin-bottom: 0;
          width: 30%; } }
      @media (max-width: 767px) {
        .contents #section2 .tab_contents_wrap .plan_btn_wrap {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between; } }
      .contents #section2 .tab_contents_wrap .plan_btn_wrap div {
        width: 50%; }
        @media (min-width: 768px) {
          .contents #section2 .tab_contents_wrap .plan_btn_wrap div {
            width: 100%; } }
      @media (max-width: 767px) {
        .contents #section2 .tab_contents_wrap .plan_btn_wrap label {
          font-size: 1.6rem;
          margin-top: 10px; } }
      @media (min-width: 768px) {
        .contents #section2 .tab_contents_wrap .gb_btn01 {
          margin-top: 0; }
          .contents #section2 .tab_contents_wrap .gb_btn01.ahamo, .contents #section2 .tab_contents_wrap .gb_btn01.u15_hajimete_5g, .contents #section2 .tab_contents_wrap .gb_btn01.u15_hajimete_plan {
            margin-top: 15px; } }
      .contents #section2 .tab_contents_wrap .img_plan {
        position: relative;
        z-index: 1;
        width: 100%;
        height: auto; }
      .contents #section2 .tab_contents_wrap .plan_image_wrap {
        margin: 10px; }
        @media (min-width: 768px) {
          .contents #section2 .tab_contents_wrap .plan_image_wrap {
            margin: 30px 15px;
            margin: 0;
            width: 67%; } }
      .contents #section2 .tab_contents_wrap .plan_image {
        position: relative;
        background: #eaf6fd; }
        .contents #section2 .tab_contents_wrap .plan_image .plan_image_blockWrap {
          position: absolute;
          top: 9%;
          left: 4%;
          display: flex;
          width: 92%;
          height: 80%; }
    .contents #section2 #step1.is_hide + #step2.is_hide + #step3 {
      margin-top: 0; }
      .contents #section2 #step1.is_hide + #step2.is_hide + #step3 > .group_level1:first-child {
        margin-top: 0; }
    @media (max-width: 767px) {
      .contents #section2 #voiceServiceOption .radio_wrap.type_3block div {
        width: 100%; } }
    .contents #section2 #familyDiscount .sub_txt {
      margin: 10px 10px 20px;
      padding-left: 1em;
      text-indent: -1em; }
  .contents #section3 {
    /* 基本プランを選択してください,ドコモ光タイプ
--------------------------------------------------*/
    /* ドコモ光について
--------------------------------------------------*/ }
    .contents #section3 .hikari_type_block {
      width: 100%; }
    .contents #section3 .basic_charge_block:not(:last-child),
    .contents #section3 .hikari_type_block:not(:last-child) {
      border-bottom: 1px dashed #858585; }
    .contents #section3 .basic_charge_info,
    .contents #section3 .hikari_type_info {
      float: left;
      width: 290px;
      margin-top: 32px; }
    @media (min-width: 768px) {
      .contents #section3 .hikari_type_choice label {
        width: 100%; } }
    .contents #section3 .basic_charge_name,
    .contents #section3 .hikari_type_name {
      margin: auto;
      font-size: 1.6rem;
      font-weight: bold; }
    .contents #section3 .basic_charge_name_txt,
    .contents #section3 .hikari_type_name_txt {
      margin: 10px 0 20px !important; }
    @media screen and (max-width: 767px) {
      .contents #section3 .basic_charge_name,
      .contents #section3 .hikari_type_name {
        margin-top: 20px; }
      .contents #section3 .basic_charge_info,
      .contents #section3 .basic_charge_choice,
      .contents #section3 .hikari_type_info,
      .contents #section3 .hikari_type_choice {
        float: none;
        width: 100%; }
      .contents #section3 .basic_charge_info,
      .contents #section3 .hikari_type_info {
        margin-top: 0; } }

@media screen and (max-width: 767px) and (max-width: 767px) {
  .contents #section3 .hikari_type_info {
    margin-bottom: 20px; } }
    .contents #section3 .hikari_inner_detail_block {
      margin-bottom: 32px; }
    .contents #section3 .hikari_inner_block02 .one_line_setting {
      line-height: 82px;
      min-height: 82px;
      padding: 0; }
    .contents #section3 .one_line_setting {
      min-height: 70px;
      line-height: 70px;
      padding: 0; }
    .contents #section3 .hikari_inner_detail_block .after_detail {
      position: static;
      margin: 0 0 0 auto; }
    .contents #section3 .before_triangle_right:before {
      display: inline-block;
      width: 0;
      height: 0;
      border: 6px solid transparent;
      border-left: 11px solid #5dc0ff;
      vertical-align: middle;
      content: ""; }
    .contents #section3 #hikarimini_note {
      margin-top: -16px; }
    @media screen and (max-width: 767px) {
      .contents #section3 .common_section .hikari_inner_detail_block {
        padding-top: 0; }
      .contents #section3 .common_section .hikari_inner_block01 {
        margin-bottom: 8%; }
      .contents #section3 .common_section .hikari_inner_block02 .sp_one_line_normal {
        line-height: normal;
        min-height: auto;
        padding: 10px 5px; } }
    .contents #section3 .after_detail {
      position: relative;
      right: 0;
      bottom: 0;
      float: right; }
    .contents #section3 .hikari_more {
      margin-top: 40px; }
      .contents #section3 .hikari_more.is_open {
        display: block; }
    @media screen and (min-width: 768px) {
      .contents #section3 #hikariOption-buttons div:first-child label {
        height: 70px;
        line-height: 2.5; } }
    .contents #section3 #home5G .hikari_inner_detail_block {
      margin-top: 32px; }
    @media (min-width: 768px) {
      .contents #section3 #hikariContractot h2.tit_type03 img {
        width: 250px; }
      .contents #section3 #home5GContractot h2.tit_type03 img {
        width: 220px; } }
  .contents #section4 {
    /* itemize_area
--------------------------------------------------*/
    /* control_area
--------------------------------------------------*/ }
    .contents #section4 .result {
      background: #5dc0ff;
      border-radius: 5px;
      border: 3px solid #76caff;
      padding-top: 5px; }
      @media (min-width: 768px) {
        .contents #section4 .result {
          padding-top: 10px; } }
      .contents #section4 .result .tit {
        font-size: 129%;
        font-weight: bold;
        color: #fff;
        text-align: center;
        position: relative;
        margin-bottom: 5px; }
        @media (min-width: 768px) {
          .contents #section4 .result .tit {
            font-size: 2.4rem;
            margin-bottom: 20px; } }
        .contents #section4 .result .tit::before {
          content: "";
          width: 25px;
          height: 28px;
          background-image: url(/charge/simulation/gigaho_gigalite/assets/images/ico_decoration04.png);
          display: inline-block;
          background-repeat: no-repeat;
          background-size: cover;
          position: relative;
          top: 3px;
          margin-right: 5px; }
          @media (min-width: 768px) {
            .contents #section4 .result .tit::before {
              width: 44px;
              height: 49px;
              top: 7px; } }
      .contents #section4 .result .tit02 {
        font-weight: bold;
        font-size: 151%;
        text-align: center;
        line-height: 1.2;
        margin-bottom: 15px; }
        @media (min-width: 768px) {
          .contents #section4 .result .tit02 {
            font-size: 2.4rem; } }
        .contents #section4 .result .tit02 span {
          font-size: 60%; }
          @media (min-width: 768px) {
            .contents #section4 .result .tit02 span {
              font-size: 84%; } }
      .contents #section4 .result .result_box_wrap {
        position: relative; }
        .contents #section4 .result .result_box_wrap .u-subtxt + .tit_type03 {
          margin-top: 20px; }
      .contents #section4 .result .result_box_wrap {
        position: relative; }
        .contents #section4 .result .result_box_wrap .u-subtxt + .tit_type03 {
          margin-top: 20px; }
      .contents #section4 .result .price_blockWrap {
        margin-bottom: 10px; }
        @media (min-width: 768px) {
          .contents #section4 .result .price_blockWrap {
            margin-bottom: 20px; } }
        .contents #section4 .result .price_blockWrap .result_box._model {
          display: none; }
        @media (min-width: 768px) {
          .contents #section4 .result .price_blockWrap .title_box {
            display: flex;
            width: 90%;
            margin: auto;
            justify-content: space-between; }
            .contents #section4 .result .price_blockWrap .title_box .tit02 {
              line-height: inherit; }
            .contents #section4 .result .price_blockWrap .title_box .btn_modal_amount {
              margin-top: 0; }
              .contents #section4 .result .price_blockWrap .title_box .btn_modal_amount._pc {
                width: 300px;
                min-height: 38px; }
                .contents #section4 .result .price_blockWrap .title_box .btn_modal_amount._pc span {
                  font-size: 100%; } }
        @media (min-width: 768px) {
          .contents #section4 .result .price_blockWrap._2block {
            display: flex; }
            .contents #section4 .result .price_blockWrap._2block .btn_modal_amount._pc {
              width: 160px; } }
        .contents #section4 .result .price_blockWrap._2block .result_box._model {
          display: block; }
          @media (max-width: 767px) {
            .contents #section4 .result .price_blockWrap._2block .result_box._model {
              margin-top: 10px; } }
          @media (min-width: 768px) {
            .contents #section4 .result .price_blockWrap._2block .result_box._model {
              width: 40%;
              margin-left: 0;
              display: flex;
              align-items: center;
              flex-wrap: wrap; } }
          .contents #section4 .result .price_blockWrap._2block .result_box._model .price {
            font-size: 3rem;
            color: #ff4378;
            background: #fff;
            padding: 0;
            font-weight: bold;
            text-align: right; }
            @media (min-width: 768px) {
              .contents #section4 .result .price_blockWrap._2block .result_box._model .price {
                margin-bottom: 0; } }
            .contents #section4 .result .price_blockWrap._2block .result_box._model .price span {
              color: #333;
              font-size: 1.8rem; }
              @media (min-width: 768px) {
                .contents #section4 .result .price_blockWrap._2block .result_box._model .price span {
                  font-size: 2.2rem; } }
          @media (min-width: 768px) {
            .contents #section4 .result .price_blockWrap._2block .result_box._model p {
              display: block;
              width: 100%; } }
        .contents #section4 .result .price_blockWrap._2block .result_box {
          margin-top: 0; }
          @media (min-width: 768px) {
            .contents #section4 .result .price_blockWrap._2block .result_box {
              width: 60%; } }
      .contents #section4 .result .btn_modal_amount {
        margin-top: 20px; }
        .contents #section4 .result .btn_modal_amount span {
          width: 95%;
          background-color: inherit; }
        @media (max-width: 767px) {
          .contents #section4 .result .btn_modal_amount._pc {
            display: none; } }
        @media (min-width: 768px) {
          .contents #section4 .result .btn_modal_amount._sp {
            display: none; } }
      .contents #section4 .result .result_box {
        background: #fff;
        border-radius: 5px;
        padding: 20px;
        margin-right: 5px;
        margin-left: 5px; }
        @media (min-width: 768px) {
          .contents #section4 .result .result_box {
            margin-left: 20px;
            margin-right: 20px; } }
        .contents #section4 .result .result_box + .result_box {
          margin-top: 20px; }
        .contents #section4 .result .result_box .u-subtxt {
          margin-top: 5px; }
        .contents #section4 .result .result_box .accordion_block + .u-subtxt {
          margin-top: 10px; }
      .contents #section4 .result .payment {
        font-weight: bold;
        margin: auto; }
        @media (min-width: 768px) {
          .contents #section4 .result .payment {
            width: 90%; } }
        .contents #section4 .result .payment dt {
          background: #f1f1f1;
          padding: 5px 10px;
          font-size: 1.8rem; }
          @media (min-width: 768px) {
            .contents #section4 .result .payment dt {
              float: left;
              clear: left;
              padding: 10px; } }
        .contents #section4 .result .payment dd {
          text-align: right;
          background: #f1f1f1;
          padding: 5px 10px;
          margin-bottom: 10px;
          font-size: 1.8rem; }
          @media (min-width: 768px) {
            .contents #section4 .result .payment dd {
              margin-left: 80px;
              padding: 10px; } }
        @media (min-width: 768px) {
          .contents #section4 .result .payment.ver_type02 {
            border-bottom: 1px solid #333;
            margin-bottom: 10px; } }
        .contents #section4 .result .payment.ver_type02 dt {
          font-size: 2.2rem;
          background: #fff; }
          @media (min-width: 768px) {
            .contents #section4 .result .payment.ver_type02 dt {
              vertical-align: bottom;
              margin-top: 10px;
              padding: 0; } }
        .contents #section4 .result .payment.ver_type02 dd {
          font-size: 3rem;
          color: #ff4378;
          background: #fff;
          padding: 0; }
          @media (min-width: 768px) {
            .contents #section4 .result .payment.ver_type02 dd {
              margin-bottom: 0; } }
          .contents #section4 .result .payment.ver_type02 dd span {
            color: #333;
            font-size: 1.8rem; }
            @media (min-width: 768px) {
              .contents #section4 .result .payment.ver_type02 dd span {
                font-size: 2.2rem; } }
      @media (max-width: 767px) {
        .contents #section4 .result #summaryResult-point .total_point p:first-child {
          margin-bottom: 0; }
        .contents #section4 .result #summaryResult-point .total_point p:last-child {
          text-align: center;
          font-size: 1.8rem;
          font-weight: bold;
          margin-bottom: 15px; }
          .contents #section4 .result #summaryResult-point .total_point p:last-child span {
            font-size: 3rem;
            color: #ff4378; } }
      @media (min-width: 768px) {
        .contents #section4 .result #summaryResult-point .total_point {
          display: flex;
          width: 90%;
          margin: auto; }
          .contents #section4 .result #summaryResult-point .total_point p:first-child {
            padding-top: 12px;
            width: 300px;
            text-align: left; }
          .contents #section4 .result #summaryResult-point .total_point p:last-child {
            text-align: center;
            font-size: 2.2rem;
            font-weight: bold;
            margin-bottom: 15px; }
            .contents #section4 .result #summaryResult-point .total_point p:last-child span {
              font-size: 3rem;
              color: #ff4378; } }
      .contents #section4 .result #summaryResult-point .accordion_title_btn {
        top: 55%; }
      .contents #section4 .result #bnr_docomo_hikari_selected .operation_c1 {
        position: relative; }
      .contents #section4 .result .point_box_wrap {
        margin-top: 20px; }
      .contents #section4 .result .point_box {
        background: #f1f1f1;
        padding: 15px;
        border-radius: 5px;
        margin-top: 10px;
        font-weight: bold;
        font-size: 114%; }
        @media (min-width: 768px) {
          .contents #section4 .result .point_box {
            display: flex; }
            .contents #section4 .result .point_box .u-taR p {
              display: inline-block; }
            .contents #section4 .result .point_box .u-taR p + p {
              margin-left: 10px; } }
        @media (max-width: 767px) {
          .contents #section4 .result .point_box .u-taR p:first-child {
            text-align: left !important; } }
        @media (max-width: 767px) {
          .contents #section4 .result .point_box .point_tit {
            margin-bottom: 5px; } }
        @media (min-width: 768px) {
          .contents #section4 .result .point_box .point_tit {
            width: 300px; } }
        .contents #section4 .result .point_box .total {
          margin-right: 5px; }
        .contents #section4 .result .point_box .numeric {
          color: #ff4378;
          margin: 0 10px; }
        @media (min-width: 768px) {
          .contents #section4 .result .point_box.ver_type02 .point_tit {
            width: 335px; } }
      .contents #section4 .result .detail {
        margin-top: 50px;
        background: #fff;
        padding: 0 10px 0; }
        @media (min-width: 768px) {
          .contents #section4 .result .detail {
            margin-top: 60px;
            padding: 0 20px 0; } }
        .contents #section4 .result .detail .detail_tit02 {
          background: #76caff;
          color: #fff;
          font-weight: bold;
          font-size: 114%;
          margin-top: 20px;
          margin-bottom: 5px;
          padding: 10px;
          position: relative;
          display: flex;
          justify-content: space-between; }
          .contents #section4 .result .detail .detail_tit02 .monthly {
            display: inline-block;
            margin-right: 10px; }
          .contents #section4 .result .detail .detail_tit02.ver_type02 {
            background: #ffd176;
            display: block; }
        .contents #section4 .result .detail .mod-code {
          margin-top: 20px; }
      .contents #section4 .result .accordion_block + .accordion_block {
        margin-top: 20px; }
      .contents #section4 .result .accordion_block:first-child {
        padding-top: 30px; }
      @media (min-width: 768px) {
        .contents #section4 .result .accordion_block .accordion_title p {
          display: inline-block; } }
      .contents #section4 .result .accordion_block .accordion_title .item01,
      .contents #section4 .result .accordion_block .accordion_title .item02,
      .contents #section4 .result .accordion_block .accordion_title .item03 {
        font-size: 114%; }
      @media (min-width: 768px) {
        .contents #section4 .result .accordion_block .accordion_title .item01 {
          width: 300px; } }
      @media (min-width: 768px) {
        .contents #section4 .result .accordion_block .accordion_title .item02 {
          width: 180px; } }
      @media (min-width: 768px) {
        .contents #section4 .result .accordion_block .accordion_title .item03 {
          width: 320px; } }
      .contents #section4 .result .accordion_block .accordion_title .numeric {
        color: #ff4378;
        padding-right: 5px; }
      .contents #section4 .result .accordion_block .note {
        margin-top: 20px; }
      .contents #section4 .result .accordion_block .control_area + .control_area {
        margin-top: -30px; }
      .contents #section4 .result .accordion_block .control_area.is_hide + .control_area {
        margin-top: 60px; }
      @media (max-width: 767px) {
        .contents #section4 .result .accordion_block.line .accordion_title_btn {
          top: 55px; } }
      .contents #section4 .result .detail_tbl01 table {
        width: 100%; }
      .contents #section4 .result .detail_tbl01 th,
      .contents #section4 .result .detail_tbl01 td {
        padding: 10px; }
      .contents #section4 .result .detail_tbl01 th {
        background: #c0e7ff;
        border-bottom: 1px solid #fff;
        width: 30%;
        max-width: 300px; }
        @media (min-width: 768px) {
          .contents #section4 .result .detail_tbl01 th {
            width: 300px; } }
      .contents #section4 .result .detail_tbl01 td {
        border-bottom: 1px solid #f1f1f1; }
      .contents #section4 .result .detail_tbl01 tr:last-child th {
        border-bottom: 1px solid #c0e7ff; }
      .contents #section4 .result .detail_tbl01 + .detail_tit02 {
        margin-top: 30px; }
      .contents #section4 .result .detail_hikari {
        margin: 50px 0 60px; }
        .contents #section4 .result .detail_hikari .detail_tit02 {
          background: #ffd176; }
        .contents #section4 .result .detail_hikari .detail_tbl01 th {
          background: #fff2d7; }
        .contents #section4 .result .detail_hikari .detail_tbl01 tr:last-child th {
          border-bottom: 1px solid #fff2d7; }
      .contents #section4 .result .detail_bottom_btn {
        border-top: 2px dotted #909090;
        margin-top: 50px; }
    .contents #section4 .btn_itemize {
      display: block;
      position: absolute;
      bottom: -70px;
      left: 50%;
      transform: translate(-50%, 0);
      z-index: 2;
      width: 114px;
      margin: 30px auto 0;
      padding: 2px;
      border-radius: 25px;
      background: #fff;
      color: #fff;
      text-align: center;
      font-weight: normal;
      font-size: 129%;
      text-decoration: none;
      cursor: pointer; }
      @media (min-width: 768px) {
        .contents #section4 .btn_itemize {
          bottom: -80px; } }
    .contents #section4 .btn_itemize span {
      width: 110px;
      padding: 7px 12px 6px 24px;
      border-radius: 25px;
      background: #ff4378;
      vertical-align: middle;
      display: -ms-flex;
      display: flex; }
    .contents #section4 .btn_itemize.is_open span {
      display: block;
      overflow: hidden;
      text-indent: 150%;
      white-space: nowrap; }
    .contents #section4 .btn_itemize span::after {
      display: inline-block;
      width: 13px;
      height: 13px;
      margin: 0 0 2px 10px;
      border: solid #fff;
      border-width: 3px 3px 0 0;
      vertical-align: baseline;
      content: '';
      transform: rotate(135deg); }
    .contents #section4 .btn_itemize.is_open::before,
    .contents #section4 .btn_itemize.is_open span::after {
      position: absolute;
      top: 50%; }
    .contents #section4 .btn_itemize.is_open::before {
      left: 50%;
      margin: -.7em 0 0 -36px;
      content: '閉じる'; }
    .contents #section4 .btn_itemize.is_open span::after {
      right: 0;
      margin: -5px 13px 0 0;
      transform: rotate(-45deg); }
    .contents #section4 .itemize_area {
      display: none; }
      .contents #section4 .itemize_area .control_area {
        margin-top: 60px;
        margin-bottom: 50px; }
      .contents #section4 .itemize_area > .control_area {
        margin: 50px 0 0;
        padding-bottom: 50px; }
      @media (min-width: 768px) {
        .contents #section4 .itemize_area .accordion_detail .control_area {
          display: flex; } }
      .contents #section4 .itemize_area > p.u-subtxt {
        padding-top: 30px;
        text-align: right; }
    .contents #section4 .itemize_area.is_active {
      display: block; }
    .contents #section4 .itemize_area .btn_close {
      display: block;
      text-align: center;
      margin: 0 auto;
      padding: 6px 0 3px;
      font-size: 129%;
      color: #000;
      cursor: pointer; }
    .contents #section4 .itemize_area .btn_close span:before {
      content: "×";
      margin-right: 10px;
      font-size: 2.4rem;
      vertical-align: middle; }
    .contents #section4 .itemize_area .btn_conversion {
      height: auto;
      padding: 7px 15px;
      font-size: 120%;
      background: #cc0033;
      border-bottom: 3px solid #6a001b;
      text-align: left;
      display: -ms-flex;
      display: flex; }
    .contents #section4 .itemize_area .btn_conversion:before {
      position: absolute;
      display: inline-block;
      right: 7px;
      bottom: 7px;
      width: 10px;
      height: 10px;
      content: "";
      background: url(/images_osp/common/ico/ico_arrow_r04.png) no-repeat;
      background-size: contain;
      vertical-align: bottom; }
    .contents #section4 .itemize_area .switching_path:before {
      position: absolute;
      display: inline-block;
      right: 7px;
      bottom: 7px;
      width: 10px;
      height: 10px;
      content: "";
      background: url(/charge/simulation/gigaho_gigalite/assets/images/result/ico_window04.png) no-repeat;
      background-size: contain;
      vertical-align: bottom; }
    .contents #section4 .itemize_area .btn_conversion:after {
      display: inline-block;
      width: 196px;
      margin-top: 6px;
      content: attr(data-txt);
      line-height: 1.6;
      color: #fff; }
    .contents #section4 .itemize_area .btn_conversion img {
      display: block;
      width: auto;
      height: 29px;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto; }
    .contents #section4 .itemize_area .btn_conversion-blank {
      height: auto;
      padding: 7px 15px;
      font-size: 120%;
      background: #cc0033;
      border-bottom: 3px solid #6a001b;
      text-align: left;
      display: -ms-flex;
      display: flex; }
    .contents #section4 .itemize_area .btn_conversion-blank:before {
      position: absolute;
      display: inline-block;
      right: 7px;
      bottom: 7px;
      width: 10px;
      height: 10px;
      content: "";
      background: url(/images_osp/common/ico/ico_window03.png) no-repeat;
      background-size: contain;
      vertical-align: bottom; }
    .contents #section4 .itemize_area .switching_path:before {
      position: absolute;
      display: inline-block;
      right: 7px;
      bottom: 7px;
      width: 10px;
      height: 10px;
      content: "";
      background: url(/charge/simulation/gigaho_gigalite/assets/images/result/ico_window04.png) no-repeat;
      background-size: contain;
      vertical-align: bottom; }
    .contents #section4 .itemize_area .btn_conversion-blank:after {
      display: inline-block;
      width: 196px;
      margin-top: 6px;
      content: attr(data-txt);
      line-height: 1.6;
      color: #fff; }
    .contents #section4 .itemize_area .btn_conversion-blank img {
      display: block;
      width: auto;
      height: 29px;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto; }
    .contents #section4 .itemize_area .request_btn {
      display: block;
      padding: 7px 15px;
      background: #fff;
      border: 2px solid #dcdcdc;
      border-bottom: 3px solid #a4a4a4;
      text-align: left;
      font-size: 120%;
      line-height: 1.2;
      color: #333; }
    .contents #section4 .itemize_area .request_btn:before {
      position: absolute;
      right: 15px;
      bottom: 10%;
      line-height: 1;
      content: url(/images_osp/common/ico/ico_window03.png); }
    .contents #section4 .itemize_area .request_btn img {
      width: 203px;
      margin-right: 15px;
      height: auto;
      vertical-align: middle; }
    .contents #section4 .btn_before_icon03:before {
      content: "×";
      font-size: 200%;
      background-image: none; }
    .contents #section4 .itemize_area .area_ttl {
      position: relative; }
    @media screen and (min-width: 768px) {
      .contents #section4 .itemize_area .area_ttl .tax_disp {
        position: absolute;
        bottom: 10%;
        left: 95%;
        font-size: 50%;
        background-color: #fff; } }
    @media screen and (max-width: 767px) {
      .contents #section4 .itemize_area .area_ttl .tax_disp {
        position: absolute;
        bottom: 10%;
        left: 88%;
        font-size: 50%;
        background-color: #fff; } }
    @media (min-width: 768px) {
      .contents #section4 .control_area #btn_ahamo .txt_ahamo {
        margin: 10px -100px 0; } }
    @media (max-width: 767px) {
      .contents #section4 .control_area #btn_ahamo .txt_ahamo {
        margin: 10px 0 0; } }
    @media screen and (max-width: 767px) {
      .contents #section4 .control_area .btn_conversion > span {
        position: absolute;
        top: 50%;
        left: 67%;
        width: 50%;
        z-index: 1;
        transform: translate(-50%, -50%);
        font-size: 80%; } }
    @media screen and (max-width: 767px) {
      .contents #section4 .control_area .btn_conversion-blank > span {
        position: absolute;
        top: 50%;
        left: 67%;
        width: 50%;
        z-index: 1;
        transform: translate(-50%, -50%);
        font-size: 80%; } }
  .contents .operation_area {
    overflow: hidden;
    margin-top: 80px;
    padding: 10px 57px;
    border: 3px solid #d6d6d6;
    border-radius: 5px;
    color: #333; }
    .contents .operation_area h3 {
      text-align: center;
      font-size: 160%;
      font-weight: 600; }
    .contents .operation_area a {
      display: block;
      position: relative;
      border-radius: 5px;
      box-shadow: 1px 2px 9px -1px #595959;
      background: #fff;
      color: #333;
      text-align: center;
      font-size: 116%;
      line-height: 1.2; }
    .contents .operation_area button {
      display: block;
      position: relative;
      border-radius: 5px;
      box-shadow: 1px 2px 9px -1px #595959;
      background: #fff;
      /*width: 800;*/
      color: #333;
      text-align: center;
      font-size: 116%;
      line-height: 1.2;
      text-align: left; }
    .contents .operation_area .operation_c1 .icon_link > span,
    .contents .operation_area .operation_c1 .icon_blank > span {
      position: absolute;
      top: 50%;
      left: 65%;
      width: 80%;
      z-index: 1;
      transform: translate(-50%, -50%);
      font-size: 100%; }
    .contents .operation_area .operation_c2 .icon_blank > span {
      position: absolute;
      top: 50%;
      left: 72%;
      width: 80%;
      z-index: 1;
      transform: translate(-50%, -50%);
      font-size: 100%; }
    .contents .operation_area .operation_c2 .icon_link > span {
      position: absolute;
      top: 50%;
      left: 70%;
      width: 50%;
      z-index: 1;
      transform: translate(-50%, -50%);
      font-size: 100%; }
    .contents .operation_area .operation_c2 .icon_link > span.span_reserve_pc,
    .contents .operation_area .operation_c2 .icon_blank > span.span_reserve_pc {
      font-size: 85%; }
    .contents .operation_area a:hover {
      opacity: .8;
      color: gray;
      transition: 0.5s; }
  .contents .bx_operation {
    /*overflow: hidden;*/
    padding: 30px 0;
    margin: auto;
    width: 700px; }
    .contents .bx_operation dt {
      margin-bottom: 20px;
      text-align: left;
      font-size: 110%;
      font-weight: bold; }
    .contents .bx_operation a {
      text-decoration: none; }
    .contents .bx_operation.irumo a {
      background-color: #EFEFEF; }
  @media screen and (min-width: 768px) {
    .contents .operation_c1 .item {
      width: 700px;
      margin: 0 auto;
      padding: 8px; }
    .contents .operation_c1 .operation_pc {
      padding: 0px; }
    .contents .operation_c1 .operation_pc {
      display: block !important; }
    .contents .span_operation_pc {
      display: block !important; }
    .contents .operation_c1 .operation_smt {
      display: none !important; }
    .contents .span_operation_smt {
      display: none !important; } }
  .contents .operation_c1 .operation_c2,
  .contents .operation_c3 {
    text-decoration: none; }
  .contents .operation_c2,
  .contents .operation_c3 {
    display: -ms-flex;
    display: flex; }
  .contents .operation_c2 {
    margin-left: -80px; }
  .contents .operation_c2 .item {
    width: calc((100% - 160px) / 2);
    padding: 20px;
    margin-left: 80px; }
  .contents .operation_c3 {
    margin-left: -40px; }
  .contents .operation_c3 .item {
    width: calc((100% - 120px) / 3);
    padding: 20px 10px 30px;
    margin-left: 40px; }
  .contents .operation_c1 .icon_link img,
  .contents .operation_c1 .icon_blank img {
    display: block;
    width: 40%;
    margin-right: auto;
    margin-left: 0px; }
    .contents .operation_c1 .icon_link img.ahamo, .contents .operation_c1 .icon_link img.irumo,
    .contents .operation_c1 .icon_blank img.ahamo,
    .contents .operation_c1 .icon_blank img.irumo {
      width: 35%; }
  .contents .operation_c1 .operation_pc img {
    width: 100%; }
  .contents .operation_c2 img,
  .contents .operation_c3 img {
    display: block;
    /*margin-left: 10px;*/
    width: 50%; }
  .contents .icon_blank:after {
    position: absolute;
    display: inline-block;
    right: 7px;
    bottom: 7px;
    width: 10px;
    height: 10px;
    content: "";
    background: url(/images_osp/common/ico/ico_window03.png) no-repeat;
    background-size: contain;
    vertical-align: bottom; }
  .contents .icon_blank2:after {
    bottom: 20px; }
  .contents .icon_link:after {
    position: absolute;
    display: inline-block;
    right: 7px;
    bottom: 7px;
    width: 10px;
    height: 10px;
    content: "";
    background: url(/images_osp/common/ico/ico_arrow_r04.png) no-repeat;
    background-size: contain;
    vertical-align: bottom; }
  @media screen and (max-width: 767px) {
    .contents .operation_area {
      margin-top: 60px;
      padding: 1%; }
      .contents .operation_area a {
        font-size: 90%; }
      .contents .operation_area .operation_c1 .icon_link > span,
      .contents .operation_area .operation_c1 .icon_blank > span {
        position: absolute;
        top: 50%;
        left: 65%;
        width: 70%;
        z-index: 1;
        transform: translate(-50%, -50%);
        font-size: 95%; }
        .contents .operation_area .operation_c1 .icon_link > span.ahamo,
        .contents .operation_area .operation_c1 .icon_blank > span.ahamo {
          width: 64%; }
        .contents .operation_area .operation_c1 .icon_link > span.irumo,
        .contents .operation_area .operation_c1 .icon_blank > span.irumo {
          width: 50%; }
      .contents .operation_area .operation_c2 .icon_blank > span {
        position: absolute;
        top: 50%;
        left: 68%;
        width: 50%;
        z-index: 1;
        transform: translate(-50%, -50%);
        font-size: 100%; }
      .contents .operation_area .operation_c2 .icon_link > span {
        position: absolute;
        top: 50%;
        left: 68%;
        width: 50%;
        z-index: 1;
        transform: translate(-50%, -50%);
        font-size: 100%; }
    .contents .operation_c1 .item img {
      width: 100%; }
    .contents .operation_c1 .icon_link img,
    .contents .operation_c1 .icon_blank img {
      display: block;
      width: 40%;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto; }

    .contents .operation_c1 .icon_blank:after {
      /*
  left : 93%;
  height: 20%;
  */ }
    .contents .operation_c1 .operation_pc {
      display: none !important; }
    .contents .operation_c1 .operation_smt {
      display: block !important; }
    .contents .span_operation_pc {
      display: none !important; }
    .contents .span_operation_smt {
      display: block !important; }
    .contents .bx_operation {
      margin: 20px 0;
      overflow: hidden;
      padding: 3% 2%;
      width: 100%; }
      .contents .bx_operation.irumo {
        margin-top: -20px; }
    .contents .operation_c2 {
      margin-left: -5px; }
    .contents .operation_c2 .item {
      width: calc((100% - 10px) / 2);
      /*padding: 9px 9px 18px;*/
      margin: 0; }
    .contents .operation_c3 {
      margin-left: -5px; }
    .contents .operation_c3 .item {
      width: calc((100% - 15px) / 3);
      padding: 5px 5px 17px;
      margin-left: 5px; }
    .contents .operation_c2 br,
    .contents .operation_c3 br {
      display: none; }
    .contents .operation_c2 img,
    .contents .operation_c3 img {
      width: 40%;
      height: auto; }
    .contents .operation_c3 img {
      margin: 0 auto 6%; }
    .contents .operation_c2 .icon_blank,
    .contents .operation_c2 .icon_link {
      width: 100% !important;
      display: block;
      height: 80px; }
    .contents .operation_c1 .icon_link,
    .contents .operation_c1 .icon_blank {
      width: 100%;
      display: block;
      height: 100%; }
    .contents .operation_c1 .operation_smt img {
      width: 100%; }
    .contents .operation_c2 .icon_link {
      margin-top: 20px;
      height: 80px; }
    .contents .operation_c2 {
      width: 269px;
      height: 190px;
      flex-direction: column;
      margin: 0px auto; }
    .contents .operation_c1 {
      width: 269px;
      height: 80px;
      margin: 0px auto; }
    .contents .img_bx .operation_c1 {
      width: 269px;
      height: 98px; } }
  @media screen and (max-width: 767px) and (max-width: 320px) {
    .contents .img_bx .operation_c1 {
      width: 95%; } }
  @media screen and (max-width: 767px) {
    .contents .img_bx .operation_c1 img {
      width: 269px;
      height: 98px; } }
  @media screen and (max-width: 767px) and (max-width: 320px) {
    .contents .img_bx .operation_c1 img {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .contents .icon_blank:after,
    .contents .operation_c3 .icon_blank:after,
    .contents .icon_link:after,
    .contents .operation_c1 .icon_link:after,
    .contents .img_bx .operation_c1 .icon_link:after,
    .contents .icon_blank:after,
    .contents .operation_c3.icon_link:after {
      right: 7px;
      bottom: 7px;
      width: 10px;
      height: 10px; } }
  .contents .operation_c1.result_banner {
    margin-top: 36px; }
  @media screen and (max-width: 767px) {
    .contents .operation_c1.result_banner {
      margin-top: 20px;
      height: auto; } }
  .contents .cautions_box {
    margin-top: 30px; }
    .contents .cautions_box .footer-link.footer-link-underline {
      text-decoration: underline; }
  .contents .box-common--alert {
    padding: 20px 21px;
    margin: 0 0 30px;
    border: 1px solid #c03;
    color: #c03; }
    .contents .box-common--alert .tit-common-lv5 {
      margin-bottom: 12px;
      font-weight: bold;
      font-size: 114.2857%;
      line-height: 1.2; }
    .contents .box-common--alert .icon-alert {
      display: inline-block;
      margin-right: 0.35714em;
      vertical-align: baseline; }
    .contents .box-common--alert .icon-alert:before {
      content: '';
      display: inline-block;
      width: 11px;
      height: 9px;
      background: url("/images_osp/common/ico/ico_alert01@2x.png") center no-repeat;
      background-size: contain;
      vertical-align: baseline; }
    .contents .box-common--alert .txt-common, .contents .box-common--alert .txt-common--map, .contents .box-common--alert .txt-common--mark {
      line-height: 1.7 !important;
      color: #333; }
    .contents .box-common--alert .txt-strong, .contents .box-common--alert .txt-strong--bold {
      display: inline;
      color: #c03;
      font-weight: normal; }
    .contents .box-common--alert .txt-link {
      display: inline;
      text-decoration: underline;
      color: #093475;
      cursor: pointer;
      clear: inherit; }
    .contents .box-common--alert .txt-link:hover {
      text-decoration: none;
      color: #3374da;
      cursor: pointer;
      clear: inherit; }
  .contents .simulation_edit .box-common--alert {
    margin: 10px 30px 30px; }

/* 詳細モーダル
--------------------------------------------------*/
/* Responsive
--------------------------------------------------*/
.color_box_inner .is_hide {
  display: none; }

.color_box_inner .u-taC {
  text-align: center !important; }

.color_box_inner .pc_item {
  display: block !important; }

.color_box_inner .sp_item {
  display: none !important; }

@media screen and (max-width: 767px) {
  .color_box_inner .pc_item {
    display: none !important; }
  .color_box_inner .sp_item {
    display: block !important; } }

.color_box_inner img {
  max-width: 100%;
  height: auto; }
  .color_box_inner img.d_payment {
    width: 24px;
    margin-right: 4px; }
  .color_box_inner img.rank_star {
    width: 24px;
    margin-right: 4px; }

body.scroll_lock {
  height: 100vh;
  overflow: hidden; }

.btn_modal {
  display: block;
  width: 114px;
  padding: 2px;
  border-radius: 25px;
  background: #fff;
  font-size: 129%;
  text-align: center; }

.btn_modal span {
  display: block;
  width: 110px;
  border-radius: 25px;
  background: #ff4378; }

.after_detail {
  position: absolute;
  right: 20px;
  bottom: -20px;
  text-decoration: none; }
  @media (max-width: 767px) {
    .after_detail {
      right: 3%; } }

.after_detail span {
  padding: 7px 12px 6px 24px;
  vertical-align: middle;
  display: -ms-flex;
  display: flex; }

.after_detail span::after {
  display: inline-block;
  width: 22px;
  height: 26px;
  margin-left: 14px;
  background: url(/charge/simulation/gigaho_gigalite/assets/images/ico_search.png) no-repeat 0 0;
  background-size: cover;
  content: ''; }

.after_detail:visited,
.after_detail:focus {
  color: #fff; }

.btn_modal span {
  color: #fff; }

/* 枠の上に乗らないタイプ */
.contents .after_detail_type02 {
  zoom: 1; }
  .contents .after_detail_type02::before, .contents .after_detail_type02::after {
    content: "";
    display: table; }
  .contents .after_detail_type02::after {
    clear: both; }
  .contents .after_detail_type02 .after_detail {
    position: static;
    margin-top: 20px;
    float: right; }

@media screen and (min-width: 768px) {
  .after_detail span:hover {
    opacity: .8; } }

.after_detail .fa {
  margin-left: 14px;
  font-size: 110%; }

.color_box_outer {
  display: none; }

.color_box_inner {
  position: relative;
  width: 940px;
  max-width: 100%;
  margin: auto;
  padding: 35px 20px 40px;
  background: #fff;
  color: #333;
  /* 総額計算 */ }
  .color_box_inner .result_box {
    background: #fff;
    border-radius: 5px;
    margin-right: 5px;
    margin-left: 5px; }
    @media (min-width: 768px) {
      .color_box_inner .result_box {
        padding: 20px;
        margin-left: 20px;
        margin-right: 20px; } }
    .color_box_inner .result_box .tit02 {
      font-weight: bold;
      text-align: center;
      line-height: 1.2;
      margin-bottom: 15px; }
      @media (min-width: 768px) {
        .color_box_inner .result_box .tit02 {
          font-size: 2.4rem; } }
      @media (max-width: 767px) {
        .color_box_inner .result_box .tit02 {
          font-size: 130%; } }
      .color_box_inner .result_box .tit02 span {
        font-size: 60%; }
        @media (min-width: 768px) {
          .color_box_inner .result_box .tit02 span {
            font-size: 84%; } }
    .color_box_inner .result_box .u-subtxt {
      margin-top: 5px; }
  .color_box_inner .payment {
    font-weight: bold;
    margin: auto; }
    @media (min-width: 768px) {
      .color_box_inner .payment {
        width: 90%; } }
    .color_box_inner .payment dt {
      background: #f1f1f1;
      padding: 5px 10px;
      font-size: 1.6rem;
      float: left;
      clear: left;
      padding: 10px; }
    .color_box_inner .payment dd {
      text-align: right;
      background: #f1f1f1;
      padding: 5px 10px;
      margin-bottom: 10px;
      font-size: 1.6rem;
      margin-left: 80px;
      padding: 10px; }
    .color_box_inner .payment.ver_type02 {
      border-bottom: 1px solid #333;
      margin-bottom: 10px; }
      .color_box_inner .payment.ver_type02 dt {
        background: #fff;
        vertical-align: bottom;
        padding: 0; }
      .color_box_inner .payment.ver_type02 dd {
        color: #ff4378;
        background: #fff;
        padding: 0;
        margin-bottom: 0; }
        .color_box_inner .payment.ver_type02 dd span {
          color: #333; }
  .color_box_inner .txt-link {
    display: inline;
    text-decoration: underline;
    color: #093475;
    cursor: pointer;
    clear: inherit; }

.color_box_inner .color_box_read_txt {
  margin: auto auto 30px;
  font-size: 129%;
  text-align: center; }

.color_box_inner .color_box_info_block01 {
  float: left;
  width: 390px; }

.color_box_inner .color_box_info_block02 {
  float: left;
  width: 500px;
  padding: 0 0 0 25px;
  font-size: 129%; }

.color_box_inner .color_box_info_txt {
  line-height: 1.2; }

.color_box_inner .color_box_info_txt:not(:last-child) {
  margin-bottom: 25px; }

.after_detail_close {
  display: inline-block;
  position: absolute;
  top: auto;
  left: 50%;
  bottom: -20px;
  margin-left: -71px; }

.after_detail_close span {
  padding: 8px 29px 5px 11px; }

.after_detail_close::after,
.after_detail_close::before {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  background: #fff;
  content: ''; }

.after_detail_close::before {
  width: 24px;
  height: 3px;
  margin: -1px 10px 0 0;
  transform: rotate(45deg); }

.after_detail_close::after {
  width: 3px;
  height: 24px;
  margin: -12px 20px 0 0;
  transform: rotate(-135deg); }

@media screen and (max-width: 1100px) {
  .color_box_inner .color_box_info_block01,
  .color_box_inner .color_box_info_block02 {
    width: 50%; }
  .color_box_inner .color_box_info_block01 img {
    max-width: 100%;
    height: auto; } }

@media screen and (max-width: 767px) {
  .color_box_inner {
    padding: 5% 3% 40px; }
  .color_box_inner .color_box_read_txt {
    margin-bottom: 5%; }
  .color_box_inner .color_box_info_block01,
  .color_box_inner .color_box_info_block02 {
    float: none;
    width: 100%; }
  .color_box_inner .color_box_info_block01 {
    margin-bottom: 5%;
    text-align: center; }
  .color_box_inner .color_box_info_block01 img {
    max-width: 100%;
    height: auto; }
  .color_box_inner .color_box_info_block02 {
    padding-left: 0; } }

/* 詳細 */
body.scroll_lock {
  height: 100vh;
  overflow: hidden; }

.color_box_inner.scroll_box {
  position: relative;
  width: 940px;
  max-width: 100%;
  margin: auto;
  padding: 0;
  background: #fff;
  color: #333; }

.color_box_inner .scroll_wrap {
  max-height: 75vh;
  overflow-y: scroll; }

.color_box_inner .scroll_wrap .color_box_info_block_wrap {
  padding: 35px 20px 40px; }

.color_box_inner .color_box_info_img {
  text-align: center;
  margin-bottom: 20px; }

.color_box_inner .color_box_info_img img {
  max-width: 700px;
  width: 100%; }

.color_box_inner .color_box_info_img.img_large img {
  max-width: 100%; }

.color_box_inner .color_box_info_img.img_small img {
  max-width: 500px; }

.color_box_inner .color_box_info_img.img_middle img {
  max-width: 620px; }

.color_box_inner .color_box_info_txt_block {
  padding: 0 30px; }

.color_box_inner .color_box_info_txt_block sup {
  font-size: 70%;
  vertical-align: top;
  position: relative;
  top: -0.1em; }

.color_box_inner .color_box_info_txt_block .red_txt {
  display: block;
  color: #c03; }

.color_box_inner .color_box_info_hr {
  display: block;
  width: calc(100% - 40px);
  border-top: 1px dotted #909090;
  margin: 40px auto; }

.color_box_inner .color_box_info_dl {
  margin-bottom: 20px;
  line-height: 1.2; }

.color_box_inner .color_box_info_dl dt {
  font-weight: bold;
  color: #76caff;
  font-size: 105%;
  margin-bottom: 5px; }

.color_box_inner .color_box_info_dl._ver02 dt {
  margin-top: 20px; }

.color_box_inner .color_box_info_tbl01 {
  width: 100%; }
  .color_box_inner .color_box_info_tbl01 th {
    white-space: nowrap;
    width: 100px; }
  .color_box_inner .color_box_info_tbl01 th, .color_box_inner .color_box_info_tbl01 td {
    padding: 10px 20px;
    vertical-align: middle; }
  .color_box_inner .color_box_info_tbl01 tr + tr th {
    border-top: 1px solid #76caff; }
  .color_box_inner .color_box_info_tbl01 tr + tr td {
    border-top: 1px dotted #76caff; }
  .color_box_inner .color_box_info_tbl01 .label {
    font-size: 1.2rem; }
    .color_box_inner .color_box_info_tbl01 .label._trade img, .color_box_inner .color_box_info_tbl01 .label._zanka img, .color_box_inner .color_box_info_tbl01 .label._zanka2 img, .color_box_inner .color_box_info_tbl01 .label._hajimete_support img {
      max-width: 150px;
      display: block;
      margin: auto; }
    .color_box_inner .color_box_info_tbl01 .label._5g_welcome img {
      width: 70%;
      max-width: 120px;
      display: block;
      margin: auto; }
    .color_box_inner .color_box_info_tbl01 .label._status {
      text-align: center; }
      .color_box_inner .color_box_info_tbl01 .label._status span {
        display: inline-block;
        padding: 2px 5px;
        margin-left: auto;
        margin-right: auto;
        background: #4f9ed1;
        color: #fff; }
      .color_box_inner .color_box_info_tbl01 .label._status._preparing span {
        background: #777; }
      .color_box_inner .color_box_info_tbl01 .label._status._purchase_wari span {
        background: white;
        color: #d00e31;
        border: 1px solid #d00e31; }

.color_box_inner .color_box_info_sublead {
  text-align: center;
  font-weight: bold;
  color: #76caff; }

@media screen and (max-width: 767px) {
  .color_box_inner .scroll_wrap {
    max-height: 75vh; }
  .color_box_inner .scroll_wrap .color_box_info_block_wrap {
    padding: 20px 20px 40px; }
  .color_box_inner .color_box_info_txt_block {
    padding: 0; }
  .color_box_inner .color_box_info_txt.sp_tal {
    text-align: left; }
  .color_box_inner .color_box_info_hr {
    margin: 20px 0; }
  .color_box_inner .color_box_info_hr {
    width: 100%; }
  .after_detail_close {
    margin-left: -60px; }
  .color_box_inner .color_box_info_tbl01 th, .color_box_inner .color_box_info_tbl01 td {
    display: block;
    width: 100%; }
  .color_box_inner .color_box_info_tbl01 th {
    padding: 15px 10px 10px; }
  .color_box_inner .color_box_info_tbl01 td {
    padding: 0 10px 15px; }
  .color_box_inner .color_box_info_tbl01 tr + tr th {
    border-top: 1px solid #76caff; }
  .color_box_inner .color_box_info_tbl01 tr + tr td {
    border-top: none; } }

.modal_tbl_wrap {
  margin-bottom: 40px; }
  @media (min-width: 768px) {
    .modal_tbl_wrap {
      width: 70%;
      margin: 0 auto 40px; } }

.modal_tbl {
  width: 100%; }
  .modal_tbl thead {
    border-bottom: 1px solid #fff; }
    .modal_tbl thead tr th {
      background: #e7e7e7;
      color: #333;
      text-align: center; }
    .modal_tbl thead tr th:first-child {
      border-right: 1px solid #fff; }
    .modal_tbl thead tr:first-child th:last-child {
      border-bottom: 1px solid #fff;
      text-align: center; }
  .modal_tbl th {
    padding: 10px;
    color: #fff; }
  .modal_tbl td {
    padding: 10px;
    border-right: 1px solid #fff; }
  .modal_tbl tbody tr td {
    width: 25%;
    border-bottom: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    text-align: center; }
  .modal_tbl tbody tr td:first-child {
    width: 25%;
    border-left: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    text-align: left; }
  .modal_tbl tbody tr:last-child td:first-child {
    border-bottom: 1px solid #C0E7FD; }
  .modal_tbl .vermiddle {
    vertical-align: middle; }
  .modal_tbl .emRound-txt {
    font-size: 120%;
    font-weight: bold;
    color: #ff4378;
    padding-left: 5px;
    padding-right: 5px; }

.modal_tbl02 {
  width: 100%; }
  @media (max-width: 767px) {
    .modal_tbl02 {
      font-size: 1.2rem; } }
  .modal_tbl02 thead {
    font-weight: bold; }
    .modal_tbl02 thead tr th + th {
      border-left: 1px solid #fff; }
    .modal_tbl02 thead tr th:last-child {
      border-right: 1px solid #76caff; }
  .modal_tbl02 th {
    padding: 10px;
    background: #76caff;
    color: #fff;
    text-align: center;
    white-space: nowrap; }
  .modal_tbl02 td {
    padding: 10px;
    border-right: 1px solid #fff; }
  .modal_tbl02 tbody tr td {
    border-bottom: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1; }
  .modal_tbl02 tbody tr:first-child td {
    border-left: 1px solid #f1f1f1; }

.modal_img img {
  margin: auto; }

.modal_list {
  margin-top: 20px; }

/*らくらくフォン用追加css*/
#modelType-buttons > div:last-child .btn {
  line-height: 2.5; }

.motelType_flex {
  display: flex;
  justify-content: space-between; }
  .motelType_flex .motelType_flex_item {
    text-align: center;
    width: 50%; }
    .motelType_flex .motelType_flex_item img {
      max-width: 200px;
      min-width: 120px;
      width: 50%; }

@media only screen and (max-width: 767px) {
  #modelType-buttons {
    display: flex;
    flex-flow: nowrap; }
  #modelType-buttons div {
    width: 50%; } }

/*==========================================================================================
editing
==========================================================================================*/
.contents #edittWrap #floatingCont {
  display: none; }

.contents #edittWrap + #section4 .result {
  padding-bottom: 20px; }

.contents > h1 + p {
  margin-bottom: 30px; }

.contents #edittWrap .line .note {
  padding: 0 30px; }

.contents .btn_before_icon03:before {
  content: "×";
  background-image: none; }

.before_icon_type03:before {
  background-image: url(/charge/simulation/gigaho_gigalite/assets/images/ico_decoration03.png);
  width: 40px;
  height: 37px; }

@media (min-width: 768px) {
  .contents #edittWrap .main_column {
    width: 100%; }
  .icon_blank2:after {
    bottom: 20px; }
  .editdl_summary.h56 {
    height: 56px; } }

@media (max-width: 767px) {
  .contents #edittWrap .edit_head {
    height: 60px; }
  .before_icon_type03:before {
    width: 36px;
    height: 29px;
    background-size: auto; }
  .contents #section4 .result .tit::before {
    height: 28px; } }

/*==========================================================================================
特典: ドコモ MAX, ドコモ ポイ活 MAX・ドコモ ポイ活 20, ドコモ mini
==========================================================================================*/
  .contents .bx_operation.img_bx.gakuwari {
    display: none;
  }

  .contents .docomomax_5g_plan .bx_operation.img_bx.gakuwari,
  .contents .docomomax_plan .bx_operation.img_bx.gakuwari{
    display: block;
}
  
  /* 特典 */
  .contents .bx_operation.tab_contents_enefits {
    display: none;
  }
  .contents .bx_operation.tab_contents_enefits .txt-link{
    color: #093475;
  }
  .contents .bx_operation.tab_contents_enefits .txt-link:hover{
    text-decoration: underline;
  }
  .contents .bx_operation.tab_contents_enefits .txt-link .ico-cmn{
    margin-left: 5px;
  }
  .contents .docomomax_plan .bx_operation.tab_contents_enefits.docomomax,
  .contents .docomomax_5g_plan .bx_operation.tab_contents_enefits.docomomax {
    display: block;
  }
  .contents .poikatsu_docomo_plan .bx_operation.tab_contents_enefits.poikatsu,
  .contents .poikatsu_docomo_5g_plan .bx_operation.tab_contents_enefits.poikatsu {
    display: block;
  }
  .contents .docomomini_plan .bx_operation.tab_contents_enefits.docomomini,
  .contents .docomomini_5g_plan .bx_operation.tab_contents_enefits.docomomini {
    display: block;
  }
@media screen and (max-width: 767px) {
  .contents .gakuwari .operation_c1 .icon_link img,
  .contents .gakuwari .operation_c1 .icon_blank img {
    display: block;
    width: 100%;
    position: static;
    top: 0;
    bottom: 0;
    margin: auto;}}

/*==========================================================================================
ユーザー評価アンケート
==========================================================================================*/
@media screen and (min-width: 768px) {
  #survey_questionnaire_block > div,
  #survey_questionnaire_block > section {
    width: auto !important;
    max-width: 100% !important; } }