@charset "utf-8";


/*-- 

sec-header

====================================================== --*/

/*-- sec_header --*/

.sec_header{
	border:none;
	background:#f7f8f9;
}
.sec_header .sec__inner{
	max-width:1400px;
	padding:0;
}
.sec_header .sec__inner .heading{
	max-width:1400px;
	margin:0 auto;
}
.sec_header .sec__inner .heading img{
	width:100%;
	height:auto;
}



/*-- 

content_apply

====================================================== --*/

/*-- _apply_left --*/

#content_apply .btn._apply_left{
	justify-content:flex-start;
	max-width:480px;
	padding:10px 50px 10px 100px;
	text-align:left;
	-webkit-box-pack:start;
	-ms-flex-pack:start;
}
#content_apply .btn._apply_smartphone{
	background:url(../img/apply/img_icon_smartphone.png) 38px center/27px no-repeat #ed1e79;
}
#content_apply .btn._apply_m2m{
	background:url(../img/apply/img_icon_m2m.png) 36px center/36px no-repeat #00a23f;
}
#content_apply .btn._apply_smartphone_m2m{
	background:url(../img/apply/img_icon_smartphone_m2m.png) 20px center/60px no-repeat #00a23f;
}
#content_apply .btn._apply_sim{
	background:url(../img/apply/img_icon_sim.png) 38px center/28px no-repeat #00a23f;
}



/*-- 

content_smartphone__search_wrap

====================================================== --*/

.content_smartphone__search_wrap{
	max-width:880px;
	margin:0 auto;
}
.content_smartphone__search_ttl{
	font-size:20px;
	margin-bottom:30px;
	text-align:center;
}
.content_smartphone__search_ttl::before{
	content:"▼";
	font-size:80%;
	display:inline-block;
	margin-right:8px;
}
.content_smartphone__search_inner{
	display:flex;
	justify-content:center;
	align-items:stretch;
	flex-wrap:nowrap;
	max-width:590px;
	width:100%;
	margin:0 auto;
}
.content_smartphone__search_wrap .search_keyword{
	border:1px solid #ccc;
	border-right:none;
	border-radius:4px 0 0 4px;
	padding:16px 30px 16px 60px;
	box-sizing:border-box;
	line-height:1;
	background:url(../img/ico_search_black.svg) no-repeat 30px center;
	background-size:17px auto;
	width:100%;
	color:#999;
}
.content_smartphone__search_wrap .btn_search{
	border-radius:0 4px 4px 0;
	background:#00a23f;
	color:#fff;
	padding:16px;
	line-height:1;
	text-align:center;
	width:100px;
	transition:opacity .3s ease;
	flex:0 0 auto;
}
.content_smartphone__search_wrap .btn_search:hover{
	opacity:0.7;
}

/*-- content_smartphone__ico_circle --*/

.content_smartphone__ico_circle{
display:flex;
justify-content:center;
align-items:center;
margin-bottom:40px;
}
.content_smartphone__ico_circle > p{
display:flex;
align-items:center;
justify-content:center;
flex:0 0 auto;
color:#fff;
background:#00a23f;
border-radius:50%;
width:120px;
height:120px;
font-size:20px;
line-height:1;
}



/*-- 

qa

====================================================== --*/

@media only screen and (max-width:767px){
	.qa .mt120{
		margin-top:24px;
	}
}
@media only screen and (max-width:767px){
	.qa .mb120{
		margin-bottom:64px;
	}
}

.qa-list small{
	color:#212121;
}
.qa-list dl{
	position:relative;
	margin:20px 0 0;
	background:#fff;
	border:#E0E0E0 solid 4px;
	border-radius:16px;
}
@media only screen and (max-width:767px){
	.qa-list dl{
		border:#E0E0E0 solid 2px;
		border-radius:8px;
		margin:12px 0 0;
	}
}
.qa-list dl:first-child{
	margin:0 0 0;
}
.qa-list .sub{
	font-size:40px;
	color:#00A23F;
	vertical-align:sub;
	margin-right:16px;
	line-height:1;
}
@media only screen and (max-width:767px){
	.qa-list .sub{
		font-size:32px;
		margin-right:10px;
	}
}
.qa-list .q-ttl{
	font-size:20px;
	font-weight:400;
}
@media only screen and (max-width:767px){
	.qa-list .q-ttl{
		font-size:18px;
		line-height:26px;
		width:80%;
	}
}
.qa-list dt{
	position:relative;
	padding:16px 32px;
	cursor:pointer;
}
@media only screen and (max-width:767px){
	.qa-list dt{
		padding:16px;
	}
}
.qa-list .icon{
	position:absolute;
	right:26px;
	top:50%;
	transform:translateY(-50%);
	background:#00A23F;
	border-radius:50%;
	width:48px;
	height:48px;
}
@media only screen and (max-width:767px){
	.qa-list .icon{
		width:32px;
		height:32px;
		right:15px;
	}
}
.qa-list .icon span{
	position:relative;
	display:block;
	width:48px;
	height:48px;
}
@media only screen and (max-width:767px){
	.qa-list .icon span{
		width:32px;
		height:32px;
	}
}
.qa-list .icon span:before{
	position:absolute;
	content:"";
	top:50%;
	right:12px;
	height:2px;
	width:24px;
	background:#fff;
	transform:rotate(90deg);
	transition:all 0.3s ease-in-out;
}
@media only screen and (max-width:767px){
	.qa-list .icon span:before{
		width:16px;
		right:8px;
	}
}
.qa-list .icon span:after{
	position:absolute;
	content:"";
	top:50%;
	right:12px;
	height:2px;
	width:24px;
	background:#fff;
	transition:all 0.3s ease-in-out;
}
@media only screen and (max-width:767px){
	.qa-list .icon span:after{
		width:16px;
		right:8px;
	}
}
.qa-list .active .icon span:before{
	transform:rotate(180deg);
}
.qa-list .active .icon span:after{
	opacity:0;
}
.qa-list dd{
	position:relative;
	display:none;
	font-weight:400;
	border-top:1px solid #E0E0E0;
	padding:24px 32px 32px;
}
@media only screen and (max-width:767px){
	.qa-list dd{
		padding:16px;
	}
}
.qa-list .flex{
	display:flex;
	align-items:center;
}
@media only screen and (max-width:767px){
	.qa-list .flex{
		align-items:normal;
	}
}
.qa-list .lists, .qa-list .small{
	font-size:14px;
}
@media only screen and (max-width:767px){
	.qa-list .lists, .qa-list .small{
		font-size:12px;
	}
}
.qa-list .lists li{
	margin-bottom:0.5em;
}

