/*-------------------------------------------
    ページ内共通パーツ
-------------------------------------------*/

/*ページ内タイトル*/
div.content-box-title h1 p{
  font-weight: bold;
  margin-bottom: 30px;
}
div.content-box-title h1 p.seo-text{
  font-size: 24px;
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .nav-link{
    font-size: 10px;
  }
  .nav-link:first-child{
    border-left: none;
  }
  .nav-link:last-child{
    border-right: none;
  }
  div.content-box-title h1 p{
    font-size: 2.6rem;
    line-height: 30px;
    text-align: left;
  }
  div.content-box-title h1 p.seo-text{
    font-size: 18px;
    margin-bottom: 0px;
  }
}

/*ページKV*/

/*料金・法人・デュアルスタイルの画像調整*/
div.main div#price-key-visual img{
  margin-bottom:-4px;
}

/*法人のお客様*/
div.main div.key-visual.business{
  background: none;
  background-color: #0B0B0B;
}

/*デュアルスタイル*/
div.main div.key-visual.dual-kv{
  background: linear-gradient(-18deg, #000000 52.5%, #ffd700 52.7%);
  margin-bottom: -20px;
  z-index: 5;
}

@media screen and (max-width:767px){
  div.main div.key-visual.dual-kv{
    background: linear-gradient(-45deg, #000000 52.5%, #ffd700 52.7%);
  }
}

/*最短翌日発送の注意書き*/
div.white-content-box-contract-box div.guide-icon-box{
  position: relative;
}
div.white-content-box-contract-box div.guide-icon-box:first-child::before{
  content: '※';
  position: absolute;
  top: 140px;
  right: -35px;
  font-size: 1.8rem;
}
div.white-content-box-contract-box div.guide-icon-box:first-child::after{
  content: '※発送日はお申し込みの曜日・時間帯により異なります。';
  position: absolute;
  top: 180px;
  left: -36px;
  font-size: 1.2rem;
  width: 155%;
}

@media screen and (max-width: 767px){
  div.white-content-box-contract-box div.guide-icon-box:first-child::before{
    content: none;
  }
  div.white-content-box-contract-box div.guide-icon-box:first-child::after{
    top: 44px;
    left: 30px;
    font-size: 1.0rem;
    width: 100%;
  }
}
/*背景色の指定*/
div.main > section:nth-of-type(even){
  background: #E5F7E4;
}


/*-------------------------------------------
    セクション
-------------------------------------------*/

/*背景*/
section.other-first,
section.other-second,
section.other-second.guide,
section.other-third,
section.other-fourth,
section.other-fifth,
section.other-sixth,
section.other-seventh{
  background: none;
  background-color: initial;
  background-repeat: no-repeat;
  padding: 110px 30px 40px;
  position: relative;
  z-index: 0;
}
section.other-first{
  padding: 0 30px 40px;
}
section.other-second,
section.other-second.guide{
  background-position: right -10px;
}
section.other-fourth{
  padding: 50px 40px;
}
section.other-fifth{
  padding: 70px 0 40px;
}
section.other-sixth{
  padding: 70px 0 40px;
}
section.other-first.anshin-kaiyaku,
section.other-second.anshin-kaiyaku,
section.other-third.anshin-kaiyaku{
  padding-bottom: 0;
}
section.other-second.area-shrink,
section.other-third.area-shrink{
  padding: 140px 0 10px;
}
section.other-second.area-wide{
  padding: 110px 30px;
}

/*タイムアウトページ*/
div.bg-plain-gray {
  background-color: #F3F3F3;
}

/*横の英語が次のセクションにかかる*/
section.other-first.over-title{
  background-position: left -10px top -90px;
}
section.other-first.over-title,
section.other-third.over-title{
  z-index: 7;
  overflow: initial;
  position: relative;
}
section.other-second.area-shrink.over-title,
section.other-second.over-title.last-title{
  z-index: 6;
  overflow: initial;
}
section.other-first.over-title .side-title,
section.other-second.area-shrink.over-title .side-title,
section.other-third.over-title .side-title{
  word-break: initial;
  height: max-content;
}

/*最後のセクションだったらはみ出た分は読ませない*/
section.other-first.over-title.last-title,
section.other-second.over-title.last-title{
  z-index: 3;
  overflow: hidden;
}
section.other-second.over-title.last-title .side-title{
  word-break: initial;
  height: max-content;
}


@media screen and (max-width: 767px) {
  section.other-first{
    padding: 0 0 50px;
    position: relative;
    overflow: hidden;
    z-index: 1;
  }
  section.other-first.guide{
    padding: 0 0 30px;
  }
  section.other-second,
  section.other-second.area-shrink{
    padding: 50px 0 50px;
    position: relative;
    z-index: 1;
  }
  section.other-second.area-shrink{
    z-index: 0;
  }
  section.other-second.area-wide{
    padding: 50px 0px 150px;
  }

  section.other-second.guide{
    padding: 30px 0 50px;
  }
  section.other-third{
    padding: 50px 0 50px;
    position: relative;
    z-index: 1;
  }
  section.other-fourth{
    padding: 5px 0 50px;
  }
  section.other-fifth{
    padding: 5px 0 50px;
    overflow: hidden;
  }
  section.other-sixth{
    padding: 5px 0 50px;
    overflow: hidden;
  }
  section.other-seventh{
    padding: 70px 0 50px;
    position: relative;
    z-index: 0;
  }
  section.other-second.area-shrink,
  section.other-third.area-shrink{
    padding: 100px 0 70px;
  }
  div.white-content-box-v2-inner {
    z-index: 1;
    position: relative;
  }
}

/*カテゴリーボックス*/
div.faq-nav-icons{
  padding: 30px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
  width: 100%;
}

div.faq-nav-icons div.nav-box{
  background: url(https://d1q08lkutgkcx2.cloudfront.net/image/arrow03.png) no-repeat center 55px #FFFFFF;
  background-size: 14px;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.4;
  color: #000000;
  border-radius: 12px;
  height: 73px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 0px 0 15px;
  box-shadow: 0 0 15px rgb(0 0 0 / 20%);
  transition: .7s all;
  margin-bottom:20px;
}
div.faq-nav-icons div.genre-faq{
  border-radius: 0;
}
div.faq-nav-icons div.nav-box:hover,
div.faq-nav-icons div.faq-category-box-selected div.nav-box,
div.faq-nav-icons div.overseas-category-box-selected div.nav-box,
#faq ul li:hover{
  background: url(https://d1q08lkutgkcx2.cloudfront.net/image/arrow03.png) no-repeat center 55px #FFE000;
  background-size: 14px;
  transform: translateY(5px);
}
div.faq-nav-icon-box,
div.overseas-category-box{
  text-align: center;
  cursor: pointer;
  position: relative;
  margin: 20px 0;
  width: 13.5%;
}
div.faq-nav-icon-box{
  width: 23%;
  margin: 0;
}
div.overseas-category-box{
  width: 14.5%;
}
div.faq-category-box-selected div.sub-dir-nav-box {
  background-color:  #ffeb00 !important;
}

 #faq-section-1{
  margin-top:0px;
}

@media screen and (min-width:767px){
  div.faq-nav-icons div.nav-box.contract-cancel{
    width: 140px;
  }
}

@media screen and (max-width: 767px) {
  div.nav-box-text p {
    font-size: 1.1rem;
  }
  div.faq-nav-icons {
    flex-wrap: wrap;
    padding-bottom: 0px;
    padding: 0;
    margin: 0;
  }

  div.faq-category-box:nth-of-type(4),
  div.faq-category-box:nth-of-type(5),
  div.faq-category-box:nth-of-type(6),
  div.faq-category-box:nth-of-type(7){
    width: 23.5%;
    margin: 2% 0 0;
    font-size: 1.1rem;
  }
  div.faq-category-box:nth-of-type(1),
  div.faq-category-box:nth-of-type(2),
  div.faq-category-box:nth-of-type(3),
  div.overseas-category-box:nth-of-type(4),
  div.overseas-category-box:nth-of-type(5),
  div.overseas-category-box:nth-of-type(6){
    width: 32%;
    font-size: 1.1rem;
  }

  div.faq-nav-icon-box{
    width: 24%;
  }
  div.nav-icon-box {
    margin-bottom: 30px;
  }
  div.faq-nav-icons div.nav-box{
    font-size: 1.1rem;
    margin-bottom:0;
  }
  div.sub-dir-nav-box:after {
    border-bottom: 25px solid transparent;
    border-left: 25px solid #ffeb00;
  }
  div.faq-category-box div.sub-dir-nav-box{
    width: 110px;
  }
}

/*テキスト横 アイコン*/
img.yellow-notion-icon{
  width: 2.0rem;
  height: 2.0rem;
  margin: 0 4px -6px 0;
}

/*注釈*/
div.white-content-box-sub-title-note p {
  font-size: 1.3rem;
  line-height: 3.0rem;
  text-align: right;
}
div.white-content-box-sub-title-note-right p {
  font-size: 1.3rem;
  line-height: 3.0rem;
  text-align: right;
  margin-right: 20px;
}

/*見出し上の小さい文字*/
h2 span.text-sub-title{
  font-size: .6em;
}
div.white-content-box-title{
  width: 100%;
  text-align: center;
  padding-top: 50px;
}
div.white-content-box-title{
  padding-top: 0px;
}
div.white-content-box-title-sub-dir {
  font-size: 3.5rem;
}
div.white-content-box-title-sub-dir p.sub-title {
  font-size: 2.0rem;
  font-weight: 500;
  margin-top: 10px;
}
div.white-content-box-sub-title p{
  font-size: 1.8rem;
  line-height: 3.0rem;
  font-weight: bold;
  text-align: center;
}
textarea {
  font-family : inherit;
  font-size : 100%;
}

@media screen and (max-width: 767px) {
  div.white-content-box-title{
    width: 100%;
    text-align: center;
    padding-top: 20px;
    margin-top: 30px;
  }
  div.white-content-box-title-sub-dir {
    font-size: 3.5rem;
  }
  div.white-content-box-sub-title-note-right p {
    margin-right: 0px;
  }

  div.white-content-box-sub-title p {
    font-size: 1.5rem;
    line-height: 25px;
    text-align: left;
  }
}

/*-------------------------------------------
    Charm
-------------------------------------------*/
div.charm-head{
  display: flex;
  align-items: center;
  justify-content: center;
}
div.charm-head p.title-charm-number{
  font-size: 9.6rem;
  margin-right: 15px;
  margin-bottom: 0;
}
div.charm-head p.title-charm{
  text-align: left;
  line-height: 3.5rem;
  margin-bottom: 0;
}
div.charm-head p.title-charm.even-space{
  margin-bottom: 13px;
  line-height: 40px;
}
div.charm-head p.title-charm.baseline{
  margin-top: 12px;
}
p.title-charm-number-bottom{
  margin-bottom: 11px;
}
span.sub-title-charm{
  font-size: .6em;
}

div.white-content-box-inner-flex.charm-feature{
  justify-content: space-evenly;
  align-items: flex-start;
}
div.white-content-box-inner-flex.charm-feature img{
  width: 45%;
}

/*申し込みから受け取りまでの3ステップ*/
div.guide-icon-box {
  width: 220px;
  margin: 20px 0;
}
div.guide-icon-box img {
  height: 90%;
}
div.white-content-box-contract-box {
  width: 836px;
  margin: 30px auto;
  height: auto;
  display: flex;
  justify-content: space-between;
}
div.white-content-box-body.charm-content{
  margin: 30px 0;
}

@media screen and (max-width: 767px) {
  div.white-content-box-inner-flex.charm-feature{
    justify-content: initial;
    flex-direction: column;
    width: 100%;
    margin: 20px 0;
  }

  div.white-content-box-inner-flex.charm-feature img {
    margin-bottom: 20px;
    width: 100%;
  }
  div.white-content-box-inner-flex.charm-feature img:last-child{
    margin-bottom: 0px;
  }

  div.white-content-box-contract-box {
    width: 100%;
    flex-direction: column;
    margin: auto;
  }
  div.img-small-sp {
    width: 230px;
    margin: 30px auto;
  }
  div.img-small-sp img{
    width: 100%;
  }
  div.charm-head{
    justify-content: flex-start;
    padding: 0;
  }
  div.charm-head p.title-charm-number{
    font-size: 8.5rem;
    margin-right: 15px;
    margin-bottom: 5px;
  }
  div.charm-head p.title-charm{
    text-align: left;
    line-height: 3.0rem;
    margin-bottom: 0;
  }
  div.charm-head p.title-charm.even-space{
    margin-bottom: 9px;
    line-height: 35px;
  }
  div.charm-head p.title-charm.baseline{
    margin-top: 9px;
  }
  span.sub-title-charm{
    font-size: 2.0rem;
  }
  span.charm-title-3-1 {
    font-size: 2.5rem;
  }
  div.white-content-box-body.charm-content{
    margin: 20px 0;
  }
  div.guide-icon-box {
    width: auto;
    margin: 0 0 20px 0;
  }
  div.guide-icon-box img {
    width: 100%;
  }
}

/*-------------------------------------------
    Price
-------------------------------------------*/

/*容量選びのヒント*/
div.price-capacity-hint-detail-oneday-limited{
  padding: 30px 0px;
}
div.price-capacity-tables-notice p {
  font-size: 1.1rem;
}
div.price-capacity-hint-area {
  width: 100%;
  height: 70px;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-top: 30px;
}
div.price-capacity-hint-area p {
  font-size: 1.75rem;
}
div.price-capacity-tables-notice {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
div.price-capacity-tables-notice img {
  width: 50px;
  height: 50px;
  margin: 0 10px;
}
div.price-capacity-margin {
  margin-top: 25px;
}
div.price-capacity-tables-notice-note {
  text-align: right;
  margin-top: -40px;
  font-size: 1.1rem;
}
div.hint-title{
  justify-content: center;
  align-items:baseline;
}
div.price-capacity-hint-area-title p{
  font-size: 5.2rem;
}
div.price-capacity-person-2 {
  position: absolute;
  right: 0;
  top: -40px;
  width: 140px;
}
div.price-oneday-person-adjust2{
  top: -190px;
  z-index: 3;
}
div.price-capacity-person-2 img {
  width: 100%;
}
div.price-capacity-table {
  box-sizing: border-box;
  width: 32%;
  height: auto;
}
div.price-capacity-tables-oneday-limited-adjust{
  margin: 10px 0 30px 0;
}
div.price-capacity-tables {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 30px 0 10px;
  position: relative;
}

/*おかわりギガ*/
.plan-title{
  margin-top: 50px;
}
.plan-okawari{
  flex-direction: row;
}
.text-okawari img{
  margin-top: 3em;
}
div.text-okawari p{
  font-size: 1.8rem;
  line-height: 3.0rem;
  font-weight: bold;
}

/*端末あんしんオプション、海外プラン共通*/
.wrap-area{
  display: flex;
  justify-content: space-between;
  margin: 2em 0;
}
.wrap-area p{
  letter-spacing: 0.12em;
  line-height: 3.0rem;
}
.left-block{
  width: 62%;
  margin-right: 2.5%;
}
.left-block img{
  width: 80%;
}
.right-block{
  width: 50%;
  margin-bottom: 10%;
}
div.price-option-person{
  position: absolute;
  width: 20%;
  top: 0;
  right: 400px;
  bottom: 0;
}
div.price-option-person.maeda{
  top: 50px;
  z-index: 3;
  width: 18%;
}
div.price-option-person img {
  width: 100%;
}
div.price-topping-2-body-left-text{
  margin-bottom: 2em;
  font-size: 1.8rem;
  line-height: 3.0rem;
  font-weight: bold;
  width: 525px;
}
div.nav-icon-box a {
  text-decoration: none;
  color: #000000;
}
div.sub-dir-nav-box div.nav-box-number {
  position: absolute;
  left: 12px;
  top: 12px;
  z-index: 90;
  font-size: 2.5rem;
}
div.sub-dir-nav-box div.nav-box-text {
  z-index: 1000;
}
div.guide-nav-icon-box div.sub-dir-nav-box div.nav-box-text {
  position: absolute;
  left: 40px;
}
.option-table{
  width: 50%;
}
div.price-topping-2-body-right-row {
  width: 100%;
}
div.faq-category-box div.nav-arrow-box{
  left: 67.5;
  bottom: -7px;
}

div.guide-nav-icon-box div.nav-arrow-box {
  left: 48%;
  bottom: -7px;
}
div.faq-nav-icon-box div.nav-arrow-box {
  left: 85px;
  bottom: -7px;
}
div.sub-dir-nav-box {
  position: relative;
  background-color: #FFFFFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: solid 1px #000000;
}
div.price-topping-2-body-right-row:last-child {
  border-bottom: solid 1px #000000;
}
div.price-topping-2-body-right-column {
  text-align: left;
  font-size: 1.3rem;
}
div.price-topping-2-body-right-column-remarks{
  padding: 0;
}
div.price-topping-2-body-right-column:last-child {
  box-sizing: border-box;
  width: 80%;
  border-left: solid 1px #000000;
  padding: 5px 7px;

}
div.price-topping-2-body-right-row p{
  letter-spacing: 0;
  font-size: 1.3rem;
  margin-bottom: 0;
}
ul.table-option{
  margin: 0;
  padding-left:1.5em;
  line-height: 1.5rem;
}
ul.table-option li{
  margin: 5px 0;
  line-height: 1.5em;
}

/*海外プラン*/
.overseas-area{
  width: 80%;
}
.overseas-image{
  margin: auto;
  width: 100%;
}
.overseas-image img{
  width: 100%;
  margin: 2em auto;
}

@media screen and (min-width: 768px) {
  .plan-okawari img{
    width: 100%;
    margin-bottom:1em;
    position: relative;
    bottom: 130px;
  }
}

@media screen and (max-width: 1440px) {
  div.price-option-person{
    width: 30%;
    right: 130px;
  }
  div.price-option-person.maeda{
    width: 25%;
  }
}

@media screen and (max-width: 767px) {
  div.price-capacity-hint-detail-oneday-limited{
    padding: 30px 1em;
  }
  div.price-capacity-hint-area {
    height: 90px;
    margin-top: 0;
    text-align: center;
  }
  div.hint-title{
    justify-content: unset;
    align-items:baseline;
  }
  div.price-capacity-tables-notice img {
    width: 30px;
    height: 30px;
    margin: 0 5px;
  }
  div.price-capacity-tables-notice-note {
    text-align: right;
    margin-top: -10px;
  }
  div.price-capacity-margin {
    margin-top: 15px;
  }

  div.price-capacity-person-2{
    width:32%;
    top:-58px;
    right: -20px;
  }
  div.price-capacity-hint-area p{
    font-size: 2rem;
  }
  div.price-capacity-tables {
    flex-wrap: wrap;
    margin: 0;
  }
  div.price-capacity-table {
    width: 100%;
    margin: 10px 0;
    align-items: center;
  }

  .wrap-area{
    display: block;
    justify-content:initial;
    margin-top: 2em;
    margin-bottom: 50px;
    position: relative;
    z-index: 1;
  }
  .wrap-area p{
    letter-spacing: 0;

  }
  .left-block{
    width: auto;
    margin-right: 0%;
    margin-top: 1em;
    margin-bottom:2em ;
  }
  .left-block img{
    width: 80%;
  }
  .right-block{
    width: auto;
  }
  div.price-option-person{
    width: 60%;
    top: -190px;
    right: -10px;
    bottom: 0;
    z-index: -1;
   }
  div.price-option-person.maeda{
    width: 55%;
    top: -160px;
    right: -20px;
    bottom: 0;
    z-index: -1;
  }

  h2.text-title .okawari-person-image{
    width: 50%;
    position: absolute;
    top: -20%;
    right: 0;
    z-index: -1;
  }
  .plan-okawari{
    display: flex;
    justify-content: space-between;
  }
  .plan-okawari img{
    width:30%;
  }
  .text-okawari{
    margin-bottom: 20px;
  }
  div.text-okawari p{
    font-size: 3.3vw;
    line-height: 2.0rem;
  }
  div.price-topping-2-body-right-column {
    font-size: 1.2rem;
  }
  div.price-topping-2-body-left-text{
    width: auto;
  }
  div.price-topping-2-body-left-text p {
    font-size: 1.3rem;
    line-height: 2.0rem;
    width: auto;
  }
  div.price-topping-2-body-right-row p{
    line-height: 1.6em;
    letter-spacing: 0;
    font-size: 1.2rem;
  }
  .option-table{
    width: 100%;
  }
  div.guide-nav-icon-box div.sub-dir-nav-box div.nav-box-icon1 img {
    height: 26px;
    margin-left: 13px;
    margin-top: 10px;
  }
  div.guide-nav-icon-box div.sub-dir-nav-box div.nav-box-icon2 img {
    height: 26px;
    margin-top: 10px;
    margin-left: 4px;
  }
  div.guide-nav-icon-box div.sub-dir-nav-box div.nav-box-icon3 img {
    height: 16px;
    margin-top: 16px;
    margin-left: 4px;
  }
}

/*********************/
/* Top */
/*******************/
@media screen and (min-width: 768px) {
  div.main div.key-visual {
    text-align: center;
    margin-bottom: 0;
    height: auto;
    overflow: hidden;
  }
  ul.table-option li{
    margin: 0;
    line-height: 1.5em;
  }

  .overseas-area{
    width: 100%;
  }
  .overseas-image img{
    margin: 0 auto 2em;
  }
}
/*-------------------------------------------
    DualStyle
-------------------------------------------*/
.read-dual h2{
  font-size: 2.8em;
  -webkit-font-smoothing: antialiased;
}

/*セクションに角度つける*/
.skew-rightup,
.skew-rightdown{
          filter: drop-shadow(0px 12px 5px rgb(0 0 0 / 9%));
  -webkit-filter: drop-shadow(0px 12px 5px rgb(0 0 0 / 9%));
     -moz-filter: drop-shadow(0px 12px 5px rgb(0 0 0 / 9%));
       -o-filter: drop-shadow(0px 12px 5px rgb(0 0 0 / 9%));
      -ms-filter: drop-shadow(0px 12px 5px rgb(0 0 0 / 9%));
}
.skew-rightup{
  transform: skewY(-1.5deg);
}
.skew-rightdown{
  transform: skewY(1.5deg);
}
section.other-first.skew-rightdown{
  z-index: 2;
  padding: 30px;
  margin-bottom: 0px;
}
.sp-rightdown{
  display: block;
  transform: none;
  filter: none;
}
.bg01.pc-skewright{
  display: block;
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 6vw;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.bg01.pc-skewright::before{
  content: "";
  display: block;
  background: #f3f3f3;
  width: 120%;
  height: 5vw;
  box-shadow: 0 8px 8px rgb(0 0 0 / 20%);
  position: absolute;
  top: 0%;
  left: -10%;
  right: -10%;
  margin: auto;
  transform: rotate(2.5deg) translate(0,-45%);
}

/*吹き出し*/
.read-dual span.white-balloon{
  padding: 5px 10px;
  width: 180px;
  left: 0;
  bottom: 5px;
  background: #FFFFFF;
  position: relative;
  margin-right: 0.5em;
  font-size: 0.6em;
}
.read-dual span.white-balloon::before{
  border-bottom: 15px solid transparent;
  border-top: 15px solid transparent;
  border-left: 25px solid #FFFFFF;
  top: 3px;
  right : -15px;
  content: "";
  position: absolute;
}

.dual-section{
  width: 980px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dual-section h3{
  width: 60%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}
.dual-section .dualstyle-person{
  width: 45%;
}
.dual-section .dualstyle-person img{
  width: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}
.dualstyle{
  position: relative;
  padding-bottom: 30px;
  margin-top: -3px;
}
.dualstyle span img{
  width: 100px;
  position: absolute;
  top: -45px;
  right: -45px;
}
h2.dual-title{
  font-size: 2.2em;
  letter-spacing: 3px;
  text-align: center;
}
h2.dual-title span{
  font-size: 2em;
  font-weight: bold;
  padding: 0 3px;
}
.content-box-inner.dual-content{
  max-width: 100%;
}

/*3STEP*/
.step3{
  display: flex;
  flex-direction: column;
}
.dualstyle-step{
  margin: 1em auto 3em;
  width: 80%;
}
.dual-step{
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.dual-step > div{
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 32%;
}
.dual-step img{
  width: 35%;
}
.dual-step img.cospa{
  width: 45%;
}
.steps{
  margin: 0;
}
.steps h2{
  margin: 0 auto 1em;
}

/*ZEUSのメリットいっぱい*/
.price-capacity-hint-area.other-merit{
  height: auto;
  margin: 50px auto 0;
  display: block;
}
.price-capacity-hint-area.other-merit p.merit{
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 15px;
  text-align: center;
}
section.section-charcoal.dual-charcoal{
  background: url(https://d1q08lkutgkcx2.cloudfront.net/image/price_para02.png) no-repeat left top #464646;
  background-size: 410px;
  padding: 160px 20px 80px;
  z-index: 2;
  position: relative;
}
div.price-capacity-tables.dual-table-wrap{
  display: flex;
  flex-wrap: wrap;
  margin: 70px auto 0px;
  align-items: inherit;
}

.dual-table{
  width: 20%;
  padding: 3%;
  margin-bottom: 3%;
  background: #191919;
  display: flex;
  flex-direction: column;
}
div.price-capacity-table.dual-table img{
  width: 80%;
  margin: auto auto 0 auto;
}
div.price-capacity-table.dual-table img.small{
  width: 100%;
}
div.price-capacity-table.dual-table img.big{
  width: 45%;
}
.dual-table p{
  color: #FFFFFF;
  margin-bottom: 2em;
}
p.title-yellow{
  color: #ffeb00;
  font-weight: bold;
  font-size: 1.4em;
  margin-bottom: 0.5em;
}

/*お試し*/
section.other-fourth.dual-try{
  padding: 0;
  z-index: 2;
  background: url(https://d1q08lkutgkcx2.cloudfront.net/image/free-try-circle.svg) no-repeat #e6e6e6;
  background-size: 80%;
  background-position: -100% 50%;
}
.try-back{
  background:url(https://d1q08lkutgkcx2.cloudfront.net/image/free-try-giga.svg) no-repeat;
  background-size: 17%;
  background-position: 83% 74%;
  transform: skewY(1.5deg); /*丼だけ角度打消し*/
}
div.try{
  padding: 80px 0;
  background: url(https://d1q08lkutgkcx2.cloudfront.net/image/free-try.png) no-repeat;
  background-size: 450px;
  background-position: 65% 100%;
  transform: skewY(-1.5deg);
}
h2.try-title{
  font-size: 4em;
  line-height: 1.45em;
  margin-left: 2em;
  letter-spacing: 0.04em;
  transform: skewY(1.5deg);
}
section.other-fourth.dual-try,
.try-back,
div.try{
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
span.under-line-thin-pink{
  background: linear-gradient(transparent 80%, #ff003c 0%);
}

/*余白調整*/
section.other-first.dual-end{
  padding-top: 80px;
}

@media screen and (max-width:1440px) and (min-width:768px){
  .dual-try-container{
    padding: 50px 0;
  }
  div.try{
    padding: 50px 0;
  }

  .try-back{
    background:url(https://d1q08lkutgkcx2.cloudfront.net/image/free-try-giga.svg) no-repeat;
    background-size: 300px;
    background-position: 88% 80%;
    transform: skewY(1.5deg); /*丼だけ角度打消し*/
  }
  h2.try-title{
    font-size: 4em;
    line-height: 1.45em;
    margin-left: 2em;
    letter-spacing: 0.04em;
    transform: skewY(1.5deg);
  }
}

@media screen and (max-width:767px){
  .dualstyle-person img,
  .dual-section h3 img{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  section.other-first.dual-end{
    padding-top: 50px;
  }
  .sp-rightdown{
    transform: skewY(1.5deg);
            filter: drop-shadow(0px 12px 5px rgb(0 0 0 / 9%));
    -webkit-filter: drop-shadow(0px 12px 5px rgb(0 0 0 / 9%));
       -moz-filter: drop-shadow(0px 12px 5px rgb(0 0 0 / 9%));
         -o-filter: drop-shadow(0px 12px 5px rgb(0 0 0 / 9%));
        -ms-filter: drop-shadow(0px 12px 5px rgb(0 0 0 / 9%));
  }
  section.other-first.skew-rightdown > .section-container{
    transform: skewY(-1.5deg);
  }
  .bg01.pc-skewright{
    display: none;
  }
  section.other-first.skew-rightdown{
    z-index: 2;
    padding: 20px 30px 100px;
    margin-bottom: -30px;
  }
  .read-dual > div{
    text-align: center;
  }
  .read-dual h2{
    font-size: 2.9em;
    line-height: 1.3em;
    display: inline-block;
    margin: auto;
    text-align: left;
    -webkit-font-smoothing: antialiased;
  }
  .read-dual span.white-balloon{
    padding: 5px 10px;
    margin-right: 0;
  }

  .read-dual span.white-balloon::before{
    border-top: 13px solid #FFFFFF;
    border-right: 13px solid transparent;
    border-left: 0 solid transparent;
    top: 90%;
    left : 0px;
    content: "";
    position: absolute;
    width: 0;
  }
  .dual-section{
    width: 100%;
    flex-direction: column;
    align-items: center;
    margin: 1em auto 2em;
  }
  .dual-section h3{
    width: 80%;
  }
  .dualstyle{
    margin-top: 0px;
  }
  .dualstyle-person {
    position: absolute;
    bottom: calc(8% - 120px - 80px);
  }
  .dual-section h3 img{
    width: 100%;
  }
  .dualstyle img,
  .dualstyle-person img{
    width: 100%;
    margin: auto;
  }
  .dualstyle span img{
    width: 90px;
    right: -15px;
  }
  h2.dual-title{
    margin-bottom: 2em;
    font-size: 1.45em;
    line-height: 1.2em;
  }

  .step3{
    flex-direction: row;
  }
  .dual-step{
    flex-direction: column;
  }
  .dual-step img{
    width: 20%;
    margin: 0;
  }
  .dualstyle-step{
    display: none;
  }
  .dual-step > div{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0;
    width: auto;
  }
  .dual-step > div > img.sp{
    width: 15%;
    margin: -1px 0 0 0;
  }
  .dual-step > div img{
    width: 23%;
  }
  .steps{
    margin: 0 2%;
    width: 65%;
  }
  .steps h2{
    text-align: left;
    font-size: 1.3em;
  }
  .dual-step img.cospa{
    width: 27%;
  }
  .price-capacity-hint-area.other-merit p.merit{
    font-size: 25px;
  }
  section.section-charcoal.dual-charcoal{
    background: none #464646;
    background-size: 0px;
    padding: 20px 0 20px;
  }
  div.price-capacity-tables.dual-table-wrap{
    flex-direction: column;
    margin: 30px 0;
    align-items: center;
  }
  .dual-table{
    margin-bottom: 3%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 5% 4%;
  }
  .dual-table p{
    margin-bottom: 0em;
  }
  div.price-capacity-table.dual-table img{
    height: 80%;
    width: 35%;
    margin: auto;
  }
  div.price-capacity-table.dual-table img.small{
    width: 45%;
  }
  div.price-capacity-table.dual-table img.big{
    width: 22%;
  }
  .dual-table-sp{
    flex-direction: column;
    width: 65%;
  }
  p.title-yellow{
    font-size: 1.2em;
    margin-bottom: 0.5em;
  }
  .price-capacity-hint-area.other-merit{
    display: block;
  }

  section.other-fourth.dual-try{
    padding-bottom: 1px;
    background:none no-repeat #e6e6e6 ;
    background-size: 0;
    background-position:0% 0%;
  }
  div.try{
    padding: 20px 0;
    background:url(https://d1q08lkutgkcx2.cloudfront.net/image/free-try-sp.png) no-repeat #e6e6e6 ;
    background-size: cover;
    background-position:0% 0%;
    transform: skewY(-1.5deg);
  }
  .dual-try-text{
    margin-bottom: calc((3em - -9vw) * 3);
    margin-top: 0;
  }
  h2.try-title{
    margin-left: 0;
    padding-top: 0;
    line-height: 1.4em;
    font-size: 7.5vw;
    transform: skewY(1.5deg);
    outline: 1px solid transparent;
    -webkit-font-smoothing: antialiased;
  }
  span.under-line-thin-pink{
    outline: 1px solid transparent;
  }
  .dual-try-container{
    padding: 0;
  }
}

@media screen and (max-width:375px){
  .read-dual h2{
    font-size: 2.5em;
  }
  .steps{
    margin: 0 0 0 0.4em;
  }
  .steps h2{
    font-size: 1.2em;
  }
  .dual-step > div img.step-icon{
    margin: auto 0;
  }
  .dual-step > div img{
    width: 20%;
  }
  .dual-step img.cospa{
    width: 22%;
  }
  .dualstyle-person{
    bottom: calc(8% - 120px - 42px);
  }
}

@media screen and (max-width:360px){
  div.try{
    background-position:25% 0%;
  }
}

/*-------------------------------------------
    Overseas
-------------------------------------------*/
div.overseas-top-remark {
  margin: 0 auto;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
div.overseas-top-remark > p span.remark-text {
  margin-left: 2em;
  font-weight: normal;
}

div.overseas-categories {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: -20px;
  margin-bottom: 0;
  padding: 0;
}
div.white-content-box-body-overseas-voice {
  width: 90%;
  margin:3rem auto 1rem;
}
div.white-content-box-gray-box {
  width: 836px;
  margin: 30px auto;
  height: auto;
}

/*海外プランの購入*/
div.overseas-step-icons {
  width: 100%;
}
div.overseas-step-icon-box {
  position: relative;
  display: flex;
  justify-content: center;
  margin: 45px 0;
}
div.overseas-step-icon-box-left {
  padding-right: 15px;
  width: 370px;
}
div.overseas-step-icon-number-box {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background-color: #ffeb00;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 12px;
}
div.overseas-step-icon-number-box p {
  font-size: 2.4rem;
  display:inline;
}
div.buy-step {
  width: 270px;
  position: relative;
}
div.overseas-step-icon-box-image {
  width: 270px;
}
div.overseas-step-icon-box-image-neg {
  position: absolute;
  top:0;
}
div.overseas-step-icon-box-image img {
  width: 100%;
}
div.overseas-step-icon-box-image img.fit-overseas-nav-6{
  width: 90%;
}

/*ホバーアニメーション*/
div.overseas-button:hover{
  transition:0.2s;
}
civ.overseas-step-icon-box-image.inactive div.overseas-step-icon-box-image-pos img,
div.overseas-step-icon-box-image.active div.overseas-step-icon-box-image-neg img {
  opacity: 0;
  transition: all 0.5s ease-out;
}
div.overseas-step-icon-box-image.active div.overseas-step-icon-box-image-pos img,
div.overseas-step-icon-box-image.inactive div.overseas-step-icon-box-image-neg img
  {
  opacity: 1;
  transition: all 0.5s ease-out;
}
/*枠線を内側に表示*/
div.overseas-button:hover{
  outline: 4px solid #ffeb00;
  outline-offset: -4px;
}

/*購入容量の目安*/
div.overseas-capacity-icons {
  margin: 30px 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
div.overseas-capacity-icon {
  width: 150px;
  margin: 20px;
}
div.overseas-capacity-icon img {
  width: 100%;
}

/*プラン利用料*/
div.overseas-gray-area {
  padding: 30px 0;
  position: relative;
}
div.white-content-box-overseas-recommended {
  position: absolute;
  width: 65px;
  top: 10px;
  left: 575px;
}
div.overseas-category-area-hidden {
  display: none;
}
div.overseas-category-area{
  height: 280px;
}
div.overseas-category-area a{
  text-decoration: none;
}
table.overseas-plan-table {
  border-collapse: separate;
  border-spacing: 8px;
  width: 100%;
  padding-top: 0;
}
table.overseas-plan-table thead th {
  font-size: 1.3rem;
}
table.overseas-plan-table thead tr th:first-child,
table.overseas-plan-table tbody tr td:first-child,
table.overseas-plan-table thead tr th {
  background-color: #8B9595;
}
table.overseas-plan-table thead tr th,
table.overseas-plan-table tbody tr td:first-child{
  color: #FFFFFF;
}
table.overseas-plan-table thead tr th {
  padding: 20px 0;
  width: 25%;
}
table.overseas-plan-table tbody tr td {
  padding: 15px 0;
  width: 25%;
  background-color: #FFFFFF;
  color: #000000;
  text-align: center;
}
table.overseas-plan-table tbody tr td:first-child {
  font-size: 1.3rem;
}
table.overseas-plan-table thead,
table.overseas-plan-table tbody.plan-area{
  display: block;
}
table.overseas-plan-table tbody.plan-area{
  height: 285px;
}
table.overseas-plan-table tbody.plan-scroll{
  overflow-y: scroll;
  margin-right: -18px;
}
table.overseas-plan-table thead tr th,
table.overseas-plan-table tbody.plan-area tr td{
  width: 205px;
}
caption {
  caption-side: bottom;
  margin-bottom: 0.5em;
  margin-right: 1.1em;
  color: #808080;
  font-size: 1.1rem;
  text-align: right;
}
div.overseas-plan-select-sp-div {
  display: block;
  border-radius: 0;
  box-shadow: none;
  width: 100%;
  position: relative;
}
div.overseas-plan-select-sp-div select {
  width: 100%;
  border: 0px;
  background-color: transparent;
  color: transparent;
  text-align: center;
}
div.overseas-plan-select-sp-div::before,
div.overseas-plan-select-sp-div::after {
  position: absolute;
  content: '';
  display: block;
  pointer-events: none;
  border: 1px solid transparent;
  width: 0;
  height: 0;
  right: 12px;
}
div.overseas-plan-select-sp-div::before {
  bottom: 60%;
  border-width: 0 6.5px 8px 6.5px;
  border-bottom-color: #FFFFFF;
}
div.overseas-plan-select-sp-div::after {
  border-width: 8px 6.5px 0 6.5px;
  border-top-color: #FFFFFF;
  top: 55%;
}
div.overseas-plan-select-sp-div p.label {
  width: 100%;
  color: #FFFFFF;
  position: absolute;
  line-height: 28px;
}
div.overseas-price-comparison {
  margin-top: 66px;
  padding-top: 30px;
}
div.overseas-price-comparison-title {
  width: 100%;
  text-align: center;
  position: relative;
}
div.overseas-price-comparison-title p{
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: -42px;
  font-weight: bold;
  font-size: 3.5rem;
  line-height: 3.5rem;
}
div.overseas-step-icon-box-image img.fit-height {
  width: auto;
  height: 100%;
  margin: 0 auto;
}
span.overseas-table-th-small {
  font-size: 1.1rem;
}
span.overseas-table-th-large {
  font-size: 1.7rem;
}

/*比較*/
div.overseas-price-comparison-icons {
  display: flex;
  justify-content: space-evenly;
  margin-top: 35px;
}
div.overseas-price-comparison-icon {
  width: 250px;
  margin: 10px;
}

/*FAQ*/
div.lp-faq-contents-v2 {
  padding: 0 40px;
  margin: 70px 0;
}

@media screen and (min-width: 768px){
  div.white-content-box-sub-title.overseas p{
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  div.overseas-top-remark {
    width: 100%;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
  }
  div.overseas-top-remark > p span.remark-text {
    margin-left: 0em;
  }
  div.content-box-title div.overseas-top-remark p{
    line-height: 20px;
    margin-bottom: 20px;
  }
  div.white-content-box-body-overseas {
    width: 100%;
    position: relative;
  }
  div.white-content-box-gray-box {
    width: 100%;
    position: relative;
    margin-top: 10px;
  }
  div.overseas-step-icon-box {
    width: 100%;
    flex-wrap: wrap;
  }
  div.overseas-step-icon-box-left {
    width: 100%;
    padding-right: 0;
    display: flex;
  }
  div.overseas-step-icon-box-left p.overseas-step-text {
    margin-left: 10px;
    margin-top: 5px;
    font-size: 1.3rem;
    max-width: 250px;
  }
  div.overseas-step-icon-box-right {
    width: 100%;
    margin: 0 auto 30px;
  }
  div.overseas-step-icons {
    margin: 50px auto 0;
  }
  div.overseas-step-icon-box,
  div.overseas-step-icon-box-image {
    margin: 0;
  }
  div.buy-step {
    width: auto;
    height: auto;
  }
  div.overseas-capacity-icons {
    margin: 30px auto 0;
    justify-content: flex-start;
  }
  div.overseas-capacity-icon {
    width: calc((100% - 30px) / 3);
    margin: 10px 5px;
  }
  div.overseas-category-area{
    margin: 0 -16px;
  }
  table.overseas-plan-table thead tr th,
  table.overseas-plan-table tbody.plan-area tr td{
    width: 25%;
  }
  table.overseas-plan-table tbody.plan-area{
    max-height: 290px;
    height: auto;
  }
  table.overseas-plan-table tbody.plan-scroll{
    margin-right: -1px;
  }
  caption {
    margin-top: 0.5em;
  }
  div.overseas-plan-select-sp-div p.label {
    width: 100%;
    font-size: 0.8rem;
    line-height: 20px;
    float: left;
    margin-left: -10px;
    margin-top: 3px;
  }

  div.overseas-price-comparison {
    margin-top: 70px;
  }
  div.overseas-price-comparison-title p {
    font-size: 2.5rem;
  }
  div.overseas-price-comparison-icons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  div.overseas-price-comparison-icon {
    width: 100%;
    margin: 5px 0;
  }

  div.lp-faq-contents-v2 {
    padding: 5%;
    margin: 10px 0;
  }
}

@media screen and (max-width: 320px) {
  div.overseas-category-area {
    margin: 0px -12px;
  }
  table.overseas-plan-table thead tr th,
  table.overseas-plan-table tbody.plan-area tr td{
    width: 30%;
  }
  table.overseas-plan-table{
    border-spacing: 6px 8px;
  }
  div.overseas-plan-select-sp-div::before,
  div.overseas-plan-select-sp-div::after{
    right: 2px;
  }
  div.overseas-plan-select-sp-div::before{
    border-width: 0 4px 6px 4px;
  }
  div.overseas-plan-select-sp-div::after{
    border-width: 6px 4px 0 4px;
  }
  div.overseas-plan-select-sp-div p.label{
    margin-left: -4px;
  }
}

/*-------------------------------------------
    Device
-------------------------------------------*/
div.zeus-device-title-page {
  padding-top: 10px;
}
div.zeus-device-title {
  width: 100%;
  margin-top: 50px;
}
div.content-box-title.zeus-device-title p {
  font-size: 3.5rem;
  font-weight: bold;
  text-align: center;
}

/*スライドショーと画像*/
div.lp-device-section-1 {
  padding-top: 10px;
  margin-top: 50px;
  padding-bottom: 30px;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
div.zeus-device-introduction-box-description {
  width: 45%;
  margin-left: 5%;
  text-align: center;
}
div.zeus-device-introduction-box-description p {
  font-weight: bold;
  font-size: 1.5em;
}
div.zeus-device-introduction-box-description-icons {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
div.zeus-device-introduction-box-description-icon {
  width: 48%;
  margin: 3px;
}

/*特徴*/
div.device-feature-icons {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 50px;
}
div.device-feature-icon {
  padding: 10px 5px;
  width: 270px;
}

/*スペック*/
div.price-fee-related-table-box {
  padding-bottom: 50px;
}
table.price-fee-related-table {
  border-collapse: separate;
  border-spacing: 5px;
  width: 100%;
  margin: 0 auto;
}
table.device-spec-table{
  margin: 50px auto 0;
}
table.device-spec-table th,
table.device-spec-table td{
  font-size: 1.6rem;
}
table.device-spec-table th {
  width: 30%;
  background-color: #000000;
  color: #FFFFFF;
  padding: 10px 0;
  font-weight: bold;
}
table.device-spec-table td.price-fee-th-col {
  width: 20%;
  background-color: #BCC4C4;
  border-spacing: 0;
  padding: 10px;
}
table.device-spec-table td {
  width: 30%;
  border-spacing: 0;
  padding: 10px;
  background-color: #FFFFFF;
  color: #000000;
}

@media screen and (max-width: 767px) {
  div.zeus-device-title {
    margin-top: 30px;
  }
  .side-title.right.device{
    top: 70px;
  }
  div.content-box-title.zeus-device-title p {
    font-size: 2.0rem;
    line-height: 1.3em;
  }
  div.content-box-title.zeus-device-title h2 p{
    text-align: center;
  }
  div.lp-device-section-1 {
    margin-top: 20px !important;
    padding-bottom: 0;
  }

  div.zeus-device-introduction-box-description {
    padding: 0;
    width: 100%;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: -10px;
  }
  div.zeus-device-introduction-box-description-icon {
    padding: 0;
    margin: 3px 0;
    width: 49%;
  }
  div.device-feature-icon {
    width: 48%;
    padding: 5px 0;
  }
  div.device-feature-icons {
    justify-content: space-between;
    margin-top: 0;
  }

  div.white-content-box-inner-price-table {
    margin: 0 auto;
  }
  table.device-spec-table {
    border-collapse: separate;
    margin: 0 auto;
    border-spacing: 0px 5px;
  }
  table.device-spec-table th {
    text-align: left;
    padding: 5px 3px;
    width: 20%;
    font-size: 1rem;
    font-weight: normal;
  }
  table.device-spec-table td {
    font-size: 0.8rem;
    padding: 5px;
    vertical-align: middle;
    line-height: 2em;
  }
  table.device-spec-table td.price-fee-th-col {
    width: 5%;
    letter-spacing: 1px;
    padding: 3px;
    font-size: 0.5rem;
    vertical-align: middle;
  }
}

/*-------------------------------------------
    Guide
-------------------------------------------*/
div.white-content-box-inner-flex.guide-align{
  align-items: center;
}
div.white-content-box-inner-flex-right .box-guide {
  width: 80%;
  margin: auto;
}
div.cancel-title{
  margin-bottom: 30px;
}
div.cancel-title > p span{
  padding-right: 0.5em;
  font-size: 1.5em;
  display: inline-block;
  vertical-align: bottom;
}

@media screen and (max-width:767px){
  div.cancel-title{
    margin-bottom: 0.5em;
  }
  div.cancel-title > p span{
    font-size: 1.7em;
  }
}

/*-------------------------------------------
    Business
-------------------------------------------*/
div.section-container div.btn-area02.business-btn{
  margin-top: 40px;
}

/*法人ページ お問い合わせボタン*/
#cv h3.business-logo{
  padding-left: 270px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  font-weight: normal;
}
#cv h3.business-logo p.logo{
  width: 44px;
  margin: -4px 8px -7px 0;
}
#cv h3.business-logo p.text{
  width: 268px;
  font-size: 2.4rem;
}
#cv dl.business dd{
  margin-inline-start: 10px;
}
#cv dl.business dt a.pc span{
  background: url(https://d1q08lkutgkcx2.cloudfront.net/image/arrow.png) no-repeat right -2px top 7px;
  background-size: 25px;
  display: inline-block;
  text-align: center;
  padding: 0px 30px 0 20px;
}
#cv dl.business dd a.pc span{
  background: url(https://d1q08lkutgkcx2.cloudfront.net/image/arrow.png) no-repeat right -2px top 7px;
  background-size: 25px;
  text-align: center;
  padding: 10px 20px 9px 20px;
}

@media screen and (max-width: 767px) {
   div.section-container div.btn-area02.business-btn{
    margin-top: 30px;
  }
  #cv dl.business{
    flex-direction: column;
  }
  #cv dl.business dt a.sp{
    display: block;
    flex-direction: column;
    width: 100%;
    margin: 5px 0;
  }
}

/*-------------------------------------------
    Anshin Kaiyaku Support
-------------------------------------------*/
section.other-first.anshin-kaiyaku,
section.other-second.anshin-kaiyaku,
section.other-third.anshin-kaiyaku{
  padding-bottom: 0;
}
div.anshin-kaiyaku-zero-image {
  width: 100%;
  margin-top: 30px;
  margin-bottom: -50px;
}
div.anshin-kaiyaku-zero-image img,
div.notion-title img {
  width: 80%;
}
div.flex-column{
  width:380px;
}
div.flex-column img{
  margin: 10px 0;
}
.anshin-point-contents {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 50px 0 20px;
}
div.anshin-point-box-description{
  margin: 20px 0;
}
div.anshin-point-box {
  width: 250px;
  position: relative;
}
div.anshin-point-box img{
  width: 100%;
}

/*申し込み時の注意*/
div.anshin-kaiyaku-notion {
  border:solid 1px red;
  padding: 70px 30px 50px;
  margin-top: 70px;
  margin-bottom: 50px;
  position: relative;
}
div.anshin-kaiyaku-notion ul {
  padding: 0;
  margin: 0;
  padding-left: 20px;
}
div.anshin-kaiyaku-notion ul li {
  list-style-type: none;
  line-height: 25px;
  text-indent: -0.75em;
}
div.anshin-kaiyaku-notion ul li::before{
  position: relative;
  top: 0px;
  left: -0.7em;
  display: inline-block;
  width: 10px;
  height: 10px;
  content: '';
  border-radius: 100%;
  background: red;
}
div.notion-title {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 55%;
  top: -30px;
  background: #E3E3E3;
  text-align: center;
}

@media screen and (max-width: 767px) {
  section.other-first.anshin-kaiyaku{
    padding-top: 50px;
    padding-bottom: 50px;
  }
  section.other-second.anshin-kaiyaku{
    padding-top: 50px;
  }
  div.anshin-kaiyaku-zero-image{
    margin-top: 20px;
  }
  div.anshin-kaiyaku-zero-image img {
    width: 100%;
  }
  .anshin-point-contents {
    justify-content: center;
    margin: 0;
  }
  div.anshin-point-box {
    width: 100%;
    margin-bottom: 20px;
  }

  div.notion-title {
    width: 80%;
    top: -15px;
  }
  div.anshin-kaiyaku-notion {
    padding: 20px 5px;
    margin-bottom: 20px;
    margin-top: 40px;
  }
  div.anshin-kaiyaku-notion ul li {
    font-size: 1.1rem;
  }
}

/*-------------------------------------------
     Customer Center
 -------------------------------------------*/

/*2021/05～
コールセンター内 よくあるご質問*/
div.white-content-box-sub-title.customer{
  text-align: center;
  margin: auto;
}
div.white-content-box-sub-title.customer > div{
  text-align: left;
  display: inline-block;
}
.faq-nav-icons.call-nav{
  padding: 0;
  margin: 30px 0 80px;
  flex-wrap: wrap;
}
.call-nav-area.genre-3{
  width: calc((100% - 20px) / 3) ;
}
.call-nav-area.genre-4{
  width: calc((100% - 20px) / 4) ;
  margin-top: 10px;
}
.call-nav-area.genre-3 a,
.call-nav-area.genre-4 a{
  font-size: 1.1em;
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}
div.faq-nav-icons div.nav-box.genre-faq{
  background-image:none;
  background: #FFFFFF;
  line-height: 1.4em;
  padding: 1.8em 0.5em;
  height: auto;
  position: relative;
  height: 100%;
}

div.faq-nav-icons div.nav-box.genre-faq:hover{
  transform: none;
  background-color: #ffeb00;
  transition: .3s all;
}
div.faq-nav-icons div.nav-box.genre-faq::after{
  content: "▶";
  display: block;
  position: absolute;
  width: 1em;
  height: 1em;
  top: 0;
  bottom: 0;
  right: 1em;
  margin: auto;
  color: #ff003c;
}
div.decoration-button-area-form-v2 {
  width: 240px;
  margin: 10px;
  margin-right: 0;
  text-align: center;
}

/*コールセンターのご案内*/
.callcenter{
  width: 100%;
  margin: 50px 0;
  height: auto;
  position: relative;
}
.callcenter::before{
  content: "";
  background: url(https://d1q08lkutgkcx2.cloudfront.net/image/use-person-sp.png) no-repeat;
  background-size: 150px;
  width: 150px;
  background-position-y: 0;
  height: 195px;
  position: absolute;
  top: calc(0% - 195px - -40px - -1.5em);
  right: 0;
}
.call-title{
  display: block;
  padding: 20px 0;
  border-radius: 15px 15px 0 0;
  background-color: #000000;
  font-size: 1.5em;
  color: #FFFFFF;
  text-align: center;
  letter-spacing: 0.2em;
}
.customer-area{
  padding: 40px 60px;
  border-radius: 0 0 15px 15px;
  background-color: #FFFFFF;
  box-shadow: 0 0 15px rgb(0 0 0 / 20%);
}
h3.customer{
  font-size: 2.5em;
  text-align: center;
}
.customer-area > div{
  margin: auto;
  width: 60%;
}
.call-info{
  display: flex;
  align-items: center;
  margin-bottom: 1.5em;
}
.call-info img,
p.call-time-box{
  display: block;
  width: 80px;
}
.call-info img{
  margin-bottom: 0.5em;
}
p.call-tel a,
p.call-time,
p.call-mail{
  margin-left: 25px;
}
p.call-tel a{
  font-size: 3.3em;
  font-weight: bold;
}
p.call-time-box{
  width: 60px;
  padding: 10px;
  background-color: #000000;
  color: #FFFFFF;
  text-align: center;
}
p.call-mail{
  font-weight: bold;
  letter-spacing: 0.2em;
  font-size: 1.2em;
}

@media (max-width: 768px) {
  .faq-nav-icons.call-nav{
    margin: 5px 0 50px;
    padding-bottom: 0;
  }
  div.decoration-button-area-form-v2 {
    width: 140px;
  }
  div.faq-nav-icons div.nav-box.genre-faq{
    padding: 14px 8px;
    font-size: 1rem;
  }
  div.faq-nav-icons div.nav-box.genre-faq::after{
    width: 15px;
    height: 15px;
    right: 0px;
    font-size: 8px;
  }

  div.white-content-box-sub-title.customer{
    text-align: left;
  }
  div.white-content-box-sub-title.customer p{
    font-size: 1.2rem;
  }
  p.call-tel a,
  p.call-time,
  p.call-mail{
  margin-left: 0px;
  }
  .callcenter{
    margin: 20px 0;
  }
  .callcenter::before{
    content: "";
    background-size: 75px;
    width: 75px;
    height: 90px;
    top: calc(0% - 90px - -30px - -1.25em);
    right: -15px;
  }
  .call-title{
    padding: 15px 45px 15px 15px;
    font-size: 4vmin;
    letter-spacing: 0em;
  }
  .customer-area{
    padding: 20px 0px;
  }
  .customer-area > div{
    margin: auto;
    width: 90%;
  }
  .customer-area > div > .btn_box02 a{
    margin: auto;
    width: 100%;
  }
  .customer-area > div > .btn_box02 a span{
    background: url(https://d1q08lkutgkcx2.cloudfront.net/image/arrow02.png) no-repeat;
    background-position: right 18px center;
    background-size: 6px;
  }
  h3.customer{
    font-size: 2em;
    margin: 0 5% 1em;
  }
  .call-info{
    display: flex;
    align-items: center;
    margin-bottom: 1.5em;
  }
  .call-info img,
  p.call-time-box{
    width: 17%;
    margin-right: 5%;
  }
  .call-info img{
    margin-bottom: 0.5em;
    margin-left: 1.5%;
  }
  p.call-tel a{
    font-size: 7.5vmin;
  }
  div.content-box-inner p.call-time-box{
    font-size: 1rem;
    width: calc(17% - 4px);
    padding: 10px 5px;
  }
  div.content-box-inner p.call-time{
    font-size: 1.2rem;
  }
  div.content-box-inner p.call-mail{
    font-weight: bold;
    letter-spacing: 0em;
    font-size: 1.4rem;
  }
}

@media (max-width: 320px) {
  div.faq-nav-icons div.nav-box.genre-faq::after{
    font-size: 7px;
    width: 12px;
    height: 15px;
  }

  p.call-tel a{
    font-size: 1.6em;
  }
  .call-info img,
  p.call-time-box{
    width: 17%;
    margin-right: 10px;
  }
  .call-info img{
    margin-left: 4px;
  }
  h3.customer{
    font-size: 1.7em;
    margin: 0 5% 1em;
  }
  div.content-box-inner p.call-time-box{
    font-size: 1.2rem;
    margin-right: 10px;
  }
  div.content-box-inner p.call-mail{
    font-size: 1.2rem;
  }
}

/*-------------------------------------------
   News
-------------------------------------------*/
div.info-content{
  display: flex;
  background-color: #FFFFFF;
  border-radius: 10px;
  box-shadow: 0 0 7px rgb(0 0 0 / 20%);
  padding-top: 35px;
  padding-bottom: 35px;
  margin-bottom: 10px;
}
.white-content-box-inner.news p{
  font-size: 1.3rem;
}

/*ポップアップの背景を暗くする*/
div.stop-notion-black-background,
div.raining-notion-black-background,
div.basicplan-notion-black-background,
div.taikencampaign-notion-black-background,
div.summer-notion-black-background,
div.newplan-notion-black-background,
div.newyearholiday-notion-black-background,
div.snowdelay-notion-black-background,
div.goldenweekholiday-notion-black-background,
div.extension-notion-black-background,
div.notion-black-background,
div.document-notion-black-background,
div.mypagestop-notion-black-background,
div.contactstop-notion-black-background,
div.springcampaign-notion-black-background,
div.businesscampaign-notion-black-background,
div.taiken-notion-black-background,
div.debutcampaign-notion-black-background,
div.olympic-notion-black-background,
div.july-notion-black-background,
div.alart-notion-black-background,
div.summer2021-notion-black-background,
div.rainydelay-notion-black-background,
div.networkfault-notion-black-background,
div.summercampaign-notion-black-background{
  position: fixed;
  background-color: #000000;
  opacity: 0.4;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000000000001;
}

/*ポップアップ全体のサイズ*/
div.white-content-box-stop-notion,
div.white-content-box-raining-notion,
div.white-content-box-basicplan-notion,
div.white-content-box-taikencampaign-notion,
div.white-content-box-summer-notion,
div.white-content-box-newplan-notion,
div.white-content-box-newyearholiday-notion,
div.white-content-box-snowdelay-notion,
div.white-content-box-goldenweekholiday-notion,
div.white-content-box-mypagestop-notion,
div.white-content-box-contactstop-notion,
div.white-content-box-extension-notion,
div.white-content-box-document-notion,
div.white-content-box-springcampaign-notion,
div.white-content-box-businesscampaign-notion,
div.white-content-box-debutcampaign-notion,
div.white-content-box-taiken-notion,
div.white-content-box-olympic-notion,
div.white-content-box-july-notion,
div.white-content-box-alart-notion,
div.white-content-box-summer2021-notion,
div.white-content-box-rainydelay-notion,
div.white-content-box-networkfault-notion,
div.white-content-box-summercampaign-notion{
  position: fixed;
  max-height: calc(100% - 150px - 35px - 200px);
  max-width: 1100px;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  padding: 50px 0;
  margin: auto;
  z-index: 1000000000002;
  background-color: #F3F3F3;
}

div.white-content-box-olympic-notion-expansion {
  max-height: calc(100% - 150px - 35px - 100px);
}

/*申込フォーム 端末あんしんオプションのアラート*/
div.white-content-box-alart-notion{
  max-height: auto;
  max-width: 35%;
  top: 7%;
  background-color: transparent;
  padding: 0;
  transform: none;
}

/*スクロール対応*/
div.white-content-box-raining-notion,
div.white-content-box-document-notion,
div.white-content-box-springcampaign-notion,
div.white-content-box-businesscampaign-notion,
div.white-content-box-debutcampaign-notion,
div.white-content-box-taiken-notion,
div.white-content-box-rainydelay-notion,
div.white-content-box-summercampaign-notion{
  height: calc(100% - 150px - 35px - 200px);
  max-height: initial;
}

/*表示エリア*/
div.white-content-box-stop-notion div.white-content-box-inner-stop,
div.white-content-box-raining-notion div.white-content-box-inner-raining,
div.white-content-box-basicplan-notion div.white-content-box-inner-basicplan,
div.white-content-box-taikencampaign-notion div.white-content-box-inner-taikencampaign,
div.white-content-box-summer-notion div.white-content-box-inner-summer,
div.white-content-box-newplan-notion div.white-content-box-inner-newplan,
div.white-content-box-newyearholiday-notion div.white-content-box-inner-newyearholiday,
div.white-content-box-snowdelay-notion div.white-content-box-inner-snowdelay,
div.white-content-box-goldenweekholiday-notion div.white-content-box-inner-goldenweekholiday,
div.white-content-box-mypagestop-notion div.white-content-box-inner-mypagestop,
div.white-content-box-extension-notion div.white-content-box-inner-extension,
div.white-content-box-contactstop-notion div.white-content-box-inner-contactstop,
div.white-content-box-springcampaign-notion div.white-content-box-inner-springcampaign,
div.white-content-box-businesscampaign-notion div.white-content-box-inner-businesscampaign,
div.white-content-box-debutcampaign-notion div.white-content-box-inner-debutcampaign,
div.white-content-box-taiken-notion div.white-content-box-inner-taiken,
div.white-content-box-document-notion div.white-content-box-inner-document,
div.white-content-box-olympic-notion div.white-content-box-inner-olympic,
div.white-content-box-july-notion div.white-content-box-inner-july,
div.white-content-box-alart-notion div.white-content-box-inner-alart,
div.white-content-box-summer2021-notion div.white-content-box-inner-summer2021,
div.white-content-box-rainydelay-notion div.white-content-box-inner-rainydelay,
div.white-content-box-networkfault-notion div.white-content-box-inner-networkfault,
div.white-content-box-summercampaign-notion div.white-content-box-inner-summercampaign{
  width: 70%;
  height: 90%;
  overflow-x: hidden;
  margin: 30px auto 0;
}

div.white-content-box-alart-notion div.white-content-box-inner-alart{
  width: 100%;
  margin: 0;
}
/*ポップアップ閉じるボタン*/
div.popup-close-button,
div.stop-popup-close-button,
div.raining-popup-close-button,
div.basicplan-popup-close-button,
div.taikencampaign-popup-close-button,
div.summer-popup-close-button,
div.newplan-popup-close-button,
div.newyearholiday-popup-close-button,
div.snowdelay-popup-close-button,
div.goldenweekholiday-popup-close-button,
div.mypagestop-popup-close-button,
div.campaign-stop-popup-close-button,
div.extension-popup-close-button,
div.document-popup-close-button,
div.springcampaign-popup-close-button,
div.businesscampaign-popup-close-button,
div.taiken-popup-close-button,
div.debutcampaign-popup-close-button,
div.olympic-popup-close-button,
div.july-popup-close-button,
div.alart-popup-close-button,
div.summer2021-popup-close-button,
div.rainydelay-popup-close-button,
div.networkfault-popup-close-button,
div.summercampaign-popup-close-button{
  width: 35px;
  height: 35px;
  position: absolute;
  right: -15px;
  top: -15px;
  text-align: center;
  background-color: #000000;
  border-radius: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

div.alart-popup-close-button{
  background-color: #F3F3F3;
}
.fa-times{
  font-size: 2rem;
}

div.popup-close-button img,
div.stop-popup-close-button img,
div.raining-popup-close-button img,
div.basicplan-popup-close-button img,
div.taikencampaign-popup-close-button img,
div.summer-popup-close-button img,
div.newplan-popup-close-button img,
div.newyearholiday-popup-close-button img,
div.snowdelay-popup-close-button img,
div.goldenweekholiday-popup-close-button img,
div.mypagestop-popup-close-button img,
div.campaign-stop-popup-close-button img,
div.extension-popup-close-button img,
div.document-popup-close-button img,
div.springcampaign-popup-close-button img,
div.businesscampaign-popup-close-button img,
div.taiken-popup-close-button img,
div.debutcampaign-popup-close-button img,
div.olympic-popup-close-button img,
div.july-popup-close-button img,
div.alart-popup-close-button img,
div.summer2021-popup-close-button img,
div.rainydelay-popup-close-button img,
div.networkfault-popup-close-button img,
div.summercampaign-popup-close-button img{
  width: 50%;
}

/*ポップアップ内タイトル*/
div.white-content-box-stop-notion div.white-content-box-title-notion,
div.white-content-box-raining-notion div.white-content-box-title-notion,
div.white-content-box-basicplan-notion div.white-content-box-title-notion,
div.white-content-box-taikencampaign-notion div.white-content-box-title-notion,
div.white-content-box-summer-notion div.white-content-box-title-notion,
div.white-content-box-newplan-notion div.white-content-box-title-notion,
div.white-content-box-newyearholiday-notion div.white-content-box-title-notion,
div.white-content-box-snowdelay-notion div.white-content-box-title-notion,
div.white-content-box-goldenweekholiday-notion div.white-content-box-title-notion,
div.white-content-box-mypagestop-notion div.white-content-box-title-notion,
div.white-content-box-contactstop-notion div.white-content-box-title-notion,
div.white-content-box-extension-notion div.white-content-box-title-notion,
div.white-content-box-springcampaign-notion div.white-content-box-title-notion,
div.white-content-box-businesscampaign-notion div.white-content-box-title-notion,
div.white-content-box-debutcampaign-notion div.white-content-box-title-notion,
div.white-content-box-taiken-notion div.white-content-box-title-notion,
div.white-content-box-document-notion div.white-content-box-title-notion,
div.white-content-box-olympic-notion div.white-content-box-title-notion,
div.white-content-box-july-notion div.white-content-box-title-notion,
div.white-content-box-alart-notion div.white-content-box-title-notion,
div.white-content-box-summer2021-notion div.white-content-box-title-notion,
div.white-content-box-rainydelay-notion div.white-content-box-title-notion,
div.white-content-box-networkfault-notion div.white-content-box-title-notion,
div.white-content-box-summercampaign-notion div.white-content-box-title-notion{
  padding: 0;
  margin-top: 0;
}

/*ポップアップタイトル文字*/
div.white-content-box-title-notion p {
  font-size: 2.8rem;
  line-height: 1.2em;
}

/*大雨支援の表*/
.raining-notion-table {
  border-collapse: collapse;
}
.raining-notion-table td {
  border: 1px solid black;
}
.raining-notion-table-cell-prefecture {
  width: 10%;
}
.july-red-text {
  color: red;
}

/*20200330ページ、キャンペーンアーカイブの内容*/
div.debut-description-body-desciption {
  width: 80%;
  padding: 0 0 0 30px;
  margin: 0;
}

div.special-campaignterms-button-text {
  box-sizing: border-box;
  position: absolute;
  text-align: center;
  top: 5px;
  left: 90px;
  height: 40px;
  width: 200px;
  background-color: white;
  padding-top: 5px;
  text-decoration: none;
  color: black;
}
@media screen and (max-width: 320px) {
  div.special-campaignterms-button-text {
    width: 60%;
  }
}
div.special-campaignterms-button-text p {
  line-height: 1.2rem;
}

div.special-campaignterms-button-text.inactive {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}

div.special-campaignterms-button-text.active {
  opacity: 1.0;
  cursor: pointer;
  pointer-events: all;
}

/*2021/05～
  コールセンターのご案内
*/
.callcenter{
  width: 100%;
  margin: 50px 0;
  height: auto;
  position: relative;

}
.callcenter::before{
  content: "";
  background: url(https://d1q08lkutgkcx2.cloudfront.net/image/use-person-sp.png) no-repeat;
  background-size: 150px;
  width: 150px;
  background-position-y: 0;
  height: 195px;
  position: absolute;
  top: calc(0% - 195px - -40px - -1.5em);
  right: 0;
}

.call-title{
  display: block;
  padding: 20px 0;
  border-radius: 15px 15px 0 0;
  background-color: #000000;
  font-size: 1.5em;
  color: #FFFFFF;
  text-align: center;
  letter-spacing: 0.2em;
}

.call-title-mypage{
  display: block;
  padding: 20px 0;
  background-color: #3C3C3C;
  font-size: 1.5em;
  color: #FFFFFF;
  text-align: center;
  letter-spacing: 0.2em;
  margin-bottom: -30px;
  padding-top: 50px;
}

.customer-area{
  padding: 40px 60px;
  border-radius: 0 0 15px 15px;
  background-color: #FFFFFF;
  box-shadow: 0 0 15px rgb(0 0 0 / 20%);
}

.customer-area > div{
  margin: auto;
  width: 60%;
}

.customer-area-mypage{
  padding: 30px 49px;
  background-color: #3C3C3C;
  color: white;
}

.customer-area-mypage > div{
  margin: auto;
  width: 46%;
}

h3.customer{
  font-size: 2.5em;
  text-align: center;
}

.call-info{
  display: flex;
  align-items: center;
  margin-bottom: 1.5em;
}

.call-info img,
p.call-time-box{
  display: block;
  width: 80px;
}

p.call-time-box-mypage{
  display: block;
  width: 80px;
}

.call-info img{
  margin-bottom: 0.5em;
}

p.call-tel a,
p.call-time,
p.call-mail{
  margin-left: 25px;
}

p.call-mail-mypage{
  margin-left: 25px;
}

p.call-tel a{
  font-size: 3.3em;
  font-weight: bold;
  color: #ff003c;
  text-decoration: none;
}

p.call-time-box{
  width: 60px;
  padding: 10px;
  background-color: #000000;
  color: #FFFFFF;
  text-align: center;
}

p.call-time-box-mypage{
  width: 60px;
  padding: 10px;
  background-color: #282828;
  color: #FFFFFF;
  text-align: center;
}

p.call-mail{
  font-weight: bold;
  letter-spacing: 0.2em;
  font-size: 1.2em;
}
p.call-mail-mypage{
  letter-spacing: 0.2em;
  font-size: 1.2em;
}
.white-content-box-sub-title.customer{
  text-align: center;
  margin: auto;
}

.white-content-box-sub-title.customer > div{
  text-align: left;
  display: inline-block;
}

@media (max-width: 768px) {
  .white-content-box-sub-title.customer{
    text-align: left;
  }

  .white-content-box-sub-title.customer p{
    font-size: 1.4rem;
  }

  p.call-tel a,
  p.call-time,
  p.call-mail{
  margin-left: 0px;
  }

  p.call-mail-mypage{
    margin-left: 0px;
  }

  .callcenter{
    margin: 20px 0;
  }

  .callcenter::before{
    content: "";
    background-size: 75px;
    width: 75px;
    height: 90px;
    top: calc(0% - 90px - -30px - -1.25em);
    right: -15px;
  }

  .call-title{
    padding: 15px 45px 15px 15px;
    font-size: 4vmin;
    letter-spacing: 0em;
  }

  .call-title-mypage{
    font-size: 4vmin;
    letter-spacing: 0em;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .customer-area{
    padding: 20px 0px;
  }

  .customer-area > div{
    margin: auto;
    width: 90%;
  }

  .customer-area > div > .btn_box02 a{
    margin: auto;
    width: 260px;
  }

  .customer-area > div > .btn_box02 a span{
    background: url(https://d1q08lkutgkcx2.cloudfront.net/image/arrow02.png) no-repeat 235px center;
    background-size: 6px;
  }

  .customer-area-mypage{
    padding: 30px 0px;
  }

  .customer-area-mypage > div{
    margin: auto;
    width: 90%;
  }

  .customer-area-mypage > div > .btn_box02 a{
    margin: auto;
    width: 260px;
  }

  .customer-area-mypage > div > .btn_box02 a span{
    background: url(https://d1q08lkutgkcx2.cloudfront.net/image/arrow02.png) no-repeat 235px center;
    background-size: 6px;
  }

  h3.customer{
    font-size: 2em;
    margin: 0 5% 1em;
  }

  .call-info{
    display: flex;
    align-items: center;
    margin-bottom: 1.5em;
    margin-left: 20px;
  }

  .call-info img,
  p.call-time-box{
    width: 17%;
    margin-right: 5%;
  }

  p.call-time-box-mypage{
    width: 17%;
    margin-right: 5%;
  }

  .call-info img{
    margin-bottom: 0.5em;
    margin-left: 1.5%;
  }

  p.call-tel a{
    font-size: 7.5vmin;
  }

  div.content-box-inner p.call-time-box-mypage{
    font-size: 1rem;
    width: calc(17% - 5px);
    padding: 10px 5px;
  }

  div.content-box-inner p.call-time{
    font-size: 1.2rem;
  }

  div.content-box-inner p.call-mail{
    font-weight: bold;
    letter-spacing: 0em;
    font-size: 1.4rem;
  }

  div.content-box-inner p.call-mail-mypage{
    font-weight: bold;
    letter-spacing: 0em;
    font-size: 1.4rem;
  }
}

@media (max-width: 320px) {
  p.call-tel a{
    font-size: 1.9em;
  }

  .call-info img,
  p.call-time-box{
    width: 17%;
    margin-right: 19px;
  }

  p.call-time-box-mypage{
    width: 17%;
    margin-right: 19px;
  }

  .call-info img{
    margin-left: 6px;
  }

  div.content-box-inner p.call-time-box{
    font-size: 1.2rem;
    margin-right: 16px;
  }
  div.content-box-inner p.call-time-box-mypage{
    font-size: 1.2rem;
    margin-right: 16px;
  }
  div.content-box-inner p.call-mail{
    font-size: 1.3rem;
  }
  div.content-box-inner p.call-mail-mypage{
    font-size: 1.3rem;
  }
}

/*2021/05～
　コールセンター内 よくあるご質問
*/

div.faq-nav-icons div.nav-box.genre-faq{
  background-image:none;
  background: #FFFFFF;
  line-height: 1.4em;
  padding: 1.8em 0.5em;
  height: auto;
  position: relative;
  height: 100%;
}

div.faq-nav-icons div.nav-box.genre-faq{
  padding:0;
}

div.faq-nav-icons div.nav-box.genre-faq:hover{
  transform: none;
  background-color: #ffeb00;
  transition: .3s all;
}

div.faq-nav-icons div.nav-box.genre-faq::after{
  content: "▶";
  display: block;
  position: absolute;
  width: 1em;
  height: 1em;
  top: -5px;
  bottom: 0;
  right: 1em;
  margin: auto;
  color: #ff003c;
}

.call-nav-area.genre-3{
  width: calc((100% - 20px) / 3) ;
}

.call-nav-area.genre-4{
  width: calc((100% - 20px) / 4) ;
  margin-top: 10px;
}

.call-nav-area.genre-3 a,
.call-nav-area.genre-4 a{
  font-size: 1.1em;
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}

@media (max-width: 767px) {
  div.faq-nav-icons div.nav-box.genre-faq{
    padding: 10px 8px;
  }

  div.faq-nav-icons div.nav-box.genre-faq::after{
    width: 15px;
    height: 15px;
    right: 15px;
    top:0;
    font-size: 8px;
  }

  .call-nav-area.genre-2{
    width: calc((100% - 20px) / 2) ;

    margin:0 auto;
    margin-top: 10px;
  }
}

@media (max-width: 320px) {
  div.faq-nav-icons div.nav-box.genre-faq::after{
    font-size: 7px;
    width: 12px;
    height: 15px;
  }
}

/* *** */
/* Release 202010 */
/* *** */

textarea {
  font-family : inherit;
  font-size : 100%;
}

div.content-box-inner{
  max-width: 850px;
  width: 100%;
  margin: 0 auto;
}
div.content-box-inner.price{
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
div.content-box-title p {
  font-size: 3.8rem;
  line-height: 40px;
  text-align: center;
  margin-bottom: 26px;
}
.callcenter-title{
  margin: 65px 0 40px;
}


div.content-box-title h1 p{
  font-weight: bold;
  margin-bottom: 30px;
}

div.content-box-title h1 p.seo-text{
  font-size: 24px;
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  div.content-box-inner{
    width: 100%;
    margin-top: 20px;
  }
  div.content-box-inner.news{
    width: 100%;
  }
  div.content-box-title p {
    font-size: 2.6rem;
    line-height: 30px;
    text-align: left;
  }
  h2.callcenter-title p{
    font-size:2.4rem;
  }
  div.content-box-title.news p{
    text-align: center;
  }
  div.content-box-title p.center{
    text-align: center;
  }
  div.faq-main-title p{
    font-size: 3.2rem;
    line-height: 40px;
  }
  section.other-second.anshin-kaiyaku{
    padding-top: 50px;
  }

  div.content-box-title h1 p{
    font-size: 2.6rem;
    line-height: 30px;
    text-align: left;
  }

  div.content-box-title h1 p.seo-text{
    font-size: 18px;
    margin-bottom: 0px;
  }
}

/*ボタン*/
.btn_box01{
  text-align: center;
  margin: 80px 0 0;
}
.btn_box01 h4{
  font-size: 2rem;
  letter-spacing: 0.15em;
  text-indent: -0.15em;
}
.btn_box01 h4 img{
  width: 40px;
  vertical-align: baseline;
  line-height: 1;
  margin: 0 7px -3px 0;
}
.btn_box01 ul{
  margin: 40px 0 0;
}
.btn_box01 ul li{
  display: inline-block;
  margin: 0 10px;
}
.btn_box01 ul li a{
  display: block;
  width: 320px;
  padding: 20px 40px;
  background: url(https://d1q08lkutgkcx2.cloudfront.net/image/arrow.png) no-repeat 95% center #FFE400;
  background-size: 16px;
  color: #1E1E1E;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.2em;
  text-indent: -0.2em;
  border-radius: 6px;
  box-sizing: border-box;
}

.btn_box02 a{
  background: #ff003c;
  width: 426px;
  display: block;
  margin: 0 auto;
  font-size: 1.8rem;
  font-weight: bold;
  color: #FFFFFF;
  letter-spacing: 0.05em;
  position: relative;
  text-align: center;
  text-decoration: none;
}
.btn_box02 a::after{
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 70px;
  background: #1E1E1E;
  transition: .3s all;
}
.btn_box02 a:hover::after{
  width: 100%;
}
.btn_box02.charm{
  margin-bottom: 30px;
}

.btn_box02 a span{
  background: url(https://d1q08lkutgkcx2.cloudfront.net/image/arrow02.svg) no-repeat 386px center;
  background-size: 8px;
  display: block;
  padding: 25px 70px 27px 0;
  position: relative;
  z-index: 1;
}
.btn_box02.contract_cancel{
  padding-bottom: 40px;
}
.btn_box02.overseas{
  margin-top: 30px;
  margin-bottom: 30px;
}
.btn-area01{
  display: flex;
  justify-content: center;
}
.btn-area02{
  display: flex;
  justify-content: space-between;
}
.btn_box02_1 a,
.btn_box02_2 a{
  width:300px;
  font-size: 1.6rem;
}
.btn_box02_1 a span,
.btn_box02_2 a span{
  background: url(https://d1q08lkutgkcx2.cloudfront.net/image/arrow02.svg) no-repeat 263px center;
  background-size: 8px;
}
.btn_box02_2 a span{
  padding: 18px 70px 18px 0;
}

.style-margin{
  margin-top:50px;
}
@media screen and (min-width:767px){
  .btn_box02.price,
  .btn_box02.business{
    margin-top: -150px;
  }
}
@media screen and (max-width: 767px) {
  .btn_box01{
    text-align: center;
    margin: 80px 0 0;
  }
  .btn_box01 h4{
    font-size: 2rem;
    letter-spacing: 0.15em;
    text-indent: -0.15em;
  }
  .btn_box01 h4 img{
    width: 40px;
    vertical-align: baseline;
    line-height: 1;
    margin: 0 7px -3px 0;
  }
  .btn_box01 ul{
    margin: 40px 0 0;
  }
  .btn_box01 ul li{
    display: inline-block;
    margin: 0 10px;
  }
  .btn_box01 ul li a{
    display: block;
    width: 320px;
    padding: 20px 40px;
    background: url(https://d1q08lkutgkcx2.cloudfront.net/image/arrow.png) no-repeat 95% center #FFE400;
    background-size: 16px;
    color: #1E1E1E;
    font-size: 1.6rem;
    font-weight: bold;
    letter-spacing: 0.2em;
    text-indent: -0.2em;
    border-radius: 6px;
    box-sizing: border-box;
  }

  .btn_box02 a{
    background: #ff003c;
    width: 280px;
    display: block;
    margin: 0 auto;
    font-size: 1.2rem;
    font-weight: bold;
    color: #FFFFFF;
    letter-spacing: 0.02em;
    position: relative;
    text-align: center;
    text-decoration: none;
  }
  .btn_box02 a::after{
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 45px;
    background: #1E1E1E;
    transition: .3s all;
  }
  .btn_box02 a:hover::after{
    width: 100%;
  }
  .btn_box02 a span{
    background: url(https://d1q08lkutgkcx2.cloudfront.net/image/arrow02.png) no-repeat 255px center;
    background-size: 6px;
    display: block;
    padding: 20px 45px 20px 0;
    position: relative;
    z-index: 1;
  }
  .btn-area02{
    flex-direction: column;
  }
  .btn_box02_2 a span{
    margin-top: 35px;
    padding: 14px 45px 14px 0;
  }
  .btn_box02_1 a span{
    margin-top: 35px;
  }
}

/*-------------------------------------------
    Guide
-------------------------------------------*/

@media screen and (min-width: 768px) {
  .nav-inner-flex{
    display: flex;
    margin-left: auto;
    width: 51%;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .white-content-box-inner-flex-right p{
    position: relative;
    left: 38px;
  }
  .white-content-box-inner-flex-right.guide p{
    font-size:3em;
    text-align: center;
    font-size: 1.7em;
  }
  .guide-description{
    font-size: 4em;
    padding-bottom: 76px;
  }
  .nav-inner-flex.second{
    display: flex;
    padding-left:90px;
    margin-left: auto;
    width: 51%;
    margin-right: auto;
  }
  .guide-nav-description{
    line-height: 33px;
    padding-left: 5px;
    text-align: center;
    font-size: 2em;
    padding-bottom: 20px;
  }
  .nav-inner-flex{
    display: flex;
    padding-left: 18px;
  }
  .guide-nav-description.second{
    padding-top:5px;
  }
}
@media screen and (max-width: 360px){
  div.nav-inner-flex {
    display: flex;
    padding-left: 11px;
  }
  div.guide-number.number1{
    position: relative;
    top: 30px;
    right: 106px;
    z-index: 10000000;
  }
}

/*-------------------------------------------
    FAQ
-------------------------------------------*/

div.faq-content {
  padding: 0 60px;
}
div.lp-faq-contents-v2 {
  padding: 0 40px;
  margin: 70px 0;
}

.tab_content dl{
  border-top: solid 1px #908E8E;
  padding: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}
.tab_content dl:last-child{
  border-bottom: solid 1px #908E8E;
}
.tab_content dt{
  padding: 30px 30px 30px 65px;
  position: relative;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  cursor: pointer;
}
.tab_content dt::after{
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 42px;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background: url(https://d1q08lkutgkcx2.cloudfront.net/image/arrow03.png) no-repeat center;
  background-size: contain;
}
.tab_content dt.active::after{
  transform: rotate(180deg);
  top: 35px;
}
.tab_content dt span,
.tab_content dd span{
  font-size: 3rem;
  position: absolute;
  left: 20px;
  top: 25px;
}
.tab_content dd{
  background: #FFFFFF;
  padding: 30px 20px 30px 65px;
  margin: 0 0 30px;
  position: relative;
  box-sizing: border-box;
  display: none;
}
.tab_content dd span{
  top: 27px;
}
.tab_content dd p{
  font-size: 1.3rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
  text-align: justify;
}
div.faq-nav-icons div.nav-box span{
  display: none;
}
div.faq-category-title p{
  margin:60px 0 30px;
}

div.faq-category-title p span{
  font-size: 1.3rem;
  text-align: center;
  display: block;
}

@media screen and (max-width: 767px) {
  div.faq-content{
    padding: 0;
  }
  div.lp-faq-contents-v2 {
    padding: 5%;
    margin: 10px 0;
  }
  .tab_content dl{
    padding: 0 0 30px;
  }
  .tab_content dt {
    padding: 30px 20px 0 45px;
    font-size: 1.5rem;
    line-height: 1.4;
  }
  .tab_content dt.active::after{
    transform: rotate(180deg);
  }
  .tab_content dt span{
    font-size: 3rem;
    font-family: montserrat, sans-serif;
    position: absolute;
    left: 7px;
    top: 20px;
  }
  .tab_content dd {
    padding: 20px 20px 20px 45px;
    margin: 30px 0 0;
  }
  .tab_content dd span {
    font-size: 3rem;
    position: absolute;
    left: 10px;
    top: 15px;
  }
  .tab_content dd p{
    font-size: 1.2rem;
  }
  div.faq-category-title p span{
    text-align: left;
  }
}
/*-------------------------------------------
   News
-------------------------------------------*/
/*TOPなどにお知らせを掲示するときのピンク帯*/

div.under-kv-notion {
  background-color: #fee6eb;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  padding-top: 15px;
}
div.under-kv-notion-inner {
  text-align: left;
}

div.under-kv-notion p.under-kv-notion-title {
  color: #ff6159;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
}

div.under-kv-notion-form {
  border-radius: 5px;
  width: 80%;
  margin: 0 auto;
  padding: 10px;
}

div.under-kv-notion p.under-kv-notion-title a{
  text-decoration:none;
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  div.under-kv-notion {
    padding: 10px;
  }
  div.under-kv-notion-form {
    box-sizing: border-box;
    width: 100%;
  }
}
.white-content-box-inner.news p{
  font-size: 1.3rem;
}

/*ポップアップの背景を暗くする*/
div.stop-notion-black-background,
div.raining-notion-black-background,
div.basicplan-notion-black-background,
div.taikencampaign-notion-black-background,
div.summer-notion-black-background,
div.newplan-notion-black-background,
div.newyearholiday-notion-black-background,
div.snowdelay-notion-black-background,
div.goldenweekholiday-notion-black-background,
div.extension-notion-black-background,
div.notion-black-background,
div.document-notion-black-background,
div.mypagestop-notion-black-background,
div.contactstop-notion-black-background,
div.businesscampaign-notion-black-background,
div.taiken-notion-black-background,
div.debutcampaign-notion-black-background{
  position: fixed;
  background-color: #000000;
  opacity: 0.4;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000000000001;
}

/*ポップアップ全体のサイズ*/
div.white-content-box-stop-notion,
div.white-content-box-raining-notion,
div.white-content-box-basicplan-notion,
div.white-content-box-taikencampaign-notion,
div.white-content-box-summer-notion,
div.white-content-box-newplan-notion,
div.white-content-box-newyearholiday-notion,
div.white-content-box-snowdelay-notion,
div.white-content-box-goldenweekholiday-notion,
div.white-content-box-mypagestop-notion,
div.white-content-box-contactstop-notion,
div.white-content-box-extension-notion,
div.white-content-box-businesscampaign-notion,
div.white-content-box-debutcampaign-notion,
div.white-content-box-taiken-notion,
div.white-content-box-document-notion{
  position: fixed;
  max-height: calc(100% - 150px - 35px - 200px);
  max-width: 1100px;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  padding: 50px 0;
  margin: auto;
  z-index: 1000000000002;
  background-color: #F3F3F3;
}

/*スクロール対応*/
div.white-content-box-raining-notion,
div.white-content-box-document-notion,
div.white-content-box-businesscampaign-notion,
div.white-content-box-debutcampaign-notion,
div.white-content-box-taiken-notion{
  height: calc(100% - 150px - 35px - 140px);
  max-height: initial;
}



/*表示エリア*/
div.white-content-box-stop-notion div.white-content-box-inner-stop,
div.white-content-box-raining-notion div.white-content-box-inner-raining,
div.white-content-box-basicplan-notion div.white-content-box-inner-basicplan,
div.white-content-box-taikencampaign-notion div.white-content-box-inner-taikencampaign,
div.white-content-box-summer-notion div.white-content-box-inner-summer,
div.white-content-box-newplan-notion div.white-content-box-inner-newplan,
div.white-content-box-newyearholiday-notion div.white-content-box-inner-newyearholiday,
div.white-content-box-snowdelay-notion div.white-content-box-inner-snowdelay,
div.white-content-box-goldenweekholiday-notion div.white-content-box-inner-goldenweekholiday,
div.white-content-box-mypagestop-notion div.white-content-box-inner-mypagestop,
div.white-content-box-extension-notion div.white-content-box-inner-extension,
div.white-content-box-contactstop-notion div.white-content-box-inner-contactstop,
div.white-content-box-businesscampaign-notion div.white-content-box-inner-businesscampaign,
div.white-content-box-debutcampaign-notion div.white-content-box-inner-debutcampaign,
div.white-content-box-taiken-notion div.white-content-box-inner-taiken,
div.white-content-box-document-notion div.white-content-box-inner-document{
  width: 70%;
  height: 90%;
  overflow-x: hidden;
  margin: 30px auto 0;
}

/*ポップアップ閉じるボタン*/
div.popup-close-button,
div.stop-popup-close-button,
div.raining-popup-close-button,
div.basicplan-popup-close-button,
div.taikencampaign-popup-close-button,
div.summer-popup-close-button,
div.newplan-popup-close-button,
div.newyearholiday-popup-close-button,
div.snowdelay-popup-close-button,
div.goldenweekholiday-popup-close-button,
div.mypagestop-popup-close-button,
div.campaign-stop-popup-close-button,
div.extension-popup-close-button,
div.document-popup-close-button,
div.businesscampaign-popup-close-button,
div.taiken-popup-close-button,
div.debutcampaign-popup-close-button{
  width: 35px;
  height: 35px;
  position: absolute;
  right: -15px;
  top: -15px;
  text-align: center;
  background-color: #000000;
  border-radius: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

div.popup-close-button img,
div.stop-popup-close-button img,
div.raining-popup-close-button img,
div.basicplan-popup-close-button img,
div.taikencampaign-popup-close-button img,
div.summer-popup-close-button img,
div.newplan-popup-close-button img,
div.newyearholiday-popup-close-button img,
div.snowdelay-popup-close-button img,
div.goldenweekholiday-popup-close-button img,
div.mypagestop-popup-close-button img,
div.campaign-stop-popup-close-button img,
div.extension-popup-close-button img,
div.document-popup-close-button img,
div.businesscampaign-popup-close-button img,
div.taiken-popup-close-button img,
div.debutcampaign-popup-close-button img{
  width: 50%;
}

/*ポップアップ内タイトル*/
div.white-content-box-stop-notion div.white-content-box-title-notion,
div.white-content-box-raining-notion div.white-content-box-title-notion,
div.white-content-box-basicplan-notion div.white-content-box-title-notion,
div.white-content-box-taikencampaign-notion div.white-content-box-title-notion,
div.white-content-box-summer-notion div.white-content-box-title-notion,
div.white-content-box-newplan-notion div.white-content-box-title-notion,
div.white-content-box-newyearholiday-notion div.white-content-box-title-notion,
div.white-content-box-snowdelay-notion div.white-content-box-title-notion,
div.white-content-box-goldenweekholiday-notion div.white-content-box-title-notion,
div.white-content-box-mypagestop-notion div.white-content-box-title-notion,
div.white-content-box-contactstop-notion div.white-content-box-title-notion,
div.white-content-box-extension-notion div.white-content-box-title-notion,
div.white-content-box-businesscampaign-notion div.white-content-box-title-notion,
div.white-content-box-debutcampaign-notion div.white-content-box-title-notion,
div.white-content-box-taiken-notion div.white-content-box-title-notion,
div.white-content-box-document-notion div.white-content-box-title-notion{
  padding: 0;
}

/*ポップアップタイトル文字*/
div.white-content-box-title-notion p {
  font-size: 2.8rem;
}

/*大雨支援の表*/
.raining-notion-table {
  border-collapse: collapse;
}
.raining-notion-table td {
  border: 1px solid black;
}
.raining-notion-table-cell-prefecture {
  width: 10%;
}

@media screen and (max-width: 1440px) {
  /*ポップアップ全体のサイズ*/
  div.white-content-box-stop-notion,
  div.white-content-box-raining-notion,
  div.white-content-box-basicplan-notion,
  div.white-content-box-taikencampaign-notion,
  div.white-content-box-summer-notion,
  div.white-content-box-newplan-notion,
  div.white-content-box-newyearholiday-notion,
  div.white-content-box-snowdelay-notion,
  div.white-content-box-goldenweekholiday-notion,
  div.white-content-box-mypagestop-notion,
  div.white-content-box-contactstop-notion,
  div.white-content-box-extension-notion,
  div.white-content-box-springcampaign-notion,
  div.white-content-box-businesscampaign-notion,
  div.white-content-box-debutcampaign-notion,
  div.white-content-box-taiken-notion,
  div.white-content-box-document-notion,
  div.white-content-box-olympic-notion,
  div.white-content-box-july-notion,
  div.white-content-box-summer2021-notion,
  div.white-content-box-rainydelay-notion,
  div.white-content-box-networkfault-notion,
  div.white-content-box-summercampaign-notion{
    top: 50%;
    transform: translateY(-50%);
    margin: 0 5%;
    max-width: 90%;
    height: calc(100% - 50px - 40px - 20vh);
    max-height: initial;
  }

  div.white-content-box-alart-notion{
    top: 5%;
    margin: 0 auto;
    max-width: auto;
    max-height: 35%;
  }

  /*表示エリア*/
  div.white-content-box-stop-notion div.white-content-box-inner-stop,
  div.white-content-box-raining-notion div.white-content-box-inner-raining,
  div.white-content-box-basicplan-notion div.white-content-box-inner-basicplan,
  div.white-content-box-taikencampaign-notion div.white-content-box-inner-taikencampaign,
  div.white-content-box-summer-notion div.white-content-box-inner-summer,
  div.white-content-box-newplan-notion div.white-content-box-inner-newplan,
  div.white-content-box-newyearholiday-notion div.white-content-box-inner-newyearholiday,
  div.white-content-box-snowdelay-notion div.white-content-box-inner-snowdelay,
  div.white-content-box-goldenweekholiday-notion div.white-content-box-inner-goldenweekholiday,
  div.white-content-box-mypagestop-notion div.white-content-box-inner-mypagestop,
  div.white-content-box-extension-notion div.white-content-box-inner-extension,
  div.white-content-box-contactstop-notion div.white-content-box-inner-contactstop,
  div.white-content-box-businesscampaign-notion div.white-content-box-inner-businesscampaign,
  div.white-content-box-debutcampaign-notion div.white-content-box-inner-debutcampaign,
  div.white-content-box-taiken-notion div.white-content-box-inner-taiken,
  div.white-content-box-document-notion div.white-content-box-inner-document,
  div.white-content-box-olympic-notion div.white-content-box-inner-olympic,
  div.white-content-box-july-notion div.white-content-box-inner-july,
  div.white-content-box-alart-notion div.white-content-box-inner-alart,
  div.white-content-box-summer2021-notion div.white-content-box-inner-summer2021,
  div.white-content-box-rainydelay-notion div.white-content-box-inner-rainydelay,
  div.white-content-box-networkfault-notion div.white-content-box-inner-networkfault{
    width: 75%;
    height: 75%;
    overflow-x: hidden;
  }

  div.white-content-box-alart-notion div.white-content-box-inner-alart{
    margin: auto;
  }

  /*ポップアップサイズ（小）*/
  div.white-content-box-newplan-notion{
    height: initial;
  }

  /*スクロール対応*/
  div.white-content-box-raining-notion,
  div.white-content-box-businesscampaign-notion,
  div.white-content-box-debutcampaign-notion,
  div.white-content-box-taiken-notion{
    max-height: calc(100% - 50px - 40px - 20vh);
  }
}
div.white-content-box-document-notion div.white-content-box-inner-document {
  margin:10px auto 0;
}

@media screen and (min-width: 768px){
  div.info-date{
    width: 27%;
    padding-left: 35px;
  }
}

@media screen and (max-width: 767px) {
  /*表示エリア*/
  div.white-content-box-stop-notion div.white-content-box-inner-stop,
  div.white-content-box-raining-notion div.white-content-box-inner-raining,
  div.white-content-box-basicplan-notion div.white-content-box-inner-basicplan,
  div.white-content-box-taikencampaign-notion div.white-content-box-inner-taikencampaign,
  div.white-content-box-summer-notion div.white-content-box-inner-summer,
  div.white-content-box-newplan-notion div.white-content-box-inner-newplan,
  div.white-content-box-newyearholiday-notion div.white-content-box-inner-newyearholiday,
  div.white-content-box-snowdelay-notion div.white-content-box-inner-snowdelay,
  div.white-content-box-goldenweekholiday-notion div.white-content-box-inner-goldenweekholiday,
  div.white-content-box-mypagestop-notion div.white-content-box-inner-mypagestop,
  div.white-content-box-extension-notion div.white-content-box-inner-extension,
  div.white-content-box-contactstop-notion div.white-content-box-inner-contactstop,
  div.white-content-box-springcampaign-notion div.white-content-box-inner-springcampaign,
  div.white-content-box-businesscampaign-notion div.white-content-box-inner-businesscampaign,
  div.white-content-box-debutcampaign-notion div.white-content-box-inner-debutcampaign,
  div.white-content-box-taiken-notion div.white-content-box-inner-taiken,
  div.white-content-box-document-notion div.white-content-box-inner-document,
  div.white-content-box-olympic-notion div.white-content-box-inner-olympic,
  div.white-content-box-july-notion div.white-content-box-inner-july,
  div.white-content-box-summer2021-notion div.white-content-box-inner-summer2021,
  div.white-content-box-rainydelay-notion div.white-content-box-inner-rainydelay,
  div.white-content-box-networkfault-notion div.white-content-box-inner-networkfault,
  div.white-content-box-summercampaign-notion div.white-content-box-inner-summercampaign{
    width: 90%;
  }

  div.white-content-box-alart-notion{
    top: 100px;
    height: auto;
    max-width: 90%;
  }

  div.white-content-box-alart-notion div.white-content-box-inner-alart{
    width: 100%;
    height: auto;
  }

  /*ポップアップ全体のサイズ*/
  div.white-content-box-stop-notion,
  div.white-content-box-raining-notion,
  div.white-content-box-basicplan-notion,
  div.white-content-box-taikencampaign-notion,
  div.white-content-box-summer-notion,
  div.white-content-box-newplan-notion,
  div.white-content-box-newyearholiday-notion,
  div.white-content-box-snowdelay-notion,
  div.white-content-box-goldenweekholiday-notion,
  div.white-content-box-mypagestop-notion,
  div.white-content-box-contactstop-notion,
  div.white-content-box-extension-notion,
  div.white-content-box-springcampaign-notion,
  div.white-content-box-businesscampaign-notion,
  div.white-content-box-debutcampaign-notion,
  div.white-content-box-taiken-notion,
  div.white-content-box-document-notion,
  div.white-content-box-olympic-notion,
  div.white-content-box-july-notion,
  div.white-content-box-summer2021-notion,
  div.white-content-box-rainydelay-notion,
  div.white-content-box-networkfault-notion,
  div.white-content-box-summercampaign-notion{
    margin: 0 5%;
    height: 75%;
    max-height: initial;
  }

  /*スクロール対応*/
  div.white-content-box-raining-notion,
  div.white-content-box-document-notion,
  div.white-content-box-springcampaign-notion,
  div.white-content-box-businesscampaign-notion,
  div.white-content-box-debutcampaign-notion,
  div.white-content-box-taiken-notion,
  div.white-content-box-summercampaign-notion{
    bottom: 50px;
  }
  /*ポップアップタイトル文字*/
  div.white-content-box-title-notion p {
    padding: 0 5%;
  }

  div.info-content{
    display: block;
    padding: 15px;
    margin-bottom: 15px;
  }
  div.info-date{
    margin: 0 0 10px 0;
  }
  div.info-title{
    width: 95%;
    line-height: 1.6em;
  }

  div.debut-description-body-desciption {
    width: 100%;
    padding: 0;
  }
}
/*-------------------------------------------
    Column
-------------------------------------------*/

div.btn_box02.column{
  margin: 40px 0 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

div.btn_box02.column a{
  margin: 0;
}

.btn_box02.column img{
    width: 130px;
    margin-left: 50px;
  }
div.content-box-inner p.column-title-paragraph{
  font-size: 1.8rem;
  padding-bottom: 20px;
}
.column-paragraph{
  padding-bottom: 30px;
}
.column-chapater-paragraph{
  padding-bottom: 50px;
}
.content-box-title.column{
  padding-bottom: 30px;
  font-weight: bold;
}
.content-box-sub-title.column p{
  font-size: 2.5rem;
  text-align: center;
}
.content-box-sub-title p{
  font-size: 2.8rem;
  line-height: 3rem;
}

/*追従ボタン 詳しく見る*/
#price_fix.column-fix{
  top:43vh;
}

@media screen and (min-width:767px){
  /*背景調整用*/
  section.other-first.column.narrow{
    padding: 0 30px 70px;
  }
  section.other-second.column.narrow{
    padding: 110px 30px 70px;
  }
}
@media screen and (max-width:767px){
  #price_fix.column-fix{
    top:45vh;
  }
  div.btn_box02.column{
    margin: 0;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
  }
  .btn_box02.column img{
    margin-left: -20px;
    margin-bottom: 15px;
    padding: 0;
  }
  .btn_box02.column a{
    width: 100%;
  }
  .btn_box02.column a span{
    background-position: 93% center;
  }
  .content-box-sub-title p{
    font-size: 2rem;
    margin-bottom: 0;
  }
  section.other-second.column{
    background-position: right -1%;
    padding: 70px 0 30px;
  }
  .white-content-box-inner.column p{
    padding-bottom: 30px;
  }
  .content-box-sub-title.column p{
    font-size: 2.2rem;
    text-align: left;
    padding-bottom: 30px;
  }
}

@media screen and (max-width:320px){
  .btn_box02.column img{
    width: 122px;
    height: 102px;
    position: relative;
    left: 62px;
    top: 20px;
  }
}
/*-------------------------------------------
    Cv
-------------------------------------------*/
#cv{
  padding: 50px 20px 40px;
}
#cv dl{
  padding-left: 270px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  position: relative;
}
#cv dl.cr-cv{
  padding-left: 320px;
}
#cv dl::after{
  content: "";
  display: block;
  width: 203px;
  height: 287px;
  background: url(https://d1q08lkutgkcx2.cloudfront.net/image/footer-person.png) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -68px;
  left: 0;
  z-index: 3;
}
#cv dl dt,
#cv dl dd{
  width: 345px;
}
#cv dl dt h3{
  font-size: 2.4rem;
  font-weight: 500;
  margin: 0 0 15px;
  letter-spacing: 0.06em;
}
#cv dl dt h3 div{
  display: flex;
  align-items: center;
}
#cv dl dt h3 div p:last-child{
  width: 80%;
}
#cv dl dt h3 img{
  width: 44px;
  vertical-align: middle;
  margin: -4px 8px 0 0;
}

#cv dl dt a{
  display: block;
  border-radius: 12px;
  background: #FFFFFF;
  text-align: center;
  padding: 25px 0;
  color: #251814;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-indent: -0.2em;
  transition: .3s all;
}
#cv dl dt a:hover{
  background: #1E1E1E;
  color: #FFE400;
}
#cv dl dt a span{
  background: url(https://d1q08lkutgkcx2.cloudfront.net/image/arrow.png) no-repeat right -2px;
  background-size: 25px;
  display: inline-block;
  vertical-align: middle;
  padding-right: 25px;
}
#cv dl dt a:hover span{
  background: url(https://d1q08lkutgkcx2.cloudfront.net/image/arrow_on.png) no-repeat right -2px;
  background-size: 25px;
}
#cv dl dd{
  text-align: center;
}
#cv dl dd h3{
  font-size: 2.4rem;
  font-weight: 500;
  margin: 0 0 15px;
}
#cv dl dd h3 img{
  width: 44px;
  vertical-align: middle;
  margin: -4px 8px 0 0;
}
#cv dl dd a{
  display: block;
  border-radius: 12px;
  background: #FFE400;
  text-align: center;
  padding: 25px 0;
  color: #251814;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-indent: -0.2em;
  border: solid 1px #251814;
  transition: .3s all;
}
#cv dl dd a:hover{
  background: #1E1E1E;
  color: #FFE400;
}
#cv dl dd a span{
  background: url(https://d1q08lkutgkcx2.cloudfront.net/image/arrow.png) no-repeat right -2px;
  background-size: 25px;
  display: inline-block;
  vertical-align: middle;
  padding-right: 25px;
}
#cv dl dd a:hover span{
  background: url(https://d1q08lkutgkcx2.cloudfront.net/image/arrow_on.png) no-repeat right -2px;
  background-size: 25px;
}
#cv h3.business-logo{
  padding-left: 270px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  font-weight: normal;
}
#cv h3.business-logo p.logo{
  width: 44px;
  margin: -4px 8px -7px 0;
}
#cv h3.business-logo p.text{
  width: 268px;
  font-size: 2.4rem;
}
#cv dl.business dd{
  margin-inline-start: 10px;
}
#cv dl.business dt a.pc span{
  background: url(https://d1q08lkutgkcx2.cloudfront.net/image/arrow.png) no-repeat right -2px top 7px;
  background-size: 25px;
  display: inline-block;
  text-align: center;
  padding: 0px 30px 0 20px;
}
#cv dl.business dd a.pc span{
  background: url(https://d1q08lkutgkcx2.cloudfront.net/image/arrow.png) no-repeat right -2px top 7px;
  background-size: 25px;
  text-align: center;
  padding: 10px 20px 9px 20px;
}
@media screen and (max-width:767px){
  #cv{
    padding: 11px 8%;
    position: relative;
  }
  #cv dl,
  #cv dl.cr-cv{
    padding-left: 35%;
    align-items: center;
  }
  #cv dl.business{
    flex-direction: column;
  }
  #cv dl::after{
    width: 113px;
    height: 156px;
    bottom: -29px;
  }
  #cv dl dt{
    width: 100%;
  }
  #cv dl dt h3{
    font-size: 3.5vw;
    font-weight: 700;
    margin: 0 5px 10px;
  }
  #cv dl dt h3 img{
    width: 38px;
    margin: -2px 8px 0 0;
  }
  #cv dl dt a {
    background: url(https://d1q08lkutgkcx2.cloudfront.net/image/arrow.png) no-repeat 100% center #FFFFFF;
    color: #251814;
    background-size: 25px;
    padding: 17px 0;
    font-size: 1.4rem;
    letter-spacing: 0.1em;
    text-indent: 0;
  }
  #cv dl dt a.sp{
    display: inline-block;
    vertical-align: middle;
    width: 45%;
    text-align: center;
    margin: 0;
  }
  #cv dl.business dt a.sp{
    display: block;
    flex-direction: column;
    width: 100%;
    margin: 5px 0;
  }
  #cv dl dt a.sp:last-child{
    margin-left: 1%;
  }
  #cv dl dt a span{
    padding: 0;
    background: none;
  }
  #cv dl dt a:hover span {
    background-size: 25px;
    background: none;
  }
  #cv dl dd{
    display: none;
  }
  #cv dl.cr-cv dt h3 div p:last-child{
    text-align: center;
  }
  .sp_btn.cr-entry{
    top: 12px;
  }
  .sp_btn.cr-entry a{
    padding: 18px 0;
    font-size: 1.2rem;
  }
}
/*-------------------------------------------
    Share
-------------------------------------------*/
#share{
  background: #646464;
  padding: 70px 20px;
}
#share h2{
  font-size: 2.6rem;
  color: #FFFFFF;
  letter-spacing: 0.08em;
}
#share ul{
  text-align: center;
}
#share ul li{
  display: inline-block;
  vertical-align: middle;
  margin: 0 45px;
}
#share ul li a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 83px;
  height: 83px;
  border-radius: 100%;
  transition: .3s all;
}
#share ul li.fb a{
  background: url(https://d1q08lkutgkcx2.cloudfront.net/image/fb_btn_on.png) center no-repeat #FFE400;
  background-size: 21px;
}
#share ul li.fb a:hover{
  background: url(https://d1q08lkutgkcx2.cloudfront.net/image/fb_btn_on.png) center no-repeat #1E1E1E;
  background-size: 21px;
}
#share ul li.fb img{
  width: 21px;
  transition: .3s all;
}
#share ul li.fb:hover img{
  opacity: 0;
}
#share ul li.tw a{
  background: url(https://d1q08lkutgkcx2.cloudfront.net/image/tw_btn_on.png) center no-repeat #FFE400;
  background-size: 41px;
}
#share ul li.tw a:hover{
  background: url(https://d1q08lkutgkcx2.cloudfront.net/image/tw_btn_on.png) center no-repeat #1E1E1E;
  background-size: 41px;
}
#share ul li.tw img{
  width: 41px;
  transition: .3s all;
}
#share ul li.tw:hover img{
  opacity: 0;
}
@media screen and (max-width:767px){
  #share{
    padding: 40px 20px;
  }
  #share h2{
    font-size: 2rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  #share ul li{
    margin: 0 10px;
  }
  #share ul li a{
    width: 40px;
    height: 40px;
  }
  #share ul li.fb a,
  #share ul li.fb a:hover{
    background-size: 11px;
  }
  #share ul li.fb img{
    width: 11px;
  }
  #share ul li.tw a,
  #share ul li.tw a:hover{
    background-size: 20px;
  }
  #share ul li.tw img{
    width: 20px;
  }
}

