@charset "UTF-8";
/* CSS Document */

/** --------------------------------------------------
block02〜04 h1　共通
-------------------------------------------------- **/
#block02 article>h1,
#block03 article>h1,
#block04 article>h1{
margin: 0 auto;
width: 100%;
padding: 2% 0;
font-size: 1.5vw;
letter-spacing: 0.05em;
font-weight: 700;
color: #fff336;
background-color: #ea5413;
}

/* ******************************************* */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */
#block02 article>h1,
#block03 article>h1,
#block04 article>h1{
padding: 3% 0;
font-size: 2.5vw;
}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */

/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
#block02 article>h1,
#block03 article>h1,
#block04 article>h1{
padding: 3% 0;
font-size: 2.7vw;
}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */
#block02 article>h1,
#block03 article>h1,
#block04 article>h1{font-size: 3vw;}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
#block02 article>h1,
#block03 article>h1,
#block04 article>h1{font-size: 4.3vw;}
/* ---------------------------------- */
}


/** --------------------------------------------------
block01
-------------------------------------------------- **/
#block01{
margin: 0 auto;
width: 100%;
padding: 0 10% 2%;
background-color: #ea5413;
}

#block01>div{
margin: 0 auto 5%;
width: 70%;
display: flex;
justify-content: center;
align-items: center;
flex-flow: row wrap;
}

#block01>div p{
margin: 0 3%;
width: 35%;
padding: 1.5% 2%;
font-size: 1.3vw;
font-weight: 500;
background-color: #fff;
border-radius: 50px;
}

#block01>div p a{color: #ea5413;}

#block01 article{
margin: 0 auto 3%;
width: 100%;
padding:  5%;
max-width: 1500px;
background-color: #fff;
border-radius: 30px;
}

#block01 article .white-box{
margin: 5% 0 0 0 ;
padding: 5%;
border-radius: 20px;
background-color: #fff;
}

#block01 article .plan-01,
#block01 article .plan-02{
padding: 3% 3%;
background-color: #fbddd0;
position: relative;
}

#block01 article .plan-01{margin: 0 auto 5%;}
#block01 article .plan-02{margin: 2% auto 0;}

#block01 article .plan-01 .flex-title01,
#block01 article .plan-02 .flex-title02{
margin: 0 auto;
width: 100%;
padding: 1% 1%;
color: #fff;
background-color: #ea5413;
display: flex;
justify-content: center;
align-items: center;
flex-flow: row wrap;
align-content: flex-end;
position: absolute;
top: 0;
left: 0;
}

#block01 article .plan-01 .flex-title01 li:nth-of-type(1),
#block01 article .plan-02 .flex-title02 li:nth-of-type(1){
width: 40%;
font-size:1.5vw;
letter-spacing: 0.05em;
font-weight: 700;
color: #fff336;
}

#block01 article .plan-01 .flex-title01 li:nth-of-type(2),
#block01 article .plan-02 .flex-title02 li:nth-of-type(2){
width: 55%;
padding: 1% 5%;
font-size:1.2vw;
letter-spacing: 0.05em;
border: solid 1px #fff;
}

/* ******************************************* */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */
#block01{padding: 0 5% 3%;}
#block01>div p{font-size: 1.6vw;}
#block01 article .white-box{margin: 6% 0 0 0 ;}
#block01 article .plan-01,
#block01 article .plan-02{padding: 4% 4%;}
#block01 article .plan-01{margin: 0 auto 7%;}
#block01 article .plan-02{margin: 7% auto 0;}
#block01 article .plan-01 .flex-title01 li:nth-of-type(1),
#block01 article .plan-02 .flex-title02 li:nth-of-type(1){font-size:1.9vw;}
#block01 article .plan-01 .flex-title01 li:nth-of-type(2),
#block01 article .plan-02 .flex-title02 li:nth-of-type(2){font-size:1.7vw;}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
#block01>div p{
font-size: 2.1vw;
width: 40%;
padding: 1.5% 3%;
}

#block01 article .white-box{margin: 7% 0 0 0 ;}
#block01 article .plan-01 .flex-title01 li:nth-of-type(1),
#block01 article .plan-02 .flex-title02 li:nth-of-type(1){font-size:2.5vw;}
#block01 article .plan-01 .flex-title01 li:nth-of-type(2),
#block01 article .plan-02 .flex-title02 li:nth-of-type(2){font-size:2vw;}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
#block01>div{width: 85%;}
#block01>div p{font-size: 2.3vw;}
#block01 article .white-box{margin: 9% 0 0 0 ;}
#block01 article .plan-01 .flex-title01,
#block01 article .plan-02 .flex-title02{padding: 2% 2%;}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */
#block01>div{width: 85%;}
#block01>div p{font-size: 2.5vw;}
#block01 article .white-box{margin: 11% 0 0 0 ;}
#block01 article .plan-01 .flex-title01,
#block01 article .plan-02 .flex-title02{padding: 2% 2%;}
#block01 article .plan-01{margin: 0 auto 10%;}
#block01 article .plan-01 .flex-title01 li:nth-of-type(1),
#block01 article .plan-02 .flex-title02 li:nth-of-type(1){font-size:18px;}
#block01 article .plan-01 .flex-title01 li:nth-of-type(2),
#block01 article .plan-02 .flex-title02 li:nth-of-type(2){font-size:2.5vw;}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
#block01>div{
margin: 0 auto 5%;
width: 60%;
flex-flow: column wrap;
}

#block01>div p{
margin: 5% auto;
font-size: 4vw;
width: 100%;
padding: 4% 3%;
}

#block01 article .white-box{margin: 20% 0 0 0 ;}
#block01 article .plan-01 .flex-title01,
#block01 article .plan-02 .flex-title02{padding: 2% 1%;}
#block01 article .plan-01 .flex-title01 li:nth-of-type(1),
#block01 article .plan-02 .flex-title02 li:nth-of-type(1){width: 55%; line-height: 1.3;}
#block01 article .plan-01 .flex-title01 li:nth-of-type(2),
#block01 article .plan-02 .flex-title02 li:nth-of-type(2){
width: 40%;
padding: 1% 1%;
font-size:3vw;
}
/* ---------------------------------- */
}
/* ******************************************* */
@media screen and (max-width: 380px) {
 /* ---------------------------------- */
#block01 article .white-box{margin: 19% 0 0 0 ;}
/* ---------------------------------- */
}

