@charset 'utf-8';

/* ======================================
	reset
====================================== */
* {
	box-sizing: border-box
}

::after,
::before {
	box-sizing: inherit
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent
}

body {
	margin: 0
}

main {
	display: block
}

address,
blockquote,
dl,
figure,
form,
iframe,
p,
pre,
table {
	margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin: 0
}

ol,
ul {
	margin: 0;
	padding: 0;
	list-style: none
}

dt {
	font-weight: normal
}

dd {
	margin-left: 0
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
	border: 0;
	border-top: 1px solid;
	margin: 0;
	clear: both;
	color: inherit
}

pre {
	font-family: monospace, monospace;
	font-size: inherit
}

address {
	font-style: inherit
}

a {
	background-color: transparent;
	text-decoration: none;
	color: inherit
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: inherit
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

img {
	border-style: none;
	vertical-align: bottom
}

embed,
iframe,
object {
	border: 0;
	vertical-align: bottom
}

button,
input,
optgroup,
select,
textarea {
	-webkit-appearance: none;
	appearance: none;
	vertical-align: middle;
	color: inherit;
	font: inherit;
	border: 0;
	background: 0 0;
	padding: 0;
	margin: 0;
	outline: 0;
	border-radius: 0;
	text-align: inherit
}

[type=checkbox] {
	-webkit-appearance: checkbox;
	appearance: checkbox
}

[type=radio] {
	-webkit-appearance: radio;
	appearance: radio
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none
}

[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled],
button[disabled] {
	cursor: default
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText
}

select::-ms-expand {
	display: none
}

option {
	padding: 0
}

fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	min-width: 0
}

legend {
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

label[for] {
	cursor: pointer
}

details {
	display: block
}

summary {
	display: list-item
}

[contenteditable] {
	outline: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

caption {
	text-align: left
}

td,
th {
	padding: 0
}

th {
	text-align: left;
	font-weight: normal
}

template {
	display: none
}

[hidden] {
	display: none
}

img {
	width: 100%;
	height: auto
}

i {
	font-style: normal;
}

/* ======================================
	base
====================================== */
body {
	font-family: "YuGothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック, 游ゴシック体, "Noto Sans Japanese Light", sans-serif;
	color: #222;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.6;
	background-color: #fff;
}

.pageContents {
	display: block;
	position: relative;
}

.cvArea {
	min-width: 320px;
	position: relative;
	width: 100%;
	padding: 0 16px;
	background: #fff;
}

.contentsArea {
	min-width: 100%;
	width: 100%;
}

.catch {
	font-family: "Noto Serif JP", serif;
	font-weight: 700;
}

h2,
h3,
.sidebarMenuInner,
.lead,
.checkList,
.g-navi-footer {
	font-family: "Noto Serif JP", serif;
	font-weight: 500;
}

main {

}

section {
	position: relative;
	padding: 1.5em 0;
}

a {
	color: inherit;
	text-decoration: none;
}

p a {
	color: #004D8A;
	text-decoration: underline;
}

.form.midashi {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 12px;
}

.campaign {
	display: table;
	width: 100%;
	max-width: 800px;

}

.campaign__frame {
	padding: 8px;
	border: 1px solid #222;
	color: #08265C;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	margin-bottom: 8px;
}

.campaign__frame span {
	background: #08265C;
	color: #fff;
	font-size: 10px;
	padding: 4px 12px;
	text-align: center;
}

.campaign__caution {
	font-size: 10px;
	color: #222;
	padding-bottom: 20px;
}

@media only screen and (max-width: 999px) {}

@media only screen and (min-width: 1000px) {
	body {
		font-size: 18px;
	}

	.pageContents {
		/*display: flex;*/
		position: relative;
	}

	.cvArea {
		min-width: 400px;
		background-color: #fff;
		height: calc(100vh - 120px);
		right: 0;
		overflow-x: hidden;
		overflow-y: auto;
		position: fixed;
		top: 80px;
		width: 400px;
		z-index: 100;
		padding: 8px 20px 20px;
	}

	.contentsArea {
		min-width: 600px;
		/*width: calc(100% - 400px);*/
	}

	section {
		padding: 3.5em 0 0;
	}

	a {
		transition: all .3s;
	}

	a:hover {
		opacity: .7;
	}

	p {
		line-height: 2;
	}

	.campaign__frame {
		padding: 14px;
		border: 1px solid #222;
		color: #08265C;
		font-weight: bold;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 18px;
		margin-bottom: 8px;
	}

	.campaign__frame span {
		background: #08265C;
		color: #fff;
		font-size: 18px;
		padding: 4px 12px;
		text-align: center;
	}

	.campaign__caution {
		font-size: 10px;
		color: #222;
	}
}

/* ======================================
	common
====================================== */
.inner {
	position: relative;
	width: 94%;
	max-width: 1200px;
	margin: 0 auto;
}

.container::after {
	content: '';
	display: block;
	clear: both;
}

.catch {
	text-align: center;
	line-height: 1.4;
	font-size: 26px;
	color: #08265C;
}

.catch span {
	font-size: 70%;
}

.lead {
	text-align: center;
}

.bold {
	font-weight: 700;
	font-family: YuGothic;
}

.btnBox {
	width: 100%;
	text-align: center;
}

.btnBox a {
	display: inline-block;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	color: #fff;
	background: -moz-linear-gradient(150deg, #B99969, #A37F47 100%);
	background: -webkit-linear-gradient(150deg, #B99969, #A37F47 100%);
	background: -ms-linear-gradient(150deg, #B99969, #A37F47 100%);
	background: linear-gradient(150deg, #B99969, #A37F47 100%);
	line-height: 1.6;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, .2);
	border-radius: .4em;
	padding: .2em;
}

.btnBox a .line {
	width: 100%;
	display: inline-block;
	border: #fff 2px solid;
	border-radius: .2em;
	padding: 0 .5em .3em;
}

.btnBox a span {

}

.btnBox a span.min {
	font-size: 55%;
	line-height: 1.2;
	padding-bottom: .3em;
}

.btnBox a span.min::before {
	font-size: 180%;
	content: "/";
	transform: scale(-1, 1);
	font-weight: normal;
	display: inline-block;
	position: relative;
	top: .1em;
	padding: 0 .3em;
}

.btnBox a span.min::after {
	font-size: 180%;
	content: "/";
	font-weight: normal;
	display: inline-block;
	position: relative;
	top: .1em;
	padding: 0 .1em;
}

.btnBox a span.min strong {
	font-size: 190%;
	font-weight: normal;
	display: inline-block;
	position: relative;
	top: .15em;
	padding: 0 .1em;
}

.btnBox a span.icon {
	background: url("/lp/professional-search/assets/img/icon_mail.png") left center no-repeat;
	background-size: 1.5em auto;
	padding-left: 2em;
}

.note {
	font-size: 12px;
}

@media only screen and (max-width: 999px) {
	.pc {
		display: none;
	}
	.inner {
		width: 100%;
		padding: 0 20px;
	}
}

@media only screen and (min-width: 1000px) {
	.sp {
		display: none;
	}

	.catch {
		font-size: 48px;
	}

	.lead {
		font-size: 20px;
	}

	.note {
		font-size: 12px;
	}

	.btnBox a .line {
		font-size: 28px;
		padding: 0 4.6em .25em;
	}

	.btnBox a {
		position: relative;
	}

	.btnBox a::after {
		transition: all .3s;
		content: '';
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		border-radius: .4em;
		position: absolute;
		background: -moz-linear-gradient(150deg, #b4843d, #744d10 100%);
		background: -webkit-linear-gradient(150deg, #b4843d, #744d10 100%);
		background: -ms-linear-gradient(150deg, #b4843d, #744d10 100%);
		background: linear-gradient(150deg, #b4843d, #744d10 100%);
		opacity: 0;
		z-index: 1;
	}

	.btnBox a:hover {
		opacity: 1;
	}

	.btnBox a:hover::after {
		opacity: 1;
	}

	.btnBox a>span {
		position: relative;
		z-index: 2;
	}
}

/* ======================================
	cta
====================================== */
.cta {
	width: 100%;
	color: #fff;
	background-image: url(../img/PC/bg/cta_bg@2x.png);
	padding: 40px 0;
	background-position: center;
	background-size: cover;
}

.cta__groups {
	display: flex;
	gap: 80px;
	text-align: center;
	justify-content: center;
	font-family: YuGothic;
	font-size: 22px;
	font-weight: 700;
}

.cta__cont {
	margin-bottom: 16px;
	color: var(--Semantic-Color-White, #FFF);
	line-height: normal;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cta__cont img {
	width: 45px;
	height: 45px;
}

.cta__txt {
	padding-top: 8px;
}

.cta__buttons .btn {
    display: flex;
    width: 304.68px;
    height: 60.936px;
    justify-content: center;
    align-items: center;
    border-radius: 1.904px;
    background: linear-gradient(180deg, #C5AF77 0.35%, #AF9560 107.38%), #F5883D;
    box-shadow: 0 0.952px 1.904px 0 rgba(0, 53, 87, 0.25);
    color: var(--Semantic-Color-White, #FFF);
    font-family: YuGothic;
    font-size: 18px;
    font-weight: 700;
    position: relative;
    z-index: 3;
}

.cta__buttons.arrow .btn::before {
  content: '';
  display: inline-block;
  width: 7.055px;
  height: 11.425px;
  background-image: url("../img/PC/icon/arrow_white.svg");
  position: absolute;
  right: 12px;
  z-index: 2;
}

.cta__buttons.arrow .btn::after {
  border-radius: 1.904px;
}

.cta__buttons .btn span.icon {
	background: none;
	padding-left: 0;
}

.cta .img {
	pointer-events: none;
	position: absolute;
	right: 5%;
	bottom: 0;
	max-width: 337px;
	z-index: 3;
	display: none;
}

.cta--1 {
	width: 100%;
	padding: 15.5px 0;
	background: linear-gradient(0deg, #142F71 0%, #142F71 100%), #FFF;
}

.cta--1.fix {
    position: sticky;
    bottom: 0;
	z-index: 3;
}

.cta--1 .cta__groups {
	gap: 40px;
}

.cta--1 .btn {
	width: 400px;
	height: 55px;
}

.icon-btn .btn span {
	display: flex;
	align-items: center;
}

.icon-btn span::before {
	content: "";
	display: inline-block;
	background-size: 16px;
	background-repeat: no-repeat;
	margin-right: 8px;
    position: relative;
    top: 0.5px;
}

.icon-btn span.note-icon::before {
	background-image: url("../img/PC/icon/ic_kv_description@2x.png");
	width: 14px;
	height: 17px;
}

.icon-btn span.yen-icon::before {
	background-image: url("../img/PC/icon/ic_kv_jpy@2x.png");
	width: 16px;
	height: 16px;
}

@media only screen and (max-width: 999px) {
	.cta {
		background-image: url(../img/SP/bg/cta_bg@2x.png);
	}
	.cta .img {
		display: none;
	}
	.cta__buttons .btn {
		width: calc(100% - 37px * 2);
		height: 56px;
		margin: 0 auto;
		font-size: 17.138px;
	}

	.cta__buttons .btn:not(:last-child) {
		margin-bottom: 24px;
	}

	.icon-btn .btn span::before {
		top: -0.5px;
	}

	.icon-btn .btn span.note-icon::before {
		width: 17.329px;
		height: 21.661px;
		background-size: 17px;
	}

	.icon-btn .btn span.yen-icon::before {
		width: 20px;
		height: 20px;
        background-size: 20px;
	}

	.cta__groups {
		display: block;
	}

	.cta .cta__group:first-child {
		margin-bottom: 32px;
	}

	.cta__cont {
		margin-bottom: 12px;
	}

	.cta__cont img {
		width: 48px;
		height: 48px;
	}

	.cta__txt {
        font-size: 18px;
        line-height: 28px;
		padding-top: 2px;
	}

	.cta__buttons .btn {
		width: 300px;
		height: 55px;
	}

	.cta--1 {
		padding: 13.5px 0;
	}

	.cta--1 .inner {
		padding: 0 19.5px;
	}

	.cta--1 .cta__groups {
		display: flex;
		gap: 16px;
	}

	.cta--1 .cta__group {
		flex: 1 1 auto;
	}

	.cta--1 .btn {
		width: 100%;
		height: 48px;
		font-size: 16px;
	}

	.cta--1 .icon-btn .btn span.note-icon::before {
		width: 14px;
		height: 17px;
        background-size: 14px;
	}

	.cta--1 .icon-btn .btn span.yen-icon::before {
		width: 16px;
        height: 16px;
        background-size: 16px;
	}

	.cta--1 .cta__buttons.arrow .btn::before {
		display: none;
	}
}

@media only screen and (min-width: 1000px) {

}

/* ======================================
	header
====================================== */
header {
	position: absolute;
	width: 100%;
}

header .logo {}

header .logo h1 {

}

@media only screen and (max-width: 999px) {
	header {
		position: static;
		width: 100%;
		z-index: 2;
    background-color: #fff;
	}

	header .contactBtn {
		position: absolute;
		top: 0;
		right: 0;
	}

	header .contactBtn a span {
		display: none;
	}

	header .logo {
		margin: 0 3%;
		padding: 15px 0 18px;
	}
	header .logo h1 {
		max-width: 220px;
		display: flex;
        align-items: center;
	}
}

@media only screen and (min-width: 1000px) {
	header {
		position: relative;
		z-index: 9999;
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 72px;
		padding: 14px 62px 14px 30px;
		transition: all .4s;
	}

	header .logo {
		cursor: pointer;
		margin-top: -5px;
	}

	header .logo p {
		padding-bottom: .8em;
	}

	header .logo h1 {
		max-width: 320px;
	}

	header.fix,
	header.fix * {
		transition: all .4s;
	}

	header.fix {
		background-color: #fff;
		position: fixed;
	}

	header.fix .logo {
		margin: 10px 3%;
	}

	header.fix .logo p {
		display: none;
	}

	header.fix .logo h1 {
		width: 250px;
	}
}

@media only screen and (min-width: 1000px) and (max-width: 1150px) {
	header {
		padding: 14px 30px;
	}
}

/* ======================================
	globalNav
====================================== */
#globalNav {
	z-index: 9999;
}

#globalNav nav ul {
	padding-bottom: 1em;
}

#globalNav nav ul li {
	padding-bottom: 1.5em;
}

#globalNav nav ul li a {
  font-family: YuGothic;
  font-size: 16px;
  font-weight: 700;
}

#globalNav nav .btnBox a {
	font-size: 16px;
	padding: 1em 1em;
	font-family: YuGothic;
}

@media only screen and (max-width : 999px) {
	#globalNav {
		position: fixed;
		bottom: 20px;
		right: 3%;
		padding: 0;
	}

	#globalNav .sp {
		display: inline;
	}

	#globalNav .pure-toggle-label {
		position: absolute;
		border: none;
		background-color: #fff;
		box-shadow: 5px 5px 10px rgba(0, 0, 0, .2);
		top: auto;
		top: 1.8em;
		right: 0;
		width: 56px;
		height: 56px;
	}

	#globalNav .pure-toggle-label .pure-toggle-icon {
		top: 32px;
	}

	#globalNav .pure-drawer {
		background: #fff;
		width: 15em;
		top: 0;
		right: 0;
		left: auto;
	}

	#globalNav[data-effect='pure-effect-slide'] .pure-drawer {
		-webkit-transition-duration: 300ms;
		transition-duration: 300ms;
	}

	#globalNav .pure-drawer ul {
		margin: 100px 0 0 2em;
	}

	#globalNav .pure-drawer ul li a {
		padding: .3em 0;
	}

	#globalNav nav .btnBox {
		padding: 0 24px;
	}

	#globalNav nav .btnBox a {
		padding: 0.58em 0;
		width: 100%;
		display: flex;
		justify-content: center;
	}

	#globalNav .btnBox a span.icon {
		background-size: 1.3em auto;
		padding-left: 1.7em;
	}

	#globalNav .pure-overlay {
		background-color: rgba(0, 0, 0, .7);
		-webkit-transition-delay: 200ms;
		transition-delay: 200ms;
	}

	#globalNav .pure-toggle[data-toggle='right']:checked~.pure-overlay[data-overlay='right'] {
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 1;
		z-index: 2;
	}

	#globalNav .pure-toggle-label .pure-toggle-icon,
	#globalNav .pure-toggle-label .pure-toggle-icon:before,
	#globalNav .pure-toggle-label .pure-toggle-icon:after {
		width: 24px;
		height: 2px;
		-webkit-transition: all 200ms ease-in-out;
		transition: all 200ms ease-in-out;
	}
}

