@charset "utf-8";
/* jcomMobile */
@import url("price_table_v2.css");

body{
margin: 0;
padding: 0;
}

/* COMMON */
.t_nowrap {
    white-space: nowrap;
    display:  inline-block;
}
.m-ac,.m-al-pc {text-align: center !important;}
.m-al {text-align: left !important;}
.m-ar {text-align: right !important;}
.m-mt-0 { margin-top:  0;}
.m-mt-10 { margin-top:  10px;}
.m-mt-20 { margin-top:  20px;}
.m-mt-30 { margin-top:  30px;}
.m-mt-40 { margin-top:  40px;}
.m-mt-60 { margin-top:  60px;}
.m-mt-70 { margin-top:  70px;}
.m-mt-80 { margin-top:  80px;}
.m-mt-90 { margin-top:  90px;}
.m-mt-100 { margin-top:  100px;}
.m-mb-0 { margin-bottom:  0;}
.m-mb-10 { margin-bottom:  10px;}
.m-mb-20 { margin-bottom:  20px;}
.m-mb-30 { margin-bottom:  30px;}
.m-mb-40 { margin-bottom:  40px;}
.m-color-mobile { color: #00a4a8 !important;}
.nowrap { white-space: nowrap;}
span.nowrap { white-space: nowrap; display: inline-block;}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.m-link a, .m-link-inline a, .m-link-pr a, .m-link-pr-inline a {
    text-decoration: none;
    color: #225383;
    text-indent: 8px;
}

.m-link-arrow {
   position: relative;
}
.m-link-arrow:not(.m-pdf)::before {
   content　: "▶";
   color:  #00a4a8 !important;
}



.m-link-arrow:not(.m-pdf)[target="_blank"]::after {
    content: url(/resources/images/icon/icon_blank.png);
    position: relative;
    top: 0;
    border: none;
    left: 3px;
}
.m-color-jcom {
    color: #e93817 !important;
}

.m-fw-bold {
    font-weight: bold !important;
}
.m-nowrap {
   white-space: nowrap;
}

span.m-nowrap {
   white-space: nowrap;
   display: inline-block;
}

#jcomMobile *{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#jcomMobile {
background: #fff;
/*font-size: 0;*/
text-align: center;
}
#jcomMobile ul,
#jcomMobile dl{
margin: 0;
padding: 0;
}
#jcomMobile ul li{
list-style: none;
}
#jcomMobile ul li a{
text-decoration: none;
}
#jcomMobile img{
margin: 0;
vertical-align: bottom;
max-width: calc(100% - 12px);
}
#jcomMobile .des img {
    max-width: 300px;
}

#jcomMobile #JMmain  {
    max-width: 100%;
}

.logo　img {
max-width: 90%;
   
}

#jcomMobile h1,
#jcomMobile h2,
#jcomMobile h3{
margin:0;
padding:0;
}
#jcomMobile a:hover {
opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
}
#jcomMobile #JMfloating img{
position: fixed;
}
@media only screen and (min-width: 801px) {
.forPc {　display: block !important;}
.forSp {display:none !important;}
br.spbr{display:none;}
#JMfloating img{bottom:0; right:0;}
#jcomMobile ul li.pc_left_only { margin-right: 510px;}
}
@media only screen and (max-width: 800px) {
.forPc {display:none !important;}
.forSp {display:inline-block !important;}
br.pcbr{display:none;}
img {max-width: 100%;}
#JMfloating img{width: 45px; height: 45px; bottom: 40px; right: 3px;}
    .DTbox1.W600 {
        max-width: 450px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* JMheader */
@media only screen and (min-width: 801px) {
#jcomMobile header{
overflow: hidden;
}
#jcomMobile #JMheaderPc{
width: 1080px;
margin: 0 auto;
padding: 14px 40px;
display: table;
overflow: hidden;
}
#jcomMobile #JMheaderSp{
display: none;
}
#jcomMobile #JMheaderPc .logo{
display: table-cell;
vertical-align: middle;
text-align: left;
width: 160px; /**/
}
/*「この街の役に立てているか。」TOP*/
#jcomMobile #JMheaderPc .jcoman-link {
display: table-cell;
vertical-align: middle;
text-align: left;  
font-size: 13px;
line-height: 1.4;
}
    
#jcomMobile #JMheaderPc .jcoman-link a {
        
}

#jcomMobile #JMheaderPc .jcoman-link span.add_arrow {
display: inline-block;
position: relative;
padding-right: 15px;
font-size: 13px;
color: #222;
font-weight: 700;
}

#jcomMobile #JMheaderPc .jcoman-link span.add_arrow::before {
transition: 0.2s ease-out;
position: absolute;
content: '';
width: 7px;
height: 7px;
border-top: solid 2px #222;
border-top-width: 2px;
border-right: solid 2px #222;
border-right-width: 2px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
right: 0;
top: 50%;
margin-top: -3.5px;        
}
    
    
    
#jcomMobile #JMheaderPc .member{
display: table-cell;
vertical-align: middle;
border: 1px #a0a0a0 solid;
border-radius: 4px;
padding: 6px 27px;
font-size: 12px;
font-weight: bold;
line-height: 1.4;
width: 14em;
}
#jcomMobile #JMheaderPc .member span{
font-size: 10px;
}
#jcomMobile #JMheaderPc a.member{
color: #a0a0a0;
text-decoration: none;
}
#jcomMobile #JMheaderPc .menu{
display: none;
}
}
@media only screen and (max-width: 800px) {
#jcomMobile #JMheaderPc{
display: none;
}
#jcomMobile #JMheaderSp{
width: 100%;
padding: 8px 0 8px 10px;
margin: 0 auto;
/*display: table;*/display: flex;
background: #fff;
   height: 60px;
}
#jcomMobile #JMheaderSp .logo{
/*display: table-cell;
vertical-align: middle;*/
width: 50%;
padding-right:5%;
text-align: left;
padding: 9px 0 0;
}
#jcomMobile #JMheaderSp .member{
/*display: table-cell;
vertical-align: middle;*/
border: 1px #a0a0a0 solid;
border-radius: 4px;
padding: 3px 8px;
font-size: 12px;
font-weight: bold;
line-height: 1.2;
width: 45%;
}
#jcomMobile #JMheaderSp .menu{
display: table-cell;
vertical-align: middle;
width: 18%;
}
#jcomMobile #JMheaderSp .member span{
font-size: 10px;
}
#jcomMobile #JMheaderSp a.member{
color: #a0a0a0;
text-decoration: none;
}
.is-fixed {
position: fixed;
top: 0;
left: 0;
z-index: 2;
width: 100%;
border-bottom: 1px #ccc solid;
}
.nav-unshown {
  display:none;
}
#nav-open {
display: inline-block;
vertical-align: middle;
height: 60px;
width: 60px;
}
#nav-close {
display: none;
position: fixed;
z-index: 999;
top: 0;
right: 0;
opacity: 0;
transition: .3s ease-in-out;
}
#nav-content {
overflow: auto;
position: fixed;
top: 0;
right: 0;
z-index: 99;
width: 100%;
height: 100%;
background: rgba(0,0,0, 0.5);
transition: .3s ease-in-out;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
#nav-input:checked ~ #nav-close {
display: block;
opacity: 1;
}
#nav-input:checked ~ #nav-close img {
width: 80px;
}
#nav-input:checked ~ #nav-content {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
#nav-content ul{
width: 100%;
height: 100%;
padding-top: 80px;
background: #fff;
margin: 0 /*0 0 auto*/;
}
#nav-content li{
width: 100%;
border-bottom: 1px #ccc solid;
text-align: left;
}
#nav-content li:first-child{
border-top: 1px #ccc solid;
}
#nav-content li a{
color: #333;
width: 100%;
display: block;
padding: 20px;
font-size: 16px;
line-height: 1;
}
#nav-content li:nth-child(5) a{
color: #e83416;
}
#nav-content li:nth-child(6) a{
color: #00a5a8;
}
#jcomMobile #JMheaderSp .menu label > * {
pointer-events: none;
}
}

/* JMnavi */
@media only screen and (min-width: 801px) {
#jcomMobile #JMnavi{
width: 100%;
background: #eaeaea;
font-size: 0;
}
#jcomMobile #JMnavi ul{
width: 1080px;
margin: 0 auto;
padding: 14px 40px;
display: table;
font-size: 14px;
font-weight: bold;
line-height: 1.2;
}
#jcomMobile #JMnavi li{
display: table-cell;
vertical-align: middle;
width: 200px;
}
#jcomMobile #JMnavi li a{
color: #333;
}
#jcomMobile #JMnavi li:nth-child(5) a{
color: #e83416;
}
#jcomMobile #JMnavi li:nth-child(6) a{
color: #00a5a8;
}

.is-fixed {
position: fixed;
top: 0;
left: 0;
z-index: 2;
width: 100%;
}
}

/* JMmain */
#jcomMobile #JMmain{
width: 100%;
background: #fe3a0a;
}



@media only screen and (min-width: 801px) {
#jcomMobile #JMmain h1{
margin: 0 auto;
padding: 0;
width: 1080px;
}
}

/* JMintro */
@media only screen and (min-width: 801px) {
#jcomMobile #JMintro{
width: 100%;
padding: 35px 0;
}
#jcomMobile #JMintro ul{
width: 1080px;
display: table;
margin: 0 auto;
padding: 0 40px;
}
#jcomMobile #JMintro li{
display: table-cell;
vertical-align: top;
border-right: 1px #d2d2d2 solid;
text-align: center;
}
#jcomMobile #JMintro li:last-child{
border-right: 0;
}
}
@media only screen and (max-width: 800px) {
#jcomMobile #JMintro{
width: 100%;
padding: 20px 0;
}
#jcomMobile #JMintro ul{
width: 98%;
display: table;
margin: 0 auto;
}
#jcomMobile #JMintro li{
display: table-cell;
border-right: 1px #d2d2d2 solid;
}
#jcomMobile #JMintro li:last-child{
border-right: 0;
}
#jcomMobile #JMintro li img{
width: 90%;
margin: 0 auto;
}
}

/* JMreason */
@media only screen and (min-width: 801px) {
#jcomMobile #JMreason{
width: 1080px;
padding: 70px 40px 50px/* お知らせ表示時：→ 25px 40px 50px; 通常：70px 40px 50px;　*/;
margin: 0 auto;
}
#jcomMobile #JMreason h2{
color: #333;
line-height: 1;
font-size: 38px;
margin-bottom: 43px;
}
   