/* 通話付きプラン　料金表 */
#block01 article .plan-01 .plan-01-price{
margin: 0 auto;
width: 100%;
padding: 0 5%;
display: flex;
justify-content: center;
align-items: flex-start;
flex-flow: row wrap;
align-content: center;
}

#block01 article .plan-01 .plan-01-price ul{
margin: 0 auto;
width: 50%;
text-align: center;
}

#block01 article .plan-01 .plan-01-price ul li{
margin: 0 auto;
width: 100%;
padding: 6% 0;
font-weight: 500;
font-size: 1.3vw;
}

#block01 article .plan-01 .plan-01-price ul .yellow{background-color: #fffdd9;}

/* オプションメニュー */
#block01 article .option-menu{
margin: 0 auto 10%;
padding: 3%;
width: 80%;
position: relative;
}

#block01 article .option-menu div:nth-of-type(1){
width: 20%;
position: absolute;
top: 20%;
z-index: 2;
}

#block01 article .option-menu div:nth-of-type(2){
width: 35%;
padding: 1.5% 0 1.5% 3%;
font-size: 1.4vw;
font-weight: 700;
color: #fff;
background-color: #ea5413;
border-radius: 50px;
position: absolute;
left: 20%;
z-index: 1;
}

#block01 article .option-menu div:nth-of-type(3){
width: 75%;
padding: 7% 0 5%;
font-size: 1.2vw;
font-weight: 500;
background-color: #fbddd0;
border-radius: 20px;
position: absolute;
bottom: -160%;
right: 0;
}


/* ******************************************* */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */
#block01 article .plan-01 .plan-01-price{padding: 0;}
#block01 article .plan-01 .plan-01-price ul li{
padding: 5% 0;
font-size: 1.6vw;
}
/* オプションメニュー */
#block01 article .option-menu{
margin: 0 auto 12%;
width: 95%;
}

#block01 article .option-menu div:nth-of-type(2){
width: 35%;
font-size: 1.7vw;
}

#block01 article .option-menu div:nth-of-type(3){
width: 75%;
padding: 6% 0 5%;
font-size: 1.4vw;
border-radius: 15px;
bottom: -190%;
}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
#block01 article .plan-01 .plan-01-price ul li{font-size: 1.8vw;}
/* オプションメニュー */
#block01 article .option-menu div:nth-of-type(3){bottom: -210%;}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
#block01 article .plan-01 .plan-01-price ul li{padding: 6% 0;}
#block01 article .plan-01 .plan-01-price ul li{font-size: 2.1vw;}
/* オプションメニュー */
#block01 article .option-menu{
margin: 3% auto 15%;
width: 100%;
}

#block01 article .option-menu div:nth-of-type(1){
width: 22%;
top: 20%;
}

#block01 article .option-menu div:nth-of-type(2){
width: 40%;
font-size: 2.1vw;
}

#block01 article .option-menu div:nth-of-type(3){
width: 75%;
font-size: 1.7vw;
border-radius: 10px;
bottom: -250%;
}
/* ---------------------------------- */
}


/* ******************************************* */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */
#block01 article .plan-01 .plan-01-price{flex-flow: column wrap;}
#block01 article .plan-01 .plan-01-price ul{width: 90%;}

#block01 article .plan-01 .plan-01-price ul li{
margin: 2.5% auto;
padding: 7% 0;
font-size: 3vw;
}

#block01 article .plan-01 .plan-01-price ul .yellow{background-color:initial ;}
#block01 article .plan-01 .plan-01-price ul li:nth-child(odd){background-color:#fffdd9;}
/* オプションメニュー */
#block01 article .option-menu{margin: 3% auto 35%;}
#block01 article .option-menu div:nth-of-type(1){width: 40%;}

#block01 article .option-menu div:nth-of-type(2){
width: 60%;
padding: 3% 0 3% 4%;
font-size: 3.2vw;
left: 35%;
top:70%;
}

#block01 article .option-menu div:nth-of-type(3){
width: 60%;
padding: 10% 0 6% 9%;
font-size: 2.4vw;
line-height: 2;
bottom: -550%;
text-align: left;
}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
#block01 article .plan-01 .plan-01-price ul li{
padding: 5.5% 0;
font-size: 4vw;
}
/* オプションメニュー */
#block01 article .option-menu{margin: 6% auto 35%;}
#block01 article .option-menu div:nth-of-type(1){
width: 38%;
left: -1%;
}

#block01 article .option-menu div:nth-of-type(2){
width: 65%;
padding: 2% 0 2% 6%;
font-size: 3.2vw;
left: 28%;
top:70%;
}

#block01 article .option-menu div:nth-of-type(3){
width: 65%;
padding: 10% 0 6% 7%;
font-size: 12px;
bottom: -560%;
}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 380px) {
 /* ---------------------------------- */
#block01 article .option-menu div:nth-of-type(3){
padding: 12% 0 7% 7%;
font-size: 11px;
bottom: -580%;
}
/* ---------------------------------- */
}


/* データプラン　料金表 */
#block01 article .plan-02 .plan-02-price{
margin: 0 auto;
width: 100%;
padding: 0 5%;

display: flex;
justify-content: center;
align-items: top;
flex-flow: row wrap;
align-content: center;
}

#block01 article .plan-02 .plan-02-price .price-left,
#block01 article .plan-02 .plan-02-price .price-right{
margin: 0 auto 5%;
width: 50%;
text-align: center;
}

#block01 article .plan-02 .plan-02-price .price-left{padding: 0 3% 0 0;}
#block01 article .plan-02 .plan-02-price .price-right{padding: 0 0 0 3%;}

#block01 article .plan-02 .plan-02-price .sub-text{
margin: 0 auto 6%;
width: 100%;
padding: 6% 0;
color: #fff;
font-weight: 500;
font-size: 1.5vw;
background-color: #ea5413;
}

#block01 article .plan-02 .plan-02-price ul li{
margin: 0 auto;
width: 100%;
padding: 6% 0;
font-weight: 500;
font-size: 1.3vw;
}

#block01 article .plan-02 .plan-02-price ul li:nth-child(odd){background-color: #fffdd9;}

/* 「SNSを使うには～」の枠 */
#block01 article .white-box .data-sms{
margin: 5% auto;
width: 90%;
padding: 2% 0;
border:solid 2px #ea5413;
border-radius: 100px;
display: flex;
justify-content: center;
align-items: center;
flex-flow: row wrap;
align-content: center;
}

