@charset "utf-8";

/*
PC
@media print, screen and (min-width: 769px) { 
}
タブレット
@media screen and (min-width:481px) and (max-width:768px) {
}
スマホ
@media screen and (max-width:480px) {
}
*/


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

	2020/10 追加

---------------------------------*/
/*申し込みボタンエリア*/
.apply_area{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	justify-content:space-between;
}
.apply_area > div{
	width: 49%;
}
/* スマホタブレット */
@media only screen and (max-width: 768px){
	.apply_area > div{
		width: 100%;
	}
}
/*角丸*/
.apply_btn{
	position: relative;
	width:100%;
	padding:10px 20px;
	text-align: center;
	line-height: 1.25;
	text-decoration:none;
	font-size:18px;
	font-weight:bold;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	}
/*オンライン*/
.online_btn{
	background: #ffd601!important;/*赤#CF1E1Eを黄色に*/
	border: 2px solid #000000!important;/*臙脂600000を紺に*/
	text-decoration: none;
	color: #000000!important;/*白FFFFを紺に*/
}
.online_btn:hover{
	background: #fdea8a;;/*薄赤#D64040を薄黄色に*/
}
/*オンライン　くの字*/
.online_btn:after{
	content:"";
	position:absolute;
	top:0;
	bottom:.1em;
	right:1em;
	margin:auto;
	width: .3em;
	height: .3em;
	/* border-top: .13em solid #fff; */
	/* border-right: .13em solid #fff; */
	border-top: .13em solid #000000!important;
	border-right: .13em solid #000000!important;
	transform: rotate(45deg);
}
/*問い合わせ*/
.request_btn{
	background: #cc023a!important;/*黄#ffd601;からドコモ赤に*/
	border: 2px solid #000000!important;/*青#004386;から臙脂に*/
	text-decoration: none;
	color: #FFFFFF!important;/*紺#004386;を白に*/
}
.request_btn:hover{
	background: #cc023a!important;/*薄黄#fdea8aを薄赤に*/
}
/*問い合わせ　くの字*/
.request_btn:after{
	content:"";
	position:absolute;
	top:0;
	bottom:.1em;
	right:1em;
	margin:auto;
	width: .3em;
	height: .3em;
	/* border-top: .13em solid #004386; */
	/* border-right: .13em solid #004386; */
	border-top: .13em solid #fff!important;
	border-right: .13em solid #fff!important;
	transform: rotate(45deg);
}

/*---------------------------------
ページ下部　申し込みボタンエリア*/
.foot_apply_area{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	justify-content:space-around;
}
.foot_apply_area > div{
	width: 45%;
}
/* ページ下部　スマホタブレット */
@media only screen and (max-width: 768px){
	.foot_apply_area > div{
		width: 90%;
	}
}
/*ページ下部　角丸*/
.foot_apply_btn{
	position: relative;
	width:100%;
	padding:15px 20px 14px;
	text-align: center;
	line-height: 1.25;
	text-decoration:none;
	font-size:22px;
	font-weight:bold;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	}
/*ページ下部　オンライン　くの字*/
.foot_apply_btn.online_btn:after{
	content:"";
	position:absolute;
	top:0;
	bottom:.1em;
	right:1em;
	margin:auto;
	width: .5em;
	height: .5em;
	border-top: .13em solid #fff;
	border-right: .13em solid #fff;
	transform: rotate(45deg);
}
/*ページ下部　問い合わせ　くの字*/
.foot_apply_btn.request_btn:after{
	content:"";
	position:absolute;
	top:0;
	bottom:.1em;
	right:1em;
	margin:auto;
	width: .5em;
	height: .5em;
	border-top: .13em solid #004386;
	border-right: .13em solid #004386;
	transform: rotate(45deg);
}

