@charset "utf-8";
/* 共通
========================================================================== */
#main {
	padding-bottom: 0;
}
.caution {
	padding-left:initial !important;
	text-indent:initial !important;
}
@media screen and (min-width: 920px) {
article {
	margin:0;
}
.caution {
	padding-left:initial !important;
	text-indent:initial !important;
}
}
/* 本文
========================================================================== */
.procedure_text {
	margin-bottom: calc(16 * 100vw / 750);
	line-height: 1.6;
}
.procedure_image {
	margin: calc(40 * 100vw / 750) 0 calc(80 * 100vw / 750);
	border: 1px solid #ccc;
}
.procedure_numlist .procedure_numitem{
	counter-increment: cnt;
	display: flex;
	gap: calc(8 * 100vw / 750);
}
.procedure_numlist .procedure_numitem::before {
  content: "(" counter(cnt)")";
	color: #D70C18;
}

.procedure_next {
	margin-bottom: calc(64 * 100vw / 750);
}
#main .btn_g a.procedure_next-link {
	font-size: calc(27 * 100vw / 750);
}

/* メニュー
========================================================================== */
.procedure_navi {
	margin: 0 !important;
	background: #fff;
}
.procedure_navi-list {
	display: grid;
	grid-template-rows: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
	border-top:calc(2 * 100vw / 750) solid #A4A4A4;
}
.procedure_navi-list li {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	border-bottom: calc(2 * 100vw / 750) solid #A4A4A4;
}
.procedure_navi-list li:nth-child(odd) {
	border-right: calc(2 * 100vw / 750) solid #A4A4A4;
}
.procedure_navi-list li:last-child {
	grid-column: span 2;
	border-bottom: none;
	border-right: none;
}
.procedure_navi-list li a {
	width: 100%;
	padding: calc(35 * 100vw / 750) calc(24 * 100vw / 750);
	font-size: calc(30 * 100vw / 750);
	position: relative;
	text-decoration: none;
	font-weight: bold;
	display: flex;
	align-items: center;
	gap: calc(12 * 100vw / 750);
}
.procedure_navi-list li a:after {
	content: "";
	display: inline-block;
	width: calc(13* 100vw / 750);
	height: calc(13* 100vw / 750);
	margin-left: auto;
	border-bottom: calc(5* 100vw / 750) solid #000;
	border-right: calc(5* 100vw / 750) solid #000;
	transform: rotate(315deg);
}

.procedure_navi-list li:last-child a {
	justify-content: center;
}
.procedure_navi-list li:last-child a:after {
	margin-left: calc(8 * 100vw / 750);
}



@media screen and (min-width: 920px) {
/* 本文
========================================================================== */
.procedure_text {
	margin-bottom: 12px;
}	
.procedure_image {
	margin: 32px 0 64px;
}
.procedure_numlist .procedure_numitem{
	gap: 4px;
}
.procedure_next {
	margin-bottom: 48px;
}
#main .btn_g a.procedure_next-link {
	font-size: 22px;
}
/* メニュー
========================================================================== */
.procedure_navi-list li {
	border-bottom: 1px solid #A4A4A4;
}
.procedure_navi-list li:nth-child(odd) {
	gap: 6px;
	border-right: 1px solid #A4A4A4;
}
.procedure_navi-list li:last-child {
	border-right: none;
}
.procedure_navi-list li a {
	padding: 23px 16px;
	font-size: 24px;
}
.procedure_navi-list li a:after {
	width: 10px;
	height: 10px;
	border-bottom: 4px solid #000;
	border-right: 4px solid #000;
}
.procedure_navi-list ul{
	border-top-width: 2px;
}
.procedure_navi-list li:last-child a:after {
	margin-left: 6px;
}
}