#block01 article .white-box .data-sms .sns-box{
margin: 0 0 0 5%;
width: 25%;
display: flex;
justify-content: center;
align-items: center;
flex-flow: row wrap;
align-content: center;
}

#block01 article .white-box .data-sms .sns-box p{
margin: 0 auto;
width: 28%;
padding: 0 2%;
}

#block01 article .white-box .data-sms .sns-notice{
margin: 0 0 0 5%;
width: 65%;
font-size: 12px;
line-height: 1.5em;
letter-spacing: 0.05em;
text-align: left;
}

#block01 article .white-box .data-sms .sns-notice p:nth-of-type(1){
margin: 0 0 1% 0;
font-size: 1.2vw;
font-weight: 700;
}

#block01 article .white-box .data-sms .sns-notice p:nth-of-type(1) span{
font-size: 1.3vw;
font-weight: 700;
color: #ea5413;
}


/* ******************************************* */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */
#block01 article .plan-02 .plan-02-price{padding: 0;}
#block01 article .plan-02 .plan-02-price .price-left{padding: 0 1.5% 0 0;}
#block01 article .plan-02 .plan-02-price .price-right{padding: 0 0 0 1.5%;}

#block01 article .plan-02 .plan-02-price .sub-text{
padding: 4% 0;
font-size: 1.8vw;
}

#block01 article .plan-02 .plan-02-price ul li{
padding: 5% 0;
font-size: 1.6vw;
}

/* 「SNSを使うには～」の枠 */
#block01 article .white-box .data-sms{
margin: 6% auto 0;
width: 100%;
}

#block01 article .white-box .data-sms .sns-box p{
width: 25%;
padding: 0 1%;
}

#block01 article .white-box .data-sms .sns-notice{
margin: 0 0 0 5%;
width: 65%;
font-size: 11px;
}

#block01 article .white-box .data-sms .sns-notice p:nth-of-type(1){font-size: 1.3vw;}
#block01 article .white-box .data-sms .sns-notice p:nth-of-type(1) span{font-size: 1.4vw;}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
#block01 article .plan-02 .plan-02-price ul li{font-size: 1.8vw;}
#block01 article .white-box .data-sms .sns-box p{
width: 27%;
padding: 0 1%;
}

#block01 article .white-box .data-sms .sns-notice{
margin: 0 0 0 2%;
width: 68%;
font-size: 10px;
}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
#block01 article .plan-02 .plan-02-price ul li{padding: 6% 0;}
#block01 article .plan-02 .plan-02-price ul li{font-size: 2.1vw;}
/* 「SNSを使うには～」の枠 */
#block01 article .white-box .data-sms{
margin: 5% auto 0;
width: 100%;
}

#block01 article .white-box .data-sms .sns-box p{
margin: 0 1%;
width: 30%;
padding: 0 1%;
}

#block01 article .white-box .data-sms .sns-notice{
margin: 0 0 0 5%;
width: 65%;
line-height: 1.5em;
font-size: 10px;
}

#block01 article .white-box .data-sms .sns-notice p:nth-of-type(1){font-size: 1.4vw;}
#block01 article .white-box .data-sms .sns-notice p:nth-of-type(1) span{font-size: 1.5vw;}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */
#block01 article .plan-02 .plan-02-price{
margin: 3% auto;
flex-flow: column wrap;
}

#block01 article .plan-02 .plan-02-price .price-left,
#block01 article .plan-02 .plan-02-price .price-right{width: 85%;}
#block01 article .plan-02 .plan-02-price .price-left{margin: 0 auto 10%;}
#block01 article .plan-02 .plan-02-price .price-left{padding: 0 ;}
#block01 article .plan-02 .plan-02-price .price-right{padding: 0 ;}

#block01 article .plan-02 .plan-02-price .sub-text{
padding: 5% 0;
font-size: 3.3vw;
}

#block01 article .plan-02 .plan-02-price ul li{
margin: 2.5% auto;
padding: 7% 0;
font-size: 3vw;
}

/* 「SNSを使うには～」の枠 */
#block01 article .white-box .data-sms{
padding: 4% 0;
margin: 10% auto 0;
border:solid 1.5px #ea5413;
border-radius: 20px;
flex-flow: column wrap;
}

#block01 article .white-box .data-sms .sns-box{
margin: 2% auto 3%;
width: 65%;
}

#block01 article .white-box .data-sms .sns-box p{
margin: 0 1%;
width: 20%;
padding: 0 1%;
}

#block01 article .white-box .data-sms .sns-notice{
margin: 0 auto;
width: 90%;
line-height: 1.5;
text-align: center;
}

#block01 article .white-box .data-sms .sns-notice p:nth-of-type(1){
margin: 2% auto;
font-size: 1.9vw;
}

#block01 article .white-box .data-sms .sns-notice p:nth-of-type(1) span{font-size: 2.1vw;}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
#block01 article .plan-02 .plan-02-price .sub-text{font-size: 3.7vw;}
#block01 article .plan-02 .plan-02-price ul li{font-size: 4vw;}

/* 「SNSを使うには～」の枠 */
#block01 article .white-box .data-sms .sns-notice{
width: 90%;
}

#block01 article .white-box .data-sms{padding: 6% 0;}

#block01 article .white-box .data-sms .sns-notice p:nth-of-type(1){
margin: 2% auto;
font-size: 2.8vw;
}

#block01 article .white-box .data-sms .sns-notice p:nth-of-type(1) span{font-size: 3.1vw;}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 380px) {
 /* ---------------------------------- */
 #block01 article .white-box .data-sms .sns-box p{
margin: 0 2%;
width: 24%;
}
/* ---------------------------------- */
}

/*共通*/
/*赤文字*/
#block01 article .red-text{
font-weight: 700;
color: #ff0000;
}
/*数字表記*/
#block01 article .numeral{
margin: 0 1.5%;
font-size: 1.6vw;
font-weight: 700;
color: #ff0000;
}
/*注意書きの文字サイズ*/
#block01 .notice,
#block01 .notice02{
font-size: 0.8vw;
line-height: 1.5;
letter-spacing: 0.05em;
}
/*注意書きのそろえ位置*/
#block01 article .plan-01 .white-box .notice{
margin: 2% auto;
width: 60%;
text-align: left;
}