#jcomMobile #JMreason ul.reason4{
width: 1000px;
margin: 0 auto 77px;
display: table;
}
#jcomMobile #JMreason #plink980yen{
padding-top: 60px;
margin-top: -60px;
overflow: hidden;
}
#jcomMobile #JMreason ul.price{
width: 1000px;
margin: 0 auto;
display: table;
}
#jcomMobile #JMreason li{
display: table-cell;
}
#jcomMobile #JMplan li .tit, #jcomMobile #JMreason li .tit{
height: 90px;
border-bottom: 2px #00a6a8 solid;
margin-bottom: 30px;
}
#jcomMobile #JMreason li.PRCdevice{
padding-right: 30px;
vertical-align: top;
background: url(../img/reason_bg_01.png) no-repeat right 120px;
}
#jcomMobile #JMreason li.PRCsim{
padding-left: 30px;
vertical-align: top;
}
#jcomMobile #JMplan .PRCdevice h3, #jcomMobile #JMreason .PRCdevice h3{
font-size: 32px;
font-weight: bold;
line-height: 1.2;
color: #333;
text-align: left;
}
#jcomMobile #JMplan .PRCdevice h3 sup, #jcomMobile #JMreason .PRCdevice h3 sup{
font-size: 20px;
}
#jcomMobile #JMreason .PRCdevice .orange,
#jcomMobile #JMplan .PRCdevice .orange{
font-size: 46px;
color: #e83416;
}
#jcomMobile #JMreason .PRCdevice .small{
font-size: 25px;
}
#jcomMobile #JMreason li.PRCsim{
width: 316px;
}
#jcomMobile #JMreason .PRCsim h3{
font-size: 27px;
font-weight: bold;
line-height: 1.2;
color: #333;
}
#jcomMobile #JMreason .PRCsim h3::first-line{
font-size: 21px;
}
#jcomMobile #JMreason .PRCsim h3 sup{
font-size: 20px;
}
#jcomMobile #JMreason .PRCsim .orange{
font-size: 38px;
color: #e83416;
}
#jcomMobile #JMreason .PRCsim .small{
font-size: 21px;
}
#jcomMobile #JMreason .price .noteBox{
padding-right: 25px;
}
#jcomMobile #JMreason .price .note1{
font-size: 10px;
color: #333;
font-weight: bold;
float: right;
}
#jcomMobile #JMreason .price .note2{
font-size: 10px;
color: #333;
float: left;
}
#jcomMobile #JMreason .note3{
font-size: 12px;
color: #333;
text-align: left;
}
#jcomMobile #JMreason ul.deviceLink{
display: table;
}
#jcomMobile #JMreason .deviceLink li{
display: table-cell;
vertical-align: top;
width: 50%;
padding-left: 20px;
padding-right: 20px;
}
#jcomMobile #JMreason .deviceLink > li:last-child{
border-left: 1px #d2d2d2 solid;
}
#jcomMobile #JMreason .deviceLink > li:last-child > img{
display: inline-block;
margin-bottom: 40px;
}
#jcomMobile #JMreason .deviceLink > li:last-child div > :last-child{
display: inline-block;
margin-top: 50px;
}
#jcomMobile #JMreason .PRCdevice .GRYbtn{
width: 610px;
padding: 12px;
}
#jcomMobile #JMreason .PRCsim .GRYbtn{
width: 264px;
padding: 12px;
}
}
@media only screen and (max-width: 800px) {
#jcomMobile #JMreason{
width: 95%;
padding: 30px 0;
margin: 0 auto;
}
#jcomMobile #JMreason h2{
color: #333;
line-height: 1;
font-size: 23px;
margin-bottom: 20px;
}
#jcomMobile #JMreason ul.reason4{
width: 100%;
margin: 0 auto 35px;
}
#jcomMobile #JMreason .reason4 li{
width: 48%;;
margin-right: 4%;
margin-bottom: 4%;
float: left;
}
#jcomMobile #JMreason .reason4 li:nth-child(2n){
margin-right: 0;
}
#jcomMobile #JMplan .tit,
#jcomMobile #JMreason .tit{
border-bottom: 2px #00a6a8 solid;
padding-bottom: 10px;
margin-bottom: 20px;
}
#jcomMobile #JMplan .PRCdevice h3, #jcomMobile #JMreason .PRCdevice h3{
font-size: 18px;
font-weight: bold;
color: #333;
}
#jcomMobile #JMplan .PRCdevice h3 sup, #jcomMobile #JMreason .PRCdevice h3 sup{
font-size: 12px;
}
#jcomMobile #JMreason .PRCdevice .orange,
#jcomMobile #JMplan .PRCdevice .orange{
font-size: 20px;
color: #e83416;
}
#jcomMobile #JMreason .PRCdevice .small{
font-size: 12px;
}
#jcomMobile #JMreason .PRCsim h3{
font-size: 18px;
font-weight: bold;
line-height: 1.2;
color: #333;
}
#jcomMobile #JMreason .PRCsim h3 sup{
font-size: 12px;
}
#jcomMobile #JMreason .PRCsim .orange{
font-size: 20px;
color: #e83416;
}
#jcomMobile #JMreason .PRCsim .small{
font-size: 12px;
}
#jcomMobile #JMreason .PRCsim > a > img{
width: 90%;
margin: 0 auto;
}
#jcomMobile #JMreason .note1{
font-size: 9px;
line-height: 1.2;
color: #333;
font-weight: bold;
text-align: left;
}
#jcomMobile #JMreason .note2{
font-size: 9px;
line-height: 1.2;
color: #333;
text-align: left;
}
#jcomMobile #JMreason .note3{
font-size: 10px;
line-height: 1.2;
color: #333;
text-align: left;
}
#jcomMobile #JMreason ul.deviceLink{
display: table;
	margin: 0 auto;
}
#jcomMobile #JMreason .deviceLink li{
display: table-cell;
vertical-align: top;
width: 50%;
padding: 10px 0;
}
#jcomMobile #JMreason .deviceLink li:first-child a img,
#jcomMobile #JMreason .deviceLink li:nth-child(2) a img{
width: 80%;
margin: 0 auto;
}
#jcomMobile #JMreason .deviceLink li:last-child{
border-left: 1px #d2d2d2 solid;
}
#jcomMobile #JMreason .deviceLink li:last-child > img{
display: inline-block;
margin-bottom: 30px;
width: 65%;
}
#jcomMobile #JMreason .deviceLink li:last-child div{
text-align: right;
}
#jcomMobile #JMreason .deviceLink li:last-child div img{
width: 90%;
margin: 0 0 0 auto;
}
#jcomMobile #JMreason .deviceLink li:last-child div > :last-child{
display: inline-block;
margin-top: 30px;
}
#jcomMobile #JMreason .PRCsim .GRYbtn{
width: 90%;
margin: 20px auto 25px;
}
}

/* JMplan */
@media only screen and (min-width: 801px) {
#jcomMobile #JMplan{
width: 1080px;
margin: 0 auto;
padding: 75px 40px 10px;
}
#jcomMobile #JMplan h2{
color: #333;
line-height: 1;
font-size: 38px;
margin-bottom: 43px;
}
#jcomMobile #JMplan ul.PLNhuawei{
display: table;
width: 784px;
margin: 0 auto 17px;
}
#jcomMobile #JMplan .PLNhuawei li{
display: table-cell;
vertical-align: middle;
}
#jcomMobile #JMplan .PLNhuawei li:first-child{
background: url(../img/plan_a20.png) no-repeat;
font-size: 23px;
font-weight: bold;
height: 68px;
padding-left: 40px;
text-align: left;
color: #333;
}
#jcomMobile #JMplan .PLNhuawei li:last-child{
text-align: right;
}
#jcomMobile #JMplan .PLNhuawei li:last-child a{
font-size: 12px;
font-weight: bold;
padding: 10px;
color: #a0a0a0;
border: 2px #a0a0a0 solid;
text-align: center;
position: relative;
display: block;
width: 174px;
}
#jcomMobile #JMplan .PLNhuawei li:last-child a::after{
content: "▲";
display: block;
font-size: 8px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
position: absolute;
right: 8px;
top: 50%;
margin-top: -8px;
}
#jcomMobile #JMplan .note4{
font-size: 12px;
line-height: 1.2;
color: #333;
text-align: left;
margin: 10px auto 10px;
/*width: 784px;*/
}
#jcomMobile #JMplan .PLNdata{
background: #f1fdfc;
margin-bottom: 10px;
}
#jcomMobile #JMplan .PLNdata ul{
display: table;
width: 784px;
height: 90px;
margin: 0 auto;
}
#jcomMobile #JMplan .PLNdata li{
display: table-cell;
vertical-align: middle;
width: 50%;
}
#jcomMobile #JMplan .PLNdata li:first-child{
font-size: 20px;
line-height: 1;
color: #333;
font-weight: bold;
}
#jcomMobile #JMplan .PLNdata li:last-child img{
display: inline-block;
margin-top: -34px;
}
#jcomMobile #JMplan .GRYbtn{
width:580px;
}
}
@media only screen and (max-width: 800px) {
#jcomMobile #JMplan{
width: 95%;
margin: 0 auto;
padding: 30px 0 0;
}
#jcomMobile #JMplan h2{
color: #333;
line-height: 1;
font-size: 23px;
margin-bottom: 20px;
}
#jcomMobile #JMplan ul.PLNhuawei{
width: 100%;
margin: 0 auto 17px;
}
#jcomMobile #JMplan .PLNhuawei li:first-child{
background: url(../img/plan_a30.png) no-repeat;
background-size: auto 40px;
font-size: 14px;
line-height: 1.2;
font-weight: bold;
height: 40px;
padding:  6px 0 0 26px;
text-align: left;
color: #333;
}
#jcomMobile #JMplan .PLNhuawei li:last-child{
text-align: right;
}
#jcomMobile #JMplan .PLNhuawei li:last-child a{
font-size: 12px;
font-weight: bold;
color: #a0a0a0;
position: relative;
display: inline-block;
padding-right: 13px;
margin-top: -1.2em;
text-decoration: underline;
}
#jcomMobile #JMplan .PLNhuawei li:last-child a::after{
content: "▲";
display: inline-block;
font-size: 8px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
position: absolute;
right: 0;
top: 50%;
margin-top: -8px;
}
#jcomMobile #JMplan .note4{
font-size: 10px;
line-height: 1.2;
color: #333;
text-align: left;
margin: 10px auto 0px;
}
#jcomMobile #JMplan .PLNdata{
background: #f1fdfc;
}
#jcomMobile #JMplan .PLNdata ul{
display: table;
width: 100%;
height: 70px;
}
#jcomMobile #JMplan .PLNdata li{
display: table-cell;
vertical-align: middle;
}
#jcomMobile #JMplan .PLNdata li:first-child{
font-size: 16px;
line-height: 1.2;
color: #333;
font-weight: bold;
width: 45%;
}
#jcomMobile #JMplan .PLNdata li:last-child{
width: 55%;
}
#jcomMobile #JMplan .PLNdata li:last-child img{
display: inline-block;
margin-top: -25px;
width: 90%;
}
#jcomMobile #JMplan .GRYbtn{
width:100%;
}
}

/* JMvalue */
@media only screen and (min-width: 801px) {
#jcomMobile #JMvalue{
width: 1080px;
margin: 0 auto;
padding: 65px 40px 45px;
}
#jcomMobile #JMvalue h2{
color: #333;
line-height: 1;
font-size: 30px;
margin-bottom: 20px;
}
#jcomMobile #JMvalue ul{
display: table;
}
#jcomMobile #JMvalue li{
display: table-cell;
/*width: 340px;*/
width: 500px;  
padding-right: 20px;
}
#jcomMobile #JMvalue li:last-child{
padding-right: 0;
}
#jcomMobile #JMvalue li dt{
background: #00a6a8;
display: block;
color: #fff;
font-size: 23px;
line-height: 1;
padding: 15px;
}

