@charset "utf-8";

/* ============================
service-fee.css　もくじ
-------------------------------
1.ブレイクポイント
2.メインビジュアル
3.ページ内共通部品
4.問い合わせボタン
5.PC
============================== */

/* ===========================
1.ブレイクポイント
============================== */
@media screen and (min-width: 30em) { /* 480px */
}
@media screen and (min-width: 40em) { /* 640px */
}
@media screen and (min-width: 48em) { /* 768px：PC用 */
}
@media screen and (min-width: 64em) {/* 1024px */
}
@media screen and (min-width: 80em) {/* 1280px */
}

/* ===========================
2.メインビジュアル
============================== */
#main_visual {
	background-image: url(../img/main-visual/mv_guidance.jpg);
}

/* ===========================
3.ページ内共通部品
============================== */
body{
	counter-reset: heading-counter;
}
#innerNav{
	counter-reset: nav-counter;
}
li.list_item > a::before{
	position:relative;
	display: inline-block;
	margin: auto .3rem auto auto;
	counter-increment: nav-counter;
	content: counter(nav-counter) ".";
}
li.list_item > a::after {
	margin-left: auto;
}
h2::before{
	counter-increment: heading-counter;
	content: counter(heading-counter) ".";
	font-weight: normal;
	margin: auto .3rem auto auto;
}

.block_layer01 {
	margin-bottom: 80px;
}


.block_layer01 h2 {
	margin-top: 20px;
	font-size: 22px;
}
.block_layer01 p {
	margin-top: 14px;
	font-size: 16px;
	line-height: 1.7em;
}

.block_layer01 dl {
	line-height: 2rem;
}
.block_layer01 dt {
	font-size: 18px;
}
dd.indent {
	padding-left: 1rem;	
}


/* ===========================
4.問い合わせボタン
============================== */
#inquiry {
	margin-bottom: 20px;
}
#inquiry .btn_area {
	text-align: center;
}
#inquiry .btn_area a {
	position: relative;
	display: inline-block;
	padding: 0.5em 1.5em 0.75em;
	border-radius: 1.25em;
	background-color: var(--secondary-color);
	color: #fff;
	transition: all 0.3s;
}
#inquiry .btn_area a .arrow {
	position: relative;
	left: 0.25em;
	display: inline-block;
	background-color: #fff;
	width: 0.65em;
	clip-path: polygon(0 20%, 100% 50%, 0 80%);
}
#inquiry .btn_area a:hover {
	filter: brightness(125%);
	transform: scale(1.025);
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
}
@media screen and (min-width: 30em) { /* 480px */
	#inquiry {
		margin-bottom: 40px;
	}
	#inquiry .btn_area a {
		font-size: 16px;
	}
}
@media screen and (min-width: 40em) { /* 640px */
	#inquiry {
		margin-bottom: 50px;
	}
	#inquiry .btn_area a {
		font-size: 18px;
	}
}
@media screen and (min-width: 48em) { /* 768px：PC用 */
	#inquiry {
		margin-bottom: 60px;
	}
	#inquiry .btn_area a {
		font-size: 20px;
	}
	#inquiry .btn_area a .arrow {
		top: 1px;
	}
}
@media screen and (min-width: 64em) {/* 1024px */
	#inquiry {
		margin-bottom: 80px;
	}
}


/* ===========================
5.PC
============================== */
@media screen and (min-width: 40em) { /* 640px */
	.cookiepolicy-inner {
		max-width: 630px;
		margin: 0px auto;
	}
}