@charset "utf-8";

/*
/*    CSS(pctb) MENU
*/

:root {
	--masu-size: 64px 60px;
	--btn_shadow: 0 5px 0;
	--btn_shadow_hover: 0 0 0;
}

body {
	min-width: 1080px;
	overflow-x: auto;
}

#wrapper {
	margin: 0;
	width: 100%;
}

#frontpage .question_que_start {
	width: 480px;
}

#frontpage .question_que_start a {
	top: 0;
}

#frontpage .question_que_start a:hover {
	top: 5px;
}

#frontpage .question_que_start a:hover:before {
	top: 0;
	transition: 0.5s ease;
	opacity: 0;
}

#frontpage .kiyaku {
	width: 590px;
	border-radius: 35px;
	min-height: 64px;
}

#frontpage .kiyaku dt {
	padding: 0 151px;
	border-radius: 32px;
}

#frontpage .kiyaku dd {
	padding: 85px 30px 30px 30px;
	border-radius: 32px;
}

#frontpage .kiyaku_tl {
	font-size: 1.9rem;
}

#frontpage .kiyaku_stl {
	font-size: 1.5rem;
}

main {
	padding-bottom: 200px;
}

.question_que_btn {
	width: 590px;
	gap: 18px;
}

.question_que_btn > a span {
	border-radius: 5px;
	position: relative;
	top: 0;
	transition: 0.5s ease;
}

.question_que_btn > a:before {
	border-radius: 5px;
	transition: 0.5s ease;
	opacity: 1;
}

.question_que_btn > a:hover span {
	transition: 0.5s ease;
	top: 5px;
}

.question_que_btn > a:hover:before {
	transition: 0.5s ease;
	opacity: 0;
}

footer:before {
	top: -52px;
	background-size: 100% 100%;
	height: 50px;
}

footer:after {
	top: -45px;
	background-size: 100% 100%;
	height: 50px;
}

footer .btn_dl {
	padding-top: 35px;
}

footer .btn_dl a {
	width: 426px;
	border-radius: 100px;
	transition: 0.5s ease;
	margin-top: 0;
	margin-bottom: 5px;
}

footer .btn_dl a:hover {
	transition: 0.5s ease;
	margin-top: 5px;
	margin-bottom: 0px;
	box-shadow: var(--btn_shadow_hover) #03a9b9;
}

footer .f_nav {
	padding: 50px 180px 30px;
}

footer .f_nav a,
footer .f_nav button {
	font-size: 1.4rem;
}

footer .f_nav li:not(:last-child) {
	margin-right: 20px;
}

footer small {
	font-size: 1.2rem;
	padding: 10px 0 60px;
}

header {
	background: #e50000;
}

header {
	width: 100%;
	min-width: 1040px;
}

header .inner {
	margin: 0 auto;
	width: 1040px;
}

.result_page header h1 {
	margin: 0 -440px;
	display: block;
	width: 1920px;
}

.btn_share a {
	width: 452px;
	top: 0;
	transition: 0.5s ease;
}

.btn_share a span {
	border-radius: 16px;
	transition: 0.5s ease;
	margin-top: 0;
	margin-bottom: 5px;
}

body.result_page .function .btn_area .btn_share a {
	width: 562px;
}

.btn_share a:before {
	border-radius: 16px;
	top: 8px;
	transition: 0.5s ease;
}

.btn_share a:hover {
	transition: 0.5s ease;
	top: 8px;
}

.btn_share a:hover:before {
	transition: 0.5s ease;
	top: 0;
}

body.result_page main {
	padding-top: 10px;
}

body.result_page .link_search a {
	width: 400px;
	transition: 0.5s ease;
	opacity: 1;
}

body.result_page .link_search a:hover {
	transition: 0.5s ease;
	opacity: 0.6;
}

body.result_page .function:before {
	width: 110vw;
	height: 320px;
	top: 60px;
}

body.result_page .function:after {
	width: 120vw;
	top: 200px;
	left: 50%;
	transform: translate(-50%, 0%);
	height: calc(100% - 200px);
}

.btn_retry a {
	width: 562px;
	transition: 0.5s ease;
	top: 0;
}

.btn_retry a span {
	border-radius: 16px;
	transition: 0.5s ease;
	top: 0;
}

.btn_retry a:before {
	top: 8px;
	transition: 0.5s ease;
	border-radius: 16px;
}

.btn_retry a:hover {
	transition: 0.5s ease;
	top: 8px;
}

.btn_retry a:hover span {
	transition: 0.5s ease;
	top: 0;
}

.btn_retry a:hover:before {
	top: 0px;
	transition: 0.5s ease;
}

body.result_page .function .btn_area li + li {
	margin-top: 15px;
}

