@charset 'UTF-8';

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	トップページ

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */



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

	レイアウト

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

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		max-width: none;
		/* max-width: 1920px; 固定幅レイアウト時 */
		width: 100%;
		min-height: 50vh;
		display: block;
		margin: 0 auto;
	}

	.inner_wrap {
		position: relative;
	}
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		width: 100%;
	}

	.inner_wrap {
		position: relative;
	}
}





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

	メイン画像

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.main_top {
		position: relative;
	}
	.main_top_in {
		position: relative;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.main_top {
		position: relative;
	}
	.main_top_in {
		position: relative;
	}
}





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

	マージンボックス

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

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	/* 上にマージンを空ける
	----------------------------------------------- */
	.top_long {
		margin-top: 120px;
	}
	.top_middle {
		margin-top: 80px;
	}
	.top_short {
		margin-top: 40px;
	}
	.top_vshort {
		margin-top: 20px;
	}

	/* 下にマージンを空ける
	----------------------------------------------- */
	.bottom_long {
		margin-bottom: 120px;
	}
	.bottom_middle {
		margin-bottom: 80px;
	}
	.bottom_short {
		margin-bottom: 40px;
	}
	.bottom_vshort {
		margin-bottom: 20px;
	}

	/* 両方にマージンを空ける
	----------------------------------------------- */
	.both_long {
		margin-top: 120px;
		margin-bottom: 120px;
	}
	.both_middle {
		margin-top: 80px;
		margin-bottom: 80px;
	}
	.both_short {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.both_vshort {
		margin-top: 20px;
		margin-bottom: 20px;
	}

}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	/* 上にマージンを空ける
	----------------------------------------------- */
	.top_long {
		margin-top: 16vw;
	}
	.top_middle {
		margin-top: 12vw;
	}
	.top_short {
		margin-top: 8vw;
	}
	.top_vshort {
		margin-top: 4vw;
	}

	/* 下にマージンを空ける
	----------------------------------------------- */
	.bottom_long {
		margin-bottom: 16vw;
	}
	.bottom_middle {
		margin-bottom: 12vw;
	}
	.bottom_short {
		margin-bottom: 8vw;
	}
	.bottom_vshort {
		margin-bottom: 4vw;
	}

	/* 両方にマージンを空ける
	----------------------------------------------- */
	.both_long {
		margin-top: 16vw;
		margin-bottom: 16vw;
	}
	.both_middle {
		margin-top: 12vw;
		margin-bottom: 12vw;
	}
	.both_short {
		margin-top: 8vw;
		margin-bottom: 8vw;
	}
	.both_vshort {
		margin-top: 4vw;
		margin-bottom: 4vw;
	}

}




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

	パディングボックス

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

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	/* 上にパディングを空ける
	----------------------------------------------- */
	.p_top_long {
		padding-top: 120px;
	}
	.p_top_middle {
		padding-top: 80px;
	}
	.p_top_short {
		padding-top: 40px;
	}
	.p_top_vshort {
		padding-top: 20px;
	}

	/* 下にパディングを空ける
	----------------------------------------------- */
	.p_bottom_long {
		padding-bottom: 120px;
	}
	.p_bottom_middle {
		padding-bottom: 80px;
	}
	.p_bottom_short {
		padding-bottom: 40px;
	}
	.p_bottom_vshort {
		padding-bottom: 20px;
	}

	/* 両方にパディングを空ける
	----------------------------------------------- */
	.row_long {
		padding-top: 120px;
		padding-bottom: 120px;
	}
	.row_middle {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.row_short {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.row_vshort {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	/* 上にパディングを空ける
	----------------------------------------------- */
	.p_top_long {
		padding-top: 16vw;
	}
	.p_top_middle {
		padding-top: 12vw;
	}
	.p_top_short {
		padding-top: 8vw;
	}
	.p_top_vshort {
		padding-top: 4vw;
	}

	/* 下にパディングを空ける
	----------------------------------------------- */
	.p_bottom_long {
		padding-bottom: 16vw;
	}
	.p_bottom_middle {
		padding-bottom: 12vw;
	}
	.p_bottom_short {
		padding-bottom: 8vw;
	}
	.p_bottom_vshort {
		padding-bottom: 4vw;
	}

	/* 両方にパディングを空ける
	----------------------------------------------- */
	.row_long {
		padding-top: 16vw;
		padding-bottom: 16vw;
	}
	.row_middle {
		padding-top: 12vw;
		padding-bottom: 12vw;
	}
	.row_short {
		padding-top: 8vw;
		padding-bottom: 8vw;
	}
	.row_vshort {
		padding-top: 4vw;
		padding-bottom: 4vw;
	}


	/* 背景色を伸ばす
	----------------------------------------------- */
	.row_sp {
		padding-left: 4vw !important;
		padding-right: 4vw !important;
	}
}




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

	カラーボックス

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

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	/* カラー01 */
	.row_c01 {
		background: url(../img/spacer.gif) center top / auto auto repeat ,#f6f6f6;
	}

	/* カラー02 */
	.row_c02 {
		background: url(../img/spacer.gif) center top / auto auto repeat ,#eeeeee;
	}

	/* ボーダー囲い */
	.box_border {
		padding: 40px;
		border: 4px solid #cccccc;
	}
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	/* カラー01 */
	.row_c01 {
		background: url(../img/spacer.gif) center top / auto auto repeat ,#f6f6f6;
		padding-left: 4vw;
		padding-right: 4vw;
	}

	/* カラー02 */
	.row_c02 {
		background: url(../img/spacer.gif) center top / auto auto repeat ,#eeeeee;
		padding-left: 4vw;
		padding-right: 4vw;
	}

	/* ボーダー囲い */
	.box_border {
		padding: 4vw;
		border: 1vw solid #cccccc;
	}
}





/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

	ここからコンテンツ内容

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


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

	お問い合わせ

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

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.f_contact {
		position:relative;
		margin: 0 auto;
		text-align: center;
	}


	/* 電話 */
	.f_tel01 {
		font-size: 20px;
		line-height: 1.4;
		letter-spacing: 0.05em;
	}
	.f_tel02 a {
		font-size: 50px;
		color: #0c5ecb;
		line-height: 1.4;
		letter-spacing: 0.05em;
	}
	.f_tel02 a span {
		font-size: 0.6em;
		margin-right: 0.3em;
	}
	.f_tel03 {
		font-size: 16px;
		line-height: 1.4;
		letter-spacing: 0.05em;
	}

}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.f_contact {
		position:relative;
		margin: 0 auto;
		text-align: center;
	}


	/* 電話 */
	.f_tel01 {
		font-size: 4.5vw;
		line-height: 1.4;
		letter-spacing: 0.05em;
	}
	.f_tel02 a {
		font-size: 8.5vw;
		color: #0c5ecb;
		line-height: 1.4;
		letter-spacing: 0.05em;
	}
	.f_tel02 a span {
		font-size: 0.6em;
		margin-right: 0.3em;
	}
	.f_tel03 {
		font-size: 3.5vw;
		line-height: 1.4;
		letter-spacing: 0.05em;
	}
}







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

	運営会社

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

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.access_table02 {
	}
	.access_table02 table {
		width: 100%;
	}
	.access_table02 tr {
		border-bottom: 1px solid #cccccc;
	}
	.access_table02 th {
		width: 20% !important;
		font-size: 16px;
		text-align: left;
		padding: 16px;
		color: #0055c8;
	}
	.access_table02 td {
		width: 80% !important;
		font-size: 16px;
		font-weight: normal;
		text-align: left;
		padding: 16px 16px 16px 0;
	}
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.access_table02 {
	}
	.access_table02 table {
		width: 100%;
	}
	.access_table02 tr {
		border-bottom: 1px solid #cccccc;
	}
	.access_table02 th {
		width: 34% !important;
		font-size: 3.2vw;
		text-align: left;
		padding: 2vw;
		color: #0055c8;
	}
	.access_table02 td {
		width: 66% !important;
		font-size: 3.2vw;
		font-weight: normal;
		text-align: left;
		padding: 2vw 2vw 2vw 0;
	}
}
/* reCAPTCHA表示隠し */
.grecaptcha-badge { visibility: hidden; }