@charset "UTF-8";

/* xx */

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@
@	[ 共通設定 ]
@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


.flow_box .image_texts {
	margin-bottom: 30px;
}
.flow_box .image_cont {
	padding-bottom: 30px;
	background: url(../../_images/_common/icons/down_arr_01.png) bottom center no-repeat;
}
.flow_box .last .image_cont {
	padding-bottom: 0;
	background: none;
}
.flow_box .heading03 {
	padding-bottom: 10px;
	border-bottom: 1px solid #CCE700;
	color: #57A31E;
}
.flow_box .heading03 .step {
	margin-right: 15px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #CCE700;
	font-family: 'Poppins', sans-serif;
}
.flow_box .heading03 .step em {
	margin-left: 5px;
	font-size: 2.4rem;
	font-weight: bold;
	color: #57A31E;
	font-family: 'Poppins', sans-serif;
}
.price table th,
.price table td {
	text-align: left;
}
.price table th {
	width: 180px;
}
.price table.-thin th {
	width: auto;
}
.price table .poppins {
	font-size: 2.0rem;
	color: #57A31E;
}
.texts p.icon_tel {
	font-size: 2.4rem;
	padding: 10px 0 10px 40px;
	font-weight: bold;
	background: url(../../_images/_common/icons/icon_tel_color.png) left center no-repeat;
	background-size: 30px;
}

.cover-header {
	padding: 10px;
	background: #fafafa;
}
.cover-header .heading03 {
	margin-bottom: 10px;
	color: #57A31E;
	font-weight: bold;
}
.cover-header p {
	font-weight: bold;
	font-size: 1.8rem;
}

.texts em,
.text em {
	color: #D90000;
}

.cover.exp-cover {
	border: none;
	background: #F9FCE5;
}

.cover.exp-cover .heading03 {
	background: #57A31E;
	color: #fff;
	padding: 15px;
	border-radius: 10px;
}

.cover.exp-cover .heading04 {
	padding: 0 0 10px 0;
	border-bottom: 2px dotted #CCE700;
}

.price table td.right {
	text-align: right;
}

.-has_icon {
	display: flex;
	align-items: center;
}

.-has_icon i,
.-has_icon span {
	display: inline-block;
	vertical-align: middle;
}

.-has_icon i {
	margin: 0 10px 0 0;
	height: 50px;
}

.-has_icon i img {
	height: 100%;
	width: auto;
}
.video {
	position: relative;
	height: 0;
	padding: 0 0 56.25%;
	overflow: hidden;
}

.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and ( min-width: 600px ) and ( max-width: 1023px ) {
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@
@	[ タブレット（縦）用設定 ]
@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*==================================================
	$tb_
==================================================*/



/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
}

@media screen and ( max-width: 599px ) {
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@
@	[ モバイル用設定 ]
@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
.flow_box .image_cont {
	padding-bottom: 0;
	background: none;
}
.flow_box .texts_cont {
	padding-bottom: 20px;
	background: url(../../_images/_common/icons/down_arr_01.png) bottom center no-repeat;
}
.flow_box .last .texts_cont {
	padding-bottom: 0;
	background: none;
}
.flow_box .heading03 .step {
	margin-bottom: 10px;
	display: block;
}
.left_right .left_cont,
.left_right .right_cont {
	width: 100%;
	float: none;
}
.texts em,
.text em {
	color: #D90000;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
}

/*==================================================

	[ utility ] $clearfix

==================================================*/

.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}