body.result_page .function {
	padding-bottom: 170px;
}

@charset "utf-8";

/*
/*    CSS(pctb) MENU
*/

:root {
	--masu-size: 64px 60px;
	--btn_shadow: 0 5px 0;
	--btn_shadow_hover: 0 0 0;
}

body {
	min-width: 1080px;
	overflow-x: auto;
}

#wrapper {
	margin: 0;
	width: 100%;
}

#frontpage .question_que_start {
	width: 480px;
}

#frontpage .question_que_start a {
	top: 0;
}

#frontpage .question_que_start a:hover {
	top: 5px;
}

#frontpage .question_que_start a:hover:before {
	top: 0;
	transition: 0.5s ease;
	opacity: 0;
}

#frontpage .kiyaku {
	width: 590px;
	border-radius: 35px;
	min-height: 64px;
}

#frontpage .kiyaku dt {
	padding: 0 151px;
	border-radius: 32px;
	box-shadow: 0 10px 0 #f6aaab;
}

#frontpage .kiyaku dt:before,
#frontpage .kiyaku dt:after {
	--q_kiyaku_arrow: 30px;
	width: 30px;
	top: 17px;
}

#frontpage .kiyaku dt.active:before,
#frontpage .kiyaku dt.active:after {
	top: 23px;
}

#frontpage .kiyaku dd {
	padding: 85px 30px 30px 30px;
	border-radius: 32px;
}

main {
	padding-bottom: 200px;
}

footer:before {
	top: -52px;
	background-size: 100% 100%;
	height: 50px;
	width: 100vw;
}

footer:after {
	top: -45px;
	background-size: 100% 100%;
	height: 50px;
	width: 100vw;
}

footer .btn_dl {
	padding-top: 35px;
}

footer .btn_dl a {
	width: 426px;
	border-radius: 100px;
	transition: 0.5s ease;
	margin-top: 0;
	margin-bottom: 5px;
}

footer .btn_dl a:hover {
	transition: 0.5s ease;
	margin-top: 5px;
	margin-bottom: 0px;
	box-shadow: var(--btn_shadow_hover) #03a9b9;
}

footer .f_nav {
	padding: 50px 180px 0px;
}

footer .f_nav a,
footer .f_nav button {
	font-size: 1.4rem;
}

footer .f_nav li:not(:last-child) {
	margin-right: 20px;
}

footer .fbnr {
	width: 198px;
	gap: 10px;
}

footer .registration {
	font-size: 1rem;
	margin-top: 10px;
}

footer small {
	font-size: 1.2rem;
	padding: 15px 0 60px;
}

header {
	background: #e50000;
}

header {
	width: 100%;
	min-width: 1040px;
}

header .inner {
	margin: 0 auto;
	width: 1040px;
}

.result_page header h1 {
	margin: 0 -440px;
	display: block;
	width: 1920px;
}

.btn_share a {
	width: 452px;
	top: 0;
	transition: 0.5s ease;
}

.btn_share a span {
	border-radius: 16px;
	transition: 0.5s ease;
	margin-top: 0;
	margin-bottom: 5px;
}

body.result_page .function .btn_area .btn_share a {
	width: 562px;
}

.btn_share a:before {
	border-radius: 16px;
	top: 8px;
	transition: 0.5s ease;
}

.btn_share a:hover {
	transition: 0.5s ease;
	top: 8px;
}

.btn_share a:hover:before {
	transition: 0.5s ease;
	top: 0;
}

body.result_page main {
	padding-top: 10px;
}

body.result_page .link_search a {
	width: 400px;
	transition: 0.5s ease;
	opacity: 1;
}

body.result_page .link_search a:hover {
	transition: 0.5s ease;
	opacity: 0.6;
}

body.result_page .function:before {
	width: 110vw;
	height: 320px;
	top: 60px;
}

body.result_page .function:after {
	width: 120vw;
	top: 200px;
	left: 50%;
	transform: translate(-50%, 0%);
	height: calc(100% - 200px);
}

.btn_retry a {
	width: 562px;
	transition: 0.5s ease;
	top: 0;
}

.btn_retry a span {
	border-radius: 16px;
	transition: 0.5s ease;
	top: 0;
}

.btn_retry a:before {
	top: 8px;
	transition: 0.5s ease;
	border-radius: 16px;
}

.btn_retry a:hover {
	transition: 0.5s ease;
	top: 8px;
}

.btn_retry a:hover span {
	transition: 0.5s ease;
	top: 0;
}

.btn_retry a:hover:before {
	top: 0px;
	transition: 0.5s ease;
}

body.result_page .function .btn_area li + li {
	margin-top: 15px;
}

body.result_page .function {
	padding-bottom: 170px;
}