#jcomMobile #JMvalue li dt span{
font-size: 14px;
display: inline-block;
vertical-align: middle;
margin-top: -2px;
}
#jcomMobile #JMvalue li dd{
background: #fff;
border-left: 2px #cccccc solid;
border-right: 2px #cccccc solid;
border-bottom: 2px #cccccc solid;
display: block;
font-size: 19px;
font-weight: bold;
line-height: 1.4;
color: #333;
width: 100%;
margin: 0;
padding: 10px 10px 10px;
height: 120px;
}
#jcomMobile #JMvalue li dd::first-line{
font-size: 14px;
font-weight: normal;
}
#jcomMobile #JMvalue li dd .orange{
font-size: 35px;
color: #e83416;
}
#jcomMobile #JMvalue li dd .VLbtn{
text-align: right;
}
#jcomMobile #JMvalue li dd .VLbtn a{
font-size: 12px;
line-height: 1;
color: #00a6a8;
position: relative;
padding-right: 15px;
}
#jcomMobile #JMvalue li dd .VLbtn a .td-u{
text-decoration: underline;
}
#jcomMobile #JMvalue li dd .VLbtn a:hover .td-u{
text-decoration: none;
}
#jcomMobile #JMvalue li dd .VLbtn a::after{
content: "▲";
display: inline-block;
font-size: 10px;
line-height: 1;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
position: absolute;
right: 0;
top: 50%;
margin-top: -5px;
}
}

#jcomMobile #Features1 .enjoy01,
#jcomMobile #Features2 .enjoy01{
   position: relative;
   margin-top: 30px;
   margin-bottom: 15px;
   width: 370px;
   margin-left: auto;
   margin-right: auto;
   font-size: 18px;
   font-weight: bold;
}
#jcomMobile #Features1 .enjoy01::before,
#jcomMobile #Features2 .enjoy01::before{
   content: "＼";
  position: absolute;
   margin-right: 10px;
   left: -0.5em;
   font-size: 22px;
   top: calc(50% - 0.7em);
}
#jcomMobile #Features1 .enjoy01::after,
#jcomMobile #Features2 .enjoy01::after {
   content: "／";
   font-size: 22px;
   position: absolute;
   margin-left: 0px;
   right: -0.5em;
   top: calc(50% - 0.7em);
}  

@media only screen and (max-width: 800px) {

   #jcomMobile #Features1 .enjoy01,
   #jcomMobile #Features2 .enjoy01    {
   margin-top: 30px;
   margin-bottom: 15px;
   font-size: 12px;
   width: 280px;

}
#jcomMobile #Features1 .enjoy01::before,
#jcomMobile #Features2 .enjoy01::before    {
   content: "＼";
  position: absolute;
   margin-right: 10px;
   left: 2px;
   font-size: 18px;
   top: calc(50% - 0.5em);
}
#jcomMobile #Features1 .enjoy01::after,
#jcomMobile #Features2 .enjoy01::after    {
   content: "／";
   font-size: 18px;
   position: absolute;
   margin-left: 0px;
   right: 5px;
   top: calc(50% - 0.5em);
}  
#jcomMobile #JMvalue{
width: 95%;
margin: 0 auto;
padding: 35px 0 40px;
}
#jcomMobile #JMvalue h2{
color: #333;
line-height: 1;
font-size: 18px;
margin-bottom: 20px;
}
#jcomMobile #JMvalue ul{
width: 100%;
}
#jcomMobile #JMvalue li{
/*width: 49%;
float: left;
margin-right: 2%;*/
width: 100%;
float: none;    
margin-bottom: 2%;
}
#jcomMobile #JMvalue li:nth-child(2n){
margin-right: 0;
}
#jcomMobile #JMvalue li:last-child{
margin-bottom: 0;
}
#jcomMobile #JMvalue li dt{
background: #00a6a8;
display: block;
color: #fff;
font-size: 15px;
line-height: 1;
padding: 8px 3px;
}
#jcomMobile #JMvalue li:nth-of-type(3) dt{
font-size: 16px;
}
#jcomMobile #JMvalue li dt span{
font-size: 12px;
display: inline-block;
vertical-align: middle;
margin-top: -2px;
}
#jcomMobile #JMvalue li dd{
background: #fff;
border-left: 2px #cccccc solid;
border-right: 2px #cccccc solid;
border-bottom: 2px #cccccc solid;
display: block;
font-size: 11px;
letter-spacing: -1px;
font-weight: bold;
line-height: 1.4;
color: #333;
width: 100%;
margin: 0;
padding: 10px 0px 5px;
}
#jcomMobile #JMvalue li dd .fs-11{
font-size: 11px;
font-weight: normal;
}
#jcomMobile #JMvalue li dd .orange{
font-size: 24px;
color: #e83416;
}
#jcomMobile #JMvalue li dd .VLbtn{
text-align: right;
}
#jcomMobile #JMvalue li dd .VLbtn a{
font-size: 10px;
line-height: 1;
color: #00a6a8;
position: relative;
padding-right: 15px;
}
#jcomMobile #JMvalue li dd .VLbtn a .td-u{
text-decoration: underline;
}
#jcomMobile #JMvalue li dd .VLbtn a::after{
content: "▲";
display: inline-block;
font-size: 10px;
line-height: 1;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
position: absolute;
right: 3px;
top: 50%;
margin-top: -5px;
}
}

/* JMdata */
@media only screen and (min-width: 801px) {
#jcomMobile #JMdata,
#jcomMobile #Features1{
width: 1080px;
margin: 0 auto;
padding: 30px 40px 20px;
}
 #jcomMobile #Features2{
width: 1080px;
margin: 0 auto;
padding: 30px 40px 20px;
}
    
   .section_A {
      margin-top: 100px;
      margin-bottom:  0px;
   }
   
   
#jcomMobile #JMdata .DTtit {
/*background: url(../img/data_01.png) no-repeat 838px bottom;*/
min-height: 130px;
}
   
#jcomMobile #Features1 .DTtit  {
min-height: 130px;
}   
#jcomMobile #Features2 .DTtit  {
min-height: 130px;
} 
#jcomMobile #JMdata h2,
#jcomMobile #Features1 h2,
#jcomMobile #Features2 h2    {
color: #333;
line-height: 1.3;
font-size: 38px;
margin-bottom: 28px;
}
#jcomMobile #JMdata .orange,
#jcomMobile #Features1 .orange,
#jcomMobile #Features2 .orange    {
color: #e83416;
font-weight: bold;
}
#jcomMobile #JMdata h2 .orange .fs-45,
   #jcomMobile #Features1 h2 .orange .fs-45,
   #jcomMobile #Features2 h2 .orange .fs-45{
font-size: 50px;
}
#jcomMobile #JMdata .DTtxt1,
#jcomMobile #Features1 .DTtxt1,
#jcomMobile #Features2 .DTtxt1  {
color: #333;
font-size: 16px;
line-height: 1.4;
margin-bottom: 20px;
}
#jcomMobile #JMdata .txt1 sup,
#jcomMobile #Features1 .txt1 sup,
#jcomMobile #Features2 .txt1 sup    {
font-size: 10px;
}
#jcomMobile #JMdata ul.DTbox1,
#jcomMobile #Features1 ul.DTbox1,
#jcomMobile #Features2 ul.DTbox1    {
display: table;
margin-bottom: 10px;
}
 #jcomMobile #Features1 ul.DTbox1.W360{
      width:  80% !important;
      max-width: 360px !important;
      margin-left: auto !important;
      margin-right: auto !important;
}
 #jcomMobile #Features2 ul.DTbox1.W360{
      width:  80% !important;
      max-width: 360px !important;
      margin-left: auto !important;
      margin-right: auto !important;
}
#jcomMobile #Features1 ul.DTbox1.W360 > li {
 width: 50%;
 margin-bottom: 4%;
float: left;
}  
#jcomMobile #Features2 ul.DTbox1.W360 > li {
 width: 50%;
 margin-bottom: 4%;
float: left;
}       
#jcomMobile #Features1 ul.DTbox1.W360 > li:nth-child(odd){
margin-right: 0;
} 
#jcomMobile #Features2 ul.DTbox1.W360 > li:nth-child(odd){
margin-right: 0;
} 
#jcomMobile #Features1 ul.DTbox1.W360 > li:nth-child(even){
margin-left: 0;
}
#jcomMobile #Features2 ul.DTbox1.W360 > li:nth-child(even){
margin-left: 0;
}  
 #jcomMobile #Features1 ul.DTbox1.W600{
      max-width: 620px !important;
      margin-left: auto !important;
      margin-right: auto !important;
}   
 #jcomMobile #Features2 ul.DTbox1.W600{
      max-width: 620px !important;
      margin-left: auto !important;
      margin-right: auto !important;
}  
   #jcomMobile #Features1 .m-fs-16 {
      font-size: 16px;
   } 
   #jcomMobile #Features2 .m-fs-16 {
      font-size: 16px;
   } 
   #jcomMobile #Features1 .m-fs-18 {
      font-size: 18px;
   }   
   #jcomMobile #Features2 .m-fs-18 {
      font-size: 18px;
   }   
   #jcomMobile #Features1 .m-fs-20 {
      font-size: 20px;
   }
   #jcomMobile #Features2 .m-fs-20 {
      font-size: 20px;
   }
      #jcomMobile #Features1 .m-fs-30 {
      font-size: 30px;
   }
      #jcomMobile #Features2 .m-fs-30 {
      font-size: 30px;
   }
   #jcomMobile #Features1 .m-fs-40 {
      font-size: 40px;
   } 
   #jcomMobile #Features2 .m-fs-40 {
      font-size: 40px;
   } 
#jcomMobile #JMdata .DTbox1 > li {
display: table-cell;
/*width:340px;*/
 width: 500px;
padding-right: 20px;
}
   
#jcomMobile #Features1 .DTbox1 > li  {
display: table-cell;
/*width:340px;*/
 width: 50%;
   padding: 10px 10px;
   vertical-align: top;

}   
#jcomMobile #Features1 .DTbox1 > li img {
      max-width: 100%;
      height: auto;
 }
#jcomMobile #Features2 .DTbox1 > li  {
display: table-cell;
/*width:340px;*/
 width: 50%;
   padding: 10px 10px;
   vertical-align: top;

}   
#jcomMobile #Features2 .DTbox1 > li img {
      max-width: 100%;
      height: auto;
 }
   