/*-------------------------------------------
     Contract_initial_cancel
 -------------------------------------------*/
.size-up{
  font-size: 2.4rem;
}

div.cancel-box{
  width: 30%;
  margin: 0;
}

div.cancel-title{
  margin-bottom: 30px;
}

div.cancel-title > p span{
  padding-right: 0.5em;
  font-size: 1.5em;
  display: inline-block;
  vertical-align: bottom;
}

div.faq-nav-icons.contract-cancel{
  justify-content: space-between;
  width: 65%;
  margin: auto;
  padding: 0;
}

div.faq-nav-icons div.nav-box.faq-contract-cancel{
  line-height: 1.7em;
  height: 80px;
  background-position: center 65px;
}

div.cancel-flexbox div.white-content-box-inner-flex-right{
  width: 40%;
  z-index: 1;
}
div.cancel-flexbox div.white-content-box-inner-flex-right.cancel-aplly{
  width: 35%;
}

.cancel-callcenter{
  padding: 30px 0 0 0;
}

.cancel-callcenter-mypage{
  padding: 20px 0 0 0;
}

@media screen and (max-width:767px){
  .size-up{
    font-size: 2.4rem;
    line-height: 1.3em;
  }
  div.faq-nav-icons.contract-cancel{
    width: 100%;
    margin: 0;
  }
  div.faq-nav-icons div.nav-box.faq-contract-cancel{
    background-size: 15px;
    height: 67px;
    background-position: center 52px;
  }
  div.cancel-title{
    margin-bottom: 0.5em;
  }
  div.cancel-title > p span{
    font-size: 1.7em;
  }
  div.nav-box-text p{
    font-size: 1.1rem;
  }
  div.nav-box-text.contract-cancel p{
    line-height: 1.5rem;
  }
  div.white-content-box-inner-flex.cancel-flexbox{
    flex-direction: column;
    margin-bottom: 20px;
  }

  div.cancel-flexbox div.white-content-box-inner-flex-right,
  div.cancel-flexbox div.white-content-box-inner-flex-left{
    width: 100%;
  }
  div.cancel-flexbox div.white-content-box-inner-flex-right.cancel-aplly{
    width: 60%;
  }

  div.white-content-box-inner.cancel-callcenter{
    padding: 0;
    margin-top: 40px;
  }

  div.white-content-box-inner.cancel-callcenter-mypage{
    padding: 0;
    margin-top: 40px;
  }
}