/* ******************************************* */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */
/*数字表記*/
#block01 article .numeral{font-size: 1.9vw;}
/*注意書きの文字サイズ*/
#block01 .notice,
#block01 .notice02{font-size: 12px;}
/*注意書きのそろえ位置*/
#block01 article .plan-01 .white-box .notice{
margin: 3% auto 2%;
width: 60%;}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
 /*数字表記*/
#block01 article .numeral{font-size: 2.2vw;}
/*注意書きの文字サイズ*/
#block01 .notice,
#block01 .notice02{font-size: 11px;}
/*注意書きのそろえ位置*/
#block01 article .plan-01 .white-box .notice{
width: 93%;
margin: 5% auto;
}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
/*数字表記*/
#block01 article .numeral{font-size: 2.6vw;}
/*注意書きの文字サイズ*/
#block01 .notice,
#block01 .notice02{font-size: 10px;}
/*注意書きのそろえ位置*/
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */
 /*数字表記*/
#block01 article .numeral{font-size: 4vw;}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
  /*数字表記*/
#block01 article .numeral{font-size: 5vw;}
/* ---------------------------------- */
}


/** --------------------------------------------------
block02
-------------------------------------------------- **/
#block02{
margin: 0 auto;
width: 100%;
padding: 2% 10% 8%;
background-color: #ea5413;
}

#block02 article{
margin: 0 auto;
width: 100%;
padding:  5%;
max-width: 1500px;
background-color: #fff;
border-radius: 30px;
}

#block02 article .pocket-wifi{
margin: 3% auto;
width: 85%;

display: flex;
justify-content: center;
align-items: top;
flex-flow: row wrap;
}

/* Pocket Wi-Fi */
#block02 article .pocket-wifi div{
margin: 4% auto 0;
width: 35%;
padding: 3% 3%;
}

#block02 article .pocket-wifi .pocket-wifi-img{
margin: 0 0 0 5%;
width: 60%;
padding: 3% 3%;
position: relative;
}

#block02 article .pocket-wifi div p{
margin: 0 auto;
width: 100%;
padding: 4% 0;
font-size: 1.2vw;
letter-spacing: 0.05em;
font-weight: 700;
color: #fff;
background-color: #ea5413;
}

#block02 article .pocket-wifi div h2,
#block02 article .pocket-wifi div h3{
margin: 0 auto;
width: 100%;
line-height: 1.2;
letter-spacing: 0.05em;
font-weight: 900;
color: #373737;
border-bottom: solid 5px #ffd200;
}

#block02 article .pocket-wifi div h2{font-size: 4.3vw;}
#block02 article .pocket-wifi div h3{font-size: 6vw;}

/* Pocket Wi-Fi price*/
#block02 article .pocket-wifi-price{
margin: 5% auto;
width: 50%;
letter-spacing: 0.07em;
}

#block02 article .pocket-wifi-price>p{
margin: 8% auto 12%;
font-size: 2.5vw;
font-weight: 500;
}

#block02 article .pocket-wifi-price>p .red-text{
margin: 0 1.5%;
font-size: 4.5vw;
color: #e60012;
font-weight: 900;
}

#block02 article .pocket-wifi-price>p .small{font-size: 2.5vw;}

#block02 article .pocket-wifi-price>p:last-of-type{
margin: 0 auto;
width: 100%;
font-weight: 500;
padding: 1% 0;
font-size: 12px;
color: #e60012;
background-color: #ffff00;
}

#block02 article .pocket-wifi-price>div{
margin: 7% auto;
width: 100%;
font-weight: 700;
line-height: 1.2;

display: flex;
justify-content: space-around;
align-items: center;
flex-flow: row wrap;
}

#block02 article .pocket-wifi-price>div p:nth-of-type(1),
#block02 article .pocket-wifi-price>div p:nth-of-type(2){
margin: 0 auto;
width: 47%;
padding: 4% 0;
font-size: 1.3vw;
color: #fff;
background-color: #ea5413;
border-radius: 15px;
}

#block02 article .pocket-wifi-price>div p:nth-of-type(1) .gb{
font-size: 3vw;
color: #fff336;
}

#block02 article .pocket-wifi-price>div p:nth-of-type(2){
font-size: 2vw;
color: #fff336;
}

/* ******************************************* */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */
#block02{padding: 0 5% 4%;}
#block02 article .pocket-wifi{width: 80%;}

/* Pocket Wi-Fi */
#block02 article .pocket-wifi div{
margin: 1% auto;
width: 40%;
}

#block02 article .pocket-wifi .pocket-wifi-img{
margin: 2% 0 0 0;
width: 50%;
padding: 0;
}

#block02 article .pocket-wifi div p{font-size: 1.5vw;}
#block02 article .pocket-wifi div h2,
#block02 article .pocket-wifi div h3{border-bottom: solid 4px #ffd200;}
#block02 article .pocket-wifi div h2{font-size: 5vw;}
#block02 article .pocket-wifi div h3{font-size: 7vw;}

/* Pocket Wi-Fi price*/
#block02 article .pocket-wifi-price{
margin: 5% auto;
width: 60%;
}

#block02 article .pocket-wifi-price>p{font-size: 3vw;}
#block02 article .pocket-wifi-price>p .red-text{font-size: 5vw;}
#block02 article .pocket-wifi-price>p .small{font-size: 2.5vw;}
#block02 article .pocket-wifi-price>p:last-of-type{width: 80%;}

#block02 article .pocket-wifi-price>div{
margin: 5% auto;
padding: 2% 0;
line-height: 1.4;
}

#block02 article .pocket-wifi-price>div p:nth-of-type(1),
#block02 article .pocket-wifi-price>div p:nth-of-type(2){
width: 42%;
}

#block02 article .pocket-wifi-price>div p:nth-of-type(1) .gb{font-size: 3.8vw;}
#block02 article .pocket-wifi-price>div p:nth-of-type(2){font-size: 2.8vw;}

/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
#block02{padding: 0 5%;}
#block02 article .pocket-wifi{width: 90%;}

/* Pocket Wi-Fi */
#block02 article .pocket-wifi div{
margin: 1% auto;
width: 42%;
}

#block02 article .pocket-wifi .pocket-wifi-img{
margin: 2% 0 0 0;
width: 50%;
letter-spacing: 0.04em;
padding: 0;
}

#block02 article .pocket-wifi div p{font-size: 1.5vw;}
#block02 article .pocket-wifi div h2,
#block02 article .pocket-wifi div h3{border-bottom: solid 4px #ffd200;}
#block02 article .pocket-wifi div h2{font-size: 5vw;}
#block02 article .pocket-wifi div h3{font-size: 7vw;}