/*---------------------------------
追従ボタン*/
.js-contact_bt_1,
.js-contact_bt_2{
	font-weight:bold;
}
.js-contact_bt_2{
	text-align:center;
}
/*---------------------------------
オンラインでお申し込みいただけます*/
.tabwidth {
	width: 980px;
	margin: 0 auto;
}
@media only screen and (max-width: 768px){
	.tabwidth {
		width: 100%;
	}
}
.inquary {
	background-color: #004386;
	color: #FFF;
	font-size: 1.5em;
	line-height:1.3;
	padding: 15px;
	margin: 50px 0 30px;
	text-align: center;
	font-weight: bold;
}
@media only screen and (max-width: 768px){
	.inquary {
		background-color: #004386;
		color: #FFF;
		font-size: 1.5em;
		padding: 15px;
		margin: 50px 0 30px;
		text-align: center;
		font-weight: bold;
	}
}
/*---------------------------------*/
/*コメ付き注釈*/
.notes{
	position: relative;
	padding-left: 1.5em;
	zoom: 1;
	line-height:1.4;
}
.notes:before {
	position: absolute;
	top: 0;
	left: 0;
	zoom: 1;
	content: '※';
}
/*改行*/
.only_sp{
	display:none;
}
@media only screen and (max-width: 480px){
	.only_sp{
		display:initial;
	}
}
/**/
h1,h2,h3,h4,p{
	line-height:1.4;
}

/*---------------------------------
お申し込み方法*/
.plan_wrapper {
	width: 980px;
	margin: 0 auto;
}
@media only screen and (max-width: 768px){
	.plan_wrapper {
		width: 100%;
	}
}
.plan_ttl{
	background-color: #004386;
	color: #FFF;
	font-size: 1.5em;
	padding: 15px;
	margin: 50px 0 30px;
	text-align: center;
	font-weight: bold;
}
.plan_area{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	justify-content:space-between;
}
.plan_box{
	width: 48%;
	margin:0 0 20px 0;
	border: 2px solid #ebebeb;
}
@media only screen and (max-width: 768px){
	.plan_box{
		width: 100%;
	}
}
.plan_box:hover{
	border: 2px solid #004386;
}
.plan_box a{
	display:block;
	text-decoration:none;
}
.plan_box a:hover{
	opacity:.7;
}
.plan_name{
	color:#333;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height:1.2;
	background-color: #eaf5fc;
	padding: 15px 0;
}
.plan_name span{
	font-size:18px;
}
.plan_txt{
	color:#333;
	font-size: 16px;
	line-height: 1.4em;
	padding: 15px 20px;
}
.plan_fig{
	width:100%;
	padding: 0 15px;
	text-align: center;
}
.plan_fig img{
	max-width:60%;
}
.plan_item_area{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	justify-content:space-between;
	align-items: center;
	margin-top:15px;
}
.plan_type{
	width:25%;
	background-color: #eaf5fc;
	color:#333;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	padding:5px;
	margin:0 0 10px 65px;
}
.plan_price{
	width:calc( 100% - 25% - 65px - 15px );
	padding:2px;
	margin:0 0 10px 15px;
	font-size:14px;
	color:#333;
}
.plan_price span{
	font-weight:bold;
	font-size:24px;
	line-height:1.3;
}
@media only screen and (max-width: 768px){
	.plan_type{
		width:30%;
		margin:0 0 10px 40px;
	}
	.plan_price{
		width:calc( 100% - 30% - 40px - 15px );
	}
}
.plan_btn_area{
	padding:10px 80px 30px 80px;
}
@media only screen and (max-width: 768px){
	.plan_btn_area{
		padding:10px 40px 30px 40px;
	}
}
/*---------------------------------
ステップ*/
.icon_step {
	padding: 2px 5px;
	margin-right:15px;
	color: #fff;
	background-color: #004386;
	font-weight: bold ;
}
.fllb_hq{
	line-height:1.5;
}
/*---------------------------------
サービスへのリンク*/
.service_area{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	justify-content:space-between;
}
.service_area > div{
	width: 45%;
}
@media only screen and (max-width: 768px){
	.service_area > div{
		width: 100%;
	}
}
.service_area h3{
	font-weight:bold;
}

.contact_bt{
    padding: 12px 20px 12px 20px;
}