@charset 'UTF-8';

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

	各ページ

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



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

	レイアウト

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

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

	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;
	}

	.entry-top-page.no-img {
		height: 120px;
	}
	#entry-content {
		margin: 0 70px 50px;
	}
	#entry-content img {
		width: 100%;
		height: auto;
	}
}




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

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

	.inner_wrap {
		position: relative;
	}
}




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

	メイン画像

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

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

	.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;
	}

}




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

	.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) {
	#entry-content img {
		height: auto;
		margin: 16px 0;
		max-width: 100%;
	}

	/* 流れ */
	#entry-content table.step-list {
		box-shadow: none;
		display: table;
		margin-top: 0;
		max-width: 100%;
		overflow-x: hidden;
		white-space: nowrap;
	}

	#entry-content table tr.step-list__line {
		background-color: transparent !important;
	}
	#entry-content table td.step-list__cell {
		padding: 0 16px 0 0;
		vertical-align: top;
	}

	.step-list__down--blue .step-list__rect {
		background-color: #386d8a;
	}

	.step-list__down--blue .step-list__tri {
		border-top: 30px solid #386d8a;
	}

	.step-list__down--red .step-list__rect {
		background-color: #c0392b;
	}

	.step-list__down--red .step-list__tri {
		border-top: 30px solid #c0392b;
	}

	.step-list__down--yellow .step-list__rect {
		background-color: #f39c12;
	}

	.step-list__down--yellow .step-list__tri {
		border-top: 30px solid #f39c12;
	}

	.step-list__rect {
		width: 60px;
		min-height: 100px;
		background-color: #386d8a;
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px;
		border-radius: 3px 3px 0 0;
		color: white;
		text-align: center;
		font-weight: bold;
		padding: 10px;
		font-size: 24px;
		letter-spacing: 0.1em;
	}

	.step-list__tri {
		width: 0;
		height: 0;
		border: 30px solid transparent;
		border-top: 30px solid #386d8a;
	}

	#entry-content p.step-list__heading {
		font-size: 22px;
		font-weight: bold;
		margin: 10px 0;
	}

	#entry-content p.step-list__text {
		font-size: 20px;
		font-weight: bold;
		margin: 0 0 10px 0;
	}


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



/* ブログカード デフォルトの設定　*/
	iframe.wp-embedded-content {
		width: 100%;
		height: 400px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#entry-content img {
		height: auto;
		margin: 16px 0;
		max-width: 100%;
	}

	#entry-content h2 {
		font-size: 2.5rem;
		margin: 3em 0 1.25em;
		padding-left: 1em;
	}
	#entry-content h3 {
		font-size: 2.1rem;
		margin: 3.5em 0 1.5em;
	}

	/* 流れ */
	#entry-content table.step-list {
		box-shadow: none;
		display: table;
		margin-top: 0;
		max-width: 100%;
		overflow-x: hidden;
	}

	#entry-content table tr.step-list__line {
		background-color: transparent !important;
	}
	#entry-content table td.step-list__cell {
		padding: 0 16px 0 0;
		vertical-align: top;
	}
	#entry-content table td.step-list__cell:last-of-type {
		padding: 0;
		vertical-align: top;
	}

	.step-list__down--blue .step-list__rect {
		background-color: #386d8a;
	}

	.step-list__down--blue .step-list__tri {
		border-top: 30px solid #386d8a;
	}

	.step-list__down--red .step-list__rect {
		background-color: #c0392b;
	}

	.step-list__down--red .step-list__tri {
		border-top: 30px solid #c0392b;
	}

	.step-list__down--yellow .step-list__rect {
		background-color: #f39c12;
	}

	.step-list__down--yellow .step-list__tri {
		border-top: 30px solid #f39c12;
	}

	.step-list__rect {
		width: 60px;
		min-height: 100px;
		background-color: #386d8a;
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px;
		border-radius: 3px 3px 0 0;
		color: white;
		text-align: center;
		font-weight: bold;
		padding: 10px;
		font-size: 24px;
		letter-spacing: 0.1em;
	}

	.step-list__tri {
		width: 0;
		height: 0;
		border: 30px solid transparent;
		border-top: 30px solid #386d8a;
	}

	#entry-content p.step-list__heading {
		font-size: 4vw;
		font-size: 1.9rem;
		font-weight: bold;
		margin: 10px 0;
	}

	#entry-content p.step-list__text {
		font-size: 3.5vw;
		font-size: 1.6rem;
		font-weight: bold;
		margin: 0 0 10px 0;
	}

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