/* Pocket Wi-Fi price*/
#block02 article .pocket-wifi-price{width: 80%;}
#block02 article .pocket-wifi-price>p{
margin: 5% auto 9%;
font-size: 3.2vw;
}

#block02 article .pocket-wifi-price>p .red-text{font-sizes: 5vw;}
#block02 article .pocket-wifi-price>p .small{font-size: 3.2vw;}
#block02 article .pocket-wifi-price>p:last-of-type{width: 70%;}

#block02 article .pocket-wifi-price>div{
width: 85%;
margin: 3% auto 5%;
}

#block02 article .pocket-wifi-price>div p:nth-of-type(1),
#block02 article .pocket-wifi-price>div p:nth-of-type(2){width: 40%;}
#block02 article .pocket-wifi-price>div p:nth-of-type(1) .gb{font-size: 4vw;}
#block02 article .pocket-wifi-price>div p:nth-of-type(2){font-size: 3vw;}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
#block02 article .pocket-wifi div{
margin: 1% auto;
width: 40%;
}

#block02 article .pocket-wifi .pocket-wifi-img{
margin: 2% 0 0 0;
width: 52%;
}

#block02 article .pocket-wifi div p{font-size: 2vw;}
#block02 article .pocket-wifi div h2,
#block02 article .pocket-wifi div h3{border-bottom: solid 3.5px #ffd200;}
#block02 article .pocket-wifi div h2{font-size: 5.5vw;}
#block02 article .pocket-wifi div h3{font-size: 7.5vw;}

/* Pocket Wi-Fi price*/
#block02 article .pocket-wifi-price{width: 85%;}
#block02 article .pocket-wifi-price>p{font-size: 3.8vw;}
#block02 article .pocket-wifi-price>p .red-text{font-sizes: 5.8vw;}
#block02 article .pocket-wifi-price>p .small{font-size: 3.8vw;}
#block02 article .pocket-wifi-price>p:last-of-type{ font-size: 11px;;}

#block02 article .pocket-wifi-price>div{
width: 85%;
margin: 3% auto 7%;
}

#block02 article .pocket-wifi-price>div p:nth-of-type(1),
#block02 article .pocket-wifi-price>div p:nth-of-type(2){width: 40%;}
#block02 article .pocket-wifi-price>div p:nth-of-type(1) .gb{font-size: 4.2vw;}
#block02 article .pocket-wifi-price>div p:nth-of-type(2){font-size: 3.2vw;}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */
#block02 article .pocket-wifi{width: 100%;}

#block02 article .pocket-wifi div{
margin: 5% auto;
width: 35%;
padding: 0;
}

#block02 article .pocket-wifi .pocket-wifi-img{
margin: 2% auto 2%;
width: 50%;
}

#block02 article .pocket-wifi div p{font-size: 2.5vw;}
#block02 article .pocket-wifi div h2,
#block02 article .pocket-wifi div h3{border-bottom: solid 3px #ffd200;}
#block02 article .pocket-wifi div h2{font-size: 6vw;}
#block02 article .pocket-wifi div h3{font-size: 8vw;}

/* Pocket Wi-Fi price*/
#block02 article .pocket-wifi-price{width: 100%;}
#block02 article .pocket-wifi-price>p{font-size: 4.1vw;}
#block02 article .pocket-wifi-price>p .red-text{font-sizes: 6.5vw;}
#block02 article .pocket-wifi-price>p .small{font-size: 4.1vw;}
#block02 article .pocket-wifi-price>p:last-of-type{
line-height: 1.5;
width: 85%;
}

#block02 article .pocket-wifi-price>div{
width: 80%;
margin: 3% auto 12%;
}

#block02 article .pocket-wifi-price>div p:nth-of-type(1),
#block02 article .pocket-wifi-price>div p:nth-of-type(2){
width: 45%;
font-size: 3vw;
}
#block02 article .pocket-wifi-price>div p:nth-of-type(1) .gb{font-size: 4.5vw;}
#block02 article .pocket-wifi-price>div p:nth-of-type(2){font-size: 3.5vw;}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
#block02{padding: 0 5% 2%;}
#block02 article .pocket-wifi{
width: 90%;
align-items: center;
flex-flow: column wrap;
}

/* Pocket Wi-Fi */
#block02 article .pocket-wifi div{
margin: 5% auto ;
width: 60%;
padding: 0;
}

#block02 article .pocket-wifi .pocket-wifi-img{
margin: 5% 0 0 5%;
width: 90%;
padding: 0;
}

#block02 article .pocket-wifi div p{
margin: 0 auto 3%;
width: 100%;
padding: 2.5% 0;
font-size: 3vw;
}

#block02 article .pocket-wifi div h2,
#block02 article .pocket-wifi div h3{
line-height: 1.2;
border-bottom: solid 3px #ffd200;
}

#block02 article .pocket-wifi div h2{font-size: 9vw;}
#block02 article .pocket-wifi div h3{font-size: 13vw;}

/* Pocket Wi-Fi price*/
#block02 article .pocket-wifi-price{
margin: 10% auto;
width: 100%;
line-height: 1.1;
}

#block02 article .pocket-wifi-price>p{font-size: 6.5vw;}
#block02 article .pocket-wifi-price>p .red-text{font-size: 13vw;}
#block02 article .pocket-wifi-price>p .small{font-size: 6.5vw;}

#block02 article .pocket-wifi-price>p:last-of-type{
padding: 1.5% 0;
line-height: 1.5;
letter-spacing: 0.03em;
}

#block02 article .pocket-wifi-price>div{
margin: 5% auto;
line-height: 1.4;
flex-flow: column wrap;
}

#block02 article .pocket-wifi-price>div p:nth-of-type(1),
#block02 article .pocket-wifi-price>div p:nth-of-type(2){
margin: 3% auto;
width: 90%;
padding: 4% 0;
font-size: 5vw;
border-radius: 10px;
}

#block02 article .pocket-wifi-price>div p:nth-of-type(1) .gb{font-size: 8vw;}
#block02 article .pocket-wifi-price>div p:nth-of-type(2){font-size: 6vw;}

/* ---------------------------------- */
}



/*下半分 Pocket Wi-Fi information*/
#block02 article .pocket-wifi-information{
margin: 0 auto;
width: 70%;
padding: 3% 0;
font-size: 0.8vw;
letter-spacing: 0.07em;
border-top: solid 2px #e60012;
border-bottom: solid 2px #e60012;
position: relative;
}

