@charset "UTF-8";
.sidebar_wrap {
	position: absolute!important;
	top: 0!important;
	bottom: auto!important;
}
/* ------------------------------
	.faq
------------------------------ */
.faq .title {
	width: 32.7rem;
	margin: 0 auto .8rem;
}

.faq dt {
	padding: 1.3rem 0 1.2rem .8rem;
	border-left: 1.3rem solid #000;
	background-color: #FFFFBE;
}

.faq dt img {
	vertical-align: middle;
}

.faq dd,
.faq dd p {
	font-size: 1.3rem;
	font-weight: 600;
	line-height: 1.5;
}

.faq dd {
	position: relative;
	padding: 1rem 0 .5rem 2.1rem;
}

.faq dl + dl {
	margin-top: 2.5rem;
}

.faq .qr {
	position: absolute;
	right: 1rem;
	top: -3rem;
	display: flex;
	max-width: 29rem;
	width: 37%;
}

.faq .qr img {
	width: 100%;
}

.faq .qr p:first-child {
	max-width: 19.5rem;
}

.faq .qr p:last-child {
	max-width: 9.5rem;
}

.faq .qr + .link {
	position: absolute;
	bottom: -1em;
	right: 2rem;
	text-align: right;
}

.faq .qr + .link span {
	color: #E50012;
}

.faq .point {
	position: absolute;
	bottom: 0;
	left: 47rem;
	max-width: 6rem;
}

.faq .card {
	position: absolute;
	top: 0;
	right: 0;
	max-width: 44.6rem;
}

.faq .card + p {
	margin-top: 1.5rem;
	padding-bottom: .5rem;
}


.faq dl:nth-of-type(1) dt img {
	width: 35.5rem;
}

.faq dl:nth-of-type(1) dd {
	padding-bottom: 2.5rem;
}

.faq dl:nth-of-type(2) dt img {
	width: 28.9rem;
}

.faq dl:nth-of-type(3) dt img {
	width: 68.2rem;
}

.faq dl:nth-of-type(4) dt img {
	width: 30.3rem;
}

.faq dl:nth-of-type(5) dt img {
	width: 35.9rem;
}

.faq dl:nth-of-type(6) dt img {
	width: 74.7rem;
}

.faq dl:nth-of-type(7) dt img {
	width: 61.7rem;
}

.faq dl:nth-of-type(8) dt img {
	width: 63.5rem;
}

.faq dl:nth-of-type(9) dt img {
	width: 46.2rem;
}

.faq dl:nth-of-type(8) dd {
	padding-bottom: 1.2rem;
}

@media screen and (max-width: 768px) {
	.faq .title {
		width: 64%;
		margin: 0 auto 6vw;
	}

	.faq dt {
		padding: 2.5vw 4vw 2.5vw 2vw;
		border-width: 3vw;
	}

	.faq dd {
		padding: 1.5vw 4vw 1.5vw 5vw;
	}

	.faq dd,
	.faq dd p {
		font-size: 2.85vw;
	}

	.faq .qr {
		position: initial;
		max-width: initial;
		width: 75%;
		margin-left: auto;
		margin-top: 2vw;
		margin-right: -2vw;
	}

	.faq .qr img {
		width: 100%;
		vertical-align: middle;
	}

	.faq .qr p:first-child {
		max-width: initial;
		width: 67%;
	}

	.faq .qr p:last-child {
		max-width: initial;
		width: 33%;
	}

	.faq .qr + .link {
		position: initial;
		font-size: 3.27vw;
	}

	.faq .point {
		left: initial;
		right: 4vw;
		max-width: initial;
		width: 15%;
	}

	.faq .card {
		position: initial;
		max-width: initial;
		margin-top: 2vw;
	}

	.faq .card + p {
		margin-top: 1.5vw;
	}

	.faq dl + dl {
		margin-top: 4vw;
	}

	.faq dl:nth-of-type(1) dt img {
		width: 66%;
	}

	.faq dl:nth-of-type(1) dd {
		padding-bottom: 1.5vw;
	}

	.faq dl:nth-of-type(2) dt img {
		width: 55%;
	}

	.faq dl:nth-of-type(3) dt img {
		width: 100%;
	}

	.faq dl:nth-of-type(4) dt img {
		width: 56%;
	}

	.faq dl:nth-of-type(5) dt img {
		width: 67.5%;
	}

	.faq dl:nth-of-type(6) dt img {
		width: 100%;
	}

	.faq dl:nth-of-type(7) dt img {
		width: 100%;
	}

	.faq dl:nth-of-type(8) dt img {
		width: 100%;
	}

	.faq dl:nth-of-type(9) dt img {
		width: 100%;
	}

	.faq dl:nth-of-type(8) dd {
		padding-bottom: 1.5vw;
	}
}



/* ------------------------------
	.footer
------------------------------ */
/* footer {
	border-top: none;
}

footer .red_wrap .wrap {
	width: 100%;
	max-width: 1000px;
	margin-right: auto;
	padding: 0;
}

@media screen and (max-width: 1024px) {
	footer .red_wrap {
		padding: 25px 2% 30px;
	}
} */







/*

header .logo{
	padding-left: 0;
	bottom: 0;
	left: -5%;
}

@media screen and (max-width: 1360px){
	header .logo{
		top: auto;
		transform: unset;
		padding: 0;
		left: 0;
	}
}
header .under_wrap::after{
	content: none;
}

@media screen and (min-width: 769px) and (max-width: 1360px){
	header .under_wrap{
		height: 200px;
	}
	header .under_wrap .head_box{
		height: 100%;
	}
}*/