@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;
		background:url(../img/main_top.jpg) center top / cover no-repeat;
		width: 100%;
		height: 41.3vw;
		padding: 0 0 0 0;
	}

	.main_text {
		position: absolute;
		right: 0;
		display: table;
		width: 38%;
		height: 100%
	}
	.main_text h2 {
		display: table-cell;
		text-align: left;
		vertical-align: middle;

		font-size: 1.5625vw;
		line-height: 2;
		font-weight: 300;
		z-index: 1;
	}


	/* ページ */
	.main_page {
		position: relative;
		background:url(../img/main_page.jpg) center top / cover no-repeat;
		background-size: cover;
		height: 20.8333vw;
		padding: 0 0 0 0;
	}
}




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

	.main_top {
		position: relative;
		background:url(../img/main_top_sp.jpg) center top / cover no-repeat;
		width: 100%;
		height: 104vw;
		padding: 10vw 0 0 0;
	}

	.main_text {
		position: absolute;
		width: 100%;
		height: 100%;
		text-align: center;
	}
	.main_text h2 {
		display: inline;
		font-size: 3.5vw;
		line-height: 2;
		font-weight: 300;
		z-index: 1;
		border-bottom: 1px dotted #8fc4e0;
	}


	/* ページ */
	.main_page {
		position: relative;
		background:url(../img/main_page.jpg) center top / cover no-repeat;
		width: 100%;
		height: 20.8333vw;
		padding: 0 0 0 0;
	}
}




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

	ここからコンテンツ内容

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




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

	トップ紹介文

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row_top_text {
		position: relative;
		background: #ffffff;
		text-align: center;
		padding: 120px 0;
	}
	.row_top_text_inner {
		text-align: center;
		display: inline-block;
	}
	.row_top_text_inner h2 {
		font-size: 30px;
		font-weight: 500;
		font-family: 'Noto Serif CJK JP','Noto Serif JP','游明朝',YuMincho,'ヒラギノ明朝 ProN W2','Hiragino Mincho ProN','Sawarabi Mincho','HG明朝B',serif;
		margin: 0 0 8px 0;
	}
	.row_top_text_inner h3 {
		font-size: 20px;
		font-weight: 500;
		color: #346e8c;
		background-image: linear-gradient(to right, #8fc6e2, #8fc6e2 2px, transparent 2px);
		background-size: 9px 2px;
		background-position: bottom;
		background-repeat: repeat-x;
		padding: 0 0 16px 0;
		margin: 0 0 24px 0;
	}
	.row_top_text_inner p {
		font-size: 18px;
		text-align: left;
		padding: 10px 20px;
		font-weight: 500;
	}
	.row_top_text_inner p span.point_text {
		display: inline-block;
		font-size: 24px;
		margin: 0 0.5em 0 0;
		vertical-align: -0.1em;
		font-weight: 900;
	}
	.row_top_text_inner p span.point_text:first-letter {
		color: #346e8c;
	}
	.row_top_text_inner p span {
		font-size: 16px;
		font-weight: 300;
	}

	/* お問い合わせボタン */
	.link_contact a {
		position: relative;
		display: inline-block;
		font-size: 24px;
		font-weight: 500;
		background: #357291;
		color: #ffffff;
		padding: 0.4em 2em;
		transition-property: all;
		transition-duration: 0.3s;
		transition-timing-function: ease-in-out;
		transition-delay: 0s;
		margin: 20px 0 0 0;
	}
	.link_contact a:after {
		position: absolute;
		content: "\f345";
		font-family: "dashicons";
		right: 0.3em;
		top: 0.53em;
	}
	.link_contact a:hover {
		background: #8fc6e2;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row_top_text {
		position: relative;
		background: #ffffff;
		text-align: center;
		padding: 12vw 0;
	}
	.row_top_text_inner {
		text-align: center;
		display: inline-block;
	}
	.row_top_text_inner h2 {
		font-size: 4.5vw;
		font-weight: 500;
		font-family: 'Noto Serif CJK JP','Noto Serif JP','游明朝',YuMincho,'ヒラギノ明朝 ProN W2','Hiragino Mincho ProN','Sawarabi Mincho','HG明朝B',serif;
		margin: 0 0 8px 0;
	}
	.row_top_text_inner h3 {
		font-size: 3.2vw;
		font-weight: 500;
		letter-spacing: 0;
		color: #346e8c;
		background-image: linear-gradient(to right, #8fc6e2, #8fc6e2 2px, transparent 2px);
		background-size: 9px 2px;
		background-position: bottom;
		background-repeat: repeat-x;
		padding: 0 0 3vw 0;
		margin: 0 0 4vw 0;
	}
	.row_top_text_inner p {
		font-size: 3.2vw;
		letter-spacing: 0;
		line-height: 1.5;
		text-align: left;
		padding: 3vw 6vw;
		font-weight: 500;
		margin-bottom: 4vw;
	}
	.row_top_text_inner p span.point_text {
		display: inline-block;
		font-size: 4vw;
		margin: 0 0.5em 0 0;
		vertical-align: -0.1em;
		font-weight: 900;
	}
	.row_top_text_inner p span.point_text:first-letter {
		color: #346e8c;
	}
	.row_top_text_inner p span {
		font-size: 3vw;
		font-weight: 300;
	}

	/* お問い合わせボタン */
	.link_contact a {
		position: relative;
		display: inline-block;
		font-size: 18px;
		font-weight: 500;
		background: #357291;
		color: #ffffff;
		padding: 0.4em 2em;
		transition-property: all;
		transition-duration: 0.3s;
		transition-timing-function: ease-in-out;
		transition-delay: 0s;
		margin: 10px 0 0 0;
	}
	.link_contact a:after {
		position: absolute;
		content: "\f345";
		font-family: "dashicons";
		right: 0.3em;
		top: 0.53em;
	}
	.link_contact a:hover {
		background: #8fc6e2;
	}
}