#jcomMobile #JMdata .DTbox1 > li:last-child{
   padding-right: 0;
}
#jcomMobile #Features1 .DTbox1 > li:last-child{

}
#jcomMobile #Features2 .DTbox1 > li:last-child{

}
#jcomMobile #JMdata .DTbox1 dt,
#jcomMobile #Features1 .DTbox1 dt,
#jcomMobile #Features2 .DTbox1 dt    {
display: block;
}
#jcomMobile #JMdata .DTbox1 dd,
#jcomMobile #Features1 .DTbox1 dd,
#jcomMobile #Features2 .DTbox1 dd{
background: #fff;
border-left: 2px #cccccc solid;
border-right: 2px #cccccc solid;
border-bottom: 2px #cccccc solid;
display: block;
font-size: 19px;
font-weight: bold;
line-height: 1.1;
color: #333;
width: 100%;
margin: 0;
padding: 18px 15px;
min-height: 140px;
}
#jcomMobile #JMdata .DTbox2,
#jcomMobile #Features1 .DTbox2,
#jcomMobile #Features2 .DTbox2    {
display: table;
text-align: center;
margin: 0 auto 8px;
}
#jcomMobile #JMdata .DTbox2 .DTicon,
#jcomMobile #Features1 .DTbox2 .DTicon,
#jcomMobile #Features2 .DTbox2 .DTicon    {
display: table-cell;
vertical-align: top;
padding: 0 15px 0 0;
}
#jcomMobile #JMdata .DTbox2 .DTtxt2,
#jcomMobile #Features1 .DTbox2 .DTtxt2,
#jcomMobile #Features2 .DTbox2 .DTtxt2    {
text-align: left;
display: table-cell;
}
#jcomMobile #JMdata .DTbox2 .fs-14,
#jcomMobile #Features1 .DTbox2 .fs-14,
#jcomMobile #Features2 .DTbox2 .fs-14     {
font-size: 14px;
font-weight: normal;
}
#jcomMobile #JMdata .DTbox2 .fs-15,
#jcomMobile #Features1 .DTbox2 .fs-15,
#jcomMobile #Features2 .DTbox2 .fs-15    {
font-size: 15px;
}
#jcomMobile #JMdata .DTtxt3,
#jcomMobile #Features1 .DTtxt3,
#jcomMobile #Features2 .DTtxt3    {
font-size: 12px;
line-height: 1.3;
font-weight: normal;
text-align: left;
}
#jcomMobile #JMdata .note5,
#jcomMobile #Features1 .note5,
#jcomMobile #Features2 .note5{
font-size: 12px;
color: #333;
line-height: 1.2;
text-align: left;
}
#jcomMobile #JMdata .GRYbtn,
#jcomMobile #Features1 .GRYbtn,
#jcomMobile #Features2 .GRYbtn   {
width: 580px;
}
}
@media only screen and (max-width: 800px) {
   .section_A {
      margin-top: 35px;
      margin-bottom:  5px;
   }   
 #jcomMobile #Features1 ul.DTbox1.W360{
      width:  80% !important;
      max-width: 280px !important;
      margin-left: auto !important;
      margin-right: auto !important;
} 
 #jcomMobile #Features2 ul.DTbox1.W360{
      width:  80% !important;
      max-width: 280px !important;
      margin-left: auto !important;
      margin-right: auto !important;
}   
#jcomMobile #JMdata,
#jcomMobile #Features1,
#jcomMobile #Features2    {
width: 95%;
margin: 0 auto;
}
#jcomMobile #JMdata h2,
#jcomMobile #Features1 h2,
#jcomMobile #Features2 h2    {
color: #333;
line-height: 1.3;
font-size: 20px;
margin-bottom: 15px;
}
#jcomMobile #JMdata .orange,
#jcomMobile #Features1 .orange,
#jcomMobile #Features2 .orange     {
color: #e83416;
font-weight: bold;
}
#jcomMobile #JMdata h2 .orange .fs-45,
#jcomMobile #Features1 h2 .orange .fs-45,
#jcomMobile #Features2 h2 .orange .fs-45    {
font-size: 28px;
}
#jcomMobile #JMdata .DTtxt1,
#jcomMobile #Features1 .DTtxt1, 
#jcomMobile #Features2 .DTtxt1  {
color: #333;
font-size: 14px;
line-height: 1.3;
margin-bottom: 15px;
text-align: left;
}
#jcomMobile #JMdata .txt1 sup,
#jcomMobile #Features1 .txt1 sup,
#jcomMobile #Features2 .txt1 sup {
font-size: 9px;
}
#jcomMobile #JMdata ul.DTbox1,
#jcomMobile #Features1 ul.DTbox1,
#jcomMobile #Features2 ul.DTbox1   {
margin-bottom: 10px;
}
   

   
#jcomMobile #JMdata .DTbox1 > li  {
width:49%;
margin-right: 2%;
margin-bottom: 2%;
float: left;
}

#jcomMobile #Features2 ul.DTbox1.W360    {
width: 80%;
margin: 10px auto 50px;
} 
#jcomMobile #Features2 ul.DTbox1.W360    {
width: 80%;
margin: 10px auto;
}       
#jcomMobile #Features1 ul.DTbox1.W360 > li,
#jcomMobile #Features2 ul.DTbox1.W360 > li{
 width: 50%;
 margin-bottom: 4%;
float: left;
}   
#jcomMobile #Features1 ul.DTbox1.W360 > li:nth-child(odd),
#jcomMobile #Features2 ul.DTbox1.W360 > li:nth-child(odd)    {
   margin-right: 0;
} 
#jcomMobile #Features1 ul.DTbox1.W360 > li:nth-child(even),
#jcomMobile #Features2 ul.DTbox1.W360 > li:nth-child(odd)    {
   margin-left: 0;
}    
#jcomMobile #Features1 .DTbox1 > li ,
#jcomMobile #Features2 .DTbox1 > li     {
width:100%;
margin-right: auto;
margin-left: auto;
margin-bottom: 15px;
float: none;
}
   
   
#jcomMobile #JMdata .DTbox1 > li:nth-child(2n),
#jcomMobile #Features1 .DTbox1 > li:nth-child(2n),
#jcomMobile #Features2 .DTbox1 > li:nth-child(2n){
margin-right: 0;
}
#jcomMobile #JMdata .DTbox1 > li:last-child{
margin-bottom: 0;
}
   
#jcomMobile #Features1 .DTbox1 > li:last-child{
margin-bottom: 50px;
}   
#jcomMobile #Features2 .DTbox1 > li:last-child{
margin-bottom: 50px;
}    
#jcomMobile #JMdata .DTbox1 dt,
#jcomMobile #Features1 .DTbox1 dt,
#jcomMobile #Features2 .DTbox1 dt    {
display: block;
}
#jcomMobile #JMdata .DTbox1 dd,
#jcomMobile #Features1 .DTbox1 dd,
#jcomMobile #Features2 .DTbox1 dd    {
background: #fff;
border-left: 2px #cccccc solid;
border-right: 2px #cccccc solid;
border-bottom: 2px #cccccc solid;
display: block;
font-size: 13px;
font-weight: bold;
line-height: 1.1;
color: #333;
width: 100%;
margin: 0;
padding: 10px 3px;
min-height: 130px;
}
#jcomMobile #JMdata .DTbox2,
#jcomMobile #Features1 .DTbox2,
#jcomMobile #Features2 .DTbox2{
display: table;
text-align: center;
margin: 0 auto 8px;
}
#jcomMobile #JMdata .DTbox2 .DTicon,
#jcomMobile #Features1 .DTbox2 .DTicon,
#jcomMobile #Features2 .DTbox2 .DTicon{
display: table-cell;
vertical-align: top;
padding: 0 5px 0 0;
width: 30%;
}
#jcomMobile #JMdata .DTbox2 .DTtxt2,
#jcomMobile #Features1 .DTbox2 .DTtxt2,
#jcomMobile #Features2 .DTbox2 .DTtxt2   {
text-align: left;
display: table-cell;
width: 70%;
}
#jcomMobile #JMdata .DTbox2 .fs-14,
#jcomMobile #Features1 .DTbox2 .fs-14,
#jcomMobile #Features2 .DTbox2 .fs-14    {
font-size: 10px;
font-weight: normal;
}
#jcomMobile #JMdata .DTbox2 .fs-15,
#jcomMobile #Features1 .DTbox2 .fs-15,
#jcomMobile #Features2 .DTbox2 .fs-15 {
font-size: 12px;
}
#jcomMobile #JMdata .DTtxt3,
#jcomMobile #Features1 .DTtxt3,
#jcomMobile #Features2 .DTtxt3{
font-size: 12px;
line-height: 1.3;
font-weight: normal;
text-align: left;
}
#jcomMobile #JMdata .note5,
#jcomMobile #Features1 .note5,
#jcomMobile #Features2 .note5{
font-size: 10px;
color: #333;
line-height: 1.2;
text-align: left;
}
#jcomMobile #JMdata .GRYbtn,
#jcomMobile #Features1 .GRYbtn,
#jcomMobile #Features2 .GRYbtn   {
width: 100%;
}
}


/* JMsupport */
@media only screen and (min-width: 801px) {
#jcomMobile #JMsupport{
width: 1080px;
margin: 0 auto;
padding: 75px 40px 60px;
}
#jcomMobile #JMsupport h2{
color: #333;
line-height: 1.3;
font-size: 38px;
margin-bottom: 28px;
}
#jcomMobile #JMsupport .SPTtxt1{
color: #333;
line-height: 1.3;
font-size: 16px;
margin-bottom: 25px;
}
#jcomMobile #JMsupport .orange{
color: #e83416;
font-weight: bold;
}
#jcomMobile #JMsupport > .GRYbtn{
width: 580px;
}
#jcomMobile #JMsupport ul.SPTbox1{
background: url(../img/support_01.png) no-repeat #f1fdfc;
padding: 40px;
width: 100%;
}
#jcomMobile #JMsupport .SPTbox1 li{
width: 50%;
text-align: left;
float: left;
}
#jcomMobile #JMsupport .SPTbox1 li:nth-child(2){
text-align: right;
}
#jcomMobile #JMsupport .SPTbox1 li:last-child{
margin-top: -75px;
}
#jcomMobile #JMsupport h3{
color: #333;
line-height: 1.4;
font-size: 28px;
margin-bottom: 18px;
}
#jcomMobile #JMsupport .SPTtxt2{
color: #333;
line-height: 1.4;
font-size: 14px;
}
#jcomMobile #JMsupport .SPTbox1 .GRYbtn{
width: 340px;
background: #fff;
margin-bottom: 0;
text-align: center;
}
}
@media only screen and (max-width: 800px) {
#jcomMobile #JMsupport{
width: 95%;
margin: 0 auto;
padding: 35px 0;
}
#jcomMobile #JMsupport h2{
color: #333;
line-height: 1.3;
font-size: 23px;
margin-bottom: 20px;
}
#jcomMobile #JMsupport .SPTtxt1{
color: #333;
line-height: 1.3;
font-size: 14px;
text-align: left;
margin-bottom: 15px;
}
#jcomMobile #JMsupport .orange{
color: #e83416;
font-weight: bold;
}
#jcomMobile #JMsupport > .GRYbtn{
width: 100%;
}
#jcomMobile #JMsupport ul.SPTbox1{
background: #f1fdfc;
padding: 15px 10px;
width: 100%;
}
#jcomMobile #JMsupport .SPTbox1 li{
width: 58%;
padding-right: 5px;
text-align: left;
float: left;
}
#jcomMobile #JMsupport .SPTbox1 li:nth-child(2){
text-align: right;
width: 42%;
padding-right: 0;
}
#jcomMobile #JMsupport .SPTbox1 li:last-child{
text-align: center;
width: 100%;
padding-right: 0;
}
#jcomMobile #JMsupport h3{
color: #333;
line-height: 1.3;
font-size: 13px;
margin-bottom: 5px;
text-align: left;
}
#jcomMobile #JMsupport .SPTtxt2{
color: #333;
line-height: 1.3;
font-size: 11px;
text-align: left;
}
#jcomMobile #JMsupport .SPTbox1 .GRYbtn{
width: 100%;
background: #fff;
margin: 20px auto 0px;
}
}


