@charset "utf-8";

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

	2020/11 追加分

---------------------------------*/
/*申し込みボタンエリア*/
	.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);
}
/*追従ボタン*/
.js-contact_bt_1,
.js-contact_bt_2{
	font-weight:bold;
}

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

/* =========================================================
 * 2022
 * 新テンプレ調整
 * ====================================================== */
 
.wrapper .p-facade.mv__photo .c-inner .p-facade__wrap {
	width: 100% !important;/*サービス説明文のテキストエリア横幅を広げて1行減らす*/
	max-width: 850px !important;/*サービス説明文のテキストエリア横幅を広げて1行減らす*/
	padding:20px 0 !important;
}
.p-facade__wrap ul {
	list-style-type: disc;
	font-size: 14px;
	line-height: 1.5;
	margin: 0 0 0 -1em;
}
/*
.p-facade__wrap ul li{
	margin: 0;
	font-size:16px;
	font-weight:bold;
	line-height:1.5;
}
*/

/*黄ボタン文字色*/
.wrapper .p-contact .p-contact__item .p-contact-item__button .c-btn.--yellow.--large .c-btn__link{
 	color:#000 !important;
}

/*白背景*/
.p-facade__txt{
	position: absolute;
	top:225px;
	right:30px;
	width:450px;
	padding:10px;
	background:#FFF;
}
.p-facade__txt .pic{
	width:100%;
	text-align:center;
}
.p-facade__txt .pic img{
	width:100%;
}
@media screen and (max-width: 768px) {
	.p-facade__txt{
		/*background:#cc0033;*/
		position: initial;
		top: initial;
		right: initial;
		width: 100%;
		padding:20px;
	}
}