/* ==========================================================================
/* -- 画面の横幅が768pxまで
 ========================================================================== */
@media only screen and (max-width: 812px) {

	/*-------------------------------------------------------------------------------------*/
	body {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		word-wrap: break-word;
		-webkit-text-size-adjust: 100%;
		min-width: inherit;
		_display: inherit;
		_zoom: inherit;
		width: 100%;
	}

	body.fixed {
		overflow: hidden;
	}

	/*-------------------------------------------------------------------------------------*/
	header img {
		width: 100%;
	}

	.header_pc {
		display: none;
	}

	.header_sp {
		display: block;
		padding: 0px 0px 0px 0px;
		margin: 0px auto 0px;
		width: 100%;
		position: relative;
	}

	/*-------------------------------------------------------------------------------------*/
	footer {
		padding: 0.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		width: 100%;
		background-color: #b6dcf5;
		color: #000000;
	}

	.footer {
		padding: 10.0vw 0px 15.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 100%;
		position: inherit;
		overflow: inherit;
	}

	.footer .icon {
		display: none;
	}

	.footer img {
		width: 100%;
	}

	.footer_link {
		padding: 0.0vw 0px 7.0vw 0px;
		margin: 0.0vw auto 0.0vw;
		width: 100%;
		display: block;
	}

	/*-----------------------------------------------------------------------------*/
	/* ボタン共通 */
	.footer_linkbtm01 {
		overflow: hidden;
		padding: 0px 0px 0px 0px;
		margin: 0px auto 5.0vw;
		width: 85%;
		border-radius: 18.0vw;
		border: 2px solid #4463a9;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		float: inherit;
		height: auto;
	}

	.footer_linkbtm01 a {
		padding: 5.0vw 0px;
		margin: 0px auto 0px;
		display: block;
		position: relative;
		z-index: 100;
		text-align: center;
		background: #FFFFFF;
		color: #4463a9;
		font-size: 3.7vw;
		line-height: 1.2em;
		text-decoration: none;
		font-weight: bold;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.footer_linkbtm01 a:hover {
		background: #d8eefc;
		/* マウスオーバーカラー */
	}

	/*-----------------------------------------------------------------------------*/
	.IconList1 a:before {
		/*白いひし型 */
		display: block;
		content: "";
		position: absolute;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 45%;
		right: 20px;
		width: 12px;
		height: 12px;
		margin-top: -4px;
		background: #4463a9;
	}

	.IconList1 a:after {
		/*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */
		display: block;
		content: "";
		position: absolute;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 45%;
		right: 22px;
		width: 12px;
		height: 12px;
		margin-top: -4px;
		background: #FFFFFF;
	}

	.IconList1 a:hover:after {
		/*「after要素」のマウスオーバー（カラーを合わせる） */
		background: #d8eefc;
	}

	.footer .copyright {
		padding: 5.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		text-align: center;
		font-size: 3.0vw;
		line-height: 1.5em;
		font-weight: normal;
	}

	/*-----------------------------------------------------------------------------*/
	#pageTopButton {
		position: fixed;
		z-index: 100;
		bottom: 1.5vw;
		right: 1.5vw;
	}

	#pageTopButton a {
		width: 15.0vw;
		height: 15.0vw;
		background: #ffbb05;
		text-decoration: none;
		color: #FFFFFF;
		padding: 1.0vw 0.0vw 0.0vw 0.0vw;
		text-align: center;
		display: block;
		border-radius: 50%;
		zoom: 1;
		/*IE*/
		/*		transition: background 0.5s;*/
	}

	#pageTopButton a:hover {
		background: #FFFFFF;
		color: #ffbb05;
	}

	.btm01 {
		padding: 1.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		font-size: 3.0vw;
		display: block;
	}

	.btm02 {
		padding: 2.0vw 0px 0.0vw 0px;
		margin: 0.0vw 0px 0.0vw 0px;
		font-size: 4.0vw;
		display: block;
	}

	/*-------------------------------------------------------------------------------------*/
	/* utility */
	.br01 {
		display: block;
	}

	.br02 {
		display: none;
	}

	.br03 {
		display: none;
	}

	.linktel {
		pointer-events: auto;
	}

	.sp-none {
		display: none;
	}

	.pc-none {
		display: block;
	}
}