/* JMmnp */
@media only screen and (min-width: 801px) {
    
#jcomMobile #JMvalue li dt {
    font-size: 17px;
}
    
    
#jcomMobile #JMmnp{
width: 1080px;
margin: 0 auto;
padding: 50px 40px 32px;
border-bottom: 1px #e5e5e5 solid;
}
#jcomMobile #JMmnp h2{
color: #333;
line-height: 1.3;
font-size: 28px;
margin-bottom: 25px;
}
#jcomMobile #JMmnp ul{
display: table;
width: 100%;
}
#jcomMobile #JMmnp li{
display: table-cell;
vertical-align: top;
width: 50%;
}
#jcomMobile #JMmnp h3{
color: #333;
line-height: 1.3;
font-size: 22px;
margin-bottom: 15px;
text-align: left;
}
#jcomMobile #JMmnp h3 sup{
font-size: 10px;
}
#jcomMobile #JMmnp .MNPtxt{
color: #333;
line-height: 1.4;
font-size: 14px;
margin-bottom: 5px;
text-align: left;
}
#jcomMobile #JMmnp .MNPbtn{
text-align: right;
}
#jcomMobile #JMmnp a{
font-size: 12px;
line-height: 1;
font-weight: bold;
padding: 8px;
color: #a0a0a0;
border: 2px #a0a0a0 solid;
text-align: center;
position: relative;
display: block;
width: 174px;
margin: 0 0 0 auto;
}
#jcomMobile #JMmnp a::after{
content: "▲";
display: block;
font-size: 8px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
position: absolute;
right: 8px;
top: 50%;
margin-top: -5px;
}
}
@media only screen and (max-width: 800px) {
#jcomMobile #JMmnp{
width: 95%;
margin: 0 auto;
padding: 35px 0;
border-bottom: 1px #e5e5e5 solid;
}
#jcomMobile #JMmnp h2{
color: #333;
line-height: 1.3;
font-size: 21px;
margin-bottom: 15px;
}
#jcomMobile #JMmnp ul{
width: 100%;
}
#jcomMobile #JMmnp ul img{
width: 85%;
margin: 0 auto;
}
#jcomMobile #JMmnp h3{
color: #333;
line-height: 1.4;
font-size: 16px;
margin: 15px auto;
text-align: center;
}
#jcomMobile #JMmnp h3 sup{
font-size: 9px;
}
#jcomMobile #JMmnp .MNPtxt{
color: #333;
line-height: 1.4;
font-size: 12px;
margin-bottom: 5px;
text-align: left;
}
#jcomMobile #JMmnp .MNPbtn{
text-align: right;
}
#jcomMobile #JMmnp a{
font-size: 12px;
line-height: 1;
font-weight: bold;
color: #a0a0a0;
text-align: center;
position: relative;
margin: 0 0 0 auto;
padding-right: 20px;
text-decoration: underline;
}
#jcomMobile #JMmnp a::after{
content: "▲";
display: block;
font-size: 8px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
position: absolute;
right: 8px;
top: 50%;
margin-top: -5px;
}
}
/* JMcomfort */
@media only screen and (min-width: 801px) {
#jcomMobile #JMcomfort{
width: 1080px;
margin: 0 auto;
padding: 35px 40px 0;
border-bottom: 1px #e5e5e5 solid;
}
#jcomMobile #JMcomfort h2{
color: #333;
line-height: 1.3;
font-size: 28px;
margin-bottom: 25px;
}
#jcomMobile #JMcomfort ul{
width: 800px;
margin: 0 auto;
}
#jcomMobile #JMcomfort li{
float: left;
text-align: left;
width: 350px;
margin-right: 100px;
margin-bottom: 40px;
}
#jcomMobile #JMcomfort li:nth-child(2n){
margin-right: 0;
}
#jcomMobile #JMcomfort h3{
color: #333;
line-height: 1.3;
font-size: 22px;
margin: 15px 0;
}
#jcomMobile #JMcomfort h3 sup{
font-size: 10px;
}
#jcomMobile #JMcomfort .COMtxt1{
color: #333;
line-height: 1.3;
font-size: 14px;
margin-bottom: 5px;
}
#jcomMobile #JMcomfort a{
font-size: 12px;
line-height: 1;
font-weight: bold;
padding: 8px 13px 8px 8px;
color: #a0a0a0;
border: 2px #a0a0a0 solid;
text-align: center;
position: relative;
display: block;
}
#jcomMobile #JMcomfort a::after{
content: "▲";
display: block;
font-size: 8px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
position: absolute;
right: 3px;
top: 50%;
margin-top: -5px;
}
#jcomMobile #JMcomfort li:first-child a{
width: 190px;
}
#jcomMobile #JMcomfort li:nth-child(3) a{
width: 348px;
}
#jcomMobile #JMcomfort .note6{
color: #333;
line-height: 1.3;
font-size: 12px;
margin-top: 10px;
}
}
@media only screen and (max-width: 800px) {
#jcomMobile #JMcomfort{
width: 95%;
margin: 0 auto;
padding: 35px 0 30px;
border-bottom: 1px #e5e5e5 solid;
}
#jcomMobile #JMcomfort h2{
color: #333;
line-height: 1.2;
font-size: 23px;
margin-bottom: 20px;
}
#jcomMobile #JMcomfort ul{
width: 98%;
margin: 0 auto;
}
#jcomMobile #JMcomfort li{
float: left;
text-align: left;
width: 48%;
margin-right: 4%;
margin-bottom: 4%;
}
#jcomMobile #JMcomfort li:nth-child(2n){
margin-right: 0;
}
#jcomMobile #JMcomfort h3{
color: #333;
line-height: 1.3;
font-size: 16px;
margin: 10px 0;
}
#jcomMobile #JMcomfort h3 sup{
font-size: 9px;
}
#jcomMobile #JMcomfort .COMtxt1{
color: #333;
line-height: 1.3;
font-size: 12px;
margin-bottom: 5px;
}
#jcomMobile #JMcomfort a{
font-size: 10px;
line-height: 1.2;
font-weight: bold;
padding-right: 15px;
color: #a0a0a0;
text-align: right;
position: relative;
display: block;
}
#jcomMobile #JMcomfort a span{
text-decoration: underline;
}
#jcomMobile #JMcomfort a::after{
content: "▲";
display: block;
font-size: 8px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
position: absolute;
right: 0;
top: 50%;
margin-top: -5px;
}
#jcomMobile #JMcomfort li:nth-child(3) a::after{
content: "▲";
display: block;
font-size: 8px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
position: absolute;
right: 0;
top: 50%;
margin-top: 0;
}
#jcomMobile #JMcomfort .note6{
color: #333;
line-height: 1.3;
font-size: 10px;
margin-top: 5px;
}
}

/* JMoption */
@media only screen and (min-width: 801px) {
#jcomMobile #JMoption{
width: 1080px;
margin: 0 auto;
padding: 35px 40px 0;
}
#jcomMobile #JMoption h2{
color: #333;
line-height: 1.3;
font-size: 28px;
margin-bottom: 25px;
}
#jcomMobile #JMoption ul{
width: 100%;
margin-bottom: 10px;
}
#jcomMobile #JMoption li{
float: left;
margin-right: 10px;
}
#jcomMobile #JMoption li:last-child{
margin-right: 0;
}
#jcomMobile #JMoption .GRYbtn{
width: 580px;
}
}
@media only screen and (max-width: 800px) {
#jcomMobile #JMoption{
width: 95%;
margin: 0 auto;
padding: 35px 0 0;
}
#jcomMobile #JMoption h2{
color: #333;
line-height: 1.3;
font-size: 22px;
margin-bottom: 15px;
}
#jcomMobile #JMoption ul{
width: 90%;
margin: 0 auto;
}
#jcomMobile #JMoption li{
float: left;
width: 48%;
margin-right: 4%;
margin-bottom: 4%;
}
#jcomMobile #JMoption li:nth-child(2n){
margin-right: 0;
}
#jcomMobile #JMoption .GRYbtn{
width:90%;
}
}

/* JMqa */
@media only screen and (min-width: 801px) {
#jcomMobile #JMqa{
width: 1080px;
margin: 0 auto;
padding: 75px 40px 20px;
}
#jcomMobile #JMqa h2{
color: #333;
line-height: 1.3;
font-size: 38px;
margin-bottom: 25px;
}
#jcomMobile #JMqa ul.accordion{
width: 800px;
color: #333;
margin: 0 auto;
}
#jcomMobile #JMqa ul.accordion > li{
width: 100%;
}
#jcomMobile #JMqa label{
display: block;
text-align: left;
border-left: #ccc 1px solid;
border-right: #ccc 1px solid;
border-top: #ccc 1px solid;
font-size: 18px;
line-height: 1;
max-width: 100%;
padding: 20px 20px 20px 35px;
margin-top: -1px;
position: relative;
cursor :pointer;
}
#jcomMobile #JMqa label::before{
content: url(../img/qa_01.png);
position: absolute;
top: 18px;
left: 10px;
}
#jcomMobile #JMqa label::after{
content: url(../img/qa_02.png);
top: 18px;
right: 10px;
position: absolute;
}
#jcomMobile #JMqa input[type="checkbox"]:checked + label::after {
content: url(../img/qa_03.png);
top: 18px;
right: 10px;
position: absolute;
}
#jcomMobile #JMqa input[type="checkbox"]:checked + label {
border-bottom: #ccc 1px solid;
}
#jcomMobile #JMqa input {
display: none;
}
#jcomMobile #JMqa .content {
margin: 0;
padding: 0 20px;
max-height: 0;
overflow: hidden;
border-left: #ccc 1px solid;
border-right: #ccc 1px solid;
border-bottom: #ccc 1px solid;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#menu_bar01:checked ~ #links01,
#menu_bar02:checked ~ #links02,
#menu_bar03:checked ~ #links03,
#menu_bar04:checked ~ #links04,
#menu_bar05:checked ~ #links05 {
max-height: 1000px;
opacity: 1;
padding: 20px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
#jcomMobile #JMqa .content .answer{
background: #f5f5f5;
padding: 15px 15px 15px 35px;
font-size: 16px;
line-height: 1.2;
position: relative;
text-align: left;
}
#jcomMobile #JMqa .content .answer::before{
content: url(../img/qa_04.png);
position: absolute;
top: 14px;
left: 10px;
}
#jcomMobile #JMqa .content ul.des{
width: 100%;
margin: 0 auto;
padding: 20px 0 0;
display: table;
}
#jcomMobile #JMqa .content ul.des li{
font-size: 14px;
line-height: 1.4;
display: table-cell;
vertical-align: top;
text-align: left;
padding-right: 20px;
}
#jcomMobile #JMqa .content ul.des li:last-child{
padding-right: 0;
}
#jcomMobile #JMqa .content ul.des li a{
color: #225383;
text-decoration: underline;
}
#jcomMobile #JMqa .content ul.des li a.arrow{
background: url(../img/qa_arrow.png) no-repeat left;
padding-left: 10px;
}
#jcomMobile #JMqa .content ul.des li span{
color: #666;
font-size: 12px;
}
#jcomMobile #JMqa .GRYbtn{
width: 580px;
}
}
@media only screen and (max-width: 800px) {
#jcomMobile #JMqa{
width: 95%;
margin: 0 auto;
padding: 35px 0 20px;
}
#jcomMobile #JMqa h2{
color: #333;
line-height: 1.3;
font-size: 23px;
margin-bottom: 15px;
}
#jcomMobile #JMqa ul.accordion{
width: 95%;
color: #333;
margin: 0 auto;
}
#jcomMobile #JMqa ul.accordion > li{
width: 100%;
}
#jcomMobile #JMqa label{
display: block;
text-align: left;
border-left: #ccc 1px solid;
border-right: #ccc 1px solid;
border-top: #ccc 1px solid;
font-size: 16px;
line-height: 1.2;
max-width: 100%;
padding: 15px 35px 15px 35px;
margin-top: -1px;
position: relative;
cursor :pointer;
}
#jcomMobile #JMqa label::before{
content: url(../img/qa_01.png);
position: absolute;
top: 15px;
left: 10px;
}
#jcomMobile #JMqa label::after{
content: url(../img/qa_02.png);
top: 18px;
right: 10px;
position: absolute;
}
#jcomMobile #JMqa input[type="checkbox"]:checked + label::after {
content: url(../img/qa_03.png);
top: 18px;
right: 10px;
position: absolute;
}
#jcomMobile #JMqa input[type="checkbox"]:checked + label {
border-bottom: #ccc 1px solid;
}
#jcomMobile #JMqa input {
display: none;
}
#jcomMobile #JMqa .content {
margin: 0;
padding: 0 15px;
max-height: 0;
overflow: hidden;
border-left: #ccc 1px solid;
border-right: #ccc 1px solid;
border-bottom: #ccc 1px solid;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#menu_bar01:checked ~ #links01,
#menu_bar02:checked ~ #links02,
#menu_bar03:checked ~ #links03,
#menu_bar04:checked ~ #links04,
#menu_bar05:checked ~ #links05 {
max-height: 1000px;
opacity: 1;
padding: 15px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
#jcomMobile #JMqa .content .answer{
background: #f5f5f5;
padding: 15px 15px 15px 35px;
font-size: 15px;
line-height: 1.2;
position: relative;
text-align: left;
}
#jcomMobile #JMqa .content .answer::before{
content: url(../img/qa_04.png);
position: absolute;
top: 14px;
left: 10px;
}
#jcomMobile #JMqa .content ul.des{
width: 100%;
margin: 0 auto;
padding: 15px 0 0;
display: table;
}
#jcomMobile #JMqa .content ul.des li{
font-size: 12px;
line-height: 1.4;
display: table-cell;
vertical-align: top;
text-align: left;
padding-right: 20px;
}
#jcomMobile #JMqa .content ul.des li:last-child{
padding-right: 0;
}
#jcomMobile #JMqa .content ul.des li a{
color: #225383;
text-decoration: underline;
}
#jcomMobile #JMqa .content ul.des li a.arrow{
background: url(../img/qa_arrow.png) no-repeat left;
padding-left: 8px;
}
#jcomMobile #JMqa .content ul.des li span{
color: #666;
font-size: 10px;
}
#jcomMobile #JMqa .GRYbtn{
width: 100%;
}
}
/* JMnotes */
@media only screen and (min-width: 801px) {
#jcomMobile #JMnotes{
width: 1080px;
margin: 0 auto 80px;
padding: 0 40px;
}
#jcomMobile #JMnotes ul{
width: 1000px;
margin: 0 auto;
border: 1px #e6e6e6 solid;
padding: 20px;
}
#jcomMobile #JMnotes li{
font-size: 10px;
line-height: 1.8;
text-align: left;
color: #666;
}
#jcomMobile #JMnotes li a{
color: #225383;
text-decoration: underline;
}
#jcomMobile #JMnotes li:nth-child(1),
#jcomMobile #JMnotes li:nth-child(2),
#jcomMobile #JMnotes li:nth-child(3),
#jcomMobile #JMnotes li:nth-child(4),
#jcomMobile #JMnotes li:nth-child(5),
#jcomMobile #JMnotes li:nth-child(6) {
text-indent: -1.8em;
padding-left: 1.8em;
}
}
@media only screen and (max-width: 800px) {
#jcomMobile #JMnotes{
width: 95%;
margin: 0 auto 40px;
border: 1px #e6e6e6 solid;
padding: 10px;
}
#jcomMobile #JMnotes li{
font-size: 10px;
line-height: 1.5;
text-align: left;
color: #666;
}
#jcomMobile #JMnotes li a{
color: #225383;
text-decoration: underline;
}
#jcomMobile #JMnotes li:nth-child(1),
#jcomMobile #JMnotes li:nth-child(2),
#jcomMobile #JMnotes li:nth-child(3),
#jcomMobile #JMnotes li:nth-child(4),
#jcomMobile #JMnotes li:nth-child(5),
#jcomMobile #JMnotes li:nth-child(6) {
text-indent: -1.8em;
padding-left: 1.8em;
}
#jcomMobile #JMnotes li:nth-child(7),
#jcomMobile #JMnotes li:nth-child(8),
#jcomMobile #JMnotes li:nth-child(9),
#jcomMobile #JMnotes li:nth-child(10),
#jcomMobile #JMnotes li:nth-child(11) {
text-indent: -1.1em;
padding-left: 1.1em;
}
}