/* ブログカード */

/*iPad pro12.9インチ*/
@media (min-width: 960px) and (orientation: portrait) {
	/* ブログカード */
	iframe.wp-embedded-content {
		width: 100%;
		height: 450px;
	}
}

@media screen and (max-width: 767px) {
	/* ブログカード */
	iframe.wp-embedded-content {
		width: 100%;
		height: 600px;
	}
}

@media screen and (max-width: 480px) {
	/* ブログカード */
	iframe.wp-embedded-content {
		width: 100%;
		height: 500px;
	}
}

@media screen and (max-width: 360px) {
	/* ブログカード */
	iframe.wp-embedded-content {
		width: 100%;
		height: 560px;
	}
}





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

	お問い合わせ

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

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#entry-content .point_wrap {
		position: relative;
		background: #ffffff;
		text-align: center;
	}
	#entry-content .point_wrap_inner {
		text-align: center;
		display: inline-block;
	}
	#entry-content .point_wrap_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: 8px 0 12px 0;
		padding: 0;
	}
	#entry-content .point_wrap_inner h2::before {
		width: 0;
	}
	#entry-content .point_wrap_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;
	}
	#entry-content .point_wrap_inner h3::before {
		width: 0;
	}
	#entry-content .point_wrap_inner p {
		font-size: 16px;
		text-align: left;
		padding: 10px 20px;
		font-weight: 500;
		margin: 0;
	}
	#entry-content .point_wrap_inner p span.point_text {
		display: inline-block;
		font-size: 20px;
		margin: 0 0.5em 0 0;
		vertical-align: -0.1em;
		font-weight: 900;
	}
	#entry-content .point_wrap_inner p span.point_text:first-letter {
		color: #346e8c;
	}
	#entry-content .point_wrap_inner p span.small_text {
		font-size: 14px;
		font-weight: 300;
	}



	#contactform {
		padding: 60px 0 0 0;
	}

	/* プライバシーポリシー */
	div#form-privacy {
		height: 130px;
		margin-bottom: 15px;
		padding: 15px 15px 0 15px;
		background-color: #FFF;
		border-top: 1px solid #808080;
		border-right: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		border-left: 1px solid #808080;
		overflow: auto;
	}
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#entry-content .point_wrap {
		position: relative;
		background: #ffffff;
		text-align: center;
		padding: 12vw 0;
		margin: 0 -2rem;
	}
	#entry-content .point_wrap_inner {
		text-align: center;
		display: inline-block;
	}
	#entry-content .point_wrap_inner h2 {
		font-size: 4vw;
		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;
		padding: 0;
	}
	#entry-content .point_wrap_inner h2::before {
		width: 0;
	}
	#entry-content .point_wrap_inner h3 {
		font-size: 3vw;
		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;
	}
	#entry-content .point_wrap_inner h3::before {
		width: 0;
	}
	#entry-content .point_wrap_inner p {
		font-size: 3.2vw;
		letter-spacing: 0;
		line-height: 1.5;
		text-align: left;
		padding: 3vw 2rem;
		font-weight: 500;
		margin: 0;
	}
	#entry-content .point_wrap_inner p span.point_text {
		display: inline-block;
		font-size: 4vw;
		margin: 0 0.5em 0 0;
		vertical-align: -0.1em;
		font-weight: 900;
	}
	#entry-content .point_wrap_inner p span.point_text:first-letter {
		color: #346e8c;
	}
	#entry-content .point_wrap_inner p span.small_text {
		font-size: 3vw;
		font-weight: 300;
	}



	#contactform {
		padding: 60px 0 0 0;
	}

	/* プライバシーポリシー */
	div#form-privacy {
		height: 130px;
		margin-bottom: 15px;
		padding: 15px 15px 0 15px;
		background-color: #FFF;
		border-top: 1px solid #808080;
		border-right: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		border-left: 1px solid #808080;
		overflow: auto;
	}
}






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

	メルマガ

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

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

	#formtable {
		width: 100%;
		overflow: hidden !important;
	}
	#formtable th {
		width: 250px;
	}
	#formtable td {
		width: 380px;
	}

}



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

	#formtable {
		width: 100%;
	}
	#formtable th {
		width: 20%;
		font-size: 3.2vw;
	}
	#formtable td {
		width: 80%;
		font-size: 3.2vw;
	}
}