.qa-box .ttl{
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
}

.qa-box.border{
	border:1px solid #ccc;
}

.qa-box__head{
	padding:20px;
	line-height:1;
	background-color:#f5f5f5;
	text-align:center;
}
@media only screen and (max-width:767px){
	.qa-box__head{
		padding:12px;
	}
}

.qa-box__body{
	padding:32px;
}
@media only screen and (max-width:767px){
	.qa-box__body{
		padding:16px;
	}
}



/*-- 

other

====================================================== --*/

/*--  cp_detail --*/

.cp_title{
	margin:0 auto 20px;
	max-width:834px;
}
.cp_detail01{
	margin-bottom:20px;
}
.cp_detail02{
	margin-bottom:10px;
}
.td_underline{
	border-bottom:2px solid #212121;
	padding-bottom:2px;
}
.lst_supplement{
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	margin-bottom:10px;
	font-weight:bold;
}
.lst_supplement ._example{
	font-size:20px;
}
.lst_supplement ._tax{
	font-size:14px;
}
/* sp */
@media screen and (max-width:767px){
	.cp_detail01{
		margin-bottom:20px;
	}
	.cp_detail02{
		margin-bottom:10px;
	}
	.cp_detail03{
		font-size:11px;
	}
	.lst_supplement{
		margin-bottom:5px;
	}
	.lst_supplement ._example{
		font-size:14px;
	}
	.lst_supplement ._tax{
		font-size:12px;
	}
}

/*-- table --*/

.content_smartphone table th,
.content_smartphone table td{
	vertical-align:middle;
}
.content_smartphone table th{
	text-align:center;
}
.content_smartphone table.th_wide th{
	padding-left:20px;
	padding-right:20px;
}
.content_smartphone table.table_plan *[class^="ti__"]{
	font-size:14px;
}
.content_smartphone .td_top td{
	vertical-align:top;
}
.content_smartphone .td_middle td{
	vertical-align:middle;
}
.content_smartphone table.td_center td{
	text-align:center;
}
.content_smartphone table p{
	margin-bottom:20px;
	line-height:1.8;
}
.content_smartphone table.tag_wide .tag_service{
	display:block;
	text-align:center;
	width:100%;
	margin-bottom:10px;
}
.content_smartphone table p:last-child{
	margin-bottom:0;
}
.content_smartphone .table_price .bg_white{
	background:#fff;
}
.content_smartphone .table_price th,
.content_smartphone .table_price td{
	text-align:center;
}
.content_smartphone .border_bottom_none{
	border-bottom:none;
}
/* sp */
@media screen and (max-width:767px){
	.content_smartphone .box__inner._medium{
		padding:10px;
	}
	.content_smartphone .acc__inner._line{
		padding:20px;
	}
}

/*-- price_tabele_w20_25 --*/

.price_tabele_w20_25{
	width:20%;
}
.price_tabele_w30_25{
	width:30%;
}
/* sp */
@media screen and (max-width:767px){
	.price_tabele_w20_25{
		width:25%;
	}
	.price_tabele_w30_25{
		width:25%;
	}
}

/*-- content_smartphone__ttl --*/

.content_smartphone__ttl{
	font-size:28px;
	font-weight:700;
	text-align:center;
	line-height:1.5;
	margin-bottom:40px;
}
.img_mineologo{
	margin:0 .2em .25em;
}
/* sp */
@media screen and (max-width:767px){
	.content_smartphone__ttl{
		font-size:18px;
		margin-bottom:20px;
	}
	.img_mineologo{
		margin:.3em .4em .1em;
	}
}

/*-- lst__sp-link --*/