#block02 article .pocket-wifi-information h4{
margin: 0 auto;
width: 50%;
padding: 1% 0;
font-size: 1vw;
color: #fff;
background-color: #e60012;
border-radius: 50px;
position: absolute;
top:-10%;
left: 50%;
transform: translateX(-50%);
}

#block02 article .pocket-wifi-information p:nth-of-type(1){
margin: 0 auto 2%;
padding: 1% 0;
font-size: 1.1vw;
font-weight: 700;
}

#block02 article .pocket-wifi-information p:nth-of-type(2){
width: 100%;
text-align: left;
}

#block02 article .pocket-wifi-information p:nth-of-type(1) span{
font-size: 1.4vw;
color: #e60012;
}

#block02 article .product-info{
margin: 2% 15%;
width: 70%;
font-size: 0.8vw;
text-align: left;
}

/* ******************************************* */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */
#block02 article .pocket-wifi-information{width: 80%;}
#block02 article .pocket-wifi-information h4{font-size: 1.7vw;}
#block02 article .pocket-wifi-information p:nth-of-type(1){font-size: 1.8vw;}
#block02 article .pocket-wifi-information p:nth-of-type(1) span{font-size: 2.1vw;}
#block02 article .pocket-wifi-information p:nth-of-type(2){font-size: 12px;}

#block02 article .product-info{
margin: 2% 10%;
font-size: 12px;
width: 80%;
}

/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
#block02 article .pocket-wifi-information{width: 85%;}
#block02 article .pocket-wifi-information h4{font-size: 1.9vw;}
#block02 article .pocket-wifi-information p:nth-of-type(1){
margin: 2% auto 2.5%;
font-size: 2vw;
}

#block02 article .pocket-wifi-information p:nth-of-type(1) span{font-size: 2.3vw;}
#block02 article .pocket-wifi-information p:nth-of-type(2){font-size: 11px;}

#block02 article .product-info{
margin: 2% 7.5%;
font-size: 11px;
width: 85%;
}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
#block02 article .pocket-wifi-information{width: 90%;}
#block02 article .pocket-wifi-information h4{font-size: 2.1vw;}
#block02 article .pocket-wifi-information p:nth-of-type(1){
margin: 2% auto 2.5%;
font-size: 2.5vw;
}

#block02 article .pocket-wifi-information p:nth-of-type(1) span{font-size: 3vw;}
#block02 article .pocket-wifi-information p:nth-of-type(2){font-size: 10px;}

#block02 article .product-info{
margin: 3% 5%;
font-size: 10px;
width: 90%;
}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */
 /*下半分 Pocket Wi-Fi information*/
#block02 article .pocket-wifi-information{
width: 100%;
padding: 5% 0;
font-size: 1vw;
line-height: 1.5;
}

#block02 article .pocket-wifi-information h4{
width: 70%;
padding: 2% 0;
font-size: 3.5vw;
top:-10%;
}

#block02 article .pocket-wifi-information p:nth-of-type(1){
margin: 5% auto 6%;
padding: 0;
font-size: 3.5vw;
}

#block02 article .pocket-wifi-information p:nth-of-type(1) span{
font-size: 4.5vw;
}

#block02 article .product-info{
margin: 4% auto 2%;
width: 100%;
}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
#block02 article .pocket-wifi-information{
margin: 20% auto 2%;
padding: 10% 0 8%;
}

#block02 article .pocket-wifi-information h4{
line-height: 1.5;
font-weight: 700;
font-size: 4vw;
top:-15%;
}

#block02 article .pocket-wifi-information p:nth-of-type(1){
margin: 1% auto 6%;
font-size: 5vw;
}

#block02 article .pocket-wifi-information p:nth-of-type(1) span{font-size: 5.5vw;}

#block02 article .product-info{
margin: 6% auto 2%;
width: 100%;
}
/* ---------------------------------- */
}


/** --------------------------------------------------
block03
-------------------------------------------------- **/
#block03{
margin: 0 auto;
width: 100%;
padding: 2% 10%;
background-color: #ea5413;
}

#block03 article{
margin: 0 auto;
width: 100%;
padding:  5% 5% 10% 5%;
max-width: 1500px;
background-color: #fff;
border-radius: 30px;
letter-spacing: 0.05em;
position: relative;
}

#block03 article div{
margin: 0 auto;
width: 100%;
font-size: 1vw;
}

#block03 article div ul{
margin: 4% 15% 1%;
width: 70%;
padding: 0 5%;
text-align: left;
}

#block03 article div ul li{
margin: 2% auto ;
width: 100%;
padding: 1% 0;
font-size: 1.3vw;
font-weight: 500;
line-height: 1.3;
}

#block03 article div ul li> .big{
margin: 0 1%;
font-size: 1.6vw;
font-weight: 700;
color: #e60012;
}

#block03 article div ul li:nth-of-type(1){
padding: 0 0 4% 0;
border-bottom:  solid 2px #e60012;
}

#block03 article div>p{
margin: 0 0 0 36%;
width: 100%;
font-size: 0.9vw;
line-height: 1.2;
text-align: left;
}

#block03 article div>p>span{
font-size: 1.1vw;
font-weight: 500;
color:  #e60012;
}

#block03 article .notice{
margin: 2% 15%;
width: 70%;
font-size: 0.8vw;
text-align: left;
}

/* ******************************************* */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */
#block03{padding: 6% 5% 2% ;}
#block03 article div{width: 100%;}
#block03 article div ul{
width: 80%;
margin: 4% 10% 1%;
}

#block03 article div ul li{font-size: 1.6vw;}
#block03 article div ul li>.big{font-size: 1.8vw;}

#block03 article div ul li:nth-of-type(1){
padding: 0 0 3% 0;
border-bottom:  solid 1.5px #e60012;
}

#block03 article div>p{
font-size: 12px;
margin: 0 0 0 32%;
}

#block03 article div>p span{font-size: 14px;}

#block03 article .notice{
margin: 2% 10%;
font-size: 12px;
width: 80%;
}

/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
#block03 article div ul{
width: 85%;
margin: 4% 7.5% 1%;
}

#block03 article div ul li{font-size: 1.8vw;}
#block03 article div ul li>.big{font-size: 2.3vw;}

#block03 article div>p{
font-size: 11px;
margin: 0 0 0 32%;
}

#block03 article div>p span{font-size: 13px;}