/*文字白色にする*/
section#price div.white-text p,
section#reason div.white-text p,
section#promotion div.white-text p{
  color:#FFFFFF;
}

h2.text-title,
#devise h2.text-title,
#price h2.text-title{
  text-align: left;
  padding-top: 1em;
  font-size: 4em;
  font-weight: bold;
  line-height: 1.2;
  margin: 0;
}
/*見出し上の小さい文字*/
h2 span.text-sub-title{
  font-size: .6em;
}
div.white-content-box{
  margin:0 0 50px 0;
}

/*各セクションをまとめる*/
.wrap-area{
  display: flex;
  justify-content: space-between;
  margin: 2em 0;
}
.wrap-area p{
  letter-spacing: 0.12em;
}

.left-block img{
  width: 80%;
}
/*セクション内2分割（右）*/
.right-block{
  width: 50%;
  margin-bottom: 10%;
}

/*price*/
/*セクション角の人物*/
div.price-option-person{
  position: absolute;
  width: 20%;
  top: 0;
  right: 400px;
  bottom: 0;
}

div.price-option-person.maeda{
  top: 50px;
  z-index: 3;
  width: 18%;
}
div.price-option-person img {
  width: 100%;
}
@media screen and (max-width: 1440px) {
  /*セクション角の人物*/
  div.price-option-person{
    width: 30%;
    right: 130px;
  }

  div.price-option-person.maeda{
    width: 25%;
  }
}

