@charset "UTF-8";

img {
background-color: inherit;
}

p.safari-ajust {
	margin-left: -1em !important;
	margin-right: -1em !important;
}
/*Safariのみ*/

_::-webkit-full-page-media, _:future, :root p.safari-ajust {
	margin-left: -1.5em !important;
	margin-right: -1.5em !important;
}

.m-lh-1 {
	line-height: 1.1;
}
_::-webkit-full-page-media, _:future, :root .se_price {
	margin-left: -0.5em !important;
	margin-right: -0.5em !important;
}

.m-fs-16 { font-size: 16px;}
span.m-nowrap,
.m-inline-block {
	display: inline-block;
}
#iphone_15 {
overflow: hidden;
}

#iphone_15 h2.iphone_h2 {
	font-size: 28px;
	font-weight: bold;
	line-height: 40px;
	border-bottom: 1px solid #333;
	padding: 0 0 5px;
	margin-bottom: 30px;
}

#iphone_15 .m-btn[data-arrow-color=white]::after {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}


#iphone_15 .m-btn[data-arrow-color=black]::after {
	border-top: 2px solid #333;
	border-right: 2px solid #333;
}

.m-btn.m-bg-white.pricemore {
	font-weight: normal !important;
}

.jm-bottomBtn__link--simu img　{
margin-top:  -3px !important;
}


#iphone_15 .m-btn {
	padding: 8px;
	border: none;
	font-size: 12px;
	padding-right: 14px;
}

#iphone_15 .m-btn.m-bg-white {
	padding: 6px;
	border: 2px solid #333;
	color: #333;
	background: #FFF;
}
#iphone_15 .m-btn.m-bg-white[data-border-color="mobile"] {
border-color: #00a4a8 !important;
color: #00a4a8 !important;
}
#iphone_15 .m-btn.m-bg-white[data-border-color="no"] {
border: none !important;
}
#iphone_15 .m-btn[data-type="arrow"]::after{
	right: 10px; 
}

#iphone_15 .m-btn.flow {
	font-weight: normal !important;
	color: #333 !important;
}
#iphone_15 .m-btn.pricemore[data-type="arrow"]::after,
#iphone_15 .m-btn.flow[data-type="arrow"]::after{
display: inline-block !important;
position: static!important;
margin-left: 1em!important;
}
a.m-btn.flow[data-arrow-color="midnight"]::after {
	/**/
	position: static !important;
	display: inline-block !important;
	margin-left: 1em !important;
}
.m-btn[data-width="160"] {
	width: 160px;
}
.m-btn[data-width="260"] {
	width: 260px;
}

.m-camp-txt {
	font-weight: bold !important;
	color: #f00;
}

.m-txt-box-icon-quot.m-camp-txt {
}


/* ----------------- circle color ----------------- */

.m-circle-box {
	justify-content: center !important;
	/* padding: 5px 5px; */
}

.m-circle-box span::after {
	content: "";
	position: absolute;
	width: 20px !important;
	height: 20px !important;
	border-radius: 20px !important;
	top: inherit !important;
	right: inherit !important;
}

/* 色別 */
.m-circle-box span[data-circle-color="pink"]::after {
	background: #ECD0D1 !important;
	border: 1px solid #cccccc !important;
}

.m-circle-box span[data-circle-color="yellow"]::after {
	background: #ECE8C7 !important;
	border: 1px solid #cccccc !important;
}

.m-circle-box span[data-circle-color="green"]::after {
	background: #D1DBCA !important;
	border: 1px solid #cccccc !important;
}

.m-circle-box span[data-circle-color="blue"]::after {
	background: #D5DEE1 !important;
	border: 1px solid #cccccc !important;
}

.m-circle-box span[data-circle-color="black"]::after {
	background: #3B4143 !important;
	border: 1px solid #cccccc !important;
}

.m-tabMobile__navColor__list {
	position: relative;
	z-index: 999;
	gap: 24px;
}

.m-tabMobile__navColor__list li {
	width: 20px !important;
	height: 20px !important;
	margin-bottom: 0;
	/* margin: 0 0 0 -35px; */
	/* margin: 0; */
}

@media screen and (max-width: 767px) {
	.m-circle-box span {
		font-size: 10px;
	}

	#iphone_15 h2.iphone_h2 {
		font-size: 20px;
		line-height: 24px;
		padding-left: 5px;
		margin-bottom: 20px;
	}

	#iphone_15 ul.feature_body {
		padding: 0 10px;
	}
	.m-pb-10-sp   {
		padding-bottom:  10px !important;
	} 
	.m-pt-0-sp   {
		padding-top:  0px !important;
	} 

}

/* コンバージョン周り修正
----------------------------------*/

#iphone_15 .cnv-ip7 {padding: 20px;}