#block03 article .notice{
margin: 2% 7.5%;
font-size: 11px;
width: 85%;
}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
 #block03 article div ul{
width: 100%;
margin: 4% auto 1%;
}
#block03 article div ul li{
  font-size: 2vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#block03 article div ul li>.big{font-size: 2.5vw;}
#block03 article div>p{
font-size: 11px;
margin: 0 0 0 27%;
}

#block03 article div>p span{font-size: 12px;}

#block03 article .notice{
margin: 3% 5%;
font-size: 10px;
width: 90%;
}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */
#block03 article{padding: 5% 5% 15% 5%;}
 
#block03 article div ul{
width: 100%;
margin: 4% auto 1%;
}

#block03 article div ul li{
font-size: 3.3vw;
line-height: 1.4;
}

#block03 article div>p{
text-align: center;
margin: 0 auto;
width: 100%;
line-height: 1.3;
}

#block03 article div ul li>.big{
  font-size: 4.5vw;
  display: inline-block;
  width: 60%;
}

#block03 article div ul li>.indent{
padding:0 0 0 39%;
font-size: 15px;
}

#block03 article div>p{margin: 0 ;}

#block03 article div>p>span{
font-size: 12px;
font-weight: 500;
}

#block03 article .notice{
margin: 8% 5% 5%;
width: 90%;
}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
#block03 article{padding: 5% 5% 20% 5%;}
#block03 article div ul li{font-size: 3.5vw;}

#block03 article div>p{
font-size: 10px;
text-align: left;
}

#block03 article div ul li>.big{font-size: 4.8vw; width: 57%;}
#block03 article div ul li>.indent{
padding:0 0 0 39%;
font-size: 12px;
}

#block03 article div>p br{display: none ;}

#block03 article div>p>span{
font-weight: 500;
}

#block03 article .notice{
margin: 8% auto 6%;
width: 100%;
line-height: 1.5;
}
/* ---------------------------------- */
}

/**　ご契約の流れボタン**/
#block03 article .flow-link{
margin: 0 auto;
padding: 10% 10%;
width: 80%;
position: absolute;
bottom: -32%;
left: 50%;
transform: translateX(-50%)
}

/* ******************************************* */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */

/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
#block03 article .flow-link{width: 90%;}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
#block03 article .flow-link{
padding: 7% 7%;
bottom: -20%;
}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */
#block03 article .contract-link{
padding: 7% 7%;
width: 85%;
bottom: -19%;
}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
#block03 article .flow-link{
padding: 5% 5%;
width: 90%;
bottom: -14%;
}
/* ---------------------------------- */
}


/** --------------------------------------------------
block04
-------------------------------------------------- **/
#block04{
margin: 0 auto;
width: 100%;
padding: 2% 10%;
background-color: #ea5413;
}

#block04 article{
margin: 6% auto 3%;
width: 100%;
padding:  5% 5% 10% 5%;
max-width: 1500px;
background-color: #fff;
border-radius: 30px;
letter-spacing: 0.05em;
}

#block04 article h2{
margin: 3% auto 1%;
font-size: 1.5vw;
font-weight: 700;
color: #e60012;
text-align: center;
border-bottom: solid 2px #ea5413;
padding-bottom: 1%;
width: 30%;
}

#block04 article h2>span{
margin: 0 1%;
font-size: 1.2vw;
color: #000;
}

#block04 article>p{
margin: 0 auto;
width: 70%;
font-size: 12px;
}

#block04 article div{
margin: 3% auto;
width: 100%;
padding: 3% 0;
background-color: #fbddd0;
border-radius: 20px;
position: relative;
}

#block04 article div .top,
#block04 article div .bottom{
margin: 0 auto;
width: 90%;
text-align: center;
}

#block04 article div .top::after{
content: "";
display: inline-block;
background: #fff;
width: 90%;
height: 1.5px;
margin-bottom: -2%; 
}

#block04 article div .top h3,
#block04 article div .bottom h3{
margin: 0 auto;
width: 60%;
padding: 1% 0;
font-size: 1.3vw;
font-weight: 700;
color: #ea5413;
border: solid 1.5px #ea5413;
}

#block04 article div .top p:nth-of-type(1),
#block04 article div .bottom p:nth-of-type(1){
margin: 3% auto;
width: 100%;
font-size: 1vw;
line-height: 1.5;
font-weight: 500;
}

#block04 article div .top p:nth-of-type(2){
margin: 0 auto;
width: 100%;
font-size: 0.8vw;
}

/* ******************************************* */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */
#block04{padding: 4% 5% 4%;}

#block04 article{
margin: 5% auto 0;
padding:  5% 5% 3% 5%;
}

#block04 article h2{
margin: 3% auto 1%;
font-size: 1.8vw;
}

#block04 article h2>span{font-size: 1.3vw;}

#block04 article>p{
width: 100%;
font-size: 12px;
}

#block04 article div{padding: 2% 0;}
#block04 article div .top,
#block04 article div .bottom{width: 90%;}
#block04 article div .top::after{margin-bottom: -1%; }
#block04 article div .top h3,
#block04 article div .bottom h3{
width: 70%;
padding: 1% 0;
font-size: 1.6vw;
}

#block04 article div .top p:nth-of-type(1),
#block04 article div .bottom p:nth-of-type(1){
margin: 2% auto;
font-size: 15px;
}

#block04 article div .top p:nth-of-type(2){
margin: 0 auto;
width: 100%;
font-size: 12px;
}

/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
#block04 article h2{
margin: 3% auto 1%;
font-size: 2vw;
width: 35%;
}

#block04 article h2>span{font-size: 1.3vw;}

#block04 article>p{font-size: 11px;}

#block04 article div .top,
#block04 article div .bottom{width: 90%;}

#block04 article div .top::after{
width: 90%;
height: 2px;
}

#block04 article div .top h3,
#block04 article div .bottom h3{
width: 70%;
padding: 1% 0;
font-size: 16px;
}

#block04 article div .top p:nth-of-type(1),
#block04 article div .bottom p:nth-of-type(1){
margin: 5% auto;
font-size: 13px;
}

#block04 article div .top p:nth-of-type(2){font-size: 11px;}

/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
#block04{padding: 6% 5% 5%;}
 
#block04 article h2{
margin: 3% auto 1%;
font-size: 2.3vw;
width: 43%;
}

#block04 article>p{font-size: 10px;}

