html {
	font-size: 100%;
}
body {
	color: #000000;
	font-family: "Zen Kaku Gothic New", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-weight: 400;
	height: auto;
	width: 100%;
    max-width: 430px;
    margin: 0 auto;
}

img {
	width: 100%;
	height: auto;
}
.cta {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: calc(360 / 430 * 100vw);
	max-width: 360px;
}
.overlap {
	position: relative;
	z-index: 999;
}

/* ヘッダー */
#header {
	background: linear-gradient(90deg,rgba(244, 107, 69, 1) 0%, rgba(238, 168, 73, 1) 100%);
	width: 100%;
}
#header .header_layout {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.5rem 1rem;
}
#header .header__logo {
	width: 7.25rem;
}
#header .header__contact {
	width: calc(180 / 430 * 100vw);
	max-width: 180px;
}

/* メインビジュアル */
#mv .mv__wrap {
	position: relative;
}
#mv .cta {
	bottom: 1rem;
}

/* ジョブファイにお任せください */
#trackrecord .trackrecord__wrap {
	position: relative;
}
#trackrecord .overlap.trackrecord__worry {
	margin-bottom: -5.75rem;
}
#trackrecord .overlap.trackrecord__anxiety {
	margin-bottom: -3.5rem;
}
#trackrecord .cta {
	bottom: 1rem;
}

/* ジョブファイが選ばれる理由 */
#selected {
	background-color: #FFFFE1;
	margin-bottom: -4rem;
}
#selected .selected__wrap {
	position: relative;
}
#selected .selected_layout {
	padding: 3rem 2.5rem 9rem;
}
#selected .subheading {
	margin: 0 auto 1.5rem;
	width: calc(270 / 430 * 100vw);
	max-width: 270px;
}
#selected picture {
	margin-bottom: 0.5rem;
}
#selected .cta {
	bottom: -5rem;
}

/* 利用者の転職成功事例 */
#success {
	background-color: #FFFFE1;
}
#success .success_layout {
	padding: 3rem 2.5rem;
}
#success .subheading {
	margin: 0 auto -2rem;
	width: calc(310 / 430 * 100vw);
	max-width: 310px;
}
#success picture {
	margin-bottom: 0.5rem;
}

/* ご利用の流れ */
#flow .flow__wrap {
	position: relative;
}
#flow .cta {
	bottom: 1rem;
}

/* FAQ */
#faq {
	background-color: #FFFFE1;
}
#faq .faq_layout {
	padding: 3rem 2.5rem 7.5rem;
}
#faq .faq__wrap {
	position: relative;
}
#faq .subheading {
	margin: 0 auto 2rem;
	width: calc(128 / 430 * 100vw);
	max-width: 128px;
}
#faq picture {
	margin-bottom: 0.5rem;
}
#faq .cta {
	bottom: -6rem;
}

/* フッター */
#footer {
	background-color: #FFFFE1;
}
#footer .footer_layout {
	padding: 2rem 3.25rem;
}
#footer .footer__link {
	display: flex;
	justify-content: space-around;
	margin-bottom: 1rem;
}
#footer .footer__link {
	display: flex;
	flex-direction: row;
}
#footer .footer__link::before {
	content: "";
	border: 1px solid #000000;
	align-self: stretch;
	order: 2;
}
#footer .footer__link a {
	font-weight: bold;
	text-decoration: none;
}
#footer .footer__link a:first-child {
	order: 1;
}
#footer .footer__link a:last-child {
	order: 3;
}
#footer .footer__logo {
	margin: 0 auto 1rem;
	width: calc(300 / 430 * 100vw);
	max-width: 300px;
}
#footer .footer__copyright{
	font-size: 0.75rem;
	text-align: center;
}

/* policy.html */
#policy {
	background: linear-gradient(180deg,rgba(244, 107, 69, 1) 0%, rgba(238, 168, 73, 1) 100%);
}
#policy .policy_layout {
	padding: 2.75rem 2.5rem;
}
#policy .policy__ttl {
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 1.25rem;
	text-align: center;
}
#policy .policy__ttl .subheading {
	font-size: 0.875rem;
	margin-bottom: 1.25rem;
}
#policy .policy__ttl h1 {
	font-size: 1.75rem;
}
#policy .policy__content {
	background-color: #ffffff;
	padding: 1.5rem 1rem;
}
#policy .policy__content p {
	font-size: 0.75rem;
	margin-bottom: 1.25rem;
}
#policy .policy__content h2 {
	font-size: 0.75rem;
	font-weight: bold;
}