@media only screen and (min-width: 1000px) {
	#globalNav {
		position: relative;
	}

	#globalNav .pure-toggle {
		display: none;
	}

	#globalNav nav {
    display: flex;
    align-items: center;
	}

	#globalNav nav ul {
		margin-right: 0;
    padding: .5em 0;
    display: flex;
    align-items: center;
	}

	#globalNav nav ul li {
    display: flex;
    align-items: center;
	padding: 0 1.89em 0 0;
	}

	#globalNav nav ul li a {

	}

	#globalNav nav .btnBox {
		width: auto;
	}

	#globalNav nav .btnBox a {
    padding: 0.58em 0.95em;
	}

	#globalNav.fix,
	#globalNav.fix * {
		transition: all .4s;
	}

	#globalNav.fix {

	}

	#globalNav.fix nav ul {
		padding-top: .4em;
	}

	#globalNav.fix nav ul li a {
		font-size: 15px;
	}

	#globalNav.fix nav .btnBox a {
		font-size: 14px;
		box-shadow: 2.5px 2.5px 5px rgb(0 0 0 / 20%);
		padding: .5em 1.5em;
	}
}

@media only screen and (min-width: 1000px) and (max-width: 1150px) {
	#globalNav nav ul {
		transition: all .4s;
		margin-right: 0.5em;
		display: flex;
	}

	#globalNav nav ul li {
		transition: all .4s;
		padding-right: .5em;
		padding-left: 0;
	}
}

/* ======================================
	kv
====================================== */

html {

}

.kv__pct {
    background: linear-gradient(45deg, #062060 49.7%, #1843ae 92.23%);
}

.kv__ctas {
	display: block;
}

.kv__buttons--pc {
    display: none;
    gap: 24px;
    flex-wrap: wrap;
    position: absolute;
}

.kv__buttons--sp {
	padding: 30px 0;
}

@media only screen and (min-width: 1000px) {
    #kv {
        position: relative;
        min-height: 480px;
        display: flex;
        align-items: center;
    }

    .kv__inner {
        margin: 0 auto;
        width: 100%;
    }

    .kv-sp-img {
        display: none;
    }

    .kv__pct {
        height: 600px;
        background-image: url("../img/PC/bg/hojin_kvpc_2669@2x.jpg");
        background-size: cover;
        background-position: center;
		background-repeat: no-repeat;
    }

    .kv__pct img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        vertical-align: bottom;
    }

	.kv__ctas {
		display: none;
	}

    .kv__buttons--pc {
		display: flex;
        gap: 30px;
        position: absolute;
        bottom: 98px;
		max-width: 640px;
		right: 0;
		left: -308px;
		margin: auto;
    }
	.kv__buttons--sp {
		display: none;
	}
}

@media only screen and (max-width: 667px) {}

@media only screen and (min-width: 668px) {
	#kv {

	}

	#kv .inner {
		max-width: 1140px;
	}

	#kv .lead-img-sp {
		display: none;
	}

	#kv .btnBox {

	}
}

@media only screen and (min-width: 1000px) {

}

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

}

/* ======================================
	reason
====================================== */
.reason {
	padding: 0.85em 0 0;
}

.reason__lists {
  max-width: 1056px;
  margin: 0 auto;
}