@media screen and (max-width: 767px) {
  .wrap-area{
    display: block;
    justify-content:initial;
    margin-top: 2em;
    position: relative;
    z-index: 1;
  }
  .wrap-area p{
    letter-spacing: 0;
  }
  .left-block img{
    width: 80%;
  }
  /*セクション内2分割（右）*/
  .right-block{
    width: auto;
  }
  /*セクション角の人物*/
  div.price-option-person{
    width: 60%;
    top: -190px;
    right: -10px;
    bottom: 0;
    z-index: -1;
  }
  div.price-option-person.maeda{
    width: 55%;
    top: -160px;
    right: -20px;
    bottom: 0;
    z-index: -1;
  }
  .nav-link{
    font-size: 10px;
  }
  .nav-link:first-child{
    border-left: none;
  }
  .nav-link:last-child{
    border-right: none;
  }
}
/*プラン名と表*/
.plan-title{
  justify-content: space-between;
  align-self: start;
  margin-top: 50px;
}
div.price-plan-image .plan-title img{
  width: 45%;
}
@media screen and (min-width:767px){
  div.price-plan-image .plan-title h2 img{
    width: 115%;
  }
}

/*プラン*/
.price-button{
  margin: -50px 0 50px;
}

/*注釈*/
section#price div.price-remarks p{
  font-size: 1.15rem;
  margin: 0;
  line-height: initial;
  color: #808080;
}
@media screen and (max-width: 767px) {
  /*プラン名と表*/
  .plan-title,
  .price-plan,
  .price-image{
    flex-direction: column;
    justify-content:unset;
  }
  div.price-plan-image .plan-title img,
  div.price-image img{
    width: 100%;
    margin:0 auto 1em;
  }
  .plan-title img{
    z-index: 1;
  }

  /*注釈*/
  .remarks p{
    font-size: 0.8rem;
    line-height: 1.5em;
    z-index: 2;
    position: relative;
  }
  /*舞香ちゃんのうしろに三角形を重ねる*/
  section#price h3.free-back{
    padding: 0 10%;
    margin: 0 -10%;
  }

  .free-back{
    background:url(https://d1q08lkutgkcx2.cloudfront.net/image/plus_para02.png) no-repeat right;
    background-size: 45%;
    background-position: 100% 52%;
    padding: 0 13%;
    margin: 0 -13%;
  }

  .price-button{
    margin: 0px;
  }
}

