.gblp_backfig2 {
  height: 0;
  background-size: contain;
  padding-top: 2651.4666666667%;
  background: url("../../plan/images/20gblp_back_sp.jpg") 0 0 no-repeat;
}
@media screen and (min-width: 768px) {
  .gblp_backfig2 {
    padding-top: 1242.875%;
    background: url("../../plan/images/20gblp_back_sp.jpg") 0 0 no-repeat;
  }
}

.title_spaceVrt {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .title_spaceVrt {
    margin-top: 60px;
  }
}

.png_dropshadow {
  filter: drop-shadow(2px 4px 9px rgba(77, 94, 77, 0.6));
}

.png_dropshadow-small {
  filter: drop-shadow(2px 2px 5px rgba(77, 94, 77, 0.6));
}

.flex_planbox {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}
@media screen and (min-width: 768px) {
  .flex_planbox {
    grid-template-columns: 1fr 1fr;
  }
}

.selectsimbox, .planbox {
  display: flex;
  flex-direction: column;
  padding: max(3%, 15px);
  background: #F4F4F4;
  text-align: center;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .selectsimbox, .planbox {
    flex: 1 0 40%;
  }
}

.selectsimbox {
  width: 100%;
  text-align: left;
}

.selectsimbox_simImage {
  max-height: 80px;
}

.planbox_btnApply {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  flex: 1;
}

.planfig_box {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  height: 152px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .planfig_box {
    flex-direction: column;
  }
}
.planfig_box img {
  max-height: 112px;
}

.planbox_layout1 {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .planbox_layout1 {
    flex-direction: row;
  }
}
.planbox_layout1 > * {
  flex: 1;
}
.planbox_layout1 > * > p, .planbox_layout1 > * > li {
  text-align: left;
}
.planbox_layout1 p {
  text-align: left;
}
.planbox_layout1 > dl:not(:first-child) {
  margin-left: 10px;
}

.planbox_tableWsmart, .planbox_tableGoriteki {
  width: 100%;
}
.planbox_tableWsmart td, .planbox_tableGoriteki td {
  padding: 9px;
  text-align: left;
  border: 1px solid #000;
  background: #fff;
  font-size: 14px;
}
.planbox_tableWsmart td:first-child, .planbox_tableGoriteki td:first-child {
  background: #ECEFF1;
  width: 32%;
}

.planbox_tableGoriteki .header6gb, .planbox_tableGoriteki .header20gb, .planbox_tableGoriteki .headerkakeho {
  text-align: center;
  color: #fff;
}
.planbox_tableGoriteki .headerkakeho {
  background: #D90056;
}
.planbox_tableGoriteki .header20gb {
  background: #399D26;
}
.planbox_tableGoriteki .header6gb {
  background: #14a4c4;
}

.planbox_list li {
  display: flex;
  align-items: center;
  min-height: 22px;
  margin: 20px auto;
  border-radius: 10px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .planbox_list li {
    flex-direction: row;
  }
}
.planbox_list li span {
  display: inline-block;
  padding: 10px;
}
.planbox_list li span:nth-child(1) {
  min-width: 130px;
}
.planbox_list li span:nth-child(2) {
  width: 100%;
  background: #fff;
  border-radius: 0 9px 9px 0;
}
.planbox_list-data {
  background: #FABDC4;
  border: 1px solid #FABDC4;
}
.planbox_list-talk {
  background: #CBDCFF;
  border: 1px solid #CBDCFF;
}
.planbox_list-area {
  background: #CFD8DC;
  border: 1px solid #CFD8DC;
}
.planbox_list-finc {
  background: #BDE8EB;
  border: 1px solid #BDE8EB;
}

.movbox_wrapper {
  width: 100%;
  background: #FFFFFF;
  padding: 20px;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .movbox_wrapper {
    width: 50%;
  }
}
.movbox_wrapper p {
  margin-top: 10px;
  font-size: 16px;
}

.movbox {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}
.movbox iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.title_soboku {
  width: 250px;
  margin-bottom: 80px;
}
@media screen and (min-width: 768px) {
  .title_soboku {
    width: 300px;
    margin-bottom: 100px;
  }
}

.planbox_title {
  color: #11316F;
  font-size: 24px;
  font-weight: bold;
}

.planbox_basefee {
  color: #FD1744;
  font-size: 30px;
}

.fontPriceRed {
  color: #D90256;
  line-height: 1;
}

.fontPriceMed, .fontPriceBig, .fontPrice {
  font-family: "din-condensed", sans-serif;
  letter-spacing: -0.04em;
}

.fontPriceBig {
  font-size: 80px;
}
@media screen and (min-width: 768px) {
  .fontPriceBig {
    font-size: 115px;
  }
}