.reason-block {
  display: flex;
  align-items: center;
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid var(--Semantic-Color-Border-gray, #E6E6E6);
}

.reason__lists ul li:last-child .reason-block {
  border-bottom: none;
}

.reason-block__left {
  max-width: 538px;
  margin-right: 40px;
  font-family: YuGothic;
}

.reason-block__header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.reason-block__num {
  color: var(--Primitive-Color-Gray-100, #E7E7E7);
  text-align: center;
  font-family: "Noto Serif JP";
  font-size: 96px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -4.8px;
  margin-right: 26px;
  line-height: 1;
}

.reason-block__title {
  font-family: "Noto Serif JP";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  padding-top: 5px;
}

.reason-block__desc {
  font-size: 16px;
  line-height: normal;
  margin-bottom: 32px;
}

.reason-block__desc b {
  font-weight: 700;
}

.reason-block__supplement {
  color: var(--Text-Text-Tertiary, #9FA0A0);
  font-size: 12px;
  line-height: 150%;
}
.reason-block__supplement span {
  font-weight: 700;
  line-height: 150%;
  color: #222;
}

/* テーブルのスタイル */
table {
	width: 100%;
}

.reason__table {
  font-size: 14px;
  font-family: YuGothic;
}

.reason__table tr {
	display: flex;
}

.reason__table td,
.reason__table th {
	display: flex;
	align-items: center;
	justify-content: center;
}

.reason__table .reason__table--data {
  width: 159px;
  min-width: 159px;
}

.reason__table--head {
  width: 159px;
  min-width: 159px;
  height: 52px;
  background: var(--Semantic-Color-Border-gray, #E6E6E6);
  text-align: center;
  font-weight: 700;
}

.reason__table--head.data-empty {
  background: var(--Semantic-Color-Background-gray, #F5F5F5);
}

.reason__table--head.sub-head {
  height: 70px;
  border-bottom: 1px solid #FFF;
  background: var(--Semantic-Color-Background-gray, #F5F5F5);
  font-weight: 700;
  line-height: 20px;
}

.reason__table--head.sub-head.no-border {
  border-bottom: none;
}

.reason__table--head.sub-head.highlight {
  background: linear-gradient(269deg, #B19763 1.87%, #C4AE76 99.44%);
  height: 93.5px;
  color: var(--Semantic-Color-White, #FFF);
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  border-bottom: none;
}

.reason__table--data {
  height: 70px;
  text-align: center;
  border-bottom: 1px solid var(--Semantic-Color-Border-gray, #E6E6E6);
}

.reason__table--data.border-right {
  border-right: 1px solid var(--Semantic-Color-Border-gray, #E6E6E6);
}

.reason__table--data.highlight {
  border-top: 2px solid var(--Semantic-Color-Gold, #A37F47);
  border-bottom: 2px solid var(--Semantic-Color-Gold, #A37F47);
  background: var(--Semantic-Color-Info-yellow, #FFFEF1);
  color: var(--Semantic-Color-Gold, #A37F47);
  font-size: 14px;
  font-weight: 700;
  line-height: 130%;
  padding-top: 2px;
  height: 93.5px;
}

.reason__table--data.highlight.td-right {
  border-right: 2px solid var(--Semantic-Color-Gold, #A37F47);
  font-size: 12px;
  padding-bottom: 7px;
  padding-top: 0;
}

.reason__table--data.highlight .data-num {
  font-family: "Noto Serif JP";
  font-size: 38px;
  line-height: 32.604px;
  letter-spacing: 0.358px;
  background: linear-gradient(180deg, #E7CC87 0%, #B39A65 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transform: skewX(-7deg);
  display: inline-block;
  position: relative;
  top: 1.5px;
  padding-top: 4px;
}

.reason__table--data.highlight.td-right .data-num {
  padding-top: 0;
}

.reason__table--data.highlight .data-txt {
  color: var(--Keycolor-Bright-Gold, #B9996A);
  font-size: 20px;
}

.reason__table--data .data-num {
  font-size: 18px;
  font-weight: 700;
}

.reason__table--data .data-unit {
  font-size: 12px;
  font-weight: 700;
}

.reason__table--scout {
  font-weight: 700;
}

.reason__table--scout .reason__table--head {
  width: 153px;
  min-width: 153px;
  height: 40px;
  text-align: center;
  font-family: "Yu Gothic Pr6N";
  font-size: 14px;
  line-height: 21.736px; /* 150% */
  letter-spacing: -0.283px;
}

.reason__table--scout .reason__table--head.data-empty {
  width: 180px;
  min-width: 180px;
}

.reason__table--scout tr th:last-child,
.reason__table--scout tr td:last-child {
  border-left: 1px solid var(--Keycolor-White, #FFF);
}

.reason__table--diamond .reason__table--head,
.reason__table--platina .reason__table--head {
  display: flex;
  width: 180px;
  height: 80px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--Semantic-Color-White, #FFF);
  line-height: 21.736px;
  letter-spacing: -0.283px;
}

.reason__table--diamond .reason__table--head {
  gap: 2px;
  background: linear-gradient(180deg, #535050 0%, #000 100%);
}

.reason__table--diamond .reason__table--head::before {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDMyIDIwIiBmaWxsPSJub25lIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfOTU1MF8xNjg0KSI+PHBhdGggZD0iTTI0LjgyOSAtMC4wOTQzNjA0SDE1LjkwNkg2Ljk4MjVMLTAuMDk0MjM4MyA1LjE1NjUxTDE1LjkwNiAxOS45MDU2TDMxLjkwNTggNS4xNTY1MUwyNC44MjkgLTAuMDk0MzYwNFoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl85NTUwXzE2ODQpIi8+PHBhdGggZD0iTTIyLjU5MjIgLTAuMDk0MzYwNEwyMC43MTkyIDEuNzM5MDhMMjcuMTI5NSA1LjE1NjUxTDI3LjE0NTEgMS42MjAzOUwyMi41OTIyIC0wLjA5NDM2MDRaIiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXJfOTU1MF8xNjg0KSIvPjxwYXRoIGQ9Ik0yNy4xNDUgMS42MjA3M0wzMC4yOTM0IDUuMTU2ODRIMzEuOTA1M0wyNy4xNDUgMS42MjA3M1oiIGZpbGw9InVybCgjcGFpbnQyX2xpbmVhcl85NTUwXzE2ODQpIi8+PHBhdGggZD0iTTIwLjcxOTIgMS43MzgyOEwyMS44NDMyIDUuMTU1NzFIMjcuMTI5NUwyMC43MTkyIDEuNzM4MjhaIiBmaWxsPSJ1cmwoI3BhaW50M19saW5lYXJfOTU1MF8xNjg0KSIvPjxwYXRoIGQ9Ik0yNC44Mjg4IC0wLjA5NDM2MDRIMjIuNTkyM0wyNy4xNDUyIDEuNjIwMzlMMjQuODI4OCAtMC4wOTQzNjA0WiIgZmlsbD0idXJsKCNwYWludDRfbGluZWFyXzk1NTBfMTY4NCkiLz48cGF0aCBkPSJNMTUuOTA1OCAtMC4wOTM0OTcxTDIyLjU5MjMgLTAuMDk0MzYwNEwyMC43MTk0IDEuNzM5MDhMMTUuOTA1OCAtMC4wOTM0OTcxWiIgZmlsbD0idXJsKCNwYWludDVfbGluZWFyXzk1NTBfMTY4NCkiLz48cGF0aCBkPSJNMjEuODQzMyA1LjE1NTcxTDIwLjcxOTQgMS43MzgyOEwxNS45MDU4IDUuMTU1NzFIMjEuODQzM1oiIGZpbGw9InVybCgjcGFpbnQ2X2xpbmVhcl85NTUwXzE2ODQpIi8+PHBhdGggZD0iTTI3LjE0NTEgMS42MjA3M0wyNy4xMjk0IDUuMTU2ODRIMzAuMjkzNUwyNy4xNDUxIDEuNjIwNzNaIiBmaWxsPSJ1cmwoI3BhaW50N19saW5lYXJfOTU1MF8xNjg0KSIvPjxwYXRoIGQ9Ik0zMC4yOTM4IDUuMTU2NDlMMTkuNjc1IDE2LjQzNzdMMjcuMTI5NyA1LjE1NjQ5SDMwLjI5MzhaIiBmaWxsPSJ1cmwoI3BhaW50OF9saW5lYXJfOTU1MF8xNjg0KSIvPjxwYXRoIGQ9Ik0yMS44NDM2IDUuMTU2NDlMMTcuMzkzMSAxNi42MDQ3TDI3LjEyOTkgNS4xNTY0OUgyMS44NDM2WiIgZmlsbD0idXJsKCNwYWludDlfbGluZWFyXzk1NTBfMTY4NCkiLz48cGF0aCBkPSJNMzEuOTA1NiA1LjE1NjQ5TDE5LjY3NSAxNi40Mzc3TDMwLjI5MzggNS4xNTY0OUgzMS45MDU2WiIgZmlsbD0idXJsKCNwYWludDEwX2xpbmVhcl85NTUwXzE2ODQpIi8+PHBhdGggZD0iTTE1LjkwNTkgLTAuMDk0MzYwNEwxMS4wOTIzIDEuNzM5MDhMMTUuOTA1OSA1LjE1NjUxTDIwLjcxOTUgMS43MzkwOEwxNS45MDU5IC0wLjA5NDM2MDRaIiBmaWxsPSJ1cmwoI3BhaW50MTFfbGluZWFyXzk1NTBfMTY4NCkiLz48cGF0aCBkPSJNOS4yMTkwMSAtMC4wOTQzNjA0TDExLjA5MjQgMS43MzkwOEw0LjY4MTc0IDUuMTU2NTFMNC42NjY1IDEuNjIwMzlMOS4yMTkwMSAtMC4wOTQzNjA0WiIgZmlsbD0idXJsKCNwYWludDEyX2xpbmVhcl85NTUwXzE2ODQpIi8+PHBhdGggZD0iTTQuNjY2NDcgMS42MjA3M0wxLjUxODA1IDUuMTU2ODRILTAuMDk0MjM4M0w0LjY2NjQ3IDEuNjIwNzNaIiBmaWxsPSJ1cmwoI3BhaW50MTNfbGluZWFyXzk1NTBfMTY4NCkiLz48cGF0aCBkPSJNMTEuMDkyOCAxLjczODI4TDkuOTY4ODQgNS4xNTU3MUg0LjY4MjEzTDExLjA5MjggMS43MzgyOFoiIGZpbGw9InVybCgjcGFpbnQxNF9saW5lYXJfOTU1MF8xNjg0KSIvPjxwYXRoIGQ9Ik02Ljk4MjU0IC0wLjA5NDM2MDRIOS4yMTkwMUw0LjY2NjUgMS42MjAzOUw2Ljk4MjU0IC0wLjA5NDM2MDRaIiBmaWxsPSJ1cmwoI3BhaW50MTVfbGluZWFyXzk1NTBfMTY4NCkiLz48cGF0aCBkPSJNMTUuOTA2MiAtMC4wOTM0OTcxTDkuMjE5MjQgLTAuMDk0MzYwNEwxMS4wOTI2IDEuNzM5MDhMMTUuOTA2MiAtMC4wOTM0OTcxWiIgZmlsbD0idXJsKCNwYWludDE2X2xpbmVhcl85NTUwXzE2ODQpIi8+PHBhdGggZD0iTTkuOTY4MjYgNS4xNTU3MUwxMS4wOTIyIDEuNzM4MjhMMTUuOTA1OCA1LjE1NTcxSDkuOTY4MjZaIiBmaWxsPSJ1cmwoI3BhaW50MTdfbGluZWFyXzk1NTBfMTY4NCkiLz48cGF0aCBkPSJNNC42NjY0OCAxLjYyMDczTDQuNjgxNzIgNS4xNTY4NEgxLjUxODA3TDQuNjY2NDggMS42MjA3M1oiIGZpbGw9InVybCgjcGFpbnQxOF9saW5lYXJfOTU1MF8xNjg0KSIvPjxwYXRoIGQ9Ik0xLjUxODA3IDUuMTU2NDlMMTIuMTM2OCAxNi40Mzc3TDQuNjgxNzIgNS4xNTY0OUgxLjUxODA3WiIgZmlsbD0idXJsKCNwYWludDE5X2xpbmVhcl85NTUwXzE2ODQpIi8+PHBhdGggZD0iTTE1LjkwNTUgNS4xNTY0OUwxNC40MTg1IDE2LjYwNDdMMTUuOTA1NSAxOS45MDU2TDE3LjM5MjUgMTYuNjA0N0wxNS45MDU1IDUuMTU2NDlaIiBmaWxsPSJ1cmwoI3BhaW50MjBfbGluZWFyXzk1NTBfMTY4NCkiLz48cGF0aCBkPSJNOS45Njg4NCA1LjE1NjQ5TDE0LjQxOTQgMTYuNjA0N0w0LjY4MjEzIDUuMTU2NDlIOS45Njg4NFoiIGZpbGw9InVybCgjcGFpbnQyMV9saW5lYXJfOTU1MF8xNjg0KSIvPjxwYXRoIGQ9Ik0tMC4wOTQyMzgzIDUuMTU2NDlMMTIuMTM2OCAxNi40Mzc3TDEuNTE4MDUgNS4xNTY0OUgtMC4wOTQyMzgzWiIgZmlsbD0idXJsKCNwYWludDIyX2xpbmVhcl85NTUwXzE2ODQpIi8+PC9nPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl85NTUwXzE2ODQiIHgxPSIxNS45MDYiIHkxPSItMTcuNjc2MSIgeDI9IjE1LjkwNiIgeTI9IjIxLjUyNjciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAuMzciIHN0b3AtY29sb3I9IndoaXRlIi8+PHN0b3Agb2Zmc2V0PSIwLjQ1IiBzdG9wLWNvbG9yPSIjRTRFNEU3Ii8+PHN0b3Agb2Zmc2V0PSIwLjYzIiBzdG9wLWNvbG9yPSIjQTBBMEE4Ii8+PHN0b3Agb2Zmc2V0PSIwLjg4IiBzdG9wLWNvbG9yPSIjMzQzNDQ2Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDAwMDE2Ii8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXJfOTU1MF8xNjg0IiB4MT0iMjIuMjE0MyIgeTE9Ii0xNi4zMzYiIHgyPSIyNS4zMTA4IiB5Mj0iMTQuODgxNyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMC4zNyIgc3RvcC1jb2xvcj0id2hpdGUiLz48c3RvcCBvZmZzZXQ9IjAuNDUiIHN0b3AtY29sb3I9IiNFNEU0RTciLz48c3RvcCBvZmZzZXQ9IjAuNjMiIHN0b3AtY29sb3I9IiNBMEEwQTgiLz48c3RvcCBvZmZzZXQ9IjAuODgiIHN0b3AtY29sb3I9IiMzNDM0NDYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMDAwMTYiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQyX2xpbmVhcl85NTUwXzE2ODQiIHgxPSIyOS41MjQ5IiB5MT0iLTQuODE5MiIgeDI9IjI5LjUyNDkiIHkyPSIxMS43NDYxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwLjM3IiBzdG9wLWNvbG9yPSJ3aGl0ZSIvPjxzdG9wIG9mZnNldD0iMC40NSIgc3RvcC1jb2xvcj0iI0U0RTRFNyIvPjxzdG9wIG9mZnNldD0iMC42MyIgc3RvcC1jb2xvcj0iI0EwQTBBOCIvPjxzdG9wIG9mZnNldD0iMC44OCIgc3RvcC1jb2xvcj0iIzM0MzQ0NiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAwMDAxNiIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDNfbGluZWFyXzk1NTBfMTY4NCIgeDE9IjIzLjkyNDQiIHkxPSItMS44NjA4NSIgeDI9IjIzLjkyNDQiIHkyPSIyNC42OTQzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwLjM3IiBzdG9wLWNvbG9yPSJ3aGl0ZSIvPjxzdG9wIG9mZnNldD0iMC40NSIgc3RvcC1jb2xvcj0iI0U0RTRFNyIvPjxzdG9wIG9mZnNldD0iMC42MyIgc3RvcC1jb2xvcj0iI0EwQTBBOCIvPjxzdG9wIG9mZnNldD0iMC44OCIgc3RvcC1jb2xvcj0iIzM0MzQ0NiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAwMDAxNiIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDRfbGluZWFyXzk1NTBfMTY4NCIgeDE9IjI3LjQ0NTciIHkxPSItOS42OTQwNSIgeDI9IjIxLjk2NDIiIHkyPSIxMS42ODg2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwLjM3IiBzdG9wLWNvbG9yPSJ3aGl0ZSIvPjxzdG9wIG9mZnNldD0iMC40NSIgc3RvcC1jb2xvcj0iI0U0RTRFNyIvPjxzdG9wIG9mZnNldD0iMC42MyIgc3RvcC1jb2xvcj0iI0EwQTBBOCIvPjxzdG9wIG9mZnNldD0iMC44OCIgc3RvcC1jb2xvcj0iIzM0MzQ0NiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAwMDAxNiIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDVfbGluZWFyXzk1NTBfMTY4NCIgeDE9IjExLjEwNTMiIHkxPSItMjcuNDkwNyIgeDI9IjIyLjgxMTkiIHkyPSIxMC4zNjk0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwLjM3IiBzdG9wLWNvbG9yPSJ3aGl0ZSIvPjxzdG9wIG9mZnNldD0iMC40NSIgc3RvcC1jb2xvcj0iI0U0RTRFNyIvPjxzdG9wIG9mZnNldD0iMC42MyIgc3RvcC1jb2xvcj0iI0EwQTBBOCIvPjxzdG9wIG9mZnNldD0iMC44OCIgc3RvcC1jb2xvcj0iIzM0MzQ0NiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAwMDAxNiIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDZfbGluZWFyXzk1NTBfMTY4NCIgeDE9IjE3LjgyODIiIHkxPSItOC45NjA3IiB4Mj0iMTkuODczNCIgeTI9IjE3LjU2NDIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAuMzciIHN0b3AtY29sb3I9IndoaXRlIi8+PHN0b3Agb2Zmc2V0PSIwLjQ1IiBzdG9wLWNvbG9yPSIjRTRFNEU3Ii8+PHN0b3Agb2Zmc2V0PSIwLjYzIiBzdG9wLWNvbG9yPSIjQTBBMEE4Ii8+PHN0b3Agb2Zmc2V0PSIwLjg4IiBzdG9wLWNvbG9yPSIjMzQzNDQ2Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDAwMDE2Ii8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50N19saW5lYXJfOTU1MF8xNjg0IiB4MT0iMjguNzExMiIgeTE9Ii0xMC45NzY0IiB4Mj0iMjguNzExMiIgeTI9IjUuNDQ5NDciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAuMzciIHN0b3AtY29sb3I9IndoaXRlIi8+PHN0b3Agb2Zmc2V0PSIwLjQ1IiBzdG9wLWNvbG9yPSIjRTRFNEU3Ii8+PHN0b3Agb2Zmc2V0PSIwLjYzIiBzdG9wLWNvbG9yPSIjQTBBMEE4Ii8+PHN0b3Agb2Zmc2V0PSIwLjg4IiBzdG9wLWNvbG9yPSIjMzQzNDQ2Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDAwMDE2Ii8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50OF9saW5lYXJfOTU1MF8xNjg0IiB4MT0iMTcuMTQyNCIgeTE9IjIuOTUxNDQiIHgyPSI0OS41NTQ4IiB5Mj0iMzQuMTI2NiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMC4zNyIgc3RvcC1jb2xvcj0id2hpdGUiLz48c3RvcCBvZmZzZXQ9IjAuNDUiIHN0b3AtY29sb3I9IiNFNEU0RTciLz48c3RvcCBvZmZzZXQ9IjAuNjMiIHN0b3AtY29sb3I9IiNBMEEwQTgiLz48c3RvcCBvZmZzZXQ9IjAuODgiIHN0b3AtY29sb3I9IiMzNDM0NDYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMDAwMTYiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQ5X2xpbmVhcl85NTUwXzE2ODQiIHgxPSIzLjU0MDA0IiB5MT0iMzguNDc0IiB4Mj0iMTcuNzA2IiB5Mj0iMTYuODEyOSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMC4zNyIgc3RvcC1jb2xvcj0id2hpdGUiLz48c3RvcCBvZmZzZXQ9IjAuNDUiIHN0b3AtY29sb3I9IiNFNEU0RTciLz48c3RvcCBvZmZzZXQ9IjAuNjMiIHN0b3AtY29sb3I9IiNBMEEwQTgiLz48c3RvcCBvZmZzZXQ9IjAuODgiIHN0b3AtY29sb3I9IiMzNDM0NDYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMDAwMTYiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxMF9saW5lYXJfOTU1MF8xNjg0IiB4MT0iMzcuNjk5MyIgeTE9IjMwLjIwMjgiIHgyPSIyMy40ODI2IiB5Mj0iNy45MzIyNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMC4zNyIgc3RvcC1jb2xvcj0id2hpdGUiLz48c3RvcCBvZmZzZXQ9IjAuNDUiIHN0b3AtY29sb3I9IiNFNEU0RTciLz48c3RvcCBvZmZzZXQ9IjAuNjMiIHN0b3AtY29sb3I9IiNBMEEwQTgiLz48c3RvcCBvZmZzZXQ9IjAuODgiIHN0b3AtY29sb3I9IiMzNDM0NDYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMDAwMTYiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxMV9saW5lYXJfOTU1MF8xNjg0IiB4MT0iMTUuOTA1OSIgeTE9Ii01LjY5OTU3IiB4Mj0iMTUuOTA1OSIgeTI9IjE2Ljk5MjMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAuMzciIHN0b3AtY29sb3I9IndoaXRlIi8+PHN0b3Agb2Zmc2V0PSIwLjQ1IiBzdG9wLWNvbG9yPSIjRTRFNEU3Ii8+PHN0b3Agb2Zmc2V0PSIwLjYzIiBzdG9wLWNvbG9yPSIjQTBBMEE4Ii8+PHN0b3Agb2Zmc2V0PSIwLjg4IiBzdG9wLWNvbG9yPSIjMzQzNDQ2Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDAwMDE2Ii8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MTJfbGluZWFyXzk1NTBfMTY4NCIgeDE9IjI1LjM4IiB5MT0iNC45MjQzMSIgeDI9Ii0xLjk5ODQ1IiB5Mj0iMS41MDY2NSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMC4zNyIgc3RvcC1jb2xvcj0id2hpdGUiLz48c3RvcCBvZmZzZXQ9IjAuNDUiIHN0b3AtY29sb3I9IiNFNEU0RTciLz48c3RvcCBvZmZzZXQ9IjAuNjMiIHN0b3AtY29sb3I9IiNBMEEwQTgiLz48c3RvcCBvZmZzZXQ9IjAuODgiIHN0b3AtY29sb3I9IiMzNDM0NDYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMDAwMTYiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxM19saW5lYXJfOTU1MF8xNjg0IiB4MT0iLTIuNTA4NDUiIHkxPSItMy4zMzE5IiB4Mj0iOS4xOTA2NSIgeTI9IjEyLjQzMzQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAuMzciIHN0b3AtY29sb3I9IndoaXRlIi8+PHN0b3Agb2Zmc2V0PSIwLjQ1IiBzdG9wLWNvbG9yPSIjRTRFNEU3Ii8+PHN0b3Agb2Zmc2V0PSIwLjYzIiBzdG9wLWNvbG9yPSIjQTBBMEE4Ii8+PHN0b3Agb2Zmc2V0PSIwLjg4IiBzdG9wLWNvbG9yPSIjMzQzNDQ2Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDAwMDE2Ii8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MTRfbGluZWFyXzk1NTBfMTY4NCIgeDE9IjEuNDM2MzgiIHkxPSItNC42MjQ4MyIgeDI9IjI0LjY3MjgiIHkyPSIyMy4zMjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAuMzciIHN0b3AtY29sb3I9IndoaXRlIi8+PHN0b3Agb2Zmc2V0PSIwLjQ1IiBzdG9wLWNvbG9yPSIjRTRFNEU3Ii8+PHN0b3Agb2Zmc2V0PSIwLjYzIiBzdG9wLWNvbG9yPSIjQTBBMEE4Ii8+PHN0b3Agb2Zmc2V0PSIwLjg4IiBzdG9wLWNvbG9yPSIjMzQzNDQ2Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDAwMDE2Ii8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MTVfbGluZWFyXzk1NTBfMTY4NCIgeDE9IjMuODg1MzIiIHkxPSItNi4yNTMzMiIgeDI9IjcuMzY4MzgiIHkyPSIxLjQzMDQzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwLjM3IiBzdG9wLWNvbG9yPSJ3aGl0ZSIvPjxzdG9wIG9mZnNldD0iMC40NSIgc3RvcC1jb2xvcj0iI0U0RTRFNyIvPjxzdG9wIG9mZnNldD0iMC42MyIgc3RvcC1jb2xvcj0iI0EwQTBBOCIvPjxzdG9wIG9mZnNldD0iMC44OCIgc3RvcC1jb2xvcj0iIzM0MzQ0NiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAwMDAxNiIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDE2X2xpbmVhcl85NTUwXzE2ODQiIHgxPSIxMi41NjI3IiB5MT0iLTIxLjc0MzkiIHgyPSIxMi41NjI3IiB5Mj0iMjUuNTM1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwLjM3IiBzdG9wLWNvbG9yPSJ3aGl0ZSIvPjxzdG9wIG9mZnNldD0iMC40NSIgc3RvcC1jb2xvcj0iI0U0RTRFNyIvPjxzdG9wIG9mZnNldD0iMC42MyIgc3RvcC1jb2xvcj0iI0EwQTBBOCIvPjxzdG9wIG9mZnNldD0iMC44OCIgc3RvcC1jb2xvcj0iIzM0MzQ0NiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAwMDAxNiIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDE3X2xpbmVhcl85NTUwXzE2ODQiIHgxPSIyOC4wNjExIiB5MT0iMTIuNzA4NyIgeDI9IjEyLjMxMzMiIHkyPSI0LjcxMDYyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwLjM3IiBzdG9wLWNvbG9yPSJ3aGl0ZSIvPjxzdG9wIG9mZnNldD0iMC40NSIgc3RvcC1jb2xvcj0iI0U0RTRFNyIvPjxzdG9wIG9mZnNldD0iMC42MyIgc3RvcC1jb2xvcj0iI0EwQTBBOCIvPjxzdG9wIG9mZnNldD0iMC44OCIgc3RvcC1jb2xvcj0iIzM0MzQ0NiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAwMDAxNiIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDE4X2xpbmVhcl85NTUwXzE2ODQiIHgxPSIzLjA5OTg5IiB5MT0iLTQuNzc5OTMiIHgyPSIzLjA5OTg5IiB5Mj0iOC45ODYwMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMC4zNyIgc3RvcC1jb2xvcj0id2hpdGUiLz48c3RvcCBvZmZzZXQ9IjAuNDUiIHN0b3AtY29sb3I9IiNFNEU0RTciLz48c3RvcCBvZmZzZXQ9IjAuNjMiIHN0b3AtY29sb3I9IiNBMEEwQTgiLz48c3RvcCBvZmZzZXQ9IjAuODgiIHN0b3AtY29sb3I9IiMzNDM0NDYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMDAwMTYiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxOV9saW5lYXJfOTU1MF8xNjg0IiB4MT0iMC45MjA5NjgiIHkxPSIxMC43OTcxIiB4Mj0iNjQuNzg3MiIgeTI9IjEwLjc5NzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAuMzciIHN0b3AtY29sb3I9IndoaXRlIi8+PHN0b3Agb2Zmc2V0PSIwLjQ1IiBzdG9wLWNvbG9yPSIjRTRFNEU3Ii8+PHN0b3Agb2Zmc2V0PSIwLjYzIiBzdG9wLWNvbG9yPSIjQTBBMEE4Ii8+PHN0b3Agb2Zmc2V0PSIwLjg4IiBzdG9wLWNvbG9yPSIjMzQzNDQ2Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDAwMDE2Ii8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MjBfbGluZWFyXzk1NTBfMTY4NCIgeDE9IjE1LjkwNTUiIHkxPSI1LjQxNjc1IiB4Mj0iMTUuOTA1NSIgeTI9IjU0LjU3MzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAuMzciIHN0b3AtY29sb3I9IndoaXRlIi8+PHN0b3Agb2Zmc2V0PSIwLjQ1IiBzdG9wLWNvbG9yPSIjRTRFNEU3Ii8+PHN0b3Agb2Zmc2V0PSIwLjYzIiBzdG9wLWNvbG9yPSIjQTBBMEE4Ii8+PHN0b3Agb2Zmc2V0PSIwLjg4IiBzdG9wLWNvbG9yPSIjMzQzNDQ2Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDAwMDE2Ii8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MjFfbGluZWFyXzk1NTBfMTY4NCIgeDE9IjkuNTUwNzQiIHkxPSItODkuNTY2NyIgeDI9IjkuNTUwNzQiIHkyPSI5Mi4zMTMzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwLjM3IiBzdG9wLWNvbG9yPSJ3aGl0ZSIvPjxzdG9wIG9mZnNldD0iMC40NSIgc3RvcC1jb2xvcj0iI0U0RTRFNyIvPjxzdG9wIG9mZnNldD0iMC42MyIgc3RvcC1jb2xvcj0iI0EwQTBBOCIvPjxzdG9wIG9mZnNldD0iMC44OCIgc3RvcC1jb2xvcj0iIzM0MzQ0NiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAwMDAxNiIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDIyX2xpbmVhcl85NTUwXzE2ODQiIHgxPSI0OS4yMzYiIHkxPSI1NC45NzYzIiB4Mj0iMTYuMzQ4NyIgeTI9IjIyLjUxNjciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAuMzciIHN0b3AtY29sb3I9IndoaXRlIi8+PHN0b3Agb2Zmc2V0PSIwLjQ1IiBzdG9wLWNvbG9yPSIjRTRFNEU3Ii8+PHN0b3Agb2Zmc2V0PSIwLjYzIiBzdG9wLWNvbG9yPSIjQTBBMEE4Ii8+PHN0b3Agb2Zmc2V0PSIwLjg4IiBzdG9wLWNvbG9yPSIjMzQzNDQ2Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDAwMDE2Ii8+PC9saW5lYXJHcmFkaWVudD48Y2xpcFBhdGggaWQ9ImNsaXAwXzk1NTBfMTY4NCI+PHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjIwIiBmaWxsPSJ3aGl0ZSIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==");
  width: 32px;
  height: 20px;
}

.reason__table--platina .reason__table--head {
  background: var(--Gradation-Gradation-Gold, linear-gradient(47deg, #A38047 1.04%, #C4A868 93.33%));
}

.reason__table--scout .data-num {
  font-family: "Noto Serif JP";
  font-size: 38px;
  line-height: 32.604px;
  letter-spacing: 0.358px;
}

.reason__table--scout .data-unit {
  font-family: YuGothic;
  font-size: 20px;
  line-height: 32.604px;
  letter-spacing: 0.358px;
}

.reason__table--diamond .reason__table--data {
  background: #F0F0F0;
}

.reason__table--platina .reason__table--data {
  background: #F4EDDB;
}

.reason__table--platina .reason__table--data span {
  background: linear-gradient(180deg, #B7A066 0%, #8A7445 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.reason__table--scout .data-num {
  transform: skewX(-7deg);
  display: inline-block;
}

.reason-block__right {
  display: flex;
  align-items: center;
}

.reason-block__img {
  margin-left: 46px;
}

.reason-block__img img {
  width: 503px;
}


@media only screen and (max-width: 999px) {
	.reason {
		padding: 0;
	}

	.reason-block {
		display: block;
		border-bottom: none;
		padding-bottom: 0px;
		margin-bottom: 28px;
	}

	.reason-block__left {
		width: 100%;
		margin-right: 0;
	}

	.reason-block__header {
		margin-bottom: 10px;
	}

	.reason-block__num {
		font-size: 72px;
		line-height: 72px;
		letter-spacing: -3.6px;
		margin-right: 16px;
	}
	.reason-block__title {
		font-size: 18px;
	}

	.reason-block__desc {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 16px;
	}

	/* テーブルのスタイル */
	.reason__table td, .reason__table th {
		flex: 1 1 110.961px;
	}

	.reason__table--head {
		min-width: 110.961px;
		width: 110.961px;
		height: 40px;
		font-size: 12px;
	}

	.reason__table--head.sub-head,
	.reason__table--head.sub-head.highlight {
		font-size: 14px;
	}

	.reason__table .reason__table--data {
		min-width: 110.961px;
		width: 110.961px;
	}

	.reason__table--data .data-num {
		font-size: 16px;
	}

	.reason__table--data .data-unit,
	.reason__table--data,
	.reason__table--data.highlight,
	.reason__table--data.highlight .data-txt {
		font-size: 12px;
	}

	.reason__table--data.highlight .data-num {
		font-size: 32px;
	}

	.reason__table--scout {
		width: 100%;
		margin-bottom: 12px;
	}

	.reason__table--scout .reason__table--head.data-empty,
	.reason__table--diamond .reason__table--head, .reason__table--platina .reason__table--head {
		min-width: 121.898px;
		width: auto;
	}

	.reason__table--scout .reason__table--diamond .reason__table--head,
	.reason__table--scout .reason__table--platina .reason__table--head {
		font-size: 12px;
		line-height: 16px;
	}

	.reason__table--scout thead .reason__table--head {
		height: 32px;
		min-width: 105.555px;
		width: auto;
		font-size: 12px;
	}

	.reason__table--scout .reason__table--diamond td {
		height: 68px;
	}

	.reason__table--scout .reason__table--platina .reason__table--head,
	.reason__table--scout .reason__table--platina .reason__table--data {
		height: 48px;
	}

	.reason__table--diamond .reason__table--head::before {
		width: 24px;
		height: 15px;
		background-size: cover;
		top: -1px;
		position: relative;
	}

	.reason__table--diamond .reason__table--head {
		gap: 0;
	}

	.reason__table--scout .data-num {
		font-size: 30px;
	}

	.reason__table--scout .data-unit {
		font-size: 14px;
	}

	.reason-block__supplement {
		margin-top: 16px;
		color: var(--Semantic-Color-Text-secondary, #999);
		font-size: 10px;
		font-weight: normal;
	}
	
	.reason-block__img {
		margin-left: 0;
	}
	.reason-block__img img {
		width: 100%;
	}
}

@media only screen and (min-width: 1000px) {
	.reason__table .data-unit {
		position: relative;
		top: 1px;
	}
}


/* ======================================
	category__heading
====================================== */

.category__heading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  font-weight: 700;
}

.category__heading .category__bg {
	background: linear-gradient(180deg, var(--Primitive-Color-Gray-100, rgba(231, 231, 231, 0.50)) 19.95%, rgba(255, 255, 255, 0.50) 109.86%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	position: absolute;
	z-index: 0;
	width: 100%;
}

.category__txt {
	margin-top: 25px;
}

.category__heading span {
  z-index: 1;
  font-size: 36px;
  font-weight: 700;
  line-height: 150%;
  text-align: center;
}

.reason .category__heading {
	width: 869px;
	height: 218px;
	margin-bottom: 36.5px;
}

.reason .category__bg {
	font-size: 200px;
	letter-spacing: 40px;
}

.exclusive .category__heading {
	width: 1130px;
	height: 218px;
	padding-bottom: 5px;
}

.exclusive .category__heading .category__bg {
	font-size: 180px;
	letter-spacing: 9px;
	background: linear-gradient(180deg, #FFF 34.63%, rgba(255, 255, 255, 0.00) 113.21%);
	background-clip: text;
}

.exclusive .category__heading .category__txt {
	padding-top: 15px;
}

.voice .category__heading {
	width: 869px;
	height: 218px;
	margin-bottom: 36.5px;
    display: flex;
    flex-direction: column;
}

.voice .category__bg {
	font-size: 200px;
	letter-spacing: 40px;
}

.voice .category__txt {
    margin-top: 10px;
    padding-bottom: 10px;
}

.voice .category__txt-bottom {
	font-size: 24px;
	line-height: 100%;
	font-weight: normal;
}

.flow .category__heading {
	width: 753px;
	height: 218px;
    display: flex;
    flex-direction: column;
	margin-bottom: 5px;
}

.flow .category__bg {
	font-size: 200px;
	letter-spacing: 40px;
	background: linear-gradient(180deg, #FFF 34.63%, rgba(255, 255, 255, 0.00) 113.21%);
	background-clip: text;
}

.flow .category__txt {
    margin-top: 30px;
    padding-bottom: 20px;
}

.flow .category__txt-bottom {
	font-family: YuGothic;
	font-size: 16px;
	line-height: normal;
	font-weight: normal;
}


.faq .category__heading {
	width: 458px;
	height: 218px;
    display: flex;
    flex-direction: column;
	margin-bottom: 5px;
}

.faq .category__bg {
	font-size: 200px;
	letter-spacing: 20px;
    background: linear-gradient(180deg, var(--Primitive-Color-Gray-100, rgba(231, 231, 231, 0.50)) 19.95%, rgba(255, 255, 255, 0.50) 109.86%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.faq .category__txt {
    margin-top: 30px;
    padding-bottom: 20px;
}

@media only screen and (max-width: 999px) {
	.contentsArea section .category__heading {
		width: 100%;
		height: 100%;
		margin-bottom: 23px;
	}
	.reason .category__bg,
	.voice .category__bg,
	.faq .category__bg {
		font-size: 80px;
		line-height: 80px;
		letter-spacing: 8px;
		background: linear-gradient(180deg, rgba(231, 231, 231, 0.50) 0%, rgba(235, 235, 235, 0.50) 16.67%, rgba(239, 239, 239, 0.50) 33.33%, rgba(243, 243, 243, 0.50) 50%, rgba(247, 247, 247, 0.50) 66.67%, rgba(251, 251, 251, 0.50) 83.33%, rgba(255, 255, 255, 0.50) 100%);
		background-clip: text;
		top: 22px;
	}
	.exclusive .category__heading .category__bg {
		font-size: 60px;
		line-height: 60px;
		letter-spacing: 2px;
		top: 40px;
	}

	.exclusive h2.category__heading {
		margin-bottom: 40px;
	}

	.exclusive .category__heading .category__txt {
		padding-top: 0;
	}

	.voice .category__bg {
		top: 32px;
	}

	.flow .category__heading .category__bg {
		font-size: 80px;
		line-height: 60px;
		letter-spacing: 2px;
		top: 39px;
	}
	.flow h2.category__heading {
		margin-bottom: 40px;
	}

	.faq .category__bg {
		top: 32px;
	}

	.faq .category__heading {
		margin-bottom: 16px;
	}

	.faq .category__txt {
		padding-bottom: 0;
	}

	.category__heading span {
		font-size: 26px;
	}

	.category__heading .category__txt {
		margin-top: 64px;
	}

	.category__heading .category__txt-top {
		display: block;
		font-size: 20px;
	}
}

@media only screen and (min-width: 1000px) {

}

/* ======================================
	exclusive
====================================== */

.exclusive {
	background: var(--Primitive-Color-Gray-50, #F6F6F6);
	padding: 5px 0 80px;
}

.exclusive__cont {
	max-width: 1032px;
	margin: 0 auto;
}

.exclusive__cards {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 32px;
	font-family: "Noto Serif JP";
}

.exclusive__card {
	background-color: #fff;
	border-radius: 4px;
	background: var(--Semantic-Color-White, #FFF);
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
	padding: 32px 0 0;
	max-height: 488px;
}

.exclusive__card-ttl {
	text-align: center;
	color: var(--Semantic-Color-Logo-navy, #142F71);
	font-size: 24px;
	font-weight: 700;
	line-height: 100%;
	margin-bottom: 32px;
	font-family: "Noto Serif JP";
}

.exclusive__card-body {
	font-family: YuGothic;
	font-size: 16px;
	line-height: normal;
	margin: 32px 40px 56px;
}

.exclusive__supplement {
	text-align: right;
	font-family: YuGothic;
	font-size: 12px;
	line-height: 150%;
	margin-top: 12px;
}

@media only screen and (max-width: 999px) {
	.exclusive {
		padding: 0 0 40px;
	}

	.exclusive__cards {
		display: block;
	}

	.exclusive__card {
		padding-top: 24px;
		max-height: 100%;
	}

	.exclusive__card:last-child .exclusive__card-body {
		margin-bottom: 8px;
	}

	.exclusive__card-ttl {
		margin-bottom: 24px;
		font-size: 18px;
		line-height: 100%;
	}

	.exclusive__card-body {
		margin: 24px 20px;
		padding-bottom: 24px;
		font-size: 14px;
	}

	.exclusive__supplement {
        text-align: left;
        font-size: 10px;
        line-height: normal;
	}
}

@media only screen and (min-width: 1000px) {}

/* ======================================
	voice
====================================== */
.voice {
	padding: 7px 0 80px;
}


.voice__cards {
	display: flex;
	max-width: 1000px;
	gap: 40px;
	margin: 0 auto;
}

.voice__card {
	padding: 108px 40px 24px 40px;
	flex: 1 0 0;
	position: relative;
	border-radius: 8px;
	background: linear-gradient(180deg, var(--Primitive-Color-Gray-50, #F6F6F6) 0%, var(--Primitive-Color-Gray-100, #E7E7E7) 100%);
	font-family: YuGothic;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.voice__card-img {
	position: absolute;
	left: 163px;
	top: -51.445px;
}
.voice__card-img img {
	width: 154px;
}

.voice__card-ttl {
	display: flex;
    align-items: center;
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	line-height: 150%;
	font-family: "Noto Serif JP";
	flex: 0 0 100px;
}

.voice__card-body {
	font-size: 16px;
	flex: 1 1 288px;
}

.voice__card-profile {
	font-size: 16px;
	text-align: left;
    width: 100%;
	padding-top: 17px;
	border-top: 1px solid var(--Semantic-Color-White, #FFF);
	line-height: normal;
}

.voice__card-name {
	font-weight: 700;
	margin-bottom: 4px;
}

.voice__card-corpname {
}

@media only screen and (max-width: 999px) {
	.voice {
		padding: 0 0 40px;
	}
	.voice .category__txt-bottom {
		font-size: 16px;
		line-height: 150%;
	}

	.voice__cards {
		display: block;
		padding-top: 57px;
	}

	.voice__card {
        padding: 94px 20.5px 32px 20.5px;
	}

	.voice__card:first-child {
        margin-bottom: 52px;
	}

	.voice__card-img {
		left: auto;
		top: -40px;
	}
	.voice__card-img img {
		width: 112px;
		height: 112px;
	}

	.voice__card-ttl {
		font-size: 16px;
		line-height: 150%;
		flex: 1;
	}
	.voice__card-body {
		flex: 1;
		font-size: 14px;
	}
	.voice__card-profile {
		font-size: 14px;
	}
}

/* ======================================
	flow
====================================== */
.flow {
	background: var(--Primitive-Color-Gray-50, #F6F6F6);
	padding: 5px 0 80px;
}

.flow__lists {
	display: flex;
	align-items: flex-start;
}

.flow__list {
	display: flex;
	width: 210px;
	padding: 32px 23px;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	flex-shrink: 0;
	border-radius: 6px;
	background: var(--Semantic-Color-White, #FFF);
	box-shadow: 0 0 9.524px -0.952px rgba(0, 0, 0, 0.05);
	position: relative;
}

.flow__list-head {
	display: flex;
	flex-direction: column;
	gap: 16px;
	align-items: center;
}

.flow__arrow {
    display: inline-block;
	width: 22.857px;
	height: 22.857px;
    background-image: url(../img/PC/icon/arrow_blue.svg);
	margin: auto 7.6px;
}

.flow__list-step {
	width: 120px;
	padding: 8px 12px;
	border-radius: 4px;
	background: var(--Semantic-Color-Logo-navy, #142F71);
	color: var(--Keycolor-White, #FFF);
	text-align: center;
	font-family: "Noto Serif JP";
	font-size: 16px;
	font-weight: 700;
	line-height: 100%; /* 16px */
	letter-spacing: 0.48px;
}

.flow__list-icon {
	width: 72px;
	height: 76px;
}

.flow__list-icon.flow__step--1,
.flow__list-icon.flow__step--2 {
	width: 76px;
	height: 76px;
}

.flow__list-ttl {
	font-family: "Noto Serif JP";
	font-weight: 700;
	line-height: 100%;
	margin-bottom: 10px;
}

.flow__list-cont {
	font-family: YuGothic;
	font-size: 15.238px;
	line-height: 1.62;
}

@media only screen and (max-width: 999px) {
	.flow {
		padding: 0 0 40px;
	}

	.flow .category__txt-bottom {
		font-size: 14px;
		line-height: 150%;
	}

	.flow__lists {
		display: block;
		margin: 0 auto;
		max-width: 576px;
	}

	.flow__list {
		width: 100%;
		flex-direction: row;
		padding: 16px 12px;
	}

	.flow__list-step {
		display: flex;
		width: 79px;
		height: 24px;
		justify-content: center;
		align-items: center;
		font-size: 14px;
		line-height: 24px;
		letter-spacing: 0.4px;
	}
	.flow__list-head {
		width: 120px;
		min-width: 120px;
	}

	.flow__list-cont {
		font-size: 14px;
		line-height: 150%;
	}

	.flow__list-head,
	.flow__list-cont {

	}

	.flow__list-icon.flow__step--1,
	.flow__list-icon.flow__step--3,
	.flow__list-icon.flow__step--4,
	.flow__list-icon.flow__step--5 {
        width: 50px;
        height: 45px;
		margin-top: -5px;
	}

	.flow__list-icon.flow__step--2 {
        width: 47px;
        height: 43px;
        margin-top: -3px;
	}

	.flow__list-icon.flow__step--3 {
        width: 51px;
        height: 47px;
        margin-top: -7px;
	}

	.flow__list-ttl {
		font-size: 16px;
		line-height: 100%;
		margin-bottom: 0;
	}

	.flow__arrow {
		transform: rotate(90deg);
		width: 24px;
		height: 24px;
		margin: 8px auto;
		display: flex;
	}
}

/* ======================================
	faq
====================================== */
.faq {
	padding: 5px 0 80px;
}

.faq dl {
	margin: 0 auto;
	padding: 24px 32px;
	border-bottom: 1px solid var(--Semantic-Color-Border-gray, #E6E6E6);
}

.faq dl dt {
	display: flex;
    align-items: baseline;
    margin-bottom: 15px;
}

.faq dl dt .question {
	color: var(--Keycolor-LogoBule, #142F71);
	font-family: "Noto Serif JP";
	font-size: 24px;
	font-weight: 700;
	line-height: normal;
	margin-right: 16px;
}

.faq dl dt p {
	font-family: "Noto Serif JP";
	font-size: 18px;
	font-weight: 700;
	line-height: 100%;
}

.faq dl dd {
	font-family: YuGothic;
	font-size: 16px;
	line-height: normal;
	margin-left: 36px;
}

@media only screen and (max-width: 999px) {
	.faq {
		padding: 0 0 40px;
	}

	.faq dl {
		padding: 24px 0;
	}

	.faq dl dt {
		margin-bottom: 16px;
	}

	.faq dl dd {
		margin-left: 24px;
	}

	.faq dl dt p {
		font-size: 16px;
	}

	.faq dl dd p {
		font-size: 14px;
		line-height: 150%;
	}

	.faq dl dt .question {
		margin-right: 4px;
	}
}

@media only screen and (min-width: 1000px) {}

/* ======================================
	dodaMapsBnr
====================================== */
#dodaMapsBnr {
	background-color: #007FC3;
}

#dodaMapsBnr .bnr a {
	display: block;
	background-color: #fff;
	padding: 5%;
}

#dodaMapsBnr .bnr .heading {
	background: #EDF6FB;
	text-align: center;
	color: #007FC3;
	font-weight: 700;
	margin-bottom: 1em;
	padding: .2em;
}

#dodaMapsBnr .bnr .logo {
	width: 180px;
	margin: 0 auto;
	padding-bottom: 1em;
}

#dodaMapsBnr .bnr .txt {
	color: #5A5757;
	line-height: 1.6;
	font-weight: 700;
	text-align: center;
	padding-bottom: 1em;
}

#dodaMapsBnr .bnr .point {
	padding-bottom: 1.5em;
}

#dodaMapsBnr .bnr .btn {
	text-align: center;
}

#dodaMapsBnr .bnr .btn p {
	display: inline-block;
	border: #007FC3 2px solid;
	color: #007FC3;
	font-weight: 700;
	padding: .2em 1.5em;
}

#dodaMapsBnr .bnr .btn p::before {
	content: '';
	display: inline-block;
	width: .6em;
	height: .6em;
	border-top: 2px solid #007FC3;
	border-right: 2px solid #007FC3;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-left: 0;
}

#dodaMapsBnr .bnr .btn p span {
	padding-left: .8em;
}

@media only screen and (max-width: 999px) {}

@media only screen and (min-width: 1000px) {
	#dodaMapsBnr {}

	#dodaMapsBnr .inner {
		max-width: 960px;
	}

	#dodaMapsBnr .bnr a {
		padding: 10px;
	}

	#dodaMapsBnr .bnr a:hover {
		opacity: 1;
	}

	#dodaMapsBnr .bnr a .btn p {
		transition: all .3s;
	}

	#dodaMapsBnr .bnr a:hover .btn p {
		color: #fff;
		background: #007FC3;
	}

	#dodaMapsBnr .bnr a:hover .btn p::before {
		border-color: #fff;
	}

	#dodaMapsBnr .bnr .heading {
		margin-bottom: .5em;
	}

	#dodaMapsBnr .bnr .logo {
		float: left;
		width: 20%;
		margin-left: 2%;
		margin-right: 2.5%;
		padding-bottom: 0;
		padding-top: .8em;
	}

	#dodaMapsBnr .bnr .txt {
		float: left;
		text-align: left;
		margin-right: 2%;
		padding-bottom: 0;
		padding-top: .5em;
	}

	#dodaMapsBnr .bnr .point {
		float: left;
		width: 23%;
		padding-bottom: 0;
	}

	#dodaMapsBnr .bnr .btn {
		float: right;
		padding-top: .7em;
	}

	#dodaMapsBnr .bnr .btn p::before {
		content: '';
		display: inline-block;
		width: .6em;
		height: .6em;
		border-top: 2px solid #007FC3;
		border-right: 2px solid #007FC3;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		margin-left: 0;
	}
}

/* ======================================
	footer
====================================== */
footer {
	position: relative;
	padding-top: 1em;
}

footer .sprite {
	display: inline-block;
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
}

footer .inner {
	max-width: 960px;
	margin: 0 auto;
}

footer .g-navi-footer .inner {
	border-bottom: 1px solid #dedede;
	padding-bottom: .5em;
	display: flex;
	justify-content: space-between;

}

footer .g-navi-footer .logo p {
	font-size: 12px;
	line-height: 1;
	padding-bottom: .5em;
}

footer .g-navi-footer .logo .img {
	width: 100%;
	max-width: 269px;
	padding-bottom: 1em;
}

footer .g-navi-footer ul li {
	width: 100%;
	margin-bottom: 1.6em;
	font-family: "Noto Sans JP";
	font-weight: 400;
}

footer .g-navi-footer ul li a {

}

footer .sprite.sprite-icon-arrow-footer {
	background: url(/lp/professional-search/assets/img/f-icon-arrow.png) no-repeat 0 0;
	background-size: 4px 8px;
	width: 4px;
	height: 8px;
	position: relative;
	top: -2px;
	margin-right: 4px;
}

footer .logos-footer {
	padding-top: 1em;
}

footer .logos-footer .logo-privacy {
	margin-bottom: 10px;
}

footer .logos-footer .logo-privacy::after {
	content: '';
	display: block;
	clear: both;
}

footer .logos-footer .logo-privacy dt {
	width: 40px;
	height: 40px;
	float: left;
	display: block;
	margin-right: 3px;
}

footer .logos-footer .logo-privacy dd {
	float: left;
}

footer .logos-footer .logo-privacy dd a {
	display: block;
	color: #202020;
	font-size: 10px;
	line-height: 1.4;
	position: relative;
	top: 8px;
}

body .sprite.sprite-logo-privacy-footer {
	background: url(/lp/professional-search/assets/img/f-privacy.jpg) no-repeat 0 0;
	background-size: 40px 40px;
	width: 40px;
	height: 40px;
}

footer .persol-logo {
	width: 120px;
	margin: 0 auto;
	padding: 1em 0;
}

footer .persol-logo a {
	display: block;
}

footer .copyright {
	display: block;
	font-size: 12px;
	text-align: center;
}

footer .pagetop {
	display: none;
	position: fixed;
	background: url(/lp/professional-search/assets/img/page-top.png) no-repeat 0 0;
	background-size: 38px 38px;
	width: 38px;
	height: 38px;
	cursor: pointer;
	text-indent: -9999px;
	overflow: hidden;
	bottom: 20px;
	right: 40px;
	z-index: 99999;
}

@media only screen and (max-width: 999px) {
	footer .g-navi-footer .logo {
		text-align: center;
	}

	footer .g-navi-footer .logo .img {
		margin: 0 auto;
	}

	footer .logos-footer .logo-privacy dd span,
	footer .logos-footer .logo-intelligence-footer,
	footer .pagetop,
	footer .g-navi-footer nav {
		display: none !important;
	}

	footer {
		padding-top: 48px;
	}

	footer .g-navi-footer .inner,
	footer .g-navi-footer nav {
		display: block !important;
	}

	footer .g-navi-footer .inner {
		padding-bottom: 0;
		border-bottom: none;
	}

	footer .g-navi-footer .logo .img {
		margin: 0;
		padding-bottom: 24px;
	}

	footer .g-navi-footer nav ul {
		display: flex;
		flex-direction: column-reverse;
		border-bottom: 1px solid #E6E6E6;
		padding-bottom: 12px;
	}

	footer .g-navi-footer ul li {
		margin-bottom: 12px;
	}

	footer .g-navi-footer ul li a {
		font-size: 14px;line-height: 21px;
	}

	footer .logos-footer {
		padding: 24px 0;
	}

	footer .logos-footer ul {
		font-size: 12px;
		line-height: 18px;
		padding-bottom: 12px;
	}

	footer .logos-footer ul li {
		margin-bottom: 12px;
	}

	footer .logos-footer .logo-privacy {
		display: flex;
		align-items: center;
		margin-bottom: 24px;
	}

	footer .logos-footer .logo-privacy dt {
		margin-right: 12px;
	}

	footer .logos-footer .logo-privacy dd span {
		display: inline !important;
		font-size: 10px;
		line-height: 18px;
		font-family: YuGothic;
	}

	footer .persol-logo {
		padding: 15px 0 12px;
		width: 140px;
	}

	footer .copyright {
		padding-bottom: 46px;
	}
}

@media only screen and (min-width: 1000px) {
	footer {
		padding-bottom: 60px;
	}

	footer .inner {
		width: 100%;
	}

	footer .g-navi-footer .inner {
		padding-bottom: 1.67em;
	}

	footer .g-navi-footer {
		padding: 2.333em 0 0;
	}

	footer .g-navi-footer nav {

	}

	footer .g-navi-footer nav ul li {
		display: inline-block;
		width: auto;
		font-size: 16px;
        margin-left: 1.75em;
	}

	footer .footer-links {
		display: flex;
		align-items: center;
		gap: 24px;
		margin-bottom: 20px;
	}
	footer .footer-links a {
		font-family: YuGothic;
		font-size: 14px;
		line-height: normal;
	}

	footer .logos-footer .logo-privacy {
		float: left;
	}

	footer .logos-footer .logo-intelligence-footer {
		float: right;
		margin-top: 10px;
	}

	footer .copyright {
		width: 100%;
		font-size: 10px;
		color: #4c4c4c;
		text-align: center;
		display: inline-block;
		padding-top: 36px;
	}

	footer .logos-footer .logo-privacy dd {
		line-height: 1;
		margin-left: 20px;
	}

	footer .logos-footer .logo-privacy dd span {
		position: relative;
		top: .7em;
		font-family: YuGothic;
		font-size: 10px;
		line-height: 18px;
	}

	footer .logos-footer .logo-privacy dd a {
		color: #4c4c4c;
		display: inline-block;
		font-size: 12px;
		line-height: 1;
		padding-bottom: 1px;
		border-bottom: 1px solid #4c4c4c;
	}

	body .sprite.sprite-logo-privacy-footer {

	}

	footer .persol-logo {
		float: right;
		width: 140px;
		padding: 0;
	}
}

@media only screen and (max-width: 999px) {
	.text-left__sp {
		text-align: left;
	}
}

/* --------------------------------------------------------------
            				FORM STYLES
----------------------------------------------------------------- */

/* Border-box box model FTW! */
#pardot-form,
#pardot-form *,
#pardot-form *:before,
#pardot-form *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Override form margin and padding set in the default stylesheet. Inherit font and color from page. */
#pardot-form {
	margin: 0;
	padding: 0;
	font: inherit;
	color: inherit;
}

/* Override form field wrapper margin and padding set in the default stylesheet. */
#pardot-form .form-field,
#pardot-form .submit {
	margin: 0px 0 16px 0;
	padding: 0;
}

#pardot-form p {
	font-size: 12px;
	margin-bottom: 16px;
}

/* Remove top margin from first from field wrapper. */
#pardot-form .form-field:first-child {
	margin-top: 0;
}

/* Set default input style. */
#pardot-form input {
	border: 1px solid #ccc;
	border-radius: 3px;
	box-sizing: border-box;
	color: #2c3e50;
	font-size: 14px;
	padding: 4px;
	width: 100%;
}

/* When labels are not floated left, set width on text inputs, textareas, and selects to 100%. */
#pardot-form input.text,
#pardot-form input.date,
#pardot-form textarea,
#pardot-form select {
	width: 100%;
	font-family: inherit;
	color: inherit;
	border: 0px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	color: #2c3e50;
	font-size: 14px;
	padding: 4px 8px;
	width: 100%;
	background: #F5F5F5;
}

/* When labels are floated left, set width on field labels to a percentage of available width. In browsers that support calc(), use static label width instead and the form field will consume the remaining width. */
#pardot-form.label-left .field-label {
	width: 35%;
	width: calc(115px);
}

/* When labels are floated left, set width on text inputs, textareas, and selects to a percentage. In supported browsers, set width to 100% minus the width of the label instead. */
#pardot-form.label-left input.text,
#pardot-form.label-left input.date,
#pardot-form.label-left textarea,
#pardot-form.label-left select {
	width: 65%;
	width: calc(100% - 115px);
}

/* When labels are floated left, indent supporting form elements by the same amount as the field label. */
#pardot-form.label-left span.value,
#pardot-form.label-left .description,
#pardot-form.label-left .no-label >

*,
#pardot-form.label-left .submit,
#pardot-form.label-left .error.no-label {
	margin-left: 35%;
	margin-left: calc(115px);
}

/* Remove unnecessary left padding on required radio/checkbox field labels when label alignment is set to above and the required symbol is set to default in form styling options. */
#pardot-form label.inline {
	padding-left: 0;
}

/* Backup styles in case padding is added to text inputs. */
#pardot-form input.date {
	padding-left: 20px;
	background-position: left center;
}

#pardot-form .submit input {
	background-color: #0068B7;
	color: #fff;
	text-align: center;
}


#pardot-form .form-field-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

#pardot-form .form-field-flex-col {
	width: 100%;
}

/* --------------------------------------------------------------
            RESPONSIVE
----------------------------------------------------------------- */


/* sm */
@media (max-width:768px) {
	#pardot-form.label-left .field-label {
		width: 100%;
		text-align: left;
	}

	#pardot-form.label-left input.text,
	#pardot-form.label-left input.date,
	#pardot-form.label-left textarea,
	#pardot-form.label-left select {
		width: 100%;
	}

	#pardot-form.label-left span.value,
	#pardot-form.label-left .description,
	#pardot-form.label-left .no-label >

	*,
	#pardot-form.label-left .submit,
	#pardot-form.label-left .error.no-label {
		width: 100%;
	}

	#pardot-form.label-left span.value,
	#pardot-form.label-left .description,
	#pardot-form.label-left .no-label >

	*,
	#pardot-form.label-left .submit,
	#pardot-form.label-left .error.no-label {
		margin-left: 0;
	}

	form.form p {
		margin-left: 0px !important;
		padding-left: 0px !important;
	}
}

/* md */
@media(max-width:992px) {}

/* lg */
@media(min-width:1200px) {}