@media screen and (max-width:320px){
  div.price-image.price img.sp-pop-now {
    top: 250px;
  }
  div.price-image.business img.sp-pop-now {
    top: 230px;
  }
}

/*おかわりギガ*/
.plan-okawari{
  flex-direction: row;
}
@media screen and (min-width: 768px) {
  .plan-okawari img{
    width: 100%;
    margin-bottom:1em;
    position: relative;
    bottom: 130px;
  }
  div.text-okawari p{
    font-size: 1.8rem;
    line-height: 3.0rem;
    font-weight: bold;
  }
}
.text-okawari img{
  margin-top: 3em;
}
@media screen and (max-width: 767px) {
  h2.text-title,
  #devise h2.text-title,
  #price h2.text-title{
    z-index: 0;
    position: relative;
    font-size: 2em;
    padding-top:1.4em;
  }
  h2.text-title .okawari-person-image{
    width: 50%;
    position: absolute;
    top: -20%;
    right: 0;
    z-index: -1;
  }
  .plan-okawari{
    display: flex;
    justify-content: space-between;

  }
  .plan-okawari img{
    width:30%;
  }
  .text-okawari{
    margin-bottom: 20px;
  }
    div.text-okawari p{
    font-size: 1.3rem;
    line-height: 2.0rem;
    font-weight: bold;
  }
}