.lst__sp-link{
	border:1px solid #ccc;
	background:#fff;
	display:flex;
	align-items:flex-end;
	justify-content:center;
	width:100%;
	margin:50px 0 0;
	padding:30px 35px;
}
.lst__sp-link__item{
	width:50%;
	margin-right:30px;
}
.lst__sp-link__item:last-child{
	margin-right:0;
}
/* tb */
@media screen and (max-width:959px){
	.lst__sp-link{
		display:block;
		max-width:600px;
		margin:0 auto 0;
		padding:30px 15px;
	}
	.lst__sp-link__item{
		width:100%;
		margin-right:0;
		margin-bottom:30px;
	}
	.lst__sp-link__item:last-child{
		margin:0;
	}
}

/* box_am */

.box_am{
	border:2px solid #ffe100;
	background:#fffbed;
	margin-bottom:20px;
}
.box_am__title,
.box_sim__title{
	text-align:center;
	font-size:20px;
	padding:10px;
	padding-top:8px;
}
.box_am__title{
	background:#ffe100;
}
.box_am__inner{
	padding-bottom:60px;
	padding:45px;
}
.box_am__image{
	max-width:676px;
	margin:0 auto 45px;
}
.box_sim{
	border:2px solid #00a23f;
	background:#fff;
	max-width:880px;
	width:100%;
	margin:0 auto;
}
.box_sim__title{
	background:#00a23f;
	color:#fff;
}
.box_sim__inner{
	padding:0 30px 30px;
}
.box_sim__image{
	display:flex;
	align-items:center;
	justify-content:center;
}
.box_sim__txt{
	text-align:center;
	font-size:14px;
}
/* box_am__copy */
.box_am__copy{
	text-align:center;
	font-size:46px;
	line-height:1.5;
}
.box_am__copy__small{
	font-size:60%;
}
/* sp */
@media screen and (max-width:767px){
	.box_am{
		margin-bottom:0;
	}
	.box_am__title,
	.box_sim__title{
		font-size:16px;
		padding:8px;
		padding-top:6px;
	}
	.box_am__inner{
		padding-bottom:20px;
		padding:20px;
	}
	.box_am__image{
		max-width:240px;
		margin:0 auto 20px;
	}
	.box_sim__inner{
		padding:0 30px 30px;
	}
	.box_sim__image{
		flex-direction:column-reverse;
		margin:30px auto 0;
		max-width:200px;
	}
	.box_sim__txt{
		font-size:12px;
	}
	.box_am__copy{
		font-size:30px;
	}
}

/* sp_ta_left */

@media screen and (max-width:767px){
	.sp_ta_left{
		text-align:left!important;
	}
}



/*-- 

contact

====================================================== --*/

*{
	color:#212121;
	line-height:1.5;
}
#contact{
	--color-main:#00A23F;
	--color-sub:#F0F6EC;
	max-width:1140px;
	width:100%;
	margin:0 auto;
	padding:0px 30px 60px;
	text-align:center;
}
.contact{
	background:var(--color-sub);
	color:var(--color-main);
	margin-top:30px;
}
.contact_ttl{
	color: var(--color-main);
	font-size:28px;
	font-weight:600;
	margin-bottom:10px;
}
.contact_subttl{
	background:var(--color-main);
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	color:#FFF;
	font-size:18px;
	padding:12px 0;
}
.contact_detail{
	padding:24px 0;
}
.contact_tel{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}
.contact_tel_inner{
	display:flex;
	align-items:center;
	justify-content:center;
}
.contact_tel-free{
	background:var(--color-main);
	color:#FFF;
	border-radius:10px;
	margin-right:45px;
	padding:8px;
	width:10rem;
}
.contact_tel-no{
	color:var(--color-main);
	font-family:Oswald;
	font-size:58px;
	font-weight:bold;
}
.contact_note{
	display:inline-block;
	font-size:12px;
	margin-top:10px;
	margin-left:20px;
	margin-right:20px;
	padding-left:1em;
	text-indent:-1.2em;
  text-align:left;
}
.contact_form{
	font-size:18px;
	margin-top:20px;
}
.contact_form a{
	background-image:url("../img/icon_link_bl.svg");
	background-position:center right;
	background-size:16px;
	background-repeat:no-repeat;
	padding-right:20px;
}
.sp{
display:none !important;
}
@media screen and (max-width:767px){
	#contact{
		padding:0px 16px 30px;
	}
	.contact_ttl{
		font-size:24px;
	}
	.contact_ttl + p{
		text-align:left;
		font-size:16px;
	}
	.contact p{
		font-size:14px;
	}
	.contact p.contact_subttl{
		font-size:18px;
	}
	.contact_tel{
		flex-wrap:wrap;
		margin-bottom:10px;
		gap:15px;
	}
	.contact_tel_inner{
		flex-direction:column;
	}
	.contact p.contact_tel-free{
		font-size:14px;
		width:14.5rem;
		margin-right:0;
	}
	.contact p.contact_tel-no{
		font-size:40px;
		font-weight:bold;
	}
	.contact_form{
		font-size:16px;
	}
	.sp{
		display:block !important;
	}
}