@charset "UTF-8";

/* service */
@import url(../settings.less);
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@
@	[ 共通設定 ]
@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
.service_col {
	.texts_image {
		margin-bottom: 40px;
		.image_cont {
			.pic {
				height: 250px;
				background-size: cover;
				background-position: 50% 50%;
			}
		}
	}
	.heading03 {
		background-color: #eee;
		vertical-align: middle;
		padding: 10px;
		margin-bottom: 0;
		border: 1px solid #ddd;
		border-bottom: none;
		i {
			margin-right: 10px;
			img {
				vertical-align: middle;
			}
		}
		span {
			font-weight: bold;
			font-size: 2.8rem;
			vertical-align: middle;
			color: #fff;
		}
	}
	#sv01 .heading03 { background-color: rgba(225,121,127, 1.0); }
	#sv02 .heading03 { background-color: rgba(71,157,144, 1.0); }
	#sv03 .heading03 { background-color: rgba(214,221,151, 1.0); }
	#sv04 .heading03 { background-color: rgba(152,211,216, 1.0); }
	#sv05 .heading03 { background-color: rgba(245,180,150, 1.0); }
}
.youtube{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	box-sizing: border-box;
}
.youtube iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

@media screen and ( max-width: @break-max-width ) {
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@
@	[ モバイル用設定 ]
@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*==================================================
	$sp_
==================================================*/



/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
}

/*==================================================

	[ utility ] $clearfix

==================================================*/

.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}