#block04 article h2>span{font-size: 13px;}
#block04 article div{padding: 3% 0 2%;}
#block04 article div .top::after{height: 1.5px;}

#block04 article div .top h3,
#block04 article div .bottom h3{
width: 60%;
font-size: 15px;
}

#block04 article div .top p:nth-of-type(1),
#block04 article div .bottom p:nth-of-type(1){font-size: 12px;}
#block04 article div .top p:nth-of-type(2){font-size: 10px;}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */
 #block04{padding: 6% 5% 5%;}

#block04 article{
margin: 8% auto 0;
}

#block04 article h2{
margin: 3% auto;
font-size: 2.6vw;
width: 45%;
}

#block04 article div .top::after{
width: 100%;
margin-bottom: -2.3%; 
}

#block04 article h2>span{font-size: 12px;}
#block04 article div{padding: 0;}
#block04 article div .top{padding: 5% 0;}
#block04 article div .bottom{padding: 3% 0 5%;}
#block04 article div .top::after{height: 1.5px;}
#block04 article div .top h3,
#block04 article div .bottom h3{font-size: 13px;}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
#block04 article{margin: 10% auto 0;}
 
#block04 article h2{
margin: 8% auto 4%;
font-size: 4.8vw;
padding-bottom: 2%;
width: 80%;
}

#block04 article h2>span{font-size: 14px;}

#block04 article>p{
width: 70%;
text-align: left;
}

#block04 article br{display: none;}

#block04 article div{
margin: 8% auto 3%;
padding: 2% 2%;
}

#block04 article div .top h3,
#block04 article div .bottom h3{
width: 90%;
font-size: 12px;
}

#block04 article div .top p:nth-of-type(1),
#block04 article div .bottom p:nth-of-type(1){
line-height: 1.5;
text-align: justify;
}

#block04 article div .top p:nth-of-type(2){
margin: 0 auto;
text-align: justify;
}
/* ---------------------------------- */
}

/** --------------------------------------------------
block05
-------------------------------------------------- **/
#block05 .h1-text{
margin: 5% auto 3%;
width: 60%;
text-align: center;
}

#block05 .h1-text h1{
margin: 0 auto 5%;
font-size: 2.4vw;
font-family: 'Roboto', sans-serif;
font-weight: 500;
letter-spacing: 0.05em;
}


#block05 .h1-text h1{color: #fff;}

#block05 .h1-text h1{letter-spacing: 0.05em;}

.h1-text h1 span{
position: relative;
line-height: 1;
}

.h1-text h1 span::before{
content: '';
width: 70%;
height: 1.5px;
position: absolute;
bottom: -15px;
left: 50%;
transform: translateX(-50%);
}

#block05 .h1-text h1 span::before{background-color: #fff;}

#block05 .h1-text>p{
margin: 2% auto 0;
font-size: 1vw;
color: #fff;
line-height: 1.4em;
letter-spacing: 0.05em;
}

/* ******************************************* */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */
#block05 .h1-text h1{font-size: 2.7vw;}
.h1-text h1 span::before{height: 1.5px;}

#block05 .h1-text>p{
margin: 8% auto 0;
font-size: 1.1vw;
line-height: 1.7em;
}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
#block05 .h1-text h1{font-size: 2.9vw;}
#block05 .h1-text>p{font-size: 1.3vw;}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
#block05 .h1-text{width: 100%;}
#block05 .h1-text h1{font-size: 4vw;}

#block05 .h1-text>p{
margin:10% auto 7%;
font-size: 1.7vw;
}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
#block05 .h1-text h1{font-size: 5.8vw;}
#block05 .h1-text>p{font-size: 2.3vw;}
/* ---------------------------------- */
}

#block05{
margin: 0 auto;
width: 100%;
padding: 8% 12%;
background-image: url("../img/top/block05-image@2x.png");
background-size: cover;
}

#block05 article{
margin: 0 auto;
width: 100%;
padding: 2% 4% 7% 4%;
background:rgba(234,84,19,0.8);
border-radius: 30px;
}

#block05 article .mail-contact{
margin: 0 auto;
width: 60%;
padding: 2%;
background-color: #fff;
border-radius: 50px;
display: flex;
justify-content: center;
align-items: center;
flex-flow: row wrap;
}

#block05 article .mail-contact p:nth-of-type(1){
margin: 0 5% 0 0 ;
width: 7%;
}

#block05 article .mail-contact p:nth-of-type(2){
font-size: 1.4vw;
font-weight: 700;
color:  #ea5413;
}

/* ******************************************* */
@media screen and (max-width: 1200px) {
/* ---------------------------------- */
#block05{padding: 6% 10%;}
#block05 article .mail-contact{
width: 50%;
padding: 1.5%;
}

#block05 article .mail-contact p:nth-of-type(1){width: 8%;}
#block05 article .mail-contact p:nth-of-type(2){font-size: 1.6vw;}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1024px) {
/* ---------------------------------- */
#block05{padding: 5% 8%;}
#block05 article .mail-contact p:nth-of-type(1){width: 9%;}
#block05 article .mail-contact p:nth-of-type(2){font-size: 1.8vw;}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 768px) {
/* ---------------------------------- */
#block05{padding: 8% 10%;}
#block05 article{padding: 3% 4% 9%;}
#block05 article .mail-contact{width: 70%;}
#block05 article .mail-contact p:nth-of-type(1){width: 10%;}
#block05 article .mail-contact p:nth-of-type(2){font-size: 2.5vw;}
/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 480px) {
/* ---------------------------------- */
#block05{
padding: 12% 8%;
background-image: url("../img/top/block05-image-mb@2x.png");
}

#block05 article{
padding: 3% 0 11%;
border-radius: 20px;
}

#block05 article .mail-contact{
width: 70%;
padding: 3.5%;
}

#block05 article .mail-contact p:nth-of-type(1){width: 10%;}
#block05 article .mail-contact p:nth-of-type(2){font-size: 3.5vw;}
/* ---------------------------------- */
}

.campaign-pc {
  position: absolute;
  right: -2vw;
  bottom: -2vw;
  width: 100%;
  max-width: 252px;
}

#block02 article .pocket-wifi-price>div.campaign-mb {
  margin: 30px auto;
  width: 100%;
  text-align: center;
  display: none;
  justify-content: center;
}
@media (max-width:1024px) {
  .campaign-pc { display: none;}
  #block02 article .pocket-wifi-price>div.campaign-mb {
    display: flex;
  }
}