/* JMfooter */
@media only screen and (min-width: 801px) {
#jcomMobile #JMfooter{
width: 100%;
background: #00a5a8;
color: #fff;
font-size: 14px;
font-weight: bold;
padding: 28px 0;
}
}
@media only screen and (max-width: 800px) {
#jcomMobile #JMfooter{
width: 100%;
background: #00a5a8;
color: #fff;
font-size: 9px;
font-weight: bold;
padding: 10px 0;
}
}

/* GRYbtn */
@media only screen and (min-width: 801px) {
#jcomMobile .GRYbtn{
border: 1px #a0a0a0 solid;
border-radius: 4px;
color: #a0a0a0;
font-size: 16px;
font-weight: bold;
line-height: 1;
display: inline-block;
padding: 20px;
margin: 30px auto 40px;
position: relative;
text-decoration: none;
}
#jcomMobile .GRYbtn::after{
content: "";
display: block;
width: 5px;
height: 5px;
border-top: 2px solid #a0a0a0;
border-right: 2px solid #a0a0a0;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
position: absolute;
right: 13px;
top: 50%;
margin-top: -3px;
}
}
@media only screen and (max-width: 800px) {
#jcomMobile .GRYbtn{
border: 1px #a0a0a0 solid;
border-radius: 4px;
color: #a0a0a0;
font-size: 15px;
font-weight: bold;
line-height: 1;
display: inline-block;
padding: 18px;
margin: 20px auto 40px;
position: relative;
width: 100%;
text-decoration: none;
}
#jcomMobile .GRYbtn::after{
content: "";
display: block;
width: 5px;
height: 5px;
border-top: 2px solid #a0a0a0;
border-right: 2px solid #a0a0a0;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
position: absolute;
right: 13px;
top: 50%;
margin-top: -3px;
}
}

/* JMbtns */
@media only screen and (min-width: 801px) {
#jcomMobile .JMbtns{
width: 100%;
padding: 10px 0;
background: #eaeaea;
}
#jcomMobile .JMbtns ul{
width: 840px;
margin: 0 auto;
display: table;
}
#jcomMobile .JMbtns li{
display: table-cell;
/*vertical-align: top;*/
}
#jcomMobile .JMbtns li.entry a{
width: 400px;
display: block;
position: relative;
padding: 30px;
background: #e83416;
background: -ms-linear-gradient(to bottom,#eb5d45 0%,#e83416 100%);
background: linear-gradient(to bottom,#eb5d45 0%,#e83416 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb5d45', endColorstr='#e83416', GradientType=0);
border-radius: 4px;
font-size: 22px;
line-height: 1.2;
color: #fff;
text-align: center;
}
#jcomMobile .JMbtns li.entry a::after{
content: "";
display: block;
width: 8px;
height: 8px;
border-top: 2px solid #ffffff;
border-right: 2px solid #ffffff;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
position: absolute;
right: 13px;
top: 50%;
margin-top: -5px;
}
#jcomMobile .JMbtns li.simulation a{
width: 400px;/**/
display: block;
color: #00a5a8!important;
/*background: #f0fcfc url(../img/btn_zaq_01.png) no-repeat 10px 50%;　*/
background-color: #f0fcfc;
background-image: url(/resources/images/icon/icon_side_simulation_mobile.png);
background-repeat: no-repeat;
background-position: calc(50% - 145px) 50%;	
background-size: 30px;
display: block;
position: relative;
padding: 28px 15px 27px 50px;
box-sizing: border-box;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 2px solid #00a5a8;
font-size: 18px;
font-weight: bold;
margin-left: 20px;
}
#jcomMobile .JMbtns li.simulation a::after{
content: "";
display: block;
width: 8px;
height: 8px;
border-top: 2px solid #00a5a8;
border-right: 2px solid #00a5a8;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
right: 12px;
top: 50%;
margin-top: -6px;
}
}
@media only screen and (max-width: 800px) {
#jcomMobile .JMbtns{
width: 100%;
padding: 8px 0;
background: #eaeaea;
clear: both;
}
#jcomMobile .JMbtns ul{
width: 95%;
margin: 0 auto;
display: table;
}
#jcomMobile .JMbtns li{
display: table-cell;
width: 48%;
padding: 0 1% 0 0;
}
#jcomMobile .JMbtns li:last-child{
padding: 0 0 0 1%;
}
#jcomMobile .JMbtns li.entry a{
width: 100%;
display: block;
position: relative;
padding: 15px 10px;
background: #e83416;
background: -ms-linear-gradient(to bottom,#eb5d45 0%,#e83416 100%);
background: linear-gradient(to bottom,#eb5d45 0%,#e83416 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb5d45', endColorstr='#e83416', GradientType=0);
border-radius: 4px;
font-size: 14px;
line-height: 1.2;
color: #fff;
text-align: center;
}
#jcomMobile .JMbtns li.simulation a{
width: 100%;
color: #00a5a8!important;
/*background: #f0fcfc url(../img/btn_zaq_01.png) no-repeat 7px 50%;*/
background-color: #f0fcfc;
background-image: url(/resources/images/icon/icon_side_simulation_mobile.png);
background-repeat: no-repeat;
background-position: calc(50% - 55px) 50%;	
background-size: 22px;
display: block;
position: relative;
padding: 13px 0 13px 30px;
box-sizing: border-box;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 2px solid #00a5a8;
font-size: 14px;
font-weight: bold;
line-height: 1.2;
border-radius: 8px;
}
}

@media only screen and (max-width: 319px) {
	#jcomMobile .JMbtns li.simulation a{
		background-position: 7px 50%;	
	}
}

/* bnr */
@media only screen and (max-width: 800px) {
#jcomMobile .bnr{
padding-bottom: 30px;
}
#jcomMobile .bnr img{
width: 90%;
margin: 0 auto;
}
}
.delivery_info{
	width: 830px;
    margin: 0 auto;
    text-align: left;
}

.delivery_info a{
	display: inline-block;
    color: #e83416;
    font-size: 15px;
    text-decoration: none;
    border-bottom: 2px solid #e83416;
    margin-top: 15px;
    text-align: left;
}
@media only screen and (max-width: 800px) {
    
    .plan-img {
        overflow: auto !important;
    }
    
    .plan-img img {
        min-width: 440px;
    }    
    
    
    
.delivery_info{
	width: 100%;
    margin: 0 auto;
    text-align: left;
}
.delivery_info a{
	display:inline-block;
	color: #e83416;
	font-size: 13px;
	text-decoration: none;
	border-bottom: 1px solid #e83416;
	margin-top: 15px;
    margin-left: 10px;
}
}

/**端末紹介部分**/
ul.deviceLink_sec{
	display: block;
}
ul.deviceLink_sec li{
	display: inline-block!important;
	border: 1px solid #ccc;
	width: 487px;
	margin-right: 20px;
	margin-bottom: 20px;
}
ul.deviceLink_sec li a{
	display: block;
	position: relative;
}
ul.deviceLink_sec li a::after{
	content: "";
	width: 7px;
	height: 7px;
	border-top: 1px solid #01a6a8;
	border-right: 1px solid #01a6a8;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -4px;
}

ul.deviceLink_sec li:nth-child(2),
ul.deviceLink_sec li:nth-child(4),
ul.deviceLink_sec li:nth-child(6){
margin-right: 0px;
float: right;
}
ul.deviceLink_sec li:nth-child(3),
ul.deviceLink_sec li:nth-child(5){
   clear: both;
}