.fontPriceMed {
  font-size: 50px;
}
@media screen and (min-width: 768px) {
  .fontPriceMed {
    font-size: 70px;
  }
}

.planbox_dlbox dt {
  border-bottom: 2px solid #FFF;
}

.planTitle {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  padding-right: calc(50vw - 50%);
  padding-left: calc(50vw - 50%);
  background: linear-gradient(90deg, #D90256 15%, #FA5E42 85%);
  margin-top: 100px;
}
.planTitle h2 {
  font-size: 7.2vw;
  line-height: 1.5;
  padding: 10px;
  color: #fff;
  text-align: center;
  font-weight: normal;
  font-weight: inherit;
}
@media screen and (min-width: 768px) {
  .planTitle h2 {
    font-size: 190%;
  }
}
@media screen and (min-width: 768px) {
  .planTitle h2 {
    padding: 20px;
  }
}

.planTitle_sub {
  margin: 50px 0;
  border-bottom: 5px solid #DBCCBC;
}

.planTitle_sub {
  text-align: center;
  font-size: 7.2vw;
  line-height: 1.5;
  padding: 7px;
}
@media screen and (min-width: 768px) {
  .planTitle_sub {
    font-size: 190%;
  }
}
@media screen and (min-width: 768px) {
  .planTitle_sub {
    padding: 14px;
  }
}

ul.list_border li {
  padding: 5px 10px;
  border-bottom: 1px solid #D1D1D1;
  margin-top: 5px;
}

.plan_text1 {
  font-size: 5.8vw;
  line-height: 1.7;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .plan_text1 {
    font-size: 150%;
  }
}

@media screen and (max-width: 767px) {
  .adjust_fs {
    font-size: 80%;
  }
}
@media screen and (min-width: 600px) and (max-width: 768px) {
  .adjust_fs {
    font-size: 80%;
  }
}

.plangoriteki_herologo {
  max-width: 80%;
  margin: 70px auto 100px auto;
}
@media screen and (min-width: 769px) {
  .plangoriteki_herologo {
    max-width: 400px;
    margin: 120px auto 100px auto;
  }
}

.plangoriteki_herosumaho {
  max-height: 560px;
}
@media screen and (min-width: 769px) {
  .plangoriteki_herosumaho {
    max-height: 630px;
  }
}

.plangoriteki_herotxt {
  font-size: 7.2vw;
  line-height: 1.5;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .plangoriteki_herotxt {
    font-size: 190%;
  }
}

@media screen and (min-width: 768px) {
  .plankakeho_usageimgtop {
    max-width: 700px;
  }
}

@media screen and (min-width: 768px) {
  .plankakeho_usageimg1gb {
    max-width: 780px;
  }
}

.plangoriteki_lpbackimg1 {
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .plangoriteki_lpbackimg1 {
    margin-top: 40px;
    margin-right: -10px;
    height: 550px;
    background-size: 106%;
    background-image: url("../../plan/images/plankakeho_usageimg1_sp.png");
    background-position: left 10px top;
  }
}
@media screen and (min-width: 769px) {
  .plangoriteki_lpbackimg1 {
    height: 560px;
    background-size: 920px;
    background-image: url("../../plan/images/plankakeho_usageimg1_pc.png");
    background-position: center top;
  }
}

.plangoriteki_lpbackimg2 {
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .plangoriteki_lpbackimg2 {
    margin-top: 40px;
    margin-right: -10px;
    height: 550px;
    background-size: 106%;
    background-image: url("../../plan/images/plankakeho_usageimg2_sp.png");
    background-position: left 10px top;
  }
}
@media screen and (min-width: 769px) {
  .plangoriteki_lpbackimg2 {
    height: 560px;
    background-size: 920px;
    background-image: url("../../plan/images/plankakeho_usageimg2_pc.png");
    background-position: center top;
  }
}
@media screen and (max-width: 767px) {
  .plangoriteki_lpbackimg2 {
    height: 580px;
    background-size: 102%;
  }
}

.plangoriteki_lpbackimg3 {
  background-repeat: no-repeat;
  margin-left: -10px;
}
@media screen and (max-width: 767px) {
  .plangoriteki_lpbackimg3 {
    margin-top: 40px;
    margin-right: -10px;
    height: 550px;
    background-size: 106%;
    background-image: url("../../plan/images/plankakeho_usageimg3_sp.png");
    background-position: left 10px top;
  }
}
@media screen and (min-width: 769px) {
  .plangoriteki_lpbackimg3 {
    height: 560px;
    background-size: 920px;
    background-image: url("../../plan/images/plankakeho_usageimg3_pc.png");
    background-position: center top;
  }
}
@media screen and (max-width: 767px) {
  .plangoriteki_lpbackimg3 {
    background-position: left top;
    height: 1485px;
    background-size: 104%;
  }
}
@media screen and (min-width: 768px) {
  .plangoriteki_lpbackimg3 {
    margin-top: 50px;
    height: 1620px;
    background-size: 850px;
  }
}

.plangoriteki_lpbackimg4 {
  background-repeat: no-repeat;
  margin-left: -10px;
}
@media screen and (max-width: 767px) {
  .plangoriteki_lpbackimg4 {
    margin-top: 40px;
    margin-right: -10px;
    height: 550px;
    background-size: 106%;
    background-image: url("../../plan/images/plankakeho_usageimg4_sp.png");
    background-position: left 10px top;
  }
}
@media screen and (min-width: 769px) {
  .plangoriteki_lpbackimg4 {
    height: 560px;
    background-size: 920px;
    background-image: url("../../plan/images/plankakeho_usageimg4_pc.png");
    background-position: center top;
  }
}
@media screen and (max-width: 767px) {
  .plangoriteki_lpbackimg4 {
    background-position: left top;
    height: 780px;
    background-size: 100%;
  }
}
@media screen and (min-width: 768px) {
  .plangoriteki_lpbackimg4 {
    margin-top: 50px;
    height: 800px;
    background-size: 850px;
  }
}

.usage_box3gb {
  padding: 26px;
  margin: 50px 10px 20px 10px;
  text-align: center;
  background: linear-gradient(135deg, #D90256, #FA5E42);
  border-radius: 20px;
}
@media screen and (min-width: 768px) {
  .usage_box3gb {
    padding: 36px;
    margin: 50px auto 20px auto;
    width: 200px;
    background: linear-gradient(135deg, #D90256, #FA5E42);
  }
}
.usage_box3gb img {
  height: 77px;
}
@media screen and (min-width: 768px) {
  .usage_box3gb img {
    height: 112px;
  }
}

.usage_box20gb {
  padding: 26px;
  margin: 50px 10px 20px 10px;
  text-align: center;
  background: linear-gradient(135deg, #D90256, #A953B4);
  border-radius: 20px;
}
@media screen and (min-width: 768px) {
  .usage_box20gb {
    padding: 36px;
    margin: 50px auto 20px auto;
    width: 200px;
    background: linear-gradient(135deg, #D90256, #A953B4);
  }
}
.usage_box20gb img {
  height: 77px;
}
@media screen and (min-width: 768px) {
  .usage_box20gb img {
    height: 112px;
  }
}

.plangoriteki_sectitle, .available_sectitle {
  font-size: 9.6vw;
  line-height: 1.3;
  text-align: center;
  font-weight: normal;
  padding: 100px 0;
  letter-spacing: 0.8vw;
}
@media screen and (min-width: 768px) {
  .plangoriteki_sectitle, .available_sectitle {
    font-size: 250%;
  }
}
@media screen and (min-width: 768px) {
  .plangoriteki_sectitle, .available_sectitle {
    letter-spacing: 6px;
  }
}
@media screen and (min-width: 600px) and (max-width: 768px) {
  .plangoriteki_sectitle, .available_sectitle {
    letter-spacing: 2px;
  }
}

.available_sectitle {
  font-weight: bold;
  letter-spacing: 5px;
}

.plangoriteki_subcopy {
  text-align: center;
  font-size: 30px;
}

.minna_plan_sumaho,
.kekko_plan_sumaho {
  max-width: 336px;
}

.back_lightgray, .mplp_back_faq, .mplp_back_lightgray,
.kplp_back_lightgray, .mplp_back_lightblue-b,
.kplp_back_lightblue-b, .kplp_back_greyblue, .kplp_back_darkblue, .kplp_back_darkpurple, .kplp_back_darkgreen, .mplp_back_lightblue,
.kplp_back_lightblue, .lp_back_light20gb, .lp_back_lightminna, .g20lp_back_gray, .g20lp_back_pink, .lp_backArea_minna, .lp_backArea_20gb, .g20lp_back_lightgray, .mplp_back_lightgreen, .mplp_back_lightyellow, .mplp_back_lightbeige, .mplp_back_white,
.kplp_back_white {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  padding-right: calc(50vw - 50%);
  padding-left: calc(50vw - 50%);
  padding-bottom: 100px;
  text-align: center;
}

.mplp_back_white,
.kplp_back_white {
  background: #fff;
}

.mplp_back_lightbeige {
  background: #FFE5D9;
}

.mplp_back_lightyellow {
  background: #FFFBF2;
}

.mplp_back_lightgreen {
  background: #DEEDE9;
}

.g20lp_back_lightgray {
  background: #ECEFF1;
}

.lp_backArea_20gb {
  background: #399D26;
  color: #fff;
}

.lp_backArea_minna {
  background: #18A2C2;
  color: #fff;
}

.g20lp_back_pink {
  background: #FDE8E8;
}

.g20lp_back_gray {
  background: #F4F4F4;
}

.lp_back_lightminna {
  background: #d9eeef;
}

.lp_back_light20gb {
  background: #E9F2E9;
}

.mplp_back_lightblue,
.kplp_back_lightblue {
  background: #D4EDFA;
}

.kplp_back_darkgreen {
  color: #fff;
  background: #2C6A50;
}

.kplp_back_darkpurple {
  padding: 130px 10px;
  background: #8E0E49;
}

.kplp_back_darkblue {
  padding: 130px 10px;
  background: #122D43;
}

.kplp_back_greyblue {
  background: #53809D;
  color: white;
}

.mplp_back_lightblue-b,
.kplp_back_lightblue-b {
  background: #D9EAF2;
  margin-bottom: -90px;
}
@media screen and (max-width: 767px) {
  .mplp_back_lightblue-b,
  .kplp_back_lightblue-b {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .mplp_back_lightblue-b,
  .kplp_back_lightblue-b {
    padding-top: 130px;
  }
}

@media screen and (max-width: 767px) {
  .mplp_img3gb {
    background: center/100% no-repeat url("/plan/images/mplp_img3gb_sp.jpg");
    height: 666vw;
  }
}
@media screen and (min-width: 768px) {
  .mplp_img3gb {
    margin-top: 120px;
  }
}

.kplp_img30gb {
  padding: 0 40px 30px 20px;
}

.kplp_img70min {
  padding: 0 20px 30px 40px;
}

.mplp_back_lightgray,
.kplp_back_lightgray {
  padding-top: 130px;
  background: #f4f4f4;
}

.mplp_back_faq {
  background: #F7F3EA;
  text-align: left;
}

.back_lightgray {
  padding-top: 60px;
  padding-bottom: 40px;
  background: #f4f4f4;
}

.mplp_back_price > div {
  margin-top: 120px;
}
.mplp_back_price > div > p {
  margin-top: 30px;
  font-size: 4.3vw;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .mplp_back_price > div > p {
    font-size: 110%;
  }
}

.mplp_back_bottom,
.kplp_back_bottom {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .mplp_back_bottom,
  .kplp_back_bottom {
    flex-direction: column;
  }
}

.kplp_back_bottom {
  background: center no-repeat url("/plan/images/kplp_back_bottom.svg");
}

.sec05_absolute_text {
  text-align: left;
  margin: 30px 20px 0 20px;
}
@media screen and (min-width: 768px) {
  .sec05_absolute_text {
    position: relative;
  }
  .sec05_absolute_text p {
    position: absolute;
    top: -160px;
  }
}

.plan_corpsec {
  margin-top: 70px;
  text-align: center;
}
.plan_corpsec a {
  margin: auto;
}
.plan_corpsec img {
  height: 560px;
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .plan_corpsec img {
    margin: -80px 0 0 -380px;
  }
}

.available {
  margin-top: 80px;
}

.available .ausbBoxBcg, .available .docomoBoxBcg {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 360px;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .available .ausbBoxBcg, .available .docomoBoxBcg {
    flex-direction: column;
  }
}
.available .ausbBoxBcg p, .available .docomoBoxBcg p {
  font-size: 5.3vw;
  line-height: 1.7;
}
@media screen and (min-width: 768px) {
  .available .ausbBoxBcg p, .available .docomoBoxBcg p {
    font-size: 140%;
  }
}
.available .ausbBoxBcg h3, .available .docomoBoxBcg h3 {
  font-size: 9.6vw;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .available .ausbBoxBcg h3, .available .docomoBoxBcg h3 {
    font-size: 250%;
  }
}
@media screen and (min-width: 768px) {
  .available .ausbBoxBcg h3, .available .docomoBoxBcg h3 {
    letter-spacing: 5px;
  }
}

.available_button {
  line-height: 1.3;
  min-width: 150px;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  min-height: 60px;
  cursor: pointer;
  font-size: calc(1em + 0.1vw);
  font-weight: inherit;
  padding: 8px;
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16);
  border: 3px solid #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  outline: none;
  background: #f7f7f7;
  color: #4792E0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  max-width: 300px;
  width: 100%;
  width: 300px;
  font-size: 5.3vw;
  line-height: 1.7;
  min-height: 100px;
}
@media screen and (min-width: 768px) {
  .available_button {
    padding: 16px;
  }
}
@media screen and (max-width: 767px) {
  .available_button {
    margin-right: auto;
    margin-left: auto;
  }
}
.available_button + p, .available_button + div {
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .available_button {
    font-size: 140%;
  }
}
.available_button.active {
  background-color: #11316F;
  color: #fff;
}

.available .docomoBoxBcg {
  background: center/cover no-repeat url("../../plan/images/available-docomoBoxBcg.jpg");
}

.available .ausbBoxBcg {
  background: center/cover no-repeat url("../../plan/images/available-ausbBoxBcg.jpg");
}

.available .explain {
  font-size: 4.3vw;
  line-height: 1.8;
  margin-left: 10px;
  margin-right: 10px;
}
@media screen and (min-width: 768px) {
  .available .explain {
    font-size: 110%;
  }
}

table.capSelect_calc {
  width: 100%;
}
table.capSelect_calc tr.upperline {
  border-top: 1px solid #2f6ab9;
}
table.capSelect_calc tr.upperline td {
  padding-top: 10px;
}
table.capSelect_calc tr.underpd td {
  padding-bottom: 10px;
}
table.capSelect_calc tr:first-child td {
  text-align: left;
}
table.capSelect_calc td {
  text-align: right;
  vertical-align: baseline;
}
table.capSelect_calc td:nth-child(2) {
  padding-left: 10px;
}

div.capSelect_calc {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 30px auto;
  padding-left: 40px;
}
@media screen and (max-width: 767px) {
  div.capSelect_calc {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  div.capSelect_calc div:not(:first-child) {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) {
  div.capSelect_calc div:not(:first-child) {
    margin-left: 50px;
  }
}
div.capSelect_calc p {
  margin-bottom: 5px;
}

.recomend {
  padding-left: 10px;
  position: relative;
  height: 530px;
}
@media screen and (max-width: 767px) {
  .recomend {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (min-width: 600px) and (max-width: 768px) {
  .recomend {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

.planTable {
  display: flex;
  width: 980px;
}
.planTable > * {
  width: 313px;
}
.planTable > *:not(:first-child) {
  margin-left: 20px;
}

@media screen and (min-width: 768px) {
  .recomendFrame {
    position: absolute;
    height: 360px;
    width: 332px;
    border: 3px solid #FD1744;
    border-radius: 16px;
    top: -10px;
    left: 0;
    transition: 1s;
  }
}

.newp_sectitle {
  margin-top: 100px;
  text-align: center;
}

.newp_secfont {
  font-size: 9.6vw;
  line-height: 1.3;
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .newp_secfont {
    font-size: 250%;
  }
}

.planTitle_subSmall_20gb,
.planTitle_subSmall_minna, .gbplan_linegrad_20gb,
.gbplan_linegrad_minna, .gbplan_linegradOnly_20gb,
.gbplan_linegradOnly_minna {
  margin: 0 10px 30px 10px;
  text-align: center;
  font-weight: normal;
  border-radius: 3px;
  background-repeat: no-repeat, no-repeat;
  background-size: 100% 3px, 100% 3px;
  background-position: bottom, left 0 bottom 3px;
}
@media screen and (min-width: 768px) {
  .planTitle_subSmall_20gb,
  .planTitle_subSmall_minna, .gbplan_linegrad_20gb,
  .gbplan_linegrad_minna, .gbplan_linegradOnly_20gb,
  .gbplan_linegradOnly_minna {
    margin: 0 20px 30px 20px;
  }
}

.gbplan_linegradOnly_20gb,
.gbplan_linegradOnly_minna {
  height: 6px;
}

.gbplan_linegrad_20gb,
.gbplan_linegrad_minna {
  font-size: 7.2vw;
  line-height: 1.5;
  padding-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .gbplan_linegrad_20gb,
  .gbplan_linegrad_minna {
    font-size: 190%;
  }
}

div.gradbox_20gb,
div.gradbox_minna {
  padding: 20px;
  display: flex;
  justify-content: center;
  text-align: left;
  border-radius: 20px;
  font-weight: bold;
  color: #fff;
  font-size: 20px;
}
@media screen and (min-width: 768px) {
  div.gradbox_20gb,
  div.gradbox_minna {
    padding: 30px;
  }
}

.planTitle_subSmall_20gb,
.planTitle_subSmall_minna {
  font-size: 5.8vw;
  line-height: 1.2;
  margin: 100px 0 30px 0;
  padding-left: 10px;
  padding-bottom: 10px;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .planTitle_subSmall_20gb,
  .planTitle_subSmall_minna {
    font-size: 150%;
  }
}
.planTitle_subSmall_20gb > h3,
.planTitle_subSmall_minna > h3 {
  font-weight: normal;
}
.planTitle_subSmall_20gb span.small,
.planTitle_subSmall_minna span.small {
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .planTitle_subSmall_20gb span.small,
  .planTitle_subSmall_minna span.small {
    font-size: 14px;
  }
}

.gbplan_linegradOnly_20gb,
.gbplan_linegrad_20gb,
.gradbox_20gb,
.planTitle_subSmall_20gb {
  background-image: linear-gradient(111deg, #399D26, #D3E500), linear-gradient(111deg, #399D26, #D3E500);
}

.gbplan_linegradOnly_minna,
.gbplan_linegrad_minna,
.gradbox_minna,
.planTitle_subSmall_minna {
  background-image: linear-gradient(111deg, #37bfdd, #153780), linear-gradient(111deg, #37bfdd, #153780);
}

.gbplan_sonomama_minna,
.gbplan_sonomama_20gb {
  display: flex;
  margin: 0 auto 20px auto;
  width: 100%;
  color: #fff;
  text-align: left;
  font-weight: bold;
  font-size: 4.3vw;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .gbplan_sonomama_minna,
  .gbplan_sonomama_20gb {
    font-size: 110%;
  }
}
@media screen and (max-width: 767px) {
  .gbplan_sonomama_minna,
  .gbplan_sonomama_20gb {
    flex-direction: column;
  }
}
.gbplan_sonomama_minna .sonomama_innerspfig,
.gbplan_sonomama_20gb .sonomama_innerspfig {
  height: 200px;
  filter: drop-shadow(2px 2px 5px rgba(77, 94, 77, 0.6));
}
.gbplan_sonomama_minna .sonomama_innerarrow,
.gbplan_sonomama_20gb .sonomama_innerarrow {
  font-weight: normal;
}
.gbplan_sonomama_minna .sonomama_innerarrow::before,
.gbplan_sonomama_20gb .sonomama_innerarrow::before {
  font-weight: inherit;
  content: "\f101";
  font-family: FontAwesome;
  line-height: 1;
  vertical-align: -0.1em;
  font-size: 2.5em;
  color: inherit;
  display: inline-block;
  margin-right: 0.55em;
  margin-left: 0.55em;
}
.gbplan_sonomama_minna .sonomama1,
.gbplan_sonomama_minna .sonomama2,
.gbplan_sonomama_20gb .sonomama1,
.gbplan_sonomama_20gb .sonomama2 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  padding: 0 10px 0 10px;
}
@media screen and (max-width: 767px) {
  .gbplan_sonomama_minna .sonomama1,
  .gbplan_sonomama_minna .sonomama2,
  .gbplan_sonomama_20gb .sonomama1,
  .gbplan_sonomama_20gb .sonomama2 {
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) {
  .gbplan_sonomama_minna .sonomama1,
  .gbplan_sonomama_minna .sonomama2,
  .gbplan_sonomama_20gb .sonomama1,
  .gbplan_sonomama_20gb .sonomama2 {
    height: 300px;
  }
}
@media screen and (max-width: 767px) {
  .gbplan_sonomama_minna .sonomama1,
  .gbplan_sonomama_minna .sonomama2,
  .gbplan_sonomama_20gb .sonomama1,
  .gbplan_sonomama_20gb .sonomama2 {
    flex-basis: 300px;
  }
}
.gbplan_sonomama_minna .sonomama1,
.gbplan_sonomama_20gb .sonomama1 {
  border-radius: 20px 20px 0 0;
}
@media screen and (min-width: 768px) {
  .gbplan_sonomama_minna .sonomama1,
  .gbplan_sonomama_20gb .sonomama1 {
    border-radius: 20px 0 0 20px;
  }
}
.gbplan_sonomama_minna .sonomama2,
.gbplan_sonomama_20gb .sonomama2 {
  border-radius: 0 0 20px 20px;
}
@media screen and (min-width: 768px) {
  .gbplan_sonomama_minna .sonomama2,
  .gbplan_sonomama_20gb .sonomama2 {
    border-radius: 0 20px 20px 0;
  }
}

.gbplan_sonomama_minna .sonomama1 {
  background: #18A4C4;
}
.gbplan_sonomama_minna .sonomama2 {
  background: #178AB4;
}

.gbplan_sonomama_20gb .sonomama1 {
  background: #399D26;
}
.gbplan_sonomama_20gb .sonomama2 {
  background: #73B91A;
}

.g20_lp_topimg {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .g20_lp_topimg {
    margin-top: 60px;
  }
}

.g20_lp_herologo {
  width: 300px;
}
@media screen and (max-width: 767px) {
  .g20_lp_herologo {
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 768px) {
  .g20_lp_herologo {
    padding-right: 100px;
  }
}

.minna_lp_herologo {
  width: 300px;
}
@media screen and (min-width: 768px) {
  .minna_lp_herologo {
    padding-bottom: 70px;
  }
}

.minna_lp_heroMsg-pc {
  width: 300px;
}
@media screen and (max-width: 767px) {
  .minna_lp_heroMsg-pc {
    display: none;
  }
}

.minna_lp_heroMsg-sp {
  width: 300px;
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .minna_lp_heroMsg-sp {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .lp_heroLeft {
    margin-right: 100px;
  }
}
@media screen and (max-width: 767px) {
  .lp_heroLeft {
    margin-bottom: 40px;
  }
}

.g20_lp_datausage {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .g20_lp_datausage {
    flex-direction: column;
  }
}

.g20_lp_datausage-item {
  max-width: 335px;
}

.g20_lp_datausage-item span {
  font-size: 20px;
}

.data_arrow {
  width: 40px;
  margin: auto 50px;
  transform: translateY(30px);
}
@media screen and (max-width: 767px) {
  .data_arrow {
    margin: 30px auto;
    transform: rotate(90deg);
  }
}

@media screen and (min-width: 768px) {
  .g20_call_70min_img {
    max-width: 550px;
    margin: auto;
  }
}

.g20_add_img {
  margin: auto;
}
@media screen and (min-width: 768px) {
  .g20_add_img {
    max-width: 800px;
  }
}

.g20_call_img {
  max-width: 325px;
  margin: auto;
}

.g20_call_img2 {
  margin: auto;
  padding-top: 30px;
  max-width: 90%;
}
@media screen and (min-width: 768px) {
  .g20_call_img2 {
    max-width: 360px;
  }
}

.g20_whitebox {
  padding: 20px;
  background: #fff;
  border-radius: 20px;
  font-size: 20px;
}
@media screen and (min-width: 768px) {
  .g20_whitebox {
    padding: 30px;
  }
}

.g20_secdesc {
  text-align: center;
  font-size: 20px;
  margin-top: 20px;
  letter-spacing: normal;
}

.g20_secdesc span {
  font-size: 16px;
}

.g20_appicon img {
  width: 290px;
  height: 65px;
}

.g20_phonenum_img {
  max-width: 300px;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .g20_phonenum_img {
    max-width: 370px;
  }
}

.g20_payblock {
  margin: auto 10px;
}
@media screen and (min-width: 768px) {
  .g20_payblock {
    margin: auto 100px;
  }
}
.g20_payblock img {
  transform: scale(0.5820895522);
  transform-origin: center top;
  margin-top: 20px;
  margin-bottom: -11%;
}
.g20_payblock h5 {
  font-size: 4.3vw;
  line-height: 1.8;
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .g20_payblock h5 {
    font-size: 110%;
  }
}

.g20_payblock3, .g20_payblock2, .g20_payblock1 {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-radius: 20px;
}
@media screen and (max-width: 767px) {
  .g20_payblock3, .g20_payblock2, .g20_payblock1 {
    flex-direction: column;
  }
}

.minna_payblock3, .minna_payblock2, .minna_payblock1 {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-radius: 20px;
  background: #FFFFFF;
}
@media screen and (max-width: 767px) {
  .minna_payblock3, .minna_payblock2, .minna_payblock1 {
    flex-direction: column;
  }
}

.g20_payblock1 {
  height: 160px;
  background: #F4F4F4;
}
@media screen and (min-width: 768px) {
  .g20_payblock1 {
    height: 190px;
  }
}

.g20_payimage_mg {
  margin-top: 30px;
}

.g20_payblock2 {
  margin-top: 20px;
  padding: 30px 10px;
  background: #ECEFF1;
}
.g20_payblock2-bottom {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .g20_payblock2-bottom {
    flex-direction: column;
  }
}
.g20_payblock2-bottomItem {
  flex: 1;
}

.g20_payblock3 {
  height: 160px;
  background: #D9E2E6;
}
@media screen and (min-width: 768px) {
  .g20_payblock3 {
    height: 190px;
  }
}

.minna_payblock1 {
  height: 160px;
}
@media screen and (min-width: 768px) {
  .minna_payblock1 {
    height: 190px;
  }
}

.minna_payimage_mg {
  margin-top: 30px;
}

.minna_payblock2 {
  margin-top: 20px;
  padding: 30px 10px;
}
.minna_payblock2-bottom {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .minna_payblock2-bottom {
    flex-direction: column;
  }
}
.minna_payblock2-bottomItem {
  flex: 1;
}

.minna_payblock3 {
  height: 160px;
}
@media screen and (min-width: 768px) {
  .minna_payblock3 {
    height: 190px;
  }
}

.g20_area_img {
  max-width: 590px;
  margin: auto;
}

@media screen and (max-width: 767px) {
  .g20_area_img img {
    transform: scale(1.5);
    margin-top: 100px;
  }
}

.g20_area_img p {
  text-align: center;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .g20_area_img p {
    margin-top: 100px;
  }
}

.g20_cancel_img {
  width: 235px;
  margin: auto;
}

.flex_button_tab {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .flex_button_tab {
    flex-direction: column;
  }
}
@media screen and (min-width: 600px) and (max-width: 768px) {
  .flex_button_tab {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .flex_button_tab > *:not(:first-child) {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) {
  .flex_button_tab > *:not(:first-child) {
    margin-left: 30px;
  }
}
@media screen and (min-width: 768px) {
  .flex_button_tab {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 769px) {
  .flex_button_tab > *:nth-child(n+4) {
    margin-top: 30px;
  }
  .flex_button_tab > *:nth-child(3n+1) {
    margin-left: 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 768px) {
  .flex_button_tab > *:nth-child(1) {
    margin-left: 30px;
  }
  .flex_button_tab > *:nth-child(n+3) {
    margin-top: 30px;
  }
  .flex_button_tab > *:nth-child(even) {
    margin-left: 30px;
  }
}

.plan_fee-table {
  font-size: 14px;
  font-weight: normal;
  table-layout: fixed;
}
.plan_fee-table th,
.plan_fee-table td {
  padding: 8px 6px;
  border-right: 1px solid #B9B9B9;
  border-bottom: 1px solid #B9B9B9;
}
.plan_fee-table td > br + span:not(.color_red) {
  font-size: 12px;
  font-weight: normal;
}
.plan_fee-table-wrap {
  overflow-x: scroll;
}
@media screen and (min-width: 768px) {
  .plan_fee-table-wrap {
    overflow-x: visible;
  }
}
.plan_fee-table .stickey {
  border: 0 !important;
  position: sticky;
  position: -webkit-sticky;
  border-left: 1px solid #B9B9B9;
}
.plan_fee-table .stickey:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-right: 1px solid #B9B9B9;
  border-bottom: 1px solid #B9B9B9;
}
.plan_fee-table tr:first-child td {
  border-top: 1px solid #B9B9B9;
}
.plan_fee-table tr:first-child td:first-child {
  width: 10%;
  border: 0 !important;
  background: #ffffff !important;
}

.plan_fee-tableMinna {
  min-width: 1100px;
}
.plan_fee-tableMinna td {
  width: 100px;
}
.plan_fee-tableMinna tr > td:first-child {
  background: #ECEFF1;
  left: 0;
  width: 70px;
}

.plan_fee-tableList {
  table-layout: fixed;
  width: 740px;
}
@media screen and (min-width: 768px) {
  .plan_fee-tableList {
    width: 100%;
  }
}
.plan_fee-tableList td img {
  display: block;
  max-height: 52px;
  margin: 8px auto;
}
.plan_fee-tableList tr > td:first-child {
  background: #ECEFF1;
  left: 0;
}
.plan_fee-tableList tr:first-child > td {
  height: 220px;
}
@media screen and (min-width: 768px) {
  .plan_fee-tableList tr:first-child > td {
    height: 180px;
  }
}
.plan_fee-tableList tr:first-child > td > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.plan_fee-tableList tr:first-child > td:nth-child(2) {
  background: #A51212;
  color: #fff;
}
.plan_fee-tableList tr:first-child > td:nth-child(3) {
  background: #AFD7E0;
}
.plan_fee-tableList tr:first-child > td:nth-child(4) {
  background: #CEE7C9;
}
.plan_fee-tableList tr:first-child > td:nth-child(5) {
  background: #FCDAE7;
}
.plan_fee-tableList tr:first-child > td:nth-child(6) {
  background: #ECEFF1;
}

.plan_feeTable_button {
  display: block;
  margin: auto auto 0 auto;
  width: 100px;
  padding: 5px 10px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  background-color: #5C92DA;
  border-radius: 20px;
}

.table_header-planName,
.table_header-item {
  background: #ECEFF1;
}

.table_header-planName td {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.table_header-planName td > br + span {
  font-size: 14px;
  font-weight: normal;
}

.jci-column {
  background: #FFFFFF;
  left: 70px;
}

.jci-column .color_red {
  font-size: 20px;
  font-weight: bold;
}

.table_item_adcall td > div {
  font-size: 12px;
  margin-top: 10px;
}

.table_header-planName > td.jci-column {
  background-image: url("../../plan/images/planname_img.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  background-color: #AFD7E0;
}

.color_white {
  color: #ffffff;
}

.bannerBizcontact {
  display: flex;
  align-items: center;
  background: #306BAF;
  border-radius: 10px;
  padding: 15px;
}
.bannerBizcontact::before {
  display: none !important;
}
.bannerBizcontact_img {
  transform: translate(0, 15px);
  align-self: flex-end;
  height: 145px;
}
@media screen and (min-width: 768px) {
  .bannerBizcontact_img {
    height: 85px;
  }
}
.bannerBizcontact_btn {
  margin: 0 0 0 auto;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .bannerBizcontact_btn {
    display: none;
  }
}
.bannerBizcontact_guide {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .bannerBizcontact_guide {
    flex-direction: column;
  }
}

.marker_orange {
  background-color: rgba(255, 205, 111, 0.5);
}

.marker_blue {
  background-color: rgba(164, 192, 248, 0.5);
}