/*端末あんしんオプション*/
.option-area{
  align-items: flex-end;
}

.option-table{
  width:50%;
}
@media screen and (min-width: 768px){
  div.price-topping-2-body-left-text{
    margin-bottom: 2em;
    font-size: 1.8rem;
    line-height: 3.0rem;
    font-weight: bold;
    width: 525px;
  }
}

/*条件表*/
div.price-topping-2-body-right-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: solid 1px #000;
}

div.price-topping-2-body-right-row:last-child {
  border-bottom: solid 1px #000;
}
div.price-topping-2-body-right-column {
  text-align: left;
  font-size: 1.3rem;
}
div.price-topping-2-body-right-column-remarks{
  padding: 0;
}
div.price-topping-2-body-right-column:last-child {
  box-sizing: border-box;
  width: 80%;
  border-left: solid 1px #000;
  padding: 5px 7px;

}
div.price-topping-2-body-right-row p{
  letter-spacing: 0;
  font-size: 1.3rem;
  margin-bottom: 0;
}

ul.table-option{
  margin: 0;
  padding-left:1.5em;
  line-height: 1.5rem;
}
ul.table-option li{
  margin: 5px 0;
  line-height: 1.5em;
}

@media screen and (max-width: 767px) {
  div.price-topping-2-body-right-column {
    font-size: 1.2rem;
  }
  div.price-topping-2-body-left-text p {
    font-size: 1.3rem;
    line-height: 2.0rem;
    width: auto;
  }
  div.price-topping-2-body-right-row p{
    letter-spacing: 0;
    font-size: 1.2rem;
  }
  .option-table{
    width:100%;
  }
  .option-table img{
    width: 80%;
    padding: 0 10% 10%;
    margin-top: 30px;
  }
  ul.table-option li{
    margin: 0;
    line-height: 1.5em;
  }
}
/*海外プラン*/
.overseas-area{
  width: 80%;
}
.overseas-image{
  margin: auto;
  width: 100%;
}