ul.deviceLink_sec li:nth-last-of-type(1),
ul.deviceLink_sec li:nth-last-of-type(2){
	margin-bottom: 0px;
}

@media only screen and (max-width: 800px) {
ul.deviceLink_sec{
	display: block;
	text-align: left;
}
 .nowrap-sp_only {
    white-space: nowrap;
}   
ul.deviceLink_sec li{
  width: calc(50% - 5px);
  margin-right: 10px;
	margin-bottom: 15px!important;
	text-align: center;
    border: 1px solid #ccc;
	box-shadow: 0 3px 6px -3px #999;
    -webkit-box-shadow: 0 3px 6px -3px #999;
}
    
    


ul.deviceLink_sec li:last-child{
    margin-right: 0px;
}	
ul.deviceLink_sec li a::after{
    content: "";
    right: 5px;
 
}
    
}

    .m-ac-pc {
        text-align: center !important;
        
    }
    .pc_only {
    display: none;
    }
.DTtxt3 {
    padding: 5px 0;
}

@media only screen and (min-width: 801px) {
    .sp_only {
    display: none;
    }
    .pc_only {
        display: block;
    }
}
/*2020.04.02追加*/
.New_Ico {
	position: absolute;
	top: 2px;
    left: calc(100% - 75px);
	border-radius: 5px;
	padding: 0.20em 0.2em 0.195em;
	z-index: 1;
	font-size: 10px;	
	text-align: center;
	background-color: #e83416 !important;
	color: #FFF;
	font-weight: 700;
}
.Icon_5G {
    position: absolute;
	top: 2px;
    right: 2px !important;
    background-image: url("../img/css/icon_5g-s.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 5px;
    z-index: 1;
    text-align: center;
    background-color: #66c1c8 !important;
    height: 20px;
    width: 40px;
}





#Features1,
#Features2{
   font-size:  100%;
}

/**--------------------

--------------------**/
@media screen and (min-width: 801px) {
/**--------------------**/	
.m-al-pc {text-align: left !important;}
.New_Ico {
	font-size: 13px;	
	width: 50px;
	height: 50px;
    top: 5px !important;
    left: calc(100% - 140px) !important;
	border-radius: 25px;
	padding: 16px 0 0 0;
	box-sizing: border-box;
	}
.Icon_5G {
    position: absolute;
    top: 10px !important;
    right: 10px !important;
    height: 36px;
    width: 70px;
}    
    
    
}


/*＝＝＝＝＝＝＝＝＝2021.02.18追加分＝＝＝＝＝＝＝＝＝＝*/

.lp__section-item {
   margin: 30px auto 0;
}

.sm {
    font-size: 70%;
}

h3.lp-tit .sm {
    font-size: 75%;
}
.jm-price__list {
  position: relative;
  table-layout: fixed;
  width: 100%;
  margin: 20px auto 0; }
.jm-price__list .th-data {
    position: relative;
}

span.ico_Pop, span.ico_Recommend{
   position: absolute;
   font-size: 12px;
   padding: 0.2em 0.5em;
   border-radius: 1em;
   font-weight: 700;
   color: #e83416;
   display: inline-block;
   background: #f2ee81;
}

span.ico_Pop {
right: calc(50% - 15px);
top: -25px;
}

span.ico_Recommend{
right: calc(50% - 30px);
top: -25px;
}


.fs-18 {
    font-size:  18px !important;
}