@media screen and (max-width: 767px) {
	#iphone_15 .cnv-ip7 {padding: 20px 10px;}
}

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


.m-bg-mobileD_sub {
	background-color: #5db0ad;
}

.data_price_iphone7 { margin: 0 !important;}
.data_price_iphone7 .table_price-mb{ padding: 0 !important; margin: 0 !important;}

.data_price_32gb .price_table{  border-top: 1px solid #FFF; padding: 15px 20px !important;  margin: 0 0 0 0 !important; }
.data_price_128gb .price_table{ padding:  15px 20px !important; margin: 0 0 0 0 !important; }
.data_price_256gb .price_table{ padding:  15px 20px !important; margin: 0 0 0 0 !important; }
.data_price_32gb .m-bg-mobileD_sub{  border-top: 1px solid #FFF;}
.m-bg-mobileD_sub p {
	font-size: 20px;
}

@media screen and (max-width: 767px) {
.jm-bottomBtn__link--simu img　{
margin-top:  -3px !important;
}


}

@media screen and (min-width: 768px) {
#iphone_15 {
margin-top: -5px;
}   


.jm-bottomBtn__link--simu img　{
margin-top:  -3px !important;
}   
.m-circle-box {
	padding: 5px 15px;
}
.m-circle-box span　{
font-size: 16px !important;
}   

.m-circle-box span[data-circle-color]::after {
	width: 20px;
	height: 20px;
	border-radius: 20px;
}



	.data_price_iphone7 .ttl_price-mb,
	.data_price_iphone7 .ttl_price-mb2 {
		width: 9% !important;
	}
	.data_price_iphone7 { margin: 0 !important;}
	.data_price_iphone7 .table_price-mb{ width: 93% !important;}
	
	.data_price_32gb{}
	.data_price_128gb{}
	.data_price_256gb{}
	.data_price_32gb .m-bg-mobileD_sub{border-top: 0px;  border-left: 1px solid #FFF; border-bottom: 1px solid #FFF;}
	.data_price_128gb .m-bg-mobileD_sub{ border-left: 1px solid #FFF; border-bottom: 1px solid #FFF; }
.data_price_256gb .m-bg-mobileD_sub{ border-left: 1px solid #FFF; }
	.data_price_32gb .price_table{ padding: 15px 20px 20px!important; margin: 0 0 0 0 !important; width: 93% !important; border-bottom: 1px solid #2c7f7c;}
	.data_price_128gb .price_table{ padding:  15px 20px 20px !important; margin: 0 0 0 0 !important; width: 93% !important; border-bottom: 1px solid #2c7f7c;}
	.data_price_256gb .price_table{ padding:  15px 20px 20px !important; margin: 0 0 0 0 !important; width: 93% !important;}
	.data_price_32gb table.price-detail{  margin: 0px; width: 100% !important;}
	.data_price_32gb table.price-detail th.cell_price-al{ width: 15%;}
	.data_price_128gb table.price-detail{ margin: 0px; width: 100% !important;}
	.data_price_128gb table.price-detail th.cell_price-al{ width: 15%;}
	.data_price_256gb table.price-detail{ margin: 0px; width: 100% !important;}
	.data_price_256gb table.price-detail th.cell_price-al{ width: 15%;}
}

.jm-bottomBtn__link--simu img　{
margin-top:  -3px !important;
}   

.m-btn.m-bg-jcom.m-color-white::after {
border-color: #FFF;
}

.se_mv picture img {
width:  auto !important;
max-width: 100%!important;
}
.se_title {
font-size: 32px;
font-family: "Noto Sans Japanese Medium" !important;
text-align: center;
}

.se_txt1 {
font-size: 11px;
font-family: "Noto Sans Japanese Medium" !important;
line-height: 1.1;
text-align: center;
margin-bottom: 1em !important;
}
.se_txt2 {
font-size: 20px;
font-family: "Noto Sans Japanese Medium" !important;
line-height: 1.1;
text-align: center;
margin-bottom: 0 !important;
}
.se_txt2a {
font-size: 24px;
font-family: "Noto Sans Japanese Medium" !important;
line-height: 1.25;
text-align: center;
margin-bottom: 0 !important;
	letter-spacing: 0;
}
.se_txt3 {
font-size: 18px;
font-family: "Noto Sans Japanese Medium" !important;
line-height: 1.1;
text-align: center;
margin-bottom: 0 !important;
color: #e93817 !important;
}

.m-tabMobile__navImg__list a {
border: 1px solid #DDD;
}
.m-mt-mv {
	margin-top: 10px;
	margin-bottom: 0px;   
}

.m-circle-box span {
/*    margin: 0 30px 0 0;*/
}
.m-pb-0-pc {
	padding-bottom: 10px !important;
}

.m-sp-w260 {
width:  260px;
margin-left: auto;
margin-right: auto;
}

.m-w140 {
max-width: 140px;
margin-left: auto;
margin-right: auto;
}


@media screen and (min-width: 768px) {

.m-tabMobile__main {
	display: block !important;
}

.m-mt-mv {
	margin-top: 0px;
}
.m-pb-0-pc {
	padding-bottom: 0 !important;
}
.m-sp-w260 {
	width:  100%;
}
.se_mv picture img {
	/*max-height:  370px !important;*/
}

.m-tabMobile__main{
	padding: 0 !important;
}
.m-tabMobile__sub {
	/*margin: auto auto 50px 40px !important;
	margin: auto auto 80px 40px !important;*/
	max-width: 642px;
}

		.se_title {
			font-size: 36px;
		} 
		.se_txt1 {
			font-size: 22px;
			margin-bottom: 0.25em !important;
		}
		.se_txt2 {
			font-size: 22px;
		}
		.se_txt2a {
			font-size: 22px;
		}
		.se_txt3 {
			font-size: 20px;
		}

/* .iphone_15_top .m-circle-box span[data-circle-color="midnight"]::after,
.iphone_15_top .m-circle-box span[data-circle-color="starlight"]::after,
.iphone_15_top .m-circle-box span[data-circle-color="red"]::after {
	width: 20px;
	height: 20px;
	border-radius: 20px;
}  */

}

#tab_wrap {
	/* height: 523px; */
	height: 562px;
	position: relative;
	padding-left: 25px;
	padding-right: 25px;
}
@media screen and (max-width: 1050px) {
#tab_wrap {
	height: auto;
}
}

#tab0 , #tab1 , #tab2 , #tab3 , #tab4 , #tab5 {
	position: absolute;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background: #FFF;
}

.m-tabMobile__nav {
	position: absolute;
	bottom: 0px;
	margin: 0px auto 0;
	display: block;
	width: 100%;
	z-index: 1;
}
@media screen and (max-width: 767px) {
	.m-tabMobile__nav {
		bottom: 0px;
	}
}

.m-tabMobile__nav > * {
margin: 0 0 0 0;
}

.m-tabMobile__navColor{
	width: 100%;
	/* max-width: 100px; */
	margin: 0 auto 0px !important;
}
.m-tabMobile__navColor__list a {
border: 0;
}
.m-tabMobile__navImg {
	width: 100%;
	max-width: 350px;
	margin: 0 auto 30px !important;
}
.m-tabMobile__navColor__list li {
padding: 0 !important;
}
.m-tabMobile.m-mt-pc {
margin-bottom: 40px;
}
.m-mt-30-pc {
margin-top: 30px !important;
}
.m-mb-50-pc {
margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
.m-mt-30-pc {
margin-top: 10px !important;
}
.m-mb-50-pc {
margin-bottom: 20px;
}
#tab_wrap {
	height: 345px;
	position: relative;
	padding-left: 0px;
	padding-right: 0px;
	width: 280px;
	margin-left: auto;
	margin-right: auto;
}
.m-tabMobile__main {
	display: block;
}
#tab0,#tab1,#tab2,#tab3 {
position: absolute;
width: 280px;
margin-left: auto;
margin-right: auto;
background: #FFF;
}
}

.mv-img {
margin: auto;
}

.bg-unset {
background-color: unset !important;
}

@media screen and (max-width: 767px){
.m-tabMobile {
	margin-top: 0 !important;
}

.m-tabMobile .section-cv .container .cv-guide .cv-board .icn-starter {
	background: #e93817 url("/common_v10/images/icn-think-white.svg") no-repeat 20px center;
	background-size: 30px;
	padding: 0 !important;
}
.section-cv .container .cv-guide .cv-board [class*="icn-"] .fs-16-sp {
	height: 30px;
}
.section-cv .container .cv-guide .cv-board .btn-white-gray {
	height: 100%;
}
p.text-center.fs-14-sp.fw-bold.mt-sm {
	margin-top: 20px !important;
}
a.btn-member.fs-16-sp.adjust.match-height {
	height: 100%;
}
}

a.buy_btn_s {
display: block;
padding: 0.3em 1em 0.5em;
border: 1px solid #999;
border-radius: 2em;
max-width: 110px;
text-align: center;
color: #fff;
background-color: #000;
margin: auto;
}

.ml-auto {
margin-left: auto;
}




/* .g-color-orange {
background: linear-gradient(to right, #a1320e 0%, #e14812 100%);
color: transparent !important;
-webkit-background-clip: text;
}
.g-color-blue {
background: linear-gradient(to right, #2e1f7c 0%, #2c5de2 100%);
color: transparent !important;
-webkit-background-clip: text;
}
.g-color-purple {
background: linear-gradient(to right, #173597 0%, #6652e1 100%);
color: transparent !important;
-webkit-background-clip: text;
} */


.white-box {
background-color: #ffffff;
border-radius: 30px;
padding: 30px 15px;
text-align: center;
height: 100%;
}
.white-box p {
font-weight: bold;
}


.black-box {
background-color: #000000;
color: #ffffff;
border-radius: 30px;
padding: 30px 15px;
text-align: center;
height: 100%;
}
.black-box p {
font-weight: bold;
color: #ffffff;
}

.silver-box {
background-color: #f5f5f7;
border-radius: 30px;
padding: 30px 15px;
text-align: center;
height: 100%;
}
.silver-box p {
font-weight: bold;
}

ul.check-red {
margin-bottom: 16px;
}
.check-red li {
margin-bottom: 0;
position: relative;
padding-left: 25px;
}
.check-red li::after {
content: "";
background-image: url("../images/index/img-icon-check-red.png");
position: absolute;
top: 5px;
left: 0;
width: 15px;
height: 15px;
}

.select-iphone {
text-align: center;
justify-content: space-between;
}
.select-iphone .col {
width: calc(calc(100%/5) - 20px);
}
.select-iphone .border {
border-bottom: solid 1px #d2d2d7;
padding-bottom: 10px;
}
.select-iphone .img-wrap {
height: 250px;
display: flex;
align-items: end;
}

@media screen and (max-width: 767px) {
.scrollable-sp {
	overflow: scroll;
	padding: 20px 0;
}
.scrollable-sp .scrollable-content {
	width: 774px;
}
}

.justify-content_space-between {
justify-content: space-between;
}

.line-green {
position: relative;
}
.line-green::after {
position: absolute;
content: url("../images/index/img-icon-line-green.png");
bottom: -8px;
left: 0;
}
@media screen and (max-width: 767px) {
.line-green::after {
	left: -4px;
}
}

@media screen and (max-width: 767px) {
.se_title {
	margin-top: 20px;
	margin-bottom: 0 !important;
}
}





/* ------------------------ 2507 ------------------------ */


.lang-button {
	padding: 0 !important;
	background: #fff !important;
	border: none !important;
	margin: 0 0 0 16px !important;
}
@media screen and (max-width: 767px) {
	.lang-button {
		margin: 0 8px 0px auto !important;
		padding: 0 0 14px!important;
	}
}

.lang-switch {
	color: #e93817 !important;
	border: none !important;
	background-color: transparent !important;
	margin: 0 !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	padding: 10px 28px !important;
	position: relative !important;
	transition: all .2s linear !important;
	white-space: nowrap !important;
	width: 100% !important;
	text-align: center !important;
	border-radius: 0 !important;

}
.lang-switch:hover, .lang-switch:focus, .lang-switch[aria-current="true"] {
	background-color: #dee5ec !important;
}

@media screen and (max-width: 767px) {
	#gnav-sp .menu-swiper-sp .swiper-container .swiper-wrapper .swiper-slide.slide-jcom-mobile {
		background: #00A4A8;
		height: auto;
	}
}