.overseas-image img{
  width: 100%;
  margin: 2em auto;
}
@media screen and (max-width: 767px) {
  .overseas-area{
    width: 100%;
  }
  .overseas-image img{
    margin: 0 auto 2em;
  }
}

/*-------------------------------------------
    Campaign Archive
-------------------------------------------*/

div.white-content-box-inner.campaign{
  padding-bottom: 100px;
  margin-top: 0;
}
div.campaign-archive-description-img-box{
  width: 100%;
  margin: -20px auto 20px;
}
div.campaign-archive-description-img-box img{
  width: 100%;
  outline: solid 2px #121212;
  outline-offset: -2px;
}
div.debut-description-period {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 40px;
  margin: 20px 0;
}
div.debut-description-period-title {
  width: 20%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.debut-description-period-desciption {
  width: 80%;
  padding: 0 30px;
  display: flex;
  align-items: center;
}
div.debut-description-period-desciption.twitter-campaign{
  display: block;
}
div.debut-description div.black-box {
  text-align: center;
  background-color: #000000;
  width: 150px;
  height: 40px;
  color: #FFFFFF;
  font-size: 1.3rem;
}
div.debut-description div.black-box p {
  line-height: 40px;
}
div.campaign-archive-description{
  display: flex;
  justify-content: start;
  align-items: center;
  height: auto;
  position: relative;
}
div.debut-description-body {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 30px 0;
}
div.debut-description-body-title {
  width: 20%;
  text-align: center;
  display: flex;
  justify-content: center;
}
p.remark-text.campaign-archive{
  font-size: 1.1rem;
  margin-left: 0;
  color: #000000;
}

@media screen and (max-width: 1440px) and (min-width: 768px) {
  div.campaign-archive-description-img-box{
    width: 70%;
  }
}

@media screen and (max-width: 767px) {
  div.debut-description-period {
    flex-wrap: wrap;
    padding: 0px 0 30px 0;
    margin: 0;
  }
  div.debut-description-period.space{
    margin-bottom: 30px;
  }
  div.debut-description-period-title {
    width: 100%;
    justify-content: flex-start;
  }
  div.debut-description-period-desciption {
    width: 100%;
    justify-content: flex-start;
    padding: 10px 0 0 0;
  }
  div.debut-description-body {
    flex-wrap: wrap;
    margin: 30px 0 0;
  }
  div.debut-description-body-title {
    width: 100%;
    justify-content: flex-start;
    padding-bottom: 10px;
  }
  div.debut-description {
    padding-top: 0;
  }
}
/*-------------------------------------------
     Contract Initial Cancel
 -------------------------------------------*/

div.white-content-box-inner-flex.cancel-flexbox{
  margin-bottom: 40px;
  align-items: center;
}

 /*カテゴリーボタン*/
.size-up{
  font-size: 2.4rem;
}
div.cancel-box{
  width: 30%;
  margin: 0;
}
div.faq-nav-icons.contract-cancel{
  justify-content: space-between;
  width: 65%;
  margin: auto;
  padding: 0;
}
div.nav-box.faq-contract-cancel{
  line-height: 1.7em;
  height: 80px;
  background-position: center 65px;
}
div.faq-nav-icons div.nav-box.faq-contract-cancel{
  line-height: 1.7em;
  height: 80px;
  background-position: center 65px;
}
div.cancel-flexbox div.white-content-box-inner-flex-right{
  width: 40%;
  z-index: 1;
}
div.cancel-flexbox div.white-content-box-inner-flex-right.cancel-aplly{
  width: 35%;
}

/*コールセンターのご案内*/
.cancel-callcenter{
  padding: 30px 0 0 0;
}

@media screen and (max-width:767px){
  .size-up{
    font-size: 2.4rem;
    line-height: 1.3em;
  }
  div.faq-nav-icons.contract-cancel{
    width: 100%;
    margin: 0;
  }
  div.faq-nav-icons div.nav-box.faq-contract-cancel{
    background-size: 15px;
    height: 67px;
    background-position: center 52px;
  }
  div.nav-box-text.contract-cancel p{
    font-size: 1.1rem;
    line-height: 1.5rem;
  }
  .btn_box02 a span.sp-text-height{
    line-height: 1.3em;
    padding: 15px 45px 15px 0;
  }

  div.white-content-box-inner-flex.cancel-flexbox{
    flex-direction: column;
    margin-bottom: 20px;
  }
  div.cancel-flexbox div.white-content-box-inner-flex-left{
    margin-bottom: 20px;
  }
  div.cancel-flexbox div.white-content-box-inner-flex-right,
  div.cancel-flexbox div.white-content-box-inner-flex-left{
    width: 100%;
  }
  div.cancel-flexbox div.white-content-box-inner-flex-right.cancel-aplly{
    width: 60%;
  }

  div.white-content-box-inner.cancel-callcenter{
    padding: 0;
    margin-top: 40px;
  }
}

/*-------------------------------------------
    Terms
-------------------------------------------*/
div.white-content-box-inner.terms{
  margin: 50px auto;
}
ul.white-content-box-terms{
  width: 450px;
  margin: auto;
  padding: 0;
}
ul.white-content-box-terms a:before{
  content: '';
  display: inline-block;
  width: 22px;
  height: 29px;
  margin-right: 20px;
  background-image: url(https://d1q08lkutgkcx2.cloudfront.net/image/pdf-icon2.svg);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}
ul.white-content-box-terms a{
  text-decoration: underline;
  color: #000000;
}
ul.white-content-box-terms li{
  list-style: none;
  padding: 10px 0;
  width: 70%;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  div.white-content-box-inner.terms{
    margin: 30px auto;
  }
  ul.white-content-box-terms{
    width: 100%;
    margin: 0;
  }
  ul.white-content-box-terms a:before{
    width: 23px;
    height: 30px;
  }
  ul.white-content-box-terms li{
    padding: 5px 0;
    font-size: 1.2rem;
    width: 100%;
  }
}

/*-------------------------------------------
    Company
-------------------------------------------*/
div.white-content-box-inner.company{
  margin-top:0;
}
div.white-content-box-inner.company > h2 p{
  font-size: 2.0rem;
  margin-bottom: 30px;
}
.company > div.price-fee-related-table-box{
  padding-bottom: 30px;
}
.company > div.price-fee-related-table-box table.device-spec-table{
  margin: 30px auto 0;
}

/*会社概要の表*/
table.company-table th{
  width: 10%;
}
table.company-table th,
table.company-table td{
  font-size: 1.35rem;
  line-height: 1.5em;
}

@media screen and (max-width: 767px) {
  div.white-content-box-inner.company{
    margin-top: 20px;
  }
  div.white-content-box-inner.company > h2 p.title-margin{
    margin-top: 40px;
  }
  .company > div.price-fee-related-table-box{
    padding-bottom: 0;
  }
  .company > div.price-fee-related-table-box table.device-spec-table{
    margin: 0 auto;
  }

  table.company-table{
    width: 95%;
    border-spacing: 0px 10px;
  }
  table.company-table th,
  table.company-table td{
    font-size: 1.4rem;
    line-height: 1.5em;
    width: 100%;
    display: block;
    padding: 2.5%;
    margin-left: -2.5%;
  }
  table.company-table td p{
    line-height: 1.6em;
  }
}

/*-------------------------------------------
    CM
-------------------------------------------*/
div.white-content-box-inner-flex.inner-flex-cm2{
  justify-content: center;
}
.cm-title{
  text-align: center;
  margin: 1em auto;
}

/*youtubeサイズ*/
div.youtube-wrap {
  position: relative;
  width: calc((100% - 60px) / 3);
  text-align: center;
  margin: 0 10px;
}
div.youtube-wrap iframe {
  width: 100%;
  border-radius: 10px;
}
.youtube-wrap p{
  text-align: left;
}
.youtube-wrap > div{
  text-align: center;
}
div.content-box-inner p.movie-title{
  font-weight: bold;
  margin: 15px 0;
  font-size: 1.5rem;
  text-align: center;
}
div.content-box-inner p.movie-cp{
  font-size: 1.1rem;
  margin:auto;
  display: inline-block;
}

/*メイキング*/
.making{
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
}
.making img{
  width: 30%;
  margin: 20px 0;
}

@media screen and (min-width: 768px) {
  div.youtube-wrap:last-child{
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  div.white-content-box-inner-flex.inner-flex-cm {
    margin: 0;
  }

  .cm-title{
    text-align: left;
  }
  div.content-box-inner div.white-content-box-sub-title.cm-title p{
    text-align: left;
    margin: 1em auto;
    font-size: 1.1em;
  }

  div.youtube-wrap {
    width: 100%;
    margin: 10px auto 30px;
  }
  div.youtube-wrap iframe {
    height: 170px;
  }

  .making img{
    width: 47%;
    margin: 3% 0;
  }
}

/*-------------------------------------------
    Campaign
-------------------------------------------*/

/*
追記 202107～ 夏キャンペーン
修正 202110～ WZEUSキャンペーン
*/
@media screen and (min-width: 768px){
  div.price-campaign{
    background: url(https://d1q08lkutgkcx2.cloudfront.net/image/bg-w-campaign2.png) top #000000;
    width: 100%;
    background-size: cover;
    height: 100%;
  }
}

div.price-campaign-area{
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 50px;
}

@media screen and (max-width: 767px){
  div.price-campaign-area{
    padding: 0;
    line-height: 0;
    margin-bottom: -1px;
    aspect-ratio: 300/103;
  }
  div.top-campaign-period.price{
    position: absolute;
    width: 80%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 1.5rem;
  }
  div.top-campaign-period.price div p:last-of-type{
    margin-top: 5px;
  }
  div.top-campaign-period.price span.start,
  div.top-campaign-period.price span.end{
    font-size: 2.3rem;
  }
  div.top-appeal-area.price div.merit-green div{
    padding-top: 7%;
  }
  div.top-appeal-area.price div.merit-green.sp div img{
    aspect-ratio: 306/212;
  }
}
div.application-zeus-icon-box {
  width: 55px;
  height: 28px;
  position: absolute;
  left: 150px;
  top: 26px;
}

div.application-zeus-icon-box img{
  width: 100%;
}

@media screen and (max-width: 767px){
  div.application-zeus-icon-box {
    width: 45px;
    top: 7px;
    left: 80px;
  }
}

div.white-content-box-inner-cancel {
  margin-top: 50px;
  padding: 15px 80px;
  color: #FFF;
  margin-bottom: -35px;
}

@media screen and (max-width: 767px){
  div.white-content-box-inner-cancel {
    max-width: 100%;
    padding: 0 5%;
  }
}

div.contract-initial-cancel-icon-box-right {
  margin: 0 auto;
}

/*202109～
TwitterRTキャンペーン*/

div.terms-description{
  margin: 30px 0;
}

/*応募規約*/
@media screen and (max-width: 767px){
  .terms-bottom{
    margin-bottom: 25px;
  }
}
div.white-content-box-inner-document-notion div.white-content-box-inner-document{
  margin:10px auto 0;
}