@charset "utf-8";



/*--------------------------------------------
■［ガイド］
--------------------------------------------*/
section#section-guide {
	overflow: visible;
}
article#guide div#index {
	border-radius: 0.6em;
	border: 1px solid var(--color-key2);
	padding: 2em;
	margin-bottom: 3em;
}
article#guide div#index h2 {
	font-size: 1.2em;
	color: var(--color-def);
}
article#guide div#index ul {
	margin: 0;
}
article#guide div#index ul > li {
	position: relative;
	padding-left: 1.5em;
}
article#guide div#index ul > li + li {
	margin-top: 0.3em;
}
article#guide div#index ul > li::before {
	content: "";
	width: 1.6em;
	height: 1.6em;
	background-image: url(../img/icon_next.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 0;
	position: absolute;
}
article#guide div#index ul > li a {
	color: var(--color-key1);
}
article#guide div#faq div.detail {
	margin-bottom: 3em;
	background-color: var(--color-lblue1);
	border-radius: 0.6em;
	padding: 4em;
}
article#guide div#faq div.detail h2 {
	margin: 0 0 1.5em 0;
	font-size: 1.8em;
}
article#guide div#faq div.detail h3 {
	font-weight: 600;
	font-size: 1.2em;
	text-align: center;
	margin: 2em 0 1em 0;
}
article#guide div#faq div.detail h4 {
	font-weight: 600;
	font-size: 1.1em;
	margin: 0 0 1em 0;
	color: var(--color-key1);
	text-align: center;
}
article#guide div#faq div.detail dl {
	display: flex;
	flex-wrap: wrap;
}
article#guide div#faq div.detail dl > dt {
	width: 10em;
	padding: 1.5em;
	background-color: var(--color-lblue2);
	border-bottom: 2px solid var(--color-white);
	display: flex;
	align-items: center;
}
article#guide div#faq div.detail dl > dt + dd {
	width: calc(100% - 10em);
	padding: 1.5em;
	background-color: var(--color-white);
	border-bottom: 2px solid var(--color-lblue2);
	display: flex;
	align-items: center;
}
article#guide div#faq div.detail dl > dt:nth-child(1) {
	border-radius: 0.6em 0 0 0;
}
article#guide div#faq div.detail dl > dd:nth-child(2) {
	border-radius: 0 0.6em 0 0 ;
}
article#guide div#faq div.detail dl > dd:nth-last-child(1) {
	border-radius: 0 0 0.6em 0;
}
article#guide div#faq div.detail dl > dt:nth-last-child(2) {
	border-radius: 0 0 0 0.6em;
}
article#guide div#faq div.detail dl > dt:nth-last-child(2),
article#guide div#faq div.detail dl > dd:nth-last-child(1) {
	border-bottom: none;
}
article#guide div#faq div.detail ul.list-001 {
	display: flex;
	flex-direction: column;
	gap: 1em;
}
article#guide div#faq div.detail ul.list-001 > li {
	background-color: var(--color-white);
	border-radius: 0.3em;
	padding: 1em 2em;
	display: flex;
	gap: 1em;
	align-items: center;
}
article#guide div#faq div.detail ul.list-001 > li img {
	width: 3em;
	height: 3em;
	object-fit: contain;
}
article#guide div#faq div.detail div.box.bgc-white {
	padding: 2em 5em;
}
.underline {
	text-decoration: underline;
}
p#gotosimulation {
}
section#section-guide > p#gotosimulation {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 1;
	background-color: rgba(255, 255, 255, 0.8);
	padding: 10px;
}

section#section-guide >  p#gotosimulation a {
	max-width: calc(960px - 6vw);
	margin: 0 auto;
	display: block;
}


/*--------------------------------------------
■［レスポンシブ］
--------------------------------------------*/

@media screen and (max-width: 959px) {


	/*--------------------------------------------
	■［ガイド］
	--------------------------------------------*/
	article#guide div#index {
		padding: 5vw;
		margin-bottom: 5vw;
	}
	article#guide div#faq div.detail {
		margin-bottom: 5vw;
		padding: 5vw;
	}
	article#guide div#faq div.detail h2 {
		font-size: 1.5em;
	}
	article#guide div#faq div.detail div.box.bgc-white {
		padding: 2em;
	}
}
@media screen and (max-width: 428px) {
	article#guide div#faq div.detail h2 {
		font-size: 5vw;
	}
	article#guide div#faq div.detail h4 {
		font-size: 3.8vw;
	}
}