.m-tabMobile .section-cv .container .icn-member {
	background: #F5D200 url(/common_v10/images/icn-member.svg) no-repeat 20px center;
	background-size: 32px 32px;
	padding: 6px 70px 10px;
	font-size: 18px;
}
@media screen and (max-width: 767px) {
	.m-tabMobile .section-cv .container .icn-member {
		padding: 6px 50px 10px;
	}
}

.jm-bottomBtn__link--simu img{
	background: transparent !important;
}

@media screen and (min-width: 768px) {
	.jm-bottomBtn__link--simu img{
		background: transparent !important;
	}
}

.btn-trouble.btn-white-dark.btn-blank::after {
	transform: inherit;

}
.btn-trouble {
	display: flex;
	align-items: center;
	justify-content: center;
}
.section-cv .container svg#icon-mobile.icon-lg {
	position: absolute;
	left: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
}
@media screen and (min-width: 768px) {
	.btn-trouble {
		min-height: 69px;
	}
	.section-cv .container .cv-side {
		justify-content: end !important;
		padding: 20px 0 30px 20px;
	}
	.section-cv .container .cv-side .mb-10 {
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 767px) {
	.btn-trouble {
		min-height: 98px;
	}

	.section-cv .container .cv-guide .cv-box .btn-trouble {
		padding: 10px;
		height: 126px;
	}
	.section-cv .container .btn-trouble:not(.w-100-sp)::after {
		width: 16px;
	}
}

@media screen and (max-width: 767px) {
	.section-cv .container .cv-guide .cv-box .btn-process::after {
		display: block;
	}
	.section-cv .container .btn-process:not(.w-100-sp)::after {
		width: 16px;
	}

	.section-cv .container svg#icon-mobile.icon-lg {
		position: relative;
		bottom: inherit;
		left: inherit;
		top: inherit;
		margin: 16px auto 9px;
	}
}


button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) {
	z-index: 99;
}