/*---------------*/   
@media (min-width: 768px) {
/*---------------*/   
   .lp__section-item {
   margin: 0px auto 0;
}
    
    .mt27-pc {
        margin-top:  27px !important;
    }
   
    .fs-13-pc {
        font-size:  13px !important;
    }
    
    
   span.ico_Pop, span.ico_Recommend{
   background-color: transparent;
   background-image: url("/promo/adlp/jcom_mobile/img/icon_fukudashi.png");
   background-repeat: no-repeat;
   background-size: contain;
}

span.ico_Pop {
    right: 2px;
    top: -20px;
    padding: 20px 18px 18px 18px;
}
span.ico_Pop span{ transform: rotate(20deg);display: inline-block; }
span.ico_Recommend{
    right: -3px;
    top: -20px;
    padding: 20px 7px 18px 9px;
}
span.ico_Recommend span{ transform: rotate(20deg);display: inline-block; }

/*---------------*/   
}
/*---------------*/   
/*---------------*/   
@media (min-width: 1140px) {
/*---------------*/   


span.ico_Pop {
    top: 2px; 
}
span.ico_Recommend{
    top: 2px;
}

/*---------------*/   
}
/*---------------*/   
  @media screen and (max-width: 767px) {
    .jm-price__list {
      margin-top: 15px; } }
  .jm-price__list th,
  .jm-price__list td {
    position: relative;
    font-family: 'NotoSansJP', sans-serif;
    font-feature-settings: "palt" 1;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.4;
    padding: 15px 0;
    text-align: center;
    box-sizing: border-box; }
    @media (min-width: 320px) {
      .jm-price__list th,
      .jm-price__list td {
        font-size: calc(0.9375rem + ((1vw - 3.2px) * 1.566));
        min-height: 0vw; } }
    @media (min-width: 767px) {
      .jm-price__list th,
      .jm-price__list td {
        font-size: 22px; } }
    @media (min-width: 768px) {
      .jm-price__list th,
      .jm-price__list td {
        font-size: calc(1.125rem + ((1vw - 7.68px) * 1.8018));
        min-height: 0vw; } }
    @media (min-width: 990px) {
      .jm-price__list th,
      .jm-price__list td {
        font-size: 22px; } }
    @media screen and (max-width: 767px) {
      .jm-price__list th,
      .jm-price__list td {
        display: block;
        padding: 12px 0; } }
    .jm-price__list th .em,
    .jm-price__list td .em {
      font-weight: 700;
      color: #e83416; }
    .jm-price__list th .sm,
    .jm-price__list td .sm {
      font-size: 12px;
      line-height: 1.4; }
      @media screen and (max-width: 767px) {
        .jm-price__list th .sm,
        .jm-price__list td .sm {
          font-size: 10px; } }
    .jm-price__list th .md,
    .jm-price__list td .md {
      font-size: 85%;
      line-height: 1.6; }
    .jm-price__list th .lg,
    .jm-price__list td .lg {
      position: relative;
      font-size: 125%;
      line-height: 1.0;
      top: 1px; }
    .jm-price__list th .b,
    .jm-price__list td .b {
      font-weight: 700; }
    @media screen and (max-width: 767px) {
      .jm-price__list th .br-sp,
      .jm-price__list td .br-sp {
        display: block; } }
  .jm-price__list thead th {
    font-weight: 700;
    color: #fff;
    border-right: 1px solid rgba(255, 255, 255, 0.5); }
    .jm-price__list thead th:last-of-type {
      /*border-color: #29a5a9;*/ }
    .jm-price__list thead th .em {
      font-weight: 700;
      color: #f2ee82; }
    @media screen and (max-width: 767px) {
      .jm-price__list thead th {
        padding: 13px 0; } }
  .jm-price__list .th-data {
    width: 20%;
    font-size: 20px;
    font-weight: 700;
    background-color: #29a5a9; }
    @media (min-width: 320px) {
      .jm-price__list .th-data {
        font-size: calc(1.25rem + ((1vw - 3.2px) * 1.3423));
        min-height: 0vw; } }
    @media (min-width: 767px) {
      .jm-price__list .th-data {
        font-size: 26px; } }
    @media (min-width: 768px) {
      .jm-price__list .th-data {
        font-size: 24px; } }
    @media (min-width: 990px) {
      .jm-price__list .th-data {
        font-size: 26px; } }
    @media screen and (max-width: 767px) {
      .jm-price__list .th-data {
        float: left;
        width: 25%; } }
    .jm-price__list .th-data .sm {
      font-size: 75%;
      font-weight: 700; }
    @media screen and (max-width: 767px) {
      .jm-price__list .th-data.empty {
        display: none; } }
  .jm-price__list td {
    border-right: 1px solid #a3dee0;
    border-bottom: 1px solid #a3dee0; 
    line-height: 1; 
     min-height: 97px;}
  .jm-price__list td.blank_cell { padding-top: 38px;}
  .jm-price__list td.height_auto { min-height: auto !important;}
    @media screen and (max-width: 767px) {
      .jm-price__list td:not(.td-item) {
        float: left;
        width: 25%; }
        .jm-price__list td:not(.td-item):nth-of-type(2) {
          border-left: 1px solid #a3dee0; }
        .jm-price__list td:not(.td-item) .lg {
          font-size: 120%; }
      .jm-price__list td[colspan="4"] {
        width: 100%; } }
  .jm-price__list .td-item {
    font-size: 16px;
    background-color: #e3f6f6;
    border-left: 1px solid #a3dee0; }
    @media screen and (max-width: 989px) {
      .jm-price__list .td-item {
        font-size: 15px; } }
    @media screen and (max-width: 767px) {
      .jm-price__list .td-item {
        width: 100%;
        font-size: 14px !important;
        padding: 9px 0; 
       min-height: auto;}
        .jm-price__list .td-item br {
          display: none; }
        .jm-price__list .td-item .m-sp {
          display: inline; } }
  .jm-price__list .pb {
    padding-bottom: 68px !important; }
    @media screen and (max-width: 767px) {
      .jm-price__list .pb {
        padding-bottom: 64px !important; } }
  @media screen and (max-width: 767px) {
    .jm-price__list .td-spd {
      padding: 10px 0 14px; } }
  .jm-price__list .label {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 10;
    left: 15px;
    bottom: 15px;
    font-weight: 700;
    color: #29a5a9;
    width: calc(400% - 25px);
    height: 38px;
    box-sizing: border-box;
    border-radius: 60px;
    background: #f2ee81; }
    @media screen and (max-width: 767px) {
      .jm-price__list .label {
        font-size: 100%; } }
  .jm-price__list.col-4 .th-data:not(.empty) {
    width: 26.6666%; }
  @media screen and (max-width: 767px) {
    .jm-price__list.col-4 .th-data {
      width: 33.3333% !important; } }
  .jm-price__list.col-4 .label {
    width: calc(300% - 25px); }
  @media screen and (max-width: 767px) {
    .jm-price__list.col-4 td:not(.td-item) {
      width: 33.3333%; }
    .jm-price__list.col-4 td[colspan="3"] {
      width: 100%; } }

.m-btn.type_cp0218 {
   padding: 0;
   border:  1px solid #ccc;
   max-width:  580px;
   margin:  0 auto;
   display: block;
}

.wm_flex {
    display: flex;
}

a.m-btn.type_cp0218 {
  color:  #444;
   text-decoration:  none;
}

.wm_icon1,
.wm_txt1{
display: flex;
 /*flex: 1 0 auto; /* fix IE11 */
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

div.wm_icon1 {
   text-align: center;
   padding: 10px;
   background-color: #29a5a9;
   color: #fff;
 /*  border-top-left-radius: 5px;
   border-bottom-left-radius: 5px;*/
   width: 100px;
   line-height: 1.25;
}

.wm_txt1{
    padding: 5px 10px 5px;
    text-align: center;
    width: calc(100% - 100px);
   line-height: 1;
}
.m-fs-17 {
   font-size: 17px;
}

.m-fs-26 {
   font-size: 26px;
}

.m-fw-bold {
   font-weight: bold;
}
.m-fw-normal {
   font-weight: normal;
}


.m-btn[data-arrow-color="mobile"]::after, 
.m-btn-anc[data-arrow-color="mobile"]::after, 
.m-btn-conv[data-arrow-color="mobile"]::after, 
.m-btn-conv-sumi[data-arrow-color="mobile"]::after,
.m-btn-conv-sumi-ele[data-arrow-color="mobile"]::after,
.m-btn-conv-sumi-mobile[data-arrow-color="mobile"]::after, .m-btn-conv-sumi-gas[data-arrow-color="mobile"]::after {
    border-top: 2px solid #00a4a8;
    border-right: 2px solid #00a4a8;
}
.m-btn[data-type="arrow"]::after, 
.m-btn-anc[data-type="arrow"]::after, 
.m-btn-conv[data-type="arrow"]::after, 
.m-btn-conv-sumi[data-type="arrow"]::after,
.m-btn-conv-sumi-ele[data-type="arrow"]::after,
.m-btn-conv-sumi-mobile[data-type="arrow"]::after, .
.m-btn-conv-sumi-gas[data-type="arrow"]::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: absolute;
    right: 20px;
    border-top: 2px solid #e83416;
    border-right: 2px solid #e83416;
    top: 50%;
    margin-top: -5px;
}

.m-fs-45 {
   font-size: 45px;
}

@media screen and (max-width: 800px) {
   #sec01,#sec_reason {
padding-top: 60px;
margin-top: -60px;
   }
   #sec02,#sec03 {
padding-top: 60px;
margin-top: -60px;
   }
   #sec04 {
padding-top: 120px;
margin-top: -120px;
   }
#JMmain {
   margin-top: 60px;
}
   
}


/*==== かけ放題パック（2021.08.02）===ここから===*/
.btn {
    color:  #333;
}
.m-grid-row.kakeho-pack {
    margin-left: -5px;
    margin-right: -5px;
    width: calc(100% + 10px);
}

.kakeho-box {
    border: 1px solid #00a4a8;
    padding: 5px 10px;
    margin: 0 5px;
    position: relative;
}

.kakeho-box span.fukidashi {
    position: absolute;
    left: 10px;
    top: -30px;
    color: #e93817;
    background-image: url("/service/mobile/images/css/icon_fukudashi.png");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 20px 0;
    font-size: 12px;
    width: 60px;
    height: 60px;
    display: block;
    text-align: center;
    font-weight: bold;
}

.fukidashi_block {
    margin-left: auto;
    margin-right: auto;
    width: 220px;
    background-image: url("/service/mobile/images/css/icon_fukudashi.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding: 60px 0;
    font-size: 22px;
    text-align: center;
    font-weight: bold;
}


.kakeho-box h3 {
    color: #e93817;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    padding: 0;
    margin: 0;
}


.kakeho-box .kakeho-price-txt {
    padding:  0.25em 0;
    border-bottom: 2px solid #00a4a8;
    text-align: center;
    font-weight: bold;
    margin: 0 0 5px 0;
    line-height: 1.2;
}

.kakeho-box span.monthly {
    display: inline-block;
    width:  12px;
    margin: 0 1px;
    line-height: 1;
    font-size: 12px;
}

.kakeho-box span.price {
    display: inline-block;
    font-size: 28px;
}
.kakeho-box span.price span.m-font-arial-sans {
    display: inline-block;
    font-size: 130%;
}

.kakeho-box span.with_tax {
    display: inline-block;
    white-space: nowrap;
}
.kakeho-box .kakeho-txt {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    padding: 1em 0;
    margin: 0;
    line-height: 1;
}

 .kakeho-box .kakeho-txt span.fs-l {
    font-size: 24px;    
}

    div.table_layout_pc {
                display: table;
                line-height: 1;
                margin-left: auto;
                margin-right: auto;
    }

    div.table_layout_pc  div {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        line-height: 1;
    }

    div.table_layout_pc  div.half {
        width:  50%;
    }

	.arr-r {
        position: relative;
        padding-right: 0.5em;
        display: block;
        }
.arr-r::before {
    transition: .25s;
    position: absolute;
    content: '';
    width: 11px;
    height: 11px;
    border-top: solid 2px #00a4a8;
    border-right: solid 2px #00a4a8;
    transform: rotate(45deg);
    right: 30px;
    top: 50%;
    margin-top: -4.5px;
}

.m-fs-m.type01 {
    font-size: 12px !important;
}


picture.normal img, picture img.img-bnr {
    width: auto !important;
    max-width: 100% !important;
    height: auto;
}

@media screen and (max-width: 1139px) {
    div.table_layout_pc {

    }

    div.table_layout_pc  div {

    }

}
   br.m-sp-hidden {
       display: inline !important;
    }
   br.m-pc-hidden {
       display: none !important;
    }
@media screen and (max-width: 767px) {
    
    .m980-adj01 { font-size:  13px !important;}
.kakeho-box .kakeho-txt {
    padding: 0.25em 0;
    }
    
   br.m-sp-hidden {
       display: none !important;
    }
   br.m-pc-hidden {
       display: inline !important;
    }
    
    picture.normal.sp-adj img {
    width: auto !important;
    max-width: 70% !important;
    height: auto;
}
    
    
    .kakeho-box h3 {
        font-size: 20px;
        margin: 0 -10px;
        white-space: nowrap;
    }
    
    div.table_layout_pc {
        display: block;
    }
    div.table_layout_pc  div {
        display: block;
        margin-bottom: 0.5em;
    }
    div.table_layout_pc  div.half {
        width:  100%;
    }
    .kakeho-box {
        padding: 10px 10px;
    }
    
.kakeho-box span.fukidashi {
    top: -35px;
    left: calc(100% - 40px);
    padding: 18px 0;
    font-size: 10px;
    width: 50px;
    height: 50px;
}
    
    picture.normal.sp-adj img {
    width: auto !important;
    max-width: 70% !important;
    height: auto;
    }    
    
    .fukidashi_block { 
    width: 130px;
    padding: 40px 0;
    font-size: 14px;
    }
    
    .arr-r::before {
        width: 6px;
        height: 6px;
        border-top: solid 1px #00a4a8;
        border-right: solid 1px #00a4a8;
        right: 8px;
    }
    
}
.arr-r.arr-r2 {
    text-decoration: none !important;
    color: #000;
}
.arr-r.arr-r2::after {
    display: none !important;
    
}
@media screen and (max-width: 512px) {
    .kakeho-box span.price { font-size: 20px;}
    .kakeho-box h3 {   font-size: 14px; }
    .m-list.m-list-kome.m-fs-m {
        font-size: 9px;
    }
}

a.bnr img {
    border: 1px solid #CCC;
}

/*==== かけ放題パック（2021.08.02）===ここまで===*/

/*==== かけ放題パック（2021.009.10）===ここから===*/


table.kakeho_price_table {
    border: 2px solid #00a4a8 !important;
    border-collapse: collapse !important;
    table-layout: fixed !important;
    width: 100% !important;
}

table.kakeho_price_table thead th {
    padding: 0.25em 1em;
    font-weight: 700;
    text-align: center;
    border-right: 1px solid #FFF;
    color: #FFFFFF !important;
    background-color: #00a4a8 !important;
    font-size: 24px;
}
table.kakeho_price_table tbody td span {
    font-size: 24px;
}

table.kakeho_price_table tbody td span.price {
    font-size: 32px;
}

table.kakeho_price_table tbody td {
    border-bottom: 2px solid #00a4a8 !important;
    padding: 1em;
    font-weight: 700;
    text-align: center;
}

table.kakeho_price_table tbody td.d1 {
    border-right: 1px solid #00a4a8 !important;
}
table.kakeho_price_table tbody td.d2 {
    border-right:2px dotted #00a4a8 !important;
    position: relative;
}




table.kakeho_price_table tbody td.d2::after {
content: "+";
color: #00a4a8 !important;
font-size: 48px;
position: absolute;
right: -18px;
top: calc(50% - 44px);
background: transparent !important;
display: inline-block;
}
	.android table.kakeho_price_table tbody td.d2::after {
        right: -17px;
	}

    .mac table.kakeho_price_table tbody td.d2::after,
    .ipad table.kakeho_price_table tbody td.d2::after {
        right: -18px;
	}
	.win table.kakeho_price_table tbody td.d2::after {
        right: -21px;
		top: calc(50% - 35px);
	}

@supports (-ms-accelerator:true) {

}


table.kakeho_price_table tbody td.d3 {
    
}

span.fukidashi2 {
    color: #e93817;
    background-image: url("/service/mobile/images/css/icon_fukudashi.png");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 20px 0;
    font-size: 12px !important;
    width: 60px;
    height: 60px;
    margin: -10px auto 5px;
    display: block;
    text-align: center;
    font-weight: bold;
}

@media screen and (min-width:768px ) {
    .kakeho_price_table tbody td.r1 {
      padding: 25px 1em;
    }
}
@media screen and (min-width:400px ) and (max-width:500px ) {

}
@media screen and (max-width:767px ) {
    
    .m-pb-0-sp {
        padding-bottom: 0px !important;
    }
    .m-pb-10-sp {
        padding-bottom: 10px !important;
    }
    
    table.kakeho_price_table thead th {
        font-size: 16px;
    }
    
    table.kakeho_price_table tbody td {
        font-size: 11px;
    }
    table.kakeho_price_table tbody td span {
        font-size: 16px;
    }
    table.kakeho_price_table tbody td span.price {
        font-size: 24px;
    }
	
	.iphone table.kakeho_price_table tbody td.d2 {
		border-right:1px dotted #00a4a8 !important;
	}
	
    table.kakeho_price_table tbody td.d2::after {
        right: -13px;
        top: calc(50% - 24px);
        font-size: 33px;
    }
    
	.iphone table.kakeho_price_table tbody td.d2::after {
        right: -12px;
	}
	.android table.kakeho_price_table tbody td.d2::after {
        right: -11px;
	}
    
    .mac table.kakeho_price_table tbody td.d2::after{
        right: -13px;
	}
	.win table.kakeho_price_table tbody td.d2::after {
        right: -14px;
	}
    span.fukidashi2 {
        position: absolute;
        top: -5px;
        left: calc(55% - 160px);
        padding: 15px 0;
        font-size: 10px;
        width: 50px;
        height: 50px;
    }
	
}
/*==== かけ放題パック（2021.009.10）===ここまで===*/

/*<style>タグ内から転記　-2022.02.04-*/
    
    .fs-11 {
        font-size:  11px;
    }
    
    .fs-12 {
        font-size:  12px;
        
    }
    
   .fs-13 {
        font-size:  13px;
        
    }
   .fs-14 {
        font-size:  14px;
        
    }
   .fs-17 {
        font-size:  17px;
        
    }
    
	p.m-txt {
		margin: 10px 0 20px;
		font-size: 11px;
	}
	.attention {
		margin: 0  auto;
		width: 100%;
		text-align: left;
	}
	@media screen and (max-width: 800px) {
		.attention{
			padding: 0 15px;
		}
	}
	.attention img.check {
		height: 18px;
		width: auto;
	}
	
	.iphone_7 {
		position: relative;
		margin-top: 30px;
	}

	.iphone_txt_img {
		position: absolute;
		top: -35px;
		left: 0;
		width: 100%;
		margin: 0 auto;
		z-index: 9;
	}

	.arr-r::after {
    -webkit-transition: .25s;
    transition: .25s;
    position: absolute;
    content: '';
    width: 9px;
    height: 9px;
    border-top: solid 2px currentColor;
    border-right: solid 2px currentColor;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top:7.5px;
}
	
	@media (min-width: 801px){
		.attention {
				width: 980px;
		}
	}