/* ==========================================================================
   OC Theme - Base Stylesheet
   ==========================================================================
   This is the main stylesheet for the OC Theme.
   - Blog-specific styles are in oc-blog-style.css
   - Contact-specific styles are in oc-contact-style.css
   ========================================================================== */


/* ==========================================================================
   1. CSS Reset (Minimal Modern Reset)
   ========================================================================== */

*, *::before, *::after {
	box-sizing: border-box;
}

* {
	margin: 0;
	padding: 0;
}

html {
	scroll-behavior: smooth;
}

img, picture {
	max-width: 100%;
	height: auto;
	display: block;
}

input, button, textarea, select {
	font: inherit;
}

table {
	border-collapse: collapse;
}

a:not([class]) {
	text-decoration-skip-ink: auto;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}


/* ==========================================================================
   2. CSS Custom Properties (Variables)
   ==========================================================================
   Color values come from theme.json via --wp--preset--color--*.
   Blog layout variables are defined here as custom properties.
   ========================================================================== */

/* Blog layout variables are defined in theme.json settings.custom.blog
   and available as --wp--custom--blog--* */


/* ==========================================================================
   3. Base Typography
   ==========================================================================
   Restores sensible defaults for common HTML elements.
   ========================================================================== */

body {
	min-height: 100vh;
	font-family: var(--wp--preset--font-family--body, "Noto Sans JP", sans-serif);
	font-size: 16px;
	line-height: 1.8;
	color: var(--wp--preset--color--text);
	background-color: var(--wp--preset--color--background);
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
	line-height: 1.3;
}

h1 { font-size: 2rem; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.25rem; }
h4 { font-size: 1.125rem; }
h5 { font-size: 1rem; }
h6 { font-size: 0.875rem; }

p {
	margin-bottom: 1rem;
}

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

a {
	text-decoration: none;
	color: var(--wp--preset--color--accent);
}

a:hover {
	text-decoration: none;
}


/* ==========================================================================
   4. Theme Component Styles
   ========================================================================== */

/* --- Text Color Utility --- */
.text-primary-color {
	color: var(--wp--preset--color--primary);
}

/* --- Clear Fix --- */
.clear-fix {
	clear: both;
}

/* --- Background Image --- */
.bg-image {
	z-index: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* --- Text Background Top (Hero Banner) --- */
.text-bg-top {
	z-index: 0;
	height: 200px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.text-bg-top .caption {
}

.text-bg-top .caption h1,
.text-bg-top .caption h2 {
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}

/* --- 404 Page --- */
.error-page {
	margin-bottom: calc(140 * var(--fluid-px));
}

.error-page__panel {
	display: flex;
	align-items: center;
	position: relative;
	overflow: hidden;
	min-height: calc(390 * var(--fluid-px));
	padding: calc(70 * var(--fluid-px)) calc(90 * var(--fluid-px));
	background: #fff;
	border-radius: calc(5 * var(--fluid-px));
}

.error-page__panel::before,
.error-page__panel::after {
	content: '';
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
}

.error-page__panel::before {
	top: calc(-260 * var(--fluid-px));
	right: calc(-90 * var(--fluid-px));
	width: calc(560 * var(--fluid-px));
	aspect-ratio: 1 / 1;
	background: linear-gradient(135deg, rgba(0, 131, 201, .18), rgba(86, 187, 237, .04));
}

.error-page__panel::after {
	right: calc(90 * var(--fluid-px));
	bottom: calc(-260 * var(--fluid-px));
	width: calc(390 * var(--fluid-px));
	aspect-ratio: 1 / 1;
	border: calc(1 * var(--fluid-px)) solid rgba(0, 131, 201, .2);
}

.error-page__content {
	position: relative;
	max-width: calc(700 * var(--fluid-px));
	z-index: 1;
}

.error-page__content h2 {
	margin-bottom: calc(25 * var(--fluid-px));
	font-size: calc(30 * var(--fluid-font-px));
	font-weight: 500;
	line-height: 1.5;
}

.error-page__content p {
	font-size: calc(16 * var(--fluid-font-px));
	line-height: 2;
}

.error-page__action {
	margin-top: calc(45 * var(--fluid-px));
}

.error-page__action .btn-s1 {
	min-width: calc(300 * var(--fluid-px));
}

@media screen and (max-width:899px) {
	.error-page {
		margin-bottom: calc(80 * var(--fluid-px));
	}

	.error-page__panel {
		min-height: calc(430 * var(--fluid-px));
		padding: calc(45 * var(--fluid-px)) calc(25 * var(--fluid-px));
	}

	.error-page__panel::before {
		top: calc(-100 * var(--fluid-px));
		right: calc(-110 * var(--fluid-px));
		width: calc(280 * var(--fluid-px));
	}

	.error-page__panel::after {
		right: calc(-30 * var(--fluid-px));
		bottom: calc(-150 * var(--fluid-px));
		width: calc(250 * var(--fluid-px));
	}

	.error-page__content h2 {
		margin-bottom: calc(20 * var(--fluid-px));
		font-size: calc(24 * var(--fluid-font-px));
	}

	.error-page__content p {
		font-size: calc(15 * var(--fluid-font-px));
		line-height: 1.9;
	}

	.error-page__action {
		margin-top: calc(35 * var(--fluid-px));
	}

	.error-page__action .btn-s1 {
		width: 100%;
		min-width: 0;
	}
}


/* ==========================================================================
   5. OC Button Style
   ========================================================================== */

.site-btn {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 375px;
	height: 73px;
	max-width: 90%;
	border: 1px solid var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary);
	background-color: transparent;
	transition: all 0.5s;
}


/* ==========================================================================
   6. OC Modal Style
   ========================================================================== */

.modal-design {
	height: 80vh;
	overflow: scroll;
	margin: 15% 0 10% 0;
	border-radius: unset;
}

.modal-dialog {
	max-width: 800px;
	padding: 1rem;
}

@media (min-width: 576px) {
	.modal-dialog {
		max-width: 500px;
		margin: 1.75rem auto;
	}
}

.close-btn {
	position: fixed;
	right: 0;
	top: 25px;
}

.modal-side-margin {
	margin: 0;
}

.modal-body-design {
	padding: 0;
}

.round_btn {
	display: block;
	width: 45px;
	height: 45px;
	border: 2px solid #AA8400;
	border-radius: 50%;
	background: #fff;
}

.round_btn::before,
.round_btn::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 3px;
	height: 22px;
	background: #AA8400;
}

.round_btn::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.round_btn::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}


/* ==========================================================================
   7. Layout Utilities
   ========================================================================== */

/* --- Container --- */
.container {
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 1.5rem;
}

/* --- Row / Grid --- */
.row {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

/* --- Columns (Mobile First) ---
 * 親 .row の gap: 1rem を考慮した calc 値。
 * N 列並びで `100% + (N-1)*gap` の overflow を起こさないように
 * 各列から `(1 - X/12) * gap` を減算している。
 */
.col-6  { flex: 0 0 calc(50% - 0.5rem); max-width: calc(50% - 0.5rem); }
.col-12 { flex: 0 0 100%; max-width: 100%; }

@media (min-width: 576px) {
	.col-sm-6  { flex: 0 0 calc(50% - 0.5rem); max-width: calc(50% - 0.5rem); }
	.col-sm-12 { flex: 0 0 100%; max-width: 100%; }
	.mb-sm-0 { margin-bottom: 0; }
	.mb-sm-3 { margin-bottom: 1rem; }
	.align-items-sm-center { align-items: center; }
}

@media (min-width: 768px) {
	.col-md-1  { flex: 0 0 calc(8.333% - 0.917rem);  max-width: calc(8.333% - 0.917rem); }
	.col-md-2  { flex: 0 0 calc(16.666% - 0.833rem); max-width: calc(16.666% - 0.833rem); }
	.col-md-3  { flex: 0 0 calc(25% - 0.75rem);      max-width: calc(25% - 0.75rem); }
	.col-md-4  { flex: 0 0 calc(33.333% - 0.667rem); max-width: calc(33.333% - 0.667rem); }
	.col-md-5  { flex: 0 0 calc(41.666% - 0.583rem); max-width: calc(41.666% - 0.583rem); }
	.col-md-6  { flex: 0 0 calc(50% - 0.5rem);       max-width: calc(50% - 0.5rem); }
	.col-md-7  { flex: 0 0 calc(58.333% - 0.417rem); max-width: calc(58.333% - 0.417rem); }
	.col-md-8  { flex: 0 0 calc(66.666% - 0.333rem); max-width: calc(66.666% - 0.333rem); }
	.col-md-9  { flex: 0 0 calc(75% - 0.25rem);      max-width: calc(75% - 0.25rem); }
	.col-md-10 { flex: 0 0 calc(83.333% - 0.167rem); max-width: calc(83.333% - 0.167rem); }
	.col-md-11 { flex: 0 0 calc(91.666% - 0.083rem); max-width: calc(91.666% - 0.083rem); }
	.col-md-12 { flex: 0 0 100%; max-width: 100%; }
	.offset-md-1 { margin-left: 8.333%; }
}

@media (min-width: 992px) {
	.col-lg-10 { flex: 0 0 calc(83.333% - 0.167rem); max-width: calc(83.333% - 0.167rem); }
	.col-lg-12 { flex: 0 0 100%; max-width: 100%; }
	.offset-lg-1 { margin-left: 8.333%; }
}


/* ==========================================================================
   8. Display Utilities
   ========================================================================== */

.d-flex   { display: flex; }
.d-block  { display: block; }
.d-none   { display: none; }


/* ==========================================================================
   9. Flexbox Utilities
   ========================================================================== */

.flex-row      { flex-direction: row; }
.flex-column   { flex-direction: column; }
.flex-wrap     { flex-wrap: wrap; }

.justify-start,   .justify-content-start   { justify-content: flex-start; }
.justify-center,  .justify-content-center  { justify-content: center; }
.justify-end,     .justify-content-end     { justify-content: flex-end; }
.justify-between, .justify-content-between { justify-content: space-between; }

.align-start,  .align-items-start  { align-items: flex-start; }
.align-center, .align-items-center { align-items: center; }
.align-end,    .align-items-end    { align-items: flex-end; }

.align-self-end { align-self: flex-end; }


/* ==========================================================================
   10. Text Utilities
   ========================================================================== */

.text-start  { text-align: left; }
.text-center { text-align: center; }
.text-end    { text-align: right; }

.text-dark { color: var(--wp--preset--color--text); }

.fw-bold   { font-weight: bold; }
.fw-normal { font-weight: normal; }


/* ==========================================================================
   11. Width Utilities
   ========================================================================== */

.w-100 { width: 100%; }


/* ==========================================================================
   11b. Font Size Utilities
   ========================================================================== */

.fs-4 { font-size: 1.5rem; }
.fs-5 { font-size: 1.25rem; }


/* ==========================================================================
   11c. Misc Utilities
   ========================================================================== */


.img-cover-white {
	position: relative;
}
.img-cover-white::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(255, 255, 255, 0.15);
	pointer-events: none;
}

.more-info-btn-cover {
	display: flex;
	justify-content: center;
}
.more-info-btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 0.75em 2em;
	border: 1px solid var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary);
	background-color: transparent;
	transition: all 0.3s;
}
.more-info-btn:hover {
	background-color: var(--wp--preset--color--primary);
	color: #fff;
}


/* ==========================================================================
   12. Margin Utilities
   ==========================================================================
   Scale: 0=0, 1=0.25rem, 2=0.5rem, 3=1rem, 4=1.5rem, 5=3rem
   ========================================================================== */

/* --- All sides --- */
.m-0 { margin: 0; }
.m-1 { margin: 0.25rem; }
.m-2 { margin: 0.5rem; }
.m-3 { margin: 1rem; }
.m-4 { margin: 1.5rem; }
.m-5 { margin: 3rem; }

/* --- Top --- */
.mt-0 { margin-top: 0; }
.mt-1 { margin-top: 0.25rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-3 { margin-top: 1rem; }
.mt-4 { margin-top: 1.5rem; }
.mt-5 { margin-top: 3rem; }

/* --- Bottom --- */
.mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: 0.25rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 1rem; }
.mb-4 { margin-bottom: 1.5rem; }
.mb-5 { margin-bottom: 3rem; }

/* --- Start (Left in LTR) --- */
.ms-0 { margin-left: 0; }
.ms-1 { margin-left: 0.25rem; }
.ms-2 { margin-left: 0.5rem; }

/* --- End (Right in LTR) --- */
.me-0 { margin-right: 0; }
.me-1 { margin-right: 0.25rem; }
.me-2 { margin-right: 0.5rem; }

/* --- Vertical (Top + Bottom) --- */
.my-0 { margin-top: 0; margin-bottom: 0; }
.my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
.my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.my-3 { margin-top: 1rem; margin-bottom: 1rem; }
.my-4 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.my-5 { margin-top: 3rem; margin-bottom: 3rem; }

/* --- Horizontal Auto --- */
.mx-auto { margin-left: auto; margin-right: auto; }


/* ==========================================================================
   13. Padding Utilities
   ==========================================================================
   Scale: 0=0, 1=0.25rem, 2=0.5rem, 3=1rem, 4=1.5rem, 5=3rem
   ========================================================================== */

/* --- All sides --- */
.p-0 { padding: 0; }
.p-1 { padding: 0.25rem; }
.p-2 { padding: 0.5rem; }
.p-3 { padding: 1rem; }
.p-4 { padding: 1.5rem; }
.p-5 { padding: 3rem; }

/* --- Horizontal (Left + Right) --- */
.px-0 { padding-left: 0; padding-right: 0; }
.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.px-3 { padding-left: 1rem; padding-right: 1rem; }
.px-4 { padding-left: 1.5rem; padding-right: 1.5rem; }
.px-5 { padding-left: 3rem; padding-right: 3rem; }

/* --- Vertical (Top + Bottom) --- */
.py-0 { padding-top: 0; padding-bottom: 0; }
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-3 { padding-top: 1rem; padding-bottom: 1rem; }
.py-4 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.py-5 { padding-top: 3rem; padding-bottom: 3rem; }


/* 20260701 kikuzawa */

/* Noto Sans Japanese */
@font-face {
	font-family: 'Noto Sans JP';
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/NotoSansJP-VariableFont_wght.woff2") format("woff2"),
		url("../fonts/NotoSansJP-VariableFont_wght.woff") format("woff");
}

/* Inter */
@font-face {
	font-family: 'Inter';
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	font-optical-sizing: auto;
	src: url("../fonts/Inter-VariableFont_opsz,wght.woff2") format("woff2"),
		url("../fonts/Inter-VariableFont_opsz,wght.woff") format("woff");
}

/* Panchang */
@font-face {
	font-family: 'Panchang';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/Panchang-Regular.woff2") format("woff2"),
		url("../fonts/Panchang-Regular.woff") format("woff");
}

@font-face {
	font-family: 'Panchang';
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/Panchang-Medium.woff2") format("woff2"),
		url("../fonts/Panchang-Medium.woff") format("woff");
}

:root {
	/* SP design baseline: every Figma pixel scales with the viewport. */
	--design-width: 390;
	--fluid-px: calc(100vw / var(--design-width));
	--fluid-font-px: var(--fluid-px);
	--fluid-font-vw: 1vw;
	--font-color: #2C2C2C;
	--sanko-color: #0083C9;
	--header-height: calc(115 * var(--fluid-px));
	--section-anchor-offset: var(--header-height);
}

@media screen and (min-width:900px) {
	:root {
		--design-width: 1440;
	}
}

@media screen and (max-width:899px) {
	:root {
		--header-height: calc(75 * var(--fluid-px));
		/* Cap SP typography at 5/3 scale (390px design -> 650px viewport). */
		--fluid-font-px: min(var(--fluid-px), 1.6666667px);
		--fluid-font-vw: min(1vw, 6.5px);
	}
}

body{
	color: #2C2C2C;
	font-size: clamp(calc(15 * var(--fluid-font-px)), calc(calc(13.077 * var(--fluid-font-px)) + calc(0.385 * var(--fluid-font-vw))), calc(18 * var(--fluid-font-px)));
	line-height: 1.85;
	letter-spacing: 0;
	background: #EAEFF1;
}
body *{
    box-sizing: border-box;
	word-break: break-word;
}
a {
	text-decoration: none;
	color: var(--sanko-color);
}
a[href^="tel:"] {
    pointer-events: none;
}
.package p{
	margin: 0;
	margin-bottom: calc(30 * var(--fluid-px));
}
.package p:last-child{
	margin-bottom: 0;
}
.package img{
	max-width: 100%;
}
.package figure{
	margin-bottom: 0;
}
.package i{
	font-style: normal;
}
.package table{
	width: 100%;
}
.home dl,
.home dd,
.package dl,
.package dd,
ul.reset,
ol.reset,
#header ul,
#footer ul,
.home ul,
.home ol{
	margin: 0;
	padding: 0;
}
ul.reset li,
ol.reset li,
#header li,
#footer li,
.home li{
	list-style: none;
}
.tb,
.sp{
	display: none;
}
.flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.ff0,
.font-notosansjp{
    font-family: "Noto Sans JP", sans-serif;
}
.ff1,
.font-Inter{
	font-family: 'Inter', sans-serif;
}
.ff2,
.font-Panchang{
	font-family: 'Panchang', sans-serif;
}
.btn-s1{
	display: inline-block;
	position: relative;
	padding-right: calc(135 * var(--fluid-px));
	padding-left: calc(40 * var(--fluid-px));
	height: calc(75 * var(--fluid-px));
	color: #fff;
	font-size: calc(20 * var(--fluid-font-px));
	line-height: calc(75 * var(--fluid-px));
	background: #32475D;
	border-radius: calc(3 * var(--fluid-px));
    transition: all .3s;
}
.btn-s1:hover{
	background-color: #0083C9;
}
.btn-s1:after,
.btn-s1:before{
	content: '';
	position: absolute;
	top: 50%;
	right: calc(10 * var(--fluid-px));
	width: calc(55 * var(--fluid-px));
	aspect-ratio:  1 / 1;
    background: #435C75 url(../img/arrow02.svg) no-repeat center;
	background-size: calc(14 * var(--fluid-px)) auto;
	border-radius: calc(2 * var(--fluid-px));
    transform: translateY(-50%);
}
.btn-s1:after{
    background-color: unset;
}
.btn-s1:hover:before{
	background-color: #0594E1;
}
.btn-s1.t2{
	background: #2B3D50;
}
.btn-s1.t2:before{
    background-color: #384C61;
}
.btn-s1.t2:hover{
	background-color: #0083C9;
}
.btn-s1.t2:hover:before{
	background-color: #0594E1;
}
.anim01:after,
.anim01:before{
	transition: background-position .3s ease;
}
.anim01:after{
	background-position: calc(50% - 250%) center!important;
}
@media (hover: hover) and (pointer: fine) {
	.anim-parent:hover .anim01:before,
	.anim01:hover:before{
		background-position: calc(50% + 250%) center!important;
	}
	.anim-parent:hover .anim01:after,
	.anim01:hover:after{
		background-position: center center!important;
	}
}

@media (hover: none), (pointer: coarse) {
	.anim01:before{
		background-position: center center!important;
	}
	.anim01:after{
		opacity: 0;
	}
	.anim01:after,
	.anim01:before{
		transition: none!important;
	}
}
.anim03{
  transform: translateY(calc(80 * var(--fluid-px)));
  opacity: 0;
  filter: blur(calc(12 * var(--fluid-px)));
  transition:
    transform 900ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity   900ms ease-out,
    filter    900ms ease-out;
  will-change: transform, opacity, filter;
}
.anim03.show{
  transform: translateY(0);
  opacity: 1;
  filter: blur(0);
}

@media screen and (max-width:899px) {
	.tb{
		display: block;
	}
}

@media screen and (max-width:899px) {
	body{
		font-size: calc(15 * var(--fluid-font-px));
		line-height: 1.8;
	}
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
    a[href^="tel:"] {
        pointer-events: auto;
    }
	.btn-s1{
		padding-right: calc(90 * var(--fluid-px));
		padding-left: calc(20 * var(--fluid-px));
		height: calc(60 * var(--fluid-px));
		font-size: calc(16 * var(--fluid-font-px));
		line-height: calc(60 * var(--fluid-px));
	}
	.btn-s1:after,
	.btn-s1:before{
		width: calc(40 * var(--fluid-px));
	}
}

/*base*/
#container{
	padding-top: var(--header-height);
}
.single-crosstalk #container,
.single-interview #container,
.home #container{
	overflow: hidden;
}
.package{
	margin: 0;
	margin-bottom: clamp(calc(110 * var(--fluid-px)), calc(calc(20.256 * var(--fluid-px)) + 17.949vw), calc(250 * var(--fluid-px)));
	padding: 0;
	max-width: 100%;
}
.home .package{
	position: relative;
	margin-bottom: 0;
	z-index: 2;
}
main.oc-page-content,
.package.sub-page{
	margin-bottom: clamp(calc(80 * var(--fluid-px)), calc(calc(41.538 * var(--fluid-px)) + 7.692vw), calc(140 * var(--fluid-px)));
}
.wrap{
	margin: 0 auto;
	max-width: calc(1310 * var(--fluid-px));
	padding: 0 calc(15 * var(--fluid-px));
	width: 100%;
}

/*header*/
#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	opacity: 0;
	animation: fadeIn 2s ease forwards;
}

@keyframes fadeIn {
	to {
		opacity: 1;
	}
}
#header #hinr {
	align-items: center;
	position: relative;
	width: 100%;
	padding: 0 clamp(calc(20 * var(--fluid-px)), calc(calc(-51.429 * var(--fluid-px)) + 7.143vw), calc(40 * var(--fluid-px)));
	height: var(--header-height);
	background: #EAEFF1;
	border-bottom: #d9e1e6 calc(1 * var(--fluid-px)) solid;
    transition: all .3s;
}
#header.is-triggered #hinr {
	background: none;
	border-bottom: none;
}
#header .logo h1,
#header a,
#header .oc-menu-parent-toggle{
	color: var(--font-color);
}
#header.is-triggered .logo h1,
#header.is-triggered a,
#header.is-triggered .oc-menu-parent-toggle{
	color: #fff;
}
#header .logo{
	padding-left: clamp(calc(0 * var(--fluid-px)), calc(calc(-35.714 * var(--fluid-px)) + 3.571vw), calc(10 * var(--fluid-px)));
}
#header .logo img{
	width: clamp(calc(108 * var(--fluid-px)), calc(calc(-14.897 * var(--fluid-px)) + 12.414vw), calc(144 * var(--fluid-px)));
}
#header.is-triggered .logo img.s1,
#header .logo img.s2{
	display: none;
}
#header.is-triggered .logo img.s2,
#header .logo img.s1{
	display: inline-block;
}
#header .logo h1{
	display: flex;
	align-items: center;
	gap: clamp(calc(10 * var(--fluid-px)), calc(calc(0.385 * var(--fluid-px)) + 1.923vw), calc(25 * var(--fluid-px)));
	margin: 0;
	padding: 0;
	font-size: clamp(calc(13 * var(--fluid-font-px)), calc(calc(-10.897 * var(--fluid-font-px)) + calc(2.414 * var(--fluid-font-vw))), calc(20 * var(--fluid-font-px)));
	font-weight: 300;
}
#footer .logo a,
#header .logo a{
    transition: all .3s;
}
#footer .logo a:hover,
#header .logo a:hover{
	opacity: 0.7;
}
#header .navigation{
	display: flex;
	align-items: center;
	gap: calc(30 * var(--fluid-px));
}
.oc-menu-parent-toggle{
	appearance: none;
	margin: 0;
	border: 0;
	color: inherit;
	font: inherit;
	text-align: left;
	background-color: transparent;
	cursor: pointer;
}
.oc-menu-parent-label{
	display: inline-block;
}
#header .nav ul.menu{
	display: flex;
	align-items: center;
	gap: clamp(calc(15 * var(--fluid-px)), calc(calc(-38.571 * var(--fluid-px)) + 5.357vw), calc(30 * var(--fluid-px)));
}
#header .nav ul.sub-menu{
	position: absolute;
	top: calc(70 * var(--fluid-px));
	left: 0;
	padding: calc(25 * var(--fluid-px)) calc(20 * var(--fluid-px));
	min-width: calc(190 * var(--fluid-px));
	background: #FBFBFB;
	border-radius: calc(3 * var(--fluid-px));
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
    transition: all .2s;
}
#header .nav li:hover>ul.sub-menu,
#header .nav li.is-submenu-open>ul.sub-menu{
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
#header .nav ul.menu>li{
	position: relative;
}
#header .nav ul.menu>li:hover{
	margin-bottom: calc(-100 * var(--fluid-px));
	padding-bottom: calc(100 * var(--fluid-px));
}
#header .nav li a,
#header .nav .oc-menu-parent-toggle{
	font-size: clamp(calc(13 * var(--fluid-font-px)), calc(calc(5.857 * var(--fluid-font-px)) + calc(0.714 * var(--fluid-font-vw))), calc(15 * var(--fluid-font-px)));
	font-weight: 500;
	line-height: 1;
}
#header .nav ul.menu>li>a,
#header .nav ul.menu>li>.oc-menu-parent-toggle{
	display: block;
	position: relative;
	padding: calc(20 * var(--fluid-px)) 0;
	white-space: nowrap;
    transition: all .3s;
}
#header .nav ul.menu>li>a:hover,
#header .nav ul.menu>li>.oc-menu-parent-toggle:hover,
#header .nav ul.menu>li>.oc-menu-parent-toggle:focus-visible{
	color: var(--sanko-color);
}
#header.is-triggered .nav ul.menu>li>a:hover,
#header.is-triggered .nav ul.menu>li>.oc-menu-parent-toggle:hover,
#header.is-triggered .nav ul.menu>li>.oc-menu-parent-toggle:focus-visible{
	color: #fff;
}
#header .nav ul.menu>li>a:after,
#header .nav ul.menu>li>.oc-menu-parent-toggle:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: calc(13 * var(--fluid-px));
	width: 100%;
	height: calc(1 * var(--fluid-px));
	background: #BBC6CE;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .3s ease;
}
#header.is-triggered .nav ul.menu>li>a:after,
#header.is-triggered .nav ul.menu>li>.oc-menu-parent-toggle:before {
	background: #fff;
}
#header .nav ul.menu>li>a:hover::after,
#header .nav ul.menu>li>.oc-menu-parent-toggle:hover:before,
#header .nav ul.menu>li>.oc-menu-parent-toggle:focus-visible:before {
	transform: scaleX(1);
	transform-origin: left;
}
#header .nav ul.menu>li>a:not(:hover):after,
#header .nav ul.menu>li>.oc-menu-parent-toggle:not(:hover):before {
	transform-origin: right;
}
#header .nav ul.menu > li:has(>.sub-menu)>a {
	padding-right: calc(20 * var(--fluid-px));
    background: url("../img/arrow06.svg") no-repeat right calc(27 * var(--fluid-px));
}
#header .nav ul.menu > li:has(>.sub-menu)>.oc-menu-parent-toggle{
	display: flex;
	align-items: center;
	gap: calc(6 * var(--fluid-px));
}
#header .nav ul.menu > li:has(>.sub-menu)>.oc-menu-parent-toggle:after{
	content: '';
	flex: none;
	width: calc(11 * var(--fluid-px));
	height: calc(5 * var(--fluid-px));
	background: url("../img/arrow06.svg") no-repeat center / contain;
}
#header .nav ul.menu > li:has(>.sub-menu)>a:hover{
    background: url("../img/arrow12.svg") no-repeat right calc(27 * var(--fluid-px));
}
#header .nav ul.menu > li:has(>.sub-menu)>.oc-menu-parent-toggle:hover:after,
#header .nav ul.menu > li.is-submenu-open>.oc-menu-parent-toggle:after{
    background-image: url("../img/arrow12.svg");
}
#header.is-triggered .nav ul.menu>li:has(>.sub-menu)>a{
    background-image: url("../img/arrow.svg");
}
#header.is-triggered .nav ul.menu>li:has(>.sub-menu)>.oc-menu-parent-toggle:after{
    background-image: url("../img/arrow.svg");
}
#header.is-triggered .nav ul.menu>li:has(>.sub-menu)>a:hover{
    background-image: url("../img/arrow11.svg");
}
#header.is-triggered .nav ul.menu>li:has(>.sub-menu)>.oc-menu-parent-toggle:hover:after,
#header.is-triggered .nav ul.menu>li.is-submenu-open>.oc-menu-parent-toggle:after{
    background-image: url("../img/arrow11.svg");
}
#header .nav li li{
	position: relative;
}
#header .nav li li:not(:last-child){
	margin-bottom: calc(17 * var(--fluid-px));
}
#header .nav li li:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: calc(-6 * var(--fluid-px));
	width: 100%;
	height: calc(1 * var(--fluid-px));
	background: #D3DADF;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .3s ease;
}
#header .nav li li:hover:after {
	transform: scaleX(1);
	transform-origin: left;
}
#header .nav li li:not(:hover):after {
	transform-origin: right;
}
#header .nav li li a{
	display: block;
	position: relative;
	padding-right: calc(20 * var(--fluid-px));
	color: var(--font-color)!important;
}
#header .nav li li a:after,
#header .nav li li a:before{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: calc(17 * var(--fluid-px));
	aspect-ratio: 1 / 1;
    background: #fff url(../img/arrow03.svg) no-repeat center;
	background-size: calc(7 * var(--fluid-px)) auto;
	border: #bbc6ce calc(1 * var(--fluid-px)) solid;
	border-radius: calc(1 * var(--fluid-px));
	transform: translateY(-50%);
    transition: all .3s;
}
#header .nav li li a:after{
	background-color: unset;
	border: none;
}
#header .nav li li a:hover:before{
	background-color: #E5EAF0;
}
#header .nav li li a:before{
	transition: background-position .3s ease;
}
#header .nav li li a:hover:before{
	background-position: calc(50% + 150%) center!important;
}
#header .nav li li a:after{
	background-position: calc(50% - 150%) center!important;
	transition: background-position .3s ease;
}
#header .nav li li a:hover:after{
	background-position: center center!important;
}
#header .nav02{
	display: flex;
	gap: calc(15 * var(--fluid-px));
}
#header .nav02 a{
	display: flex;
	align-items: center;
	position: relative;
	padding-left: calc(30 * var(--fluid-px));
	width: calc(175 * var(--fluid-px));
	color: #fff;
	aspect-ratio: 175 / 59;
	font-size: calc(15 * var(--fluid-font-px));
	background: #32475D;
	border: #32475D calc(1 * var(--fluid-px)) solid;
	border-radius: calc(3 * var(--fluid-px));
    transition: all .3s;
}
#header .nav02 a:hover{
	background-color: #0083C9;
	border-color: #0083C9;
}
#header.is-triggered .nav02 a{
	background: none;
	border-color: #fff;
}
#header.is-triggered .nav02 a:hover{
	color: #686868;
	background-color: #fff;
	border-color: #fff;
}
#header .nav02 a:after,
#header .nav02 a:before{
	content: '';
	position: absolute;
	top: 50%;
	right: calc(12 * var(--fluid-px));
	width: calc(34 * var(--fluid-px));
	aspect-ratio: 1 / 1;
	background: #435C75 url(../img/arrow02.svg) no-repeat center center;
	background-size: calc(14 * var(--fluid-px)) auto;
	border: #435C75 calc(1 * var(--fluid-px)) solid;
	border-radius: calc(2 * var(--fluid-px));
    transform: translateY(-50%);
    transition: all .3s;
}
#header .nav02 a:after{
	background: url(../img/arrow02.svg) no-repeat center center;
	background-size: calc(14 * var(--fluid-px)) auto;
	border: none;
}
#header .nav02 a:hover:before{
	background-color: #0594E1;
	border-color: #0594E1;
}
#header.is-triggered .nav02 a:before{
	background-color: transparent;
	border-color: #fff;
}
#header.is-triggered .nav02 a:hover:before{
	background: #fff url(../img/arrow03.svg) no-repeat center;
	background-size: calc(12 * var(--fluid-px)) auto;
	border-color: #E1E1E1;
}
#header.is-triggered .nav02 a:after{
	background: url(../img/arrow03.svg) no-repeat center center;
	background-size: calc(12 * var(--fluid-px)) auto;
	border: none;
}
.menu-trigger{
	display: none;
	position: fixed;
	top: calc(20 * var(--fluid-px));
	right: calc(20 * var(--fluid-px));
	width: calc(37 * var(--fluid-px));
	aspect-ratio: 1 / 1;
	cursor: pointer;
	background: #32475D;
	border: #32475D calc(1 * var(--fluid-px)) solid;
	border-radius: calc(2 * var(--fluid-px));
	z-index: 12;
}
#header.is-triggered .menu-trigger{
	background: none;
	border-color: #fff;
}
.is-open #header .menu-trigger{
	background: #32475D;
	border-color: #32475D;
}
.menu-trigger .inr{
	position: relative;
	width: calc(21 * var(--fluid-px));
	height: calc(7 * var(--fluid-px));
    transition: all .3s;
}
.menu-trigger span {
	position: absolute;
	right: 0;
	width: 100%;
	height: calc(1 * var(--fluid-px));
	background: #fff;
	transition: all .3s;
}
.is-open .menu-trigger span {
	background: #fff;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	display: none;
	top: 50%;
    transform: translateY(-50%);
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
.is-open .menu-trigger span:nth-of-type(3),
.is-open .menu-trigger span:nth-of-type(1) {
	top: 50%;
	bottom: auto;
    transform: translateY(-50%) rotate(-45deg);
}
.is-open .menu-trigger span:nth-of-type(2){
	opacity: 0;
}
.is-open .menu-trigger span:nth-of-type(3) {
    transform: translateY(-50%) rotate(45deg);
}
.sp-menu{
	position: fixed;
	top: 0;
	bottom: 0;
	right: -100%;
	padding: calc(60 * var(--fluid-px)) calc(30 * var(--fluid-px));
	padding-top: calc(var(--header-height) + calc(20 * var(--fluid-px)));
	width: calc(390 * var(--fluid-px));
	background: #EAEFF1;
    transition: all .8s cubic-bezier(0.19, 1, 0.22, 1);
    overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
	z-index: 9;
}
.is-open .sp-menu{ 
	right: 0;
}
.sp-menu::-webkit-scrollbar{
	display: none;
}
.sp-menu .upper{
	margin-bottom: calc(40 * var(--fluid-px));
}
.sp-menu ul.menu{
	font-size: calc(17 * var(--fluid-font-px));
	font-weight: 500;
	line-height: 1.2;
}
.sp-menu .menu>li:not(:last-child){
	margin-bottom: calc(40 * var(--fluid-px));
}
.sp-menu .menu ul{
	margin-top: calc(32 * var(--fluid-px))!important;
}
.sp-menu li li{
	margin: 0;
	font-size: calc(15 * var(--fluid-font-px));
}
.sp-menu li a,
.sp-menu .oc-menu-parent-toggle{
	color: var(--font-color)!important;
}
.sp-menu .oc-menu-parent-toggle{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.sp-menu .oc-menu-parent-toggle:after{
	content: '';
	margin-right: calc(4 * var(--fluid-px));
	width: calc(8 * var(--fluid-px));
	height: calc(8 * var(--fluid-px));
	border-right: calc(2 * var(--fluid-px)) solid currentcolor;
	border-bottom: calc(2 * var(--fluid-px)) solid currentcolor;
	transform: translateY(calc(-2 * var(--fluid-px))) rotate(45deg);
	transition: transform .2s;
}
.sp-menu .menu-item-has-children>.sub-menu{
	display: none;
}
.sp-menu .menu-item-has-children.is-submenu-open>.sub-menu{
	display: block;
}
.sp-menu .menu-item-has-children.is-submenu-open>.oc-menu-parent-toggle:after{
	transform: translateY(calc(2 * var(--fluid-px))) rotate(225deg);
}
.sp-menu li.menu-item-544>a,
.sp-menu li li a{
	display: block;
	position: relative;
	padding: calc(15 * var(--fluid-px)) calc(30 * var(--fluid-px)) calc(10 * var(--fluid-px)) calc(5 * var(--fluid-px));
	border-bottom: #dbe3e7 calc(1 * var(--fluid-px)) solid;
}
.sp-menu li.menu-item-544>a{
	margin-top: calc(-10 * var(--fluid-px));
	padding-top: calc(10 * var(--fluid-px));
	padding-left: 0;
}
.sp-menu li.menu-item-544>a:before,
.sp-menu li.menu-item-544>a:after,
.sp-menu li li a:before,
.sp-menu li li a:after{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: calc(20 * var(--fluid-px));
	aspect-ratio:  1 / 1;
	background: #fff url(../img/arrow03.svg) no-repeat center;
	background-size: calc(10 * var(--fluid-px)) auto;
	border-radius: calc(2 * var(--fluid-px));
    transform: translateY(-50%);
}
.sp-menu li.menu-item-544>a:after,
.sp-menu li li a:after{
	right: 0;
	background: url(../img/arrow03.svg) no-repeat center;
	background-size: calc(10 * var(--fluid-px)) auto;
}
.sp-menu li.menu-item-544>a:before,
.sp-menu li li a:before{
	transition: background-position .3s ease;
}
.sp-menu li.menu-item-544>a:after,
.sp-menu li li a:after{
	background-position: calc(50% - 150%) center!important;
	transition: background-position .3s ease;
}
@media (hover: hover) and (pointer: fine) {
	.sp-menu li.menu-item-544>a:hover:before,
	.sp-menu li li a:hover:before{
		background-position: calc(50% + 150%) center!important;
	}
	.sp-menu li.menu-item-544>a:hover:after,
	.sp-menu li li a:hover:after{
		background-position: center center!important;
	}
}
@media (hover: none), (pointer: coarse) {
	.sp-menu li.menu-item-544>a:before,
	.sp-menu li li a:before{
		background-position: center center!important;
		transition: none;
	}
	.sp-menu li.menu-item-544>a:after,
	.sp-menu li li a:after{
		opacity: 0;
		transition: none;
	}
}
.sp-menu .bottom a{
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	margin: 0 auto;
	padding: 0 calc(15 * var(--fluid-px));
	width: calc(330 * var(--fluid-px));
	aspect-ratio: 33 / 7;
	color: #fff!important;
	font-size: calc(15 * var(--fluid-font-px));
	line-height: 1;
	background: #0083C9;
	border: #0083C9 calc(2 * var(--fluid-px)) solid;
	border-radius: calc(3 * var(--fluid-px));
    transition: all .3s;
}
.sp-menu .bottom a:hover{
	color: var(--sanko-color)!important;
	background: #fff;
}
.sp-menu .bottom a:after,
.sp-menu .bottom a:before{
	content: '';
	position: absolute;
	top: 50%;
	right: calc(15 * var(--fluid-px));
	width: calc(30 * var(--fluid-px));
	aspect-ratio:  1 / 1;
	background: #0594E1 url(../img/arrow02.svg) no-repeat center;
	background-size: calc(13 * var(--fluid-px)) auto;
	border-radius: calc(3 * var(--fluid-px));
    transform: translateY(-50%);
}
.sp-menu .bottom a:after{
	background-color: unset;
}
.sp-menu .bottom a span{
	display: inline-block;
}
.sp-menu .bottom a span:before{
	content: attr(data-en);
	display: block;
	margin-bottom: calc(3 * var(--fluid-px));
	font-size: calc(8 * var(--fluid-font-px));
	font-family: 'Panchang';
}

@media screen and (max-width:899px) {
	#header .navigation{
		display: none;
	}
	.menu-trigger{
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

@media screen and (max-width:899px) {
	.sp-menu{
		width: 100%;
	}
}

/* main */
.home .bg-parallax{
	--parallax-distance: calc(150 * var(--fluid-px));
	position: fixed;
	/* top: calc(var(--parallax-distance) * -1); */
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: calc(100% + var(--parallax-distance));
	object-fit: cover;
	will-change: transform;
}
.home .bg-parallax-overlay{
	position: fixed;
	inset: 0;
	z-index: 1;
	background: var(--wp--preset--color--overlay-dark);
	mix-blend-mode: multiply;
	opacity: 0.18;
	pointer-events: none;
}
.top-mv {
	position: relative;
	margin-top: calc(var(--header-height) * -1);
	height: 100dvh;
}
.top-mv .text{
	position: absolute;
	z-index: 2;
	left: clamp(calc(15 * var(--fluid-px)), calc(calc(-26.667 * var(--fluid-px)) + 8.333vw), calc(80 * var(--fluid-px)));
	bottom: clamp(calc(50 * var(--fluid-px)), calc(calc(37.179 * var(--fluid-px)) + 2.564vw), calc(70 * var(--fluid-px)));
	color: #fff;
	font-size: clamp(calc(45 * var(--fluid-font-px)), calc(calc(-23.333 * var(--fluid-font-px)) + calc(8.542 * var(--fluid-font-vw))), calc(86 * var(--fluid-font-px)));
	line-height: 1.3;
}
.top-content{
	background: #EAEFF1;
}
.top-content h2[data-en]{
	margin-bottom: clamp(calc(30 * var(--fluid-px)), calc(calc(4.359 * var(--fluid-px)) + 5.128vw), calc(70 * var(--fluid-px)));
	color: #2C2C2C;
	font-size: clamp(calc(18 * var(--fluid-font-px)), calc(calc(16.718 * var(--fluid-font-px)) + calc(0.256 * var(--fluid-font-vw))), calc(20 * var(--fluid-font-px)));
	font-weight: 500;
	line-height: 1;
}
.top-content h2[data-en]:before{
	content: attr(data-en);
	display: block;
	margin-bottom: clamp(calc(10 * var(--fluid-px)), calc(calc(6.795 * var(--fluid-px)) + 0.641vw), calc(15 * var(--fluid-px)));
	font-family: 'Panchang', sans-serif;
	font-size: clamp(calc(40 * var(--fluid-font-px)), calc(calc(15.641 * var(--fluid-font-px)) + calc(4.872 * var(--fluid-font-vw))), calc(78 * var(--fluid-font-px)));
}
.top-content h2[data-en] span{
	display: inline-block;
	position: relative;
	padding-left: calc(28 * var(--fluid-px));
}
.top-content h2[data-en] span:after{
	content: '';
	position: absolute;
	top: calc(3 * var(--fluid-px));
	left: 0;
	width: calc(13 * var(--fluid-px));
	height: calc(15 * var(--fluid-px));
	background: linear-gradient(39deg,rgba(15, 116, 206, 1) 20%, rgba(86, 187, 237, 1) 100%);
	clip-path: polygon(50% 6.7%, 100% 25%, 100% 75%, 50% 93.3%, 0% 75%, 0% 25%);
}
.top-content.c01 {
	--intro-blur: calc(0 * var(--fluid-px));
	--intro-overlay-opacity: 0;
	position: relative;
	padding-top: clamp(calc(70 * var(--fluid-px)), calc(calc(-45.385 * var(--fluid-px)) + 23.077vw), calc(250 * var(--fluid-px)));
	padding-bottom: clamp(calc(70 * var(--fluid-px)), calc(calc(-77.436 * var(--fluid-px)) + 29.487vw), calc(300 * var(--fluid-px)));
	color: #fff;
	background: none;
}
.top-content.c01:before,
.top-content.c01:after{
	content: '';
	position: absolute;
	inset: 0;
	mask-image: linear-gradient(
		to top,
		#000 0%,
		#000 40%,
		rgb(0 0 0 / 10%) 100%
	);
	-webkit-mask-image: linear-gradient(
		to top,
		#000 0%,
		#000 40%,
		rgb(0 0 0 / 10%) 100%
	);
	pointer-events: none;
}
.top-content.c01:before{
	backdrop-filter: blur(var(--intro-blur));
	-webkit-backdrop-filter: blur(var(--intro-blur));
}
.top-content.c01:after{
	background: var(--wp--preset--color--overlay-dark);
	opacity: var(--intro-overlay-opacity);
}
.top-content.c01 .wrap{
	position: relative;
	z-index: 1;
}
.top-content.c01 p.s1{
	margin-bottom: clamp(calc(40 * var(--fluid-px)), calc(calc(-17.692 * var(--fluid-px)) + 11.538vw), calc(130 * var(--fluid-px)));
	font-size: clamp(calc(26 * var(--fluid-font-px)), calc(calc(10.615 * var(--fluid-font-px)) + calc(3.077 * var(--fluid-font-vw))), calc(50 * var(--fluid-font-px)));
	line-height: 1.5;
}
.top-content.c01 .body{
	padding-left: 30%;
}
.top-content.c01 .body p{
	margin-bottom: clamp(calc(30 * var(--fluid-px)), calc(calc(23.590 * var(--fluid-px)) + 1.282vw), calc(40 * var(--fluid-px)));
	font-size: clamp(calc(18 * var(--fluid-font-px)), calc(calc(15.436 * var(--fluid-font-px)) + calc(0.513 * var(--fluid-font-vw))), calc(22 * var(--fluid-font-px)));
	line-height: 2;
}
.top-content.c02 {
	padding-top: clamp(calc(100 * var(--fluid-px)), calc(calc(-41.509 * var(--fluid-px)) + 18.868vw), calc(200 * var(--fluid-px)));
	padding-bottom: clamp(calc(90 * var(--fluid-px)), calc(calc(-44.615 * var(--fluid-px)) + 26.923vw), calc(300 * var(--fluid-px)));
}
.top-content.c02 .body{
	position: relative;
}
.top-content.c02 p{
	position: absolute;
	top: 0;
	left: 0;
	padding-right: calc(20 * var(--fluid-px));
	width: 50%;
	font-size: clamp(calc(16 * var(--fluid-font-px)), calc(calc(14.718 * var(--fluid-font-px)) + calc(0.256 * var(--fluid-font-vw))), calc(18 * var(--fluid-font-px)));
}
.top-content.c02 .box{
	display: flex;
	flex-wrap: wrap;
	gap: clamp(calc(40 * var(--fluid-px)), calc(calc(14.359 * var(--fluid-px)) + 5.128vw), calc(80 * var(--fluid-px)));
	margin: 0 auto;
	padding-top: clamp(calc(100 * var(--fluid-px)), calc(calc(35.897 * var(--fluid-px)) + 12.821vw), calc(200 * var(--fluid-px)));
	max-width: calc(1180 * var(--fluid-px));
}
.top-content.c02 .item {
	width: calc((100% - clamp(calc(40 * var(--fluid-px)), calc(calc(14.359 * var(--fluid-px)) + 5.128vw), calc(80 * var(--fluid-px)))) / 2);
	max-width: calc(550 * var(--fluid-px));
}
.top-content.c02 .item:nth-of-type(even){
	transform: translateY(calc(clamp(calc(100 * var(--fluid-px)), calc(calc(35.897 * var(--fluid-px)) + 12.821vw), calc(200 * var(--fluid-px))) * -1));
}
.top-content.c05 .box div,
.top-content.c02 .item div{
	margin-bottom: clamp(calc(10 * var(--fluid-px)), calc(calc(3.590 * var(--fluid-px)) + 1.282vw), calc(20 * var(--fluid-px)));
	border-radius: clamp(calc(5 * var(--fluid-px)), calc(calc(3.077 * var(--fluid-px)) + 0.385vw), calc(8 * var(--fluid-px)));
	overflow: hidden;
}
.top-content.c05 .box img,
.top-content.c02 .item img{
	display: block;
    transition: all .3s;
}
.top-content.c02 .item img{
	width: 100%;
}
.top-content.c05 .box a:hover img,
.top-content.c02 .item a:hover img{
    transform: scale(1.07, 1.07);
}
.top-content.c05 .box span,
.top-content.c02 .item span{
	display: flex;
	align-items: center;
	position: relative;
	padding-top: calc(4 * var(--fluid-px));
	padding-right: calc(50 * var(--fluid-px));
	min-height: clamp(calc(30 * var(--fluid-px)), calc(calc(22.308 * var(--fluid-px)) + 1.538vw), calc(42 * var(--fluid-px)));
	color: var(--font-color);
	font-size: clamp(calc(20 * var(--fluid-font-px)), calc(calc(16.795 * var(--fluid-font-px)) + calc(0.641 * var(--fluid-font-vw))), calc(25 * var(--fluid-font-px)));
	font-weight: 500;
	line-height: 1;
}
.top-content.c05 .box span:after,
.top-content.c02 .item span:after,
.top-content.c05 .box span:before,
.top-content.c02 .item span:before{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: clamp(calc(30 * var(--fluid-px)), calc(calc(22.308 * var(--fluid-px)) + 1.538vw), calc(42 * var(--fluid-px)));
	aspect-ratio: 1 / 1;
    background: #233B52 url(../img/arrow02.svg) no-repeat center;
	background-size: calc(14 * var(--fluid-px)) auto;
	border: #233b52 calc(2 * var(--fluid-px)) solid;
	border-radius: calc(3 * var(--fluid-px));
    transform: translateY(-50%);
    transition: all .3s;
}
.top-content.c05 .box span:after,
.top-content.c02 .item span:after{
    background: url(../img/arrow13.svg) no-repeat center;
	background-size: calc(14 * var(--fluid-px)) auto;
	border: none;
}
.top-content.c05 .box a:hover span:before,
.top-content.c02 .item a:hover span:before{
    background: #fff url(../img/arrow13.svg) no-repeat center;
	background-size: calc(14 * var(--fluid-px)) auto;
	border-color: #32475D;
}
.top-content.c03 {
	padding: clamp(calc(100 * var(--fluid-px)), calc(calc(-41.509 * var(--fluid-px)) + 18.868vw), calc(200 * var(--fluid-px))) 0;
	color: #fff;
	background: #30455A;
}
.top-content.c03 .flex{
	margin-right: calc(-80 * var(--fluid-px));
}
.top-content.c03 .text{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: calc(30 * var(--fluid-px));
	width: 42%;
	font-size: clamp(calc(16 * var(--fluid-font-px)), calc(calc(14.718 * var(--fluid-font-px)) + calc(0.256 * var(--fluid-font-vw))), calc(18 * var(--fluid-font-px)));
}
.top-content.c03 h2{
	margin-bottom: clamp(calc(30 * var(--fluid-px)), calc(calc(10.769 * var(--fluid-px)) + 3.846vw), calc(60 * var(--fluid-px)));
	color: #fff;
}
.top-content.c03 .image{
	width: 50%;
}
.top-content.c03 .image img{
	border-radius: calc(8 * var(--fluid-px)) 0 0 calc(8 * var(--fluid-px));
}
.top-content.c04 {
	padding-top: clamp(calc(80 * var(--fluid-px)), calc(calc(3.077 * var(--fluid-px)) + 15.385vw), calc(200 * var(--fluid-px)));
}
.top-content.c04 .header{
	margin-bottom: clamp(calc(40 * var(--fluid-px)), calc(calc(20.769 * var(--fluid-px)) + 3.846vw), calc(70 * var(--fluid-px)));
	gap: calc(30 * var(--fluid-px)) clamp(calc(30 * var(--fluid-px)), calc(calc(-562.105 * var(--fluid-px)) + 65.789vw), calc(280 * var(--fluid-px)));
	font-size: clamp(calc(16 * var(--fluid-font-px)), calc(calc(14.718 * var(--fluid-font-px)) + calc(0.256 * var(--fluid-font-vw))), calc(18 * var(--fluid-font-px)));
}
.top-content.c04 h2{
	margin-bottom: 0;
}
.top-content.c04 .header p{
	flex: 1;
	padding-top: calc(15 * var(--fluid-px));
}
.top-content.c04 .upper,
.top-content.c04 .bottom {
	position: relative;
	padding: calc(50 * var(--fluid-px)) 0 calc(80 * var(--fluid-px)) calc(50 * var(--fluid-px));
	background: #F9FAFB;
	border-radius: calc(15 * var(--fluid-px)) 0 0 calc(15 * var(--fluid-px));
}
.top-content.c04 .upper:before,
.top-content.c04 .bottom:before{
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: calc(5000 * var(--fluid-px));
	height: 100%;
	background: #F9FAFB;
	z-index: -1;
}
.top-content.c04 .upper{
	position: relative;
	margin-bottom: clamp(calc(50 * var(--fluid-px)), calc(calc(27.564 * var(--fluid-px)) + 4.487vw), calc(85 * var(--fluid-px)));
}
.top-content.c04 h3{
	margin-bottom: calc(40 * var(--fluid-px));
	color: var(--font-color);
	font-size: clamp(calc(22 * var(--fluid-font-px)), calc(calc(13.026 * var(--fluid-font-px)) + calc(1.795 * var(--fluid-font-vw))), calc(36 * var(--fluid-font-px)));
	font-weight: 500;
	line-height: 1.25;
}
.top-content.c04 h3:before{
	content: attr(data-en);
	display: block;
	margin-bottom: clamp(calc(5 * var(--fluid-px)), calc(calc(1.795 * var(--fluid-px)) + 0.641vw), calc(10 * var(--fluid-px)));
	color: #007BC3;
	font-size: clamp(calc(12 * var(--fluid-font-px)), calc(calc(9.436 * var(--fluid-font-px)) + calc(0.513 * var(--fluid-font-vw))), calc(16 * var(--fluid-font-px)));
	font-family: 'Panchang', sans-serif;
}
.top-content.c04 .upper .body{
	margin-right: calc(-3000 * var(--fluid-px));
	overflow: hidden;
}
.top-content.c04 .slider{
	width: calc(367 * var(--fluid-px));
}
.top-content.c04 .slick-list{
	overflow: visible;
}
.top-content.c04 .arrow{
	display: flex;
	gap: calc(20 * var(--fluid-px));
	position: absolute;
	top: calc(80 * var(--fluid-px));
	right: 0;
}
.top-content.c04 .slick-arrow:before,
.top-content.c04 .slick-arrow {
	position: relative;
	left: unset;
	right: unset;
    width: calc(55 * var(--fluid-px));
	height: auto;
	aspect-ratio: 1 / 1;
	background: #fff url("../img/arrow04.svg") no-repeat center;
	background-size: calc(17 * var(--fluid-px)) auto;
	border: #5e7692 calc(1 * var(--fluid-px)) solid;
	border-radius: calc(3 * var(--fluid-px));
    transform: translateY(0);
	z-index: 1;
}
.top-content.c04 .slick-arrow:before {
	content: '';
	position: absolute;
	inset: 0;
	background: transparent url("../img/arrow04-hover.svg") no-repeat center;
	background-size: calc(17 * var(--fluid-px)) auto;
	border: none;
}
.top-content.c04 .slick-next {
	background: #fff url("../img/arrow05.svg") no-repeat center;
	background-size: calc(17 * var(--fluid-px)) auto;
}
.top-content.c04 .slick-next:before{
	background-image: url("../img/arrow05-hover.svg");
}
.top-content.c04 .slick-arrow{
	transition: background-color .3s ease, border-color .3s ease, background-position .3s ease;
}
.top-content.c04 .slick-arrow:hover{
	background-color: #EAEFF1;
	border-color: #0083C9;
	background-position: calc(50% + 150%) center!important;
}
.top-content.c04 .slick-prev:hover{
	background-position: calc(50% - 150%) center!important;
}
.top-content.c04 .slick-arrow:before{
	background-position: calc(50% - 150%) center!important;
	transition: background-position .3s ease;
}
.top-content.c04 .slick-prev:before{
	background-position: calc(50% + 150%) center!important;
}
.top-content.c04 .slick-arrow:hover:before{
	background-position: center center!important;
}
.top-content.c04 .upper .box{
	padding-right: calc(30 * var(--fluid-px));
}
.top-content.c04 .upper .box > a,
.top-content.c04 .bottom .box > a{
	display: block;
	color: inherit;
}
.top-content.c04 .upper .box .image{
	margin-bottom: calc(15 * var(--fluid-px));
	aspect-ratio: 337 / 370;
	border-radius: clamp(calc(5 * var(--fluid-px)), calc(calc(1.795 * var(--fluid-px)) + 0.641vw), calc(10 * var(--fluid-px)));
	overflow: hidden;
}
.top-content.c04 .upper .box img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .3s ease;
}
.top-content.c04 .upper .job{
	display: inline-block;
	margin-bottom: calc(10 * var(--fluid-px));
	padding: 0 calc(7 * var(--fluid-px));
	height: clamp(calc(19 * var(--fluid-px)), calc(calc(18.359 * var(--fluid-px)) + 0.128vw), calc(20 * var(--fluid-px)));
	color: #007BC3;
	font-size: clamp(calc(12 * var(--fluid-font-px)), calc(calc(11.359 * var(--fluid-font-px)) + calc(0.128 * var(--fluid-font-vw))), calc(13 * var(--fluid-font-px)));
	line-height: clamp(calc(16 * var(--fluid-px)), calc(calc(14.718 * var(--fluid-px)) + 0.256vw), calc(18 * var(--fluid-px)));
	border: #007bc3 calc(1 * var(--fluid-px)) solid;
	border-radius: calc(2 * var(--fluid-px));
}
.top-content.c04 .upper .lead{
	margin-bottom: clamp(calc(10 * var(--fluid-px)), calc(calc(6.795 * var(--fluid-px)) + 0.641vw), calc(15 * var(--fluid-px)));
	color: #000;
	font-size: clamp(calc(16 * var(--fluid-font-px)), calc(calc(10.872 * var(--fluid-font-px)) + calc(1.026 * var(--fluid-font-vw))), calc(24 * var(--fluid-font-px)));
	font-weight: 500;
	line-height: 1.5;
}
.top-content.c04 .upper .name{
	color: #4E4E4E;
	font-size: clamp(calc(10 * var(--fluid-font-px)), calc(calc(7.436 * var(--fluid-font-px)) + calc(0.513 * var(--fluid-font-vw))), calc(14 * var(--fluid-font-px)));
	line-height: 1.25;
}
.top-content.c04 .upper .name b{
	display: block;
	color: #000;
	font-size: clamp(calc(18 * var(--fluid-font-px)), calc(calc(15.436 * var(--fluid-font-px)) + calc(0.513 * var(--fluid-font-vw))), calc(22 * var(--fluid-font-px)));
	font-weight: 500;
}
.top-content.c04 .link{
	margin-top: clamp(calc(30 * var(--fluid-px)), calc(calc(-2.051 * var(--fluid-px)) + 6.410vw), calc(80 * var(--fluid-px)));
	text-align: right;
}
.top-content.c04 .bottom .box{
	width: 48.8%;
}
.top-content.c04 .bottom .box .image{
	margin-bottom: clamp(calc(20 * var(--fluid-px)), calc(calc(16.795 * var(--fluid-px)) + 0.641vw), calc(25 * var(--fluid-px)));
	border-radius: clamp(calc(5 * var(--fluid-px)), calc(calc(3.077 * var(--fluid-px)) + 0.385vw), calc(8 * var(--fluid-px)));
	overflow: hidden;
}
.top-content.c04 .bottom .box img{
	display: block;
	width: 100%;
	transition: transform .3s ease;
}
.top-content.c04 .bottom dl{
	font-weight: 500;
}
.top-content.c04 .bottom dt{
	margin-bottom: clamp(calc(10 * var(--fluid-px)), calc(calc(6.795 * var(--fluid-px)) + 0.641vw), calc(15 * var(--fluid-px)));
	font-size: clamp(calc(14 * var(--fluid-font-px)), calc(calc(8.872 * var(--fluid-font-px)) + calc(1.026 * var(--fluid-font-vw))), calc(22 * var(--fluid-font-px)));
	font-weight: normal;
	line-height: 1.35;
}
.top-content.c04 .bottom dd{
	font-size: clamp(calc(16 * var(--fluid-font-px)), calc(calc(10.872 * var(--fluid-font-px)) + calc(1.026 * var(--fluid-font-vw))), calc(24 * var(--fluid-font-px)));
	line-height: 1.5;
}

@media (hover: hover) and (pointer: fine) {
	.top-content.c04 .upper .box a:hover img,
	.top-content.c04 .bottom .box a:hover img{
		transform: scale(1.05);
	}
	.top-content.c04 .upper .lead,
	.top-content.c04 .bottom dt,
	.top-content.c04 .bottom dd{
		transition: color .3s ease;
	}
	.top-content.c04 .upper .box a:hover .lead,
	.top-content.c04 .bottom .box a:hover dt,
	.top-content.c04 .bottom .box a:hover dd{
		color: #0083C9;
	}
}
.top-content.c05 {
	padding-top: clamp(calc(80 * var(--fluid-px)), calc(calc(3.077 * var(--fluid-px)) + 15.385vw), calc(200 * var(--fluid-px)));
	padding-bottom: clamp(calc(110 * var(--fluid-px)), calc(calc(20.256 * var(--fluid-px)) + 17.949vw), calc(250 * var(--fluid-px)));
}
.top-content.c05 .flex{
	gap: calc(30 * var(--fluid-px));
}
.top-content.c05 h2{
	margin-bottom: 0;
} 
.top-content.c05 .body{
	padding-top: clamp(calc(0 * var(--fluid-px)), calc(calc(-6.410 * var(--fluid-px)) + 1.282vw), calc(10 * var(--fluid-px)));
	width: 41%;
} 
.top-content.c05 .box a{
	display: block;
	color: var(--font-color);
	font-size: calc(25 * var(--fluid-font-px));
}

@media screen and (max-width:899px) {
	.top-mv .text{
		line-height: 1.25;
	}
	.top-content h2[data-en] span{
		padding-left: calc(22 * var(--fluid-px));
	}
	.top-content h2[data-en] span:after{
		top: calc(5 * var(--fluid-px));
		width: calc(11 * var(--fluid-px));
		height: calc(13 * var(--fluid-px));
	}
	.top-content.c01 .body{
		padding-left: 0;
	}
	.top-content.c02 p{
		position: static;
		padding-right: 0;
		width: 100%;
	}
	.top-content.c02 .box{
		padding-top: calc(10 * var(--fluid-px));
	}
	.top-content.c02 .item {
		width: 100%;
		max-width: 100%;
	}
	.top-content.c02 .item:nth-of-type(even){
		transform: translateY(0);
	}
	.top-content.c03 {
		padding-top: calc(80 * var(--fluid-px));
		padding-bottom: calc(40 * var(--fluid-px));
	}
	.top-content.c03 .flex{
		gap: calc(50 * var(--fluid-px));
		margin-right: 0;
	}
	.top-content.c03 .text,
	.top-content.c03 .image{
		width: 100%;
	}
	.top-content.c03 .image img{
		border-radius: calc(5 * var(--fluid-px));
	}
	.top-content.c03 .btn-s1{
		min-width: calc(250 * var(--fluid-px));
	}
	.top-content.c04 .header p{
		flex: none;
		padding-top: 0;
		width: 100%;
	}
	.top-content.c04 .upper,
	.top-content.c04 .bottom {
		padding: calc(40 * var(--fluid-px)) 0;
		border-radius: 0;
	}
	.top-content.c04 .upper:before,
	.top-content.c04 .bottom:before{
		left: calc(-15 * var(--fluid-px));
		width: calc(100% + calc(30 * var(--fluid-px)));
	}
	.top-content.c04 .upper .body{
		margin-right: 0;
	}
	.top-content.c04 .slider{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: calc(40 * var(--fluid-px)) calc(20 * var(--fluid-px));
		width: 100%;
	}
	.top-content.c04 .upper .box{
		padding-right: 0;
		width: calc((100% - calc(20 * var(--fluid-px))) / 2);
	}
	.top-content.c04 .upper .lead br{
		display: none;
	}
	.top-content.c04 .link{
		text-align: left;
	}
	.top-content.c04 .bottom .flex{
		gap: calc(45 * var(--fluid-px));
	}
	.top-content.c04 .bottom .box{
		width: 100%;
	}
	.top-content.c05 .body{
		width: 100%;
	} 
}

/* footer */
#footer{
	position: relative;
	z-index: 2;
}
#footer p{
	margin-bottom: 0;
}
#footer .upper {
	padding: clamp(calc(60 * var(--fluid-px)), calc(calc(11.923 * var(--fluid-px)) + 9.615vw), calc(135 * var(--fluid-px))) 0;
    background: #435C75;
}
.home #footer .upper {
	position: relative;
	isolation: isolate;
	background: none;
	overflow: hidden;
}
.home #footer .upper:before{
	content: '';
	position: absolute;
	inset: 0;
	z-index: 0;
	backdrop-filter: blur(calc(13 * var(--fluid-px)));
	-webkit-backdrop-filter: blur(calc(13 * var(--fluid-px)));
	pointer-events: none;
}
.home #footer .upper .wrap{
	position: relative;
	z-index: 1;
}
#footer .upper .text{
	gap: calc(20 * var(--fluid-px)) clamp(calc(20 * var(--fluid-px)), calc(calc(-46.667 * var(--fluid-px)) + 8.333vw), calc(60 * var(--fluid-px)));
	flex-wrap: wrap;
	align-items: flex-end;
	margin-bottom: clamp(calc(15 * var(--fluid-px)), calc(calc(8.590 * var(--fluid-px)) + 1.282vw), calc(25 * var(--fluid-px)));
	padding: clamp(calc(30 * var(--fluid-px)), calc(calc(-2.051 * var(--fluid-px)) + 6.410vw), calc(80 * var(--fluid-px)))
			 clamp(calc(20 * var(--fluid-px)), calc(calc(-18.462 * var(--fluid-px)) + 7.692vw), calc(80 * var(--fluid-px)));
	background: #fff;
	border-radius: clamp(calc(5 * var(--fluid-px)), calc(calc(3.077 * var(--fluid-px)) + 0.385vw), calc(8 * var(--fluid-px)));
}
#footer .upper h3{
	color: var(--font-color);
	font-size: clamp(calc(30 * var(--fluid-font-px)), calc(calc(20.385 * var(--fluid-font-px)) + calc(1.923 * var(--fluid-font-vw))), calc(45 * var(--fluid-font-px)));
	font-weight: bold;
	line-height: 1.3;
}
#footer .upper h3:before{
	content: attr(data-en);
	display: block;
	margin-bottom: clamp(calc(5 * var(--fluid-px)), calc(calc(1.795 * var(--fluid-px)) + 0.641vw), calc(10 * var(--fluid-px)));
	color: #0380C9;
	font-size: clamp(calc(12 * var(--fluid-font-px)), calc(calc(9.436 * var(--fluid-font-px)) + calc(0.513 * var(--fluid-font-vw))), calc(16 * var(--fluid-font-px)));
	font-family: 'Panchang', sans-serif;
	font-weight: 500;
}
#footer .upper .text p{
	flex: 1;
}
#footer .upper .contact{
	gap: calc(15 * var(--fluid-px)) calc(25 * var(--fluid-px));
}
#footer .upper .contact > *{
	flex: 1;
	display: flex;
	align-items: center;
	position: relative;
	padding: calc(22 * var(--fluid-px)) clamp(calc(20 * var(--fluid-px)), calc(calc(10.385 * var(--fluid-px)) + 1.923vw), calc(35 * var(--fluid-px)));
	aspect-ratio: 625 / 150;
	color: #fff;
	background: #0083C9;
	border: #0083c9 calc(3 * var(--fluid-px)) solid;
	border-radius: clamp(calc(5 * var(--fluid-px)), calc(calc(3.077 * var(--fluid-px)) + 0.385vw), calc(8 * var(--fluid-px)));
    transition: all .3s;
}
#footer .upper .contact .s2{
	background: #253A4F;
	border-color: #253A4F;
}
#footer .upper .contact a.s1:hover{
	color: var(--sanko-color);
	background-color: #fff;
}
#footer .upper .contact a.s1:after,
#footer .upper .contact a.s1:before{
	content: '';
	position: absolute;
	top: 50%;
	right: calc(40 * var(--fluid-px));
	width: calc(60 * var(--fluid-px));
	aspect-ratio: 1 / 1;
	background: #008FDB url(../img/arrow02.svg) no-repeat center;
	background-size: calc(22 * var(--fluid-px)) auto;
	border-radius: calc(4 * var(--fluid-px));
    transform: translateY(-50%);
    transition: all .3s;
}
#footer .upper .contact a.s1:hover:before{
	background-color: #0083C9;
}
#footer .upper .contact a.s1:after{
	background-color: unset;
}
#footer .upper .contact span.inr{
	display: flex;
	flex-wrap: wrap;
	gap: calc(15 * var(--fluid-px)) clamp(calc(20 * var(--fluid-px)), calc(calc(3.974 * var(--fluid-px)) + 3.205vw), calc(45 * var(--fluid-px)));
	align-items: center;
	width: 100%;
	font-size: calc(12 * var(--fluid-font-px));
}
#footer .upper .contact .s1 span.inr{
	align-items: flex-end;
	gap: calc(15 * var(--fluid-px)) calc(20 * var(--fluid-px));
	padding-right: calc(70 * var(--fluid-px));
	font-size: clamp(calc(10 * var(--fluid-font-px)), calc(calc(8.718 * var(--fluid-font-px)) + calc(0.256 * var(--fluid-font-vw))), calc(12 * var(--fluid-font-px)));
}
#footer .upper .contact b{
	display: block;
	font-weight: 500;
	font-size: clamp(calc(22 * var(--fluid-font-px)), calc(calc(18.795 * var(--fluid-font-px)) + calc(0.641 * var(--fluid-font-vw))), calc(27 * var(--fluid-font-px)));
	line-height: 1;
	white-space: nowrap;
}
#footer .upper .contact b:before{
	content: attr(data-en);
	display: block;
	margin-bottom: clamp(calc(5 * var(--fluid-px)), calc(calc(-1.410 * var(--fluid-px)) + 1.282vw), calc(15 * var(--fluid-px)));
	font-size: clamp(calc(12 * var(--fluid-font-px)), calc(calc(10.077 * var(--fluid-font-px)) + calc(0.385 * var(--fluid-font-vw))), calc(15 * var(--fluid-font-px)));
	font-family: 'Panchang', sans-serif;
	font-weight: 400;
	line-height: 1;
}
#footer .upper .contact .sub{
	line-height: 1.5;
}
#footer .upper .contact i{
	display: block;
	margin-top: clamp(calc(2 * var(--fluid-px)), calc(calc(0.077 * var(--fluid-px)) + 0.385vw), calc(5 * var(--fluid-px)));
	font-style: normal;
	font-size: clamp(calc(16 * var(--fluid-font-px)), calc(calc(14.718 * var(--fluid-font-px)) + calc(0.256 * var(--fluid-font-vw))), calc(18 * var(--fluid-font-px)));
}
#footer .upper .contact i:before{
	content: '';
	display: inline-block;
	margin-right: calc(5 * var(--fluid-px));
	width: clamp(calc(18 * var(--fluid-px)), calc(calc(15.436 * var(--fluid-px)) + 0.513vw), calc(22 * var(--fluid-px)));
	aspect-ratio: 22 / 16;
	background: url(../img/icon-mail.svg) no-repeat center;
	background-size: contain;
}
#footer .bottom{
	padding-top: clamp(calc(40 * var(--fluid-px)), calc(calc(11.154 * var(--fluid-px)) + 5.769vw), calc(85 * var(--fluid-px)));
	padding-bottom: clamp(calc(40 * var(--fluid-px)), calc(calc(20.769 * var(--fluid-px)) + 3.846vw), calc(70 * var(--fluid-px)));
	color: #fff;
	background: #304559;
}
#footer .bottom a{
	color: #fff;
}
#footer .bottom .upr{
	align-items: flex-end;
	gap: calc(10 * var(--fluid-px));
	margin-bottom: clamp(calc(35 * var(--fluid-px)), calc(calc(28.590 * var(--fluid-px)) + 1.282vw), calc(45 * var(--fluid-px)));
	padding-bottom: clamp(calc(15 * var(--fluid-px)), calc(calc(5.385 * var(--fluid-px)) + 1.923vw), calc(30 * var(--fluid-px)));
	border-bottom: #546778 calc(1 * var(--fluid-px)) solid;
}
#footer .bottom .logo{
	font-size: clamp(calc(13 * var(--fluid-font-px)), calc(calc(8.513 * var(--fluid-font-px)) + calc(0.897 * var(--fluid-font-vw))), calc(20 * var(--fluid-font-px)));
	line-height: 1;
}
#footer .bottom .logo a{
	display: flex;
	align-items: center;
	gap: clamp(calc(10 * var(--fluid-px)), calc(calc(0.385 * var(--fluid-px)) + 1.923vw), calc(25 * var(--fluid-px)));
}
#footer .bottom .logo img{
	display: inline-block;
	width: clamp(calc(114 * var(--fluid-px)), calc(calc(78.103 * var(--fluid-px)) + 7.179vw), calc(170 * var(--fluid-px)));
}
#footer .bottom .link{
	margin-bottom: calc(10 * var(--fluid-px));
}
#footer .bottom .link a{
	display: inline-block;
	position: relative;
	padding-right: clamp(calc(30 * var(--fluid-px)), calc(calc(23.590 * var(--fluid-px)) + 1.282vw), calc(40 * var(--fluid-px)));
	min-height: clamp(calc(20 * var(--fluid-px)), calc(calc(14.872 * var(--fluid-px)) + 1.026vw), calc(28 * var(--fluid-px)));
	font-size: clamp(calc(13 * var(--fluid-font-px)), calc(calc(11.077 * var(--fluid-font-px)) + calc(0.385 * var(--fluid-font-vw))), calc(16 * var(--fluid-font-px)));
}
#footer .bottom .link a:after,
#footer .bottom .link a:before{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: clamp(calc(22 * var(--fluid-px)), calc(calc(18.154 * var(--fluid-px)) + 0.769vw), calc(28 * var(--fluid-px)));
	aspect-ratio: 1 / 1;
	background: transparent url("../img/arrow14-default.svg") no-repeat center;
	background-size: calc(10 * var(--fluid-px)) auto;
	border: #8698a8 calc(1 * var(--fluid-px)) solid;
	border-radius: calc(2 * var(--fluid-px));
    transform: translateY(-50%);
	transition: background-color .3s ease, border-color .3s ease, background-position .3s ease;
}
#footer .bottom .link a:after{
	background-color: transparent;
	background-image: url("../img/arrow14.svg");
	border: none;
	transition: background-position .3s ease;
}
#footer .mid {
	margin-bottom: clamp(calc(60 * var(--fluid-px)), calc(calc(34.359 * var(--fluid-px)) + 5.128vw), calc(100 * var(--fluid-px)));
}
#footer .mid ul.menu{
	display: flex;
	flex-wrap: wrap;
	gap: calc(45 * var(--fluid-px)) clamp(calc(20 * var(--fluid-px)), calc(calc(-12.051 * var(--fluid-px)) + 6.410vw), calc(70 * var(--fluid-px)));
	font-size: calc(16 * var(--fluid-font-px));
	line-height: 1;
}
#footer .mid a,
#footer .mid .oc-menu-parent-label{
	transition: opacity .3s ease;
}
#footer .bottom li ul{
	display: flex;
	flex-direction: column;
	gap: clamp(calc(20 * var(--fluid-px)), calc(calc(16.795 * var(--fluid-px)) + 0.641vw), calc(25 * var(--fluid-px))) calc(20 * var(--fluid-px));
	margin-top: clamp(calc(20 * var(--fluid-px)), calc(calc(10.385 * var(--fluid-px)) + 1.923vw), calc(35 * var(--fluid-px)));
}
#footer .bottom li li{
	font-size: clamp(calc(13 * var(--fluid-font-px)), calc(calc(11.718 * var(--fluid-font-px)) + calc(0.256 * var(--fluid-font-vw))), calc(15 * var(--fluid-font-px)));
}
#footer .bottom li li:last-child{
	margin-bottom: 0;
}
#footer .bottom .btm{
	align-items: center;
	gap: calc(15 * var(--fluid-px));
	font-size: clamp(calc(9 * var(--fluid-font-px)), calc(calc(6.436 * var(--fluid-font-px)) + calc(0.513 * var(--fluid-font-vw))), calc(13 * var(--fluid-font-px)));
}
#footer .bottom .privacy a{
	display: inline-block;
	position: relative;
	padding-right: clamp(calc(23 * var(--fluid-px)), calc(calc(20.436 * var(--fluid-px)) + 0.513vw), calc(27 * var(--fluid-px)));
	font-size: calc(13 * var(--fluid-font-px));
}
#footer .bottom .privacy a:after,
#footer .bottom .privacy a:before{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: clamp(calc(14 * var(--fluid-px)), calc(calc(12.077 * var(--fluid-px)) + 0.385vw), calc(17 * var(--fluid-px)));
	aspect-ratio: 1 / 1;
	background: transparent url("../img/arrow14-default.svg") no-repeat center;
	background-size: calc(8 * var(--fluid-px)) auto;
	border: #8698a8 calc(1 * var(--fluid-px)) solid;
	border-radius: calc(2 * var(--fluid-px));
    transform: translateY(-50%);
	transition: background-color .3s ease, border-color .3s ease, background-position .3s ease;
}
#footer .bottom .privacy a:after{
	background-color: transparent;
	background-image: url("../img/arrow14.svg");
	border: none;
	transition: background-position .3s ease;
}

@media (hover: hover) and (pointer: fine) {
	#footer .mid a:hover{
		opacity: .6;
	}
	#footer .bottom .link a:hover:before,
	#footer .bottom .privacy a:hover:before{
		background-color: #E5EAF0;
		border-color: #435C75;
	}
}

@media screen and (max-width:899px) {
	#footer .upper .text p{
		flex: none;
		width: 100%;
	}
	#footer .upper .contact > *{
		flex: none;
		width: 100%;
		aspect-ratio: unset;
	}
}

@media screen and (max-width:899px) {
	#footer .upper .contact > *{
		align-items: center;
		padding: calc(25 * var(--fluid-px)) clamp(calc(20 * var(--fluid-px)), calc(calc(10.385 * var(--fluid-px)) + 1.923vw), calc(35 * var(--fluid-px)));
	}
	#footer .upper .contact a.s1:after,
	#footer .upper .contact a.s1:before{
		right: calc(20 * var(--fluid-px));
		width: calc(40 * var(--fluid-px));
		background-size: calc(17 * var(--fluid-px)) auto;
		border-radius: calc(3 * var(--fluid-px));
	}
	#footer .upper .contact .sub{
		width: 100%;
	}
	#footer .bottom .link {
		margin-bottom: 0;
		width: 100%;
		text-align: right;
	}
	#footer .mid ul.menu>li{
		width: 100%;
	}
	#footer .bottom li ul{
		flex-direction: unset;
		flex-wrap: wrap;
	}
	#footer .bottom .privacy a{
		padding-right: calc(20 * var(--fluid-px));
	}
	#footer .bottom .privacy a:after,
	#footer .bottom .privacy a:before{
		background-size: calc(6 * var(--fluid-px)) auto;
	}
	#footer .copyright{
		width: 100%;
	}
}

/* 下層 */
.page-title {
	margin-top: clamp(calc(95 * var(--fluid-px)), calc(calc(59.744 * var(--fluid-px)) + 7.051vw), calc(150 * var(--fluid-px)));
	margin-bottom: clamp(calc(30 * var(--fluid-px)), calc(calc(23.590 * var(--fluid-px)) + 1.282vw), calc(40 * var(--fluid-px)));
}
.page-title h1{
	color: var(--font-color);
	font-size: clamp(calc(18 * var(--fluid-font-px)), calc(calc(16.718 * var(--fluid-font-px)) + calc(0.256 * var(--fluid-font-vw))), calc(20 * var(--fluid-font-px)));
	font-weight: 500;
	line-height: 1;
}
.page-title h1[data-en]:before{
	content: attr(data-en);
	display: block;
	margin-bottom: calc(10 * var(--fluid-px));
	font-size: clamp(calc(40 * var(--fluid-font-px)), calc(calc(15.641 * var(--fluid-font-px)) + calc(4.872 * var(--fluid-font-vw))), calc(78 * var(--fluid-font-px)));
	font-family: 'Panchang', sans-serif;
}
.page-title h1 span{
	display: inline-block;
	position: relative;
	padding-left: calc(28 * var(--fluid-px));
}
.page-title h1 span:after{
	content: '';
	position: absolute;
	top: calc(3 * var(--fluid-px));
	left: 0;
	width: calc(13 * var(--fluid-px));
	height: calc(15 * var(--fluid-px));
	background: linear-gradient(39deg,rgba(15, 116, 206, 1) 20%, rgba(86, 187, 237, 1) 100%);
	clip-path: polygon(50% 6.7%, 100% 25%, 100% 75%, 50% 93.3%, 0% 75%, 0% 25%);
}
.eyechatch {
	margin-bottom: clamp(calc(20 * var(--fluid-px)), calc(calc(7.179 * var(--fluid-px)) + 2.564vw), calc(40 * var(--fluid-px)));
	height: calc(500 * var(--fluid-px));
}
.eyechatch picture,
.eyechatch img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sub-page .nav{
	position: sticky;
	top: calc( var(--header-height) + calc(30 * var(--fluid-px)) );
	margin-left: auto;
	margin-bottom: clamp(calc(100 * var(--fluid-px)), calc(calc(35.897 * var(--fluid-px)) + 12.821vw), calc(200 * var(--fluid-px)));
	text-align: right;
	z-index: 5;
}
.sub-page .pnav{
	display: inline-block;
	margin: 0 clamp(calc(15 * var(--fluid-px)), calc(calc(-1.026 * var(--fluid-px)) + 3.205vw), calc(40 * var(--fluid-px)));
	padding: calc(15 * var(--fluid-px)) calc(20 * var(--fluid-px));
	background: #fff;
	border-radius: calc(5 * var(--fluid-px));
}
.sub-page .pnav>div{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: clamp(calc(7 * var(--fluid-px)), calc(calc(-4.538 * var(--fluid-px)) + 2.308vw), calc(25 * var(--fluid-px)));
}
.sub-page .pnav a{
	display: flex;
	align-items: center;
	position: relative;
	padding-right: calc(37 * var(--fluid-px));
	min-height: clamp(calc(20 * var(--fluid-px)), calc(calc(16.795 * var(--fluid-px)) + 0.641vw), calc(25 * var(--fluid-px)));
	color: var(--font-color);
	font-size: clamp(calc(13 * var(--fluid-font-px)), calc(calc(9.795 * var(--fluid-font-px)) + calc(0.641 * var(--fluid-font-vw))), calc(18 * var(--fluid-font-px)));
	font-weight: 500;
	line-height: 1;
}
.sub-page .pnav a:after,
.sub-page .pnav a:before{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: clamp(calc(20 * var(--fluid-px)), calc(calc(16.795 * var(--fluid-px)) + 0.641vw), calc(25 * var(--fluid-px)));
	aspect-ratio: 1 / 1;
	background: url(../img/arrow07.svg) no-repeat center;
	background-size: calc(12 * var(--fluid-px)) auto;
	border: #ededed calc(1 * var(--fluid-px)) solid;
	border-radius: calc(1 * var(--fluid-px));
    transform: translateY(-44%);
    transition: all .3s;
}
.sub-page .pnav a:after{
	border: none;
}
.sub-page .pnav a:after{
	background-position: center calc(50% - 250%)!important;
}
@media (hover: hover) and (pointer: fine) {
	.sub-page .pnav a:hover:before{
		background-color: #E5EAF0;
		background-position: center calc(50% + 250%)!important;
	}
	.sub-page .pnav a:hover:after{
		background-position: center center!important;
	}
}
@media (hover: none), (pointer: coarse) {
	.sub-page .pnav a:before{
		background-position: center center!important;
		transition: none;
	}
	.sub-page .pnav a:after{
		opacity: 0;
		transition: none;
	}
}
.section-anchor {
	margin-top: calc(-20 * var(--fluid-px));
	padding-top: calc(20 * var(--fluid-px));
	scroll-margin-top: var(--section-anchor-offset);
}
.heading-s01 {
	position: relative;
	margin-bottom: clamp(calc(40 * var(--fluid-px)), calc(calc(27.179 * var(--fluid-px)) + 2.564vw), calc(60 * var(--fluid-px)));
	padding-left: calc(25 * var(--fluid-px));
	color: var(--font-color);
	font-size: clamp(calc(15 * var(--fluid-font-px)), calc(calc(11.795 * var(--fluid-font-px)) + calc(0.641 * var(--fluid-font-vw))), calc(20 * var(--fluid-font-px)));
	font-weight: 500;
	line-height: 1;
}
.heading-s01:before {
	content: '';
	position: absolute;
	top: calc(3 * var(--fluid-px));
	left: 0;
	width: calc(13 * var(--fluid-px));
	height: calc(15 * var(--fluid-px));
	background: linear-gradient(39deg,rgba(15, 116, 206, 1) 20%, rgba(86, 187, 237, 1) 100%);
	clip-path: polygon(50% 6.7%, 100% 25%, 100% 75%, 50% 93.3%, 0% 75%, 0% 25%);
}
.heading-s01:after {
	content: attr(data-en);
	display: inline-block;
	margin-left: calc(10 * var(--fluid-px));
	color: var(--sanko-color);
	font-size: clamp(calc(11 * var(--fluid-font-px)), calc(calc(9.077 * var(--fluid-font-px)) + calc(0.385 * var(--fluid-font-vw))), calc(14 * var(--fluid-font-px)));
	font-family: 'Panchang', sans-serif;
}
.heading-s02 {
	position: relative;
	margin-bottom: clamp(calc(30 * var(--fluid-px)), calc(calc(4.359 * var(--fluid-px)) + 5.128vw), calc(70 * var(--fluid-px)));
	/* font-size: clamp(calc(18 * var(--fluid-font-px)), calc(calc(6.462 * var(--fluid-font-px)) + calc(2.308 * var(--fluid-font-vw))), calc(36 * var(--fluid-font-px))); */
	font-size: clamp(calc(22 * var(--fluid-font-px)), calc(calc(13.026 * var(--fluid-font-px)) + calc(1.795 * var(--fluid-font-vw))), calc(36 * var(--fluid-font-px)));
	line-height: 1.25;
}
.heading-s02:before{
	content: attr(data-en);
	display: block;
	margin-bottom: clamp(calc(5 * var(--fluid-px)), calc(calc(1.795 * var(--fluid-px)) + 0.641vw), calc(10 * var(--fluid-px)));
	padding-left: clamp(calc(17 * var(--fluid-px)), calc(calc(15.077 * var(--fluid-px)) + 0.385vw), calc(20 * var(--fluid-px)));
	color: var(--sanko-color);
	font-size: clamp(calc(12 * var(--fluid-font-px)), calc(calc(10.718 * var(--fluid-font-px)) + calc(0.256 * var(--fluid-font-vw))), calc(14 * var(--fluid-font-px)));
	font-family: 'Panchang';
	line-height: 1;
}
.heading-s02:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: calc(13 * var(--fluid-px));
	height: calc(15 * var(--fluid-px));
	background: linear-gradient(39deg,rgba(15, 116, 206, 1) 20%, rgba(86, 187, 237, 1) 100%);
	clip-path: polygon(50% 6.7%, 100% 25%, 100% 75%, 50% 93.3%, 0% 75%, 0% 25%);
}
.cta-content {
	margin-top: clamp(calc(110 * var(--fluid-px)), calc(calc(-5.385 * var(--fluid-px)) + 23.077vw), calc(290 * var(--fluid-px)));
}
.cta-content p[data-en]{
	margin-bottom: clamp(calc(40 * var(--fluid-px)), calc(calc(27.179 * var(--fluid-px)) + 2.564vw), calc(60 * var(--fluid-px)));
	font-size: clamp(calc(22 * var(--fluid-font-px)), calc(calc(11.744 * var(--fluid-font-px)) + calc(2.051 * var(--fluid-font-vw))), calc(38 * var(--fluid-font-px)));
	font-weight: 500;
	text-align: center;
	line-height: 1.3;
}
.cta-content p[data-en]:before{
	content: attr(data-en);
	display: block;
	margin-bottom: clamp(calc(10 * var(--fluid-px)), calc(calc(3.590 * var(--fluid-px)) + 1.282vw), calc(20 * var(--fluid-px)));
	color: var(--sanko-color);
	font-size: calc(15 * var(--fluid-font-px));
	font-family: 'Panchang';
	line-height: 1;
	text-align: center;
}
.cta-content .body{
	display: flex;
	flex-wrap: wrap;
	gap: calc(30 * var(--fluid-px));
}
.cta-content .box{
	width: calc((100% - calc(90 * var(--fluid-px))) / 4);
	background: #fff;
	border-radius: clamp(calc(5 * var(--fluid-px)), calc(calc(3.077 * var(--fluid-px)) + 0.385vw), calc(8 * var(--fluid-px)));
	overflow: hidden;
}
.cta-content .box a{
	color: var(--font-color);
	font-weight: 500;
	font-size: clamp(calc(18 * var(--fluid-font-px)), calc(calc(16.718 * var(--fluid-font-px)) + calc(0.256 * var(--fluid-font-vw))), calc(20 * var(--fluid-font-px)));
}
.cta-content .box div{
	overflow: hidden;
}
.cta-content .box img{
	width: 100%;
	aspect-ratio:  3 / 2;
	object-fit: cover;
    transition: all .3s;
}
.cta-content .box:hover img{
    transform: scale(1.05, 1.05);
}

.cta-content .box p{
	position: relative;
	margin-bottom: 0;
	padding: clamp(calc(12 * var(--fluid-px)), calc(calc(10.077 * var(--fluid-px)) + 0.385vw), calc(15 * var(--fluid-px))) calc(15 * var(--fluid-px));
	padding-right: clamp(calc(50 * var(--fluid-px)), calc(calc(43.590 * var(--fluid-px)) + 1.282vw), calc(60 * var(--fluid-px)));
	line-height: 1.2;
}
.cta-content .box p:after,
.cta-content .box p:before{
	content: '';
	position: absolute;
	top: 50%;
	right: clamp(calc(12 * var(--fluid-px)), calc(calc(10.077 * var(--fluid-px)) + 0.385vw), calc(15 * var(--fluid-px)));
	width: clamp(calc(25 * var(--fluid-px)), calc(calc(21.795 * var(--fluid-px)) + 0.641vw), calc(30 * var(--fluid-px)));
	aspect-ratio: 1 / 1;
	background: #304559 url(../img/arrow02.svg) no-repeat center;
	background-size: calc(14 * var(--fluid-px)) auto;
	border: calc(1 * var(--fluid-px)) solid transparent;
	border-radius: calc(3 * var(--fluid-px));
    transform: translateY(-50%);
}
.cta-content .box p:after{
	background-color: transparent;
	background-image: url(../img/arrow13.svg);
	border-color: transparent;
}
@media (hover: hover) and (pointer: fine) {
	.cta-content .box:hover p:before{
		background-color: #fff;
		border-color: #32475D;
	}
}

@media screen and (max-width:899px) {
	.cta-content .box{
		width: calc((100% - calc(30 * var(--fluid-px))) / 2);
	}
}

@media screen and (max-width:899px) {
	.page-title h1 span{
		padding-left: calc(19 * var(--fluid-px));
	}
	.page-title h1 span:after{
		top: calc(4 * var(--fluid-px));
		width: calc(11 * var(--fluid-px));
		height: calc(13 * var(--fluid-px));
	}
	.eyechatch {
		height: calc(390 * var(--fluid-px));
	}
	.sub-page .nav{
		top: calc( var(--header-height) + calc(10 * var(--fluid-px)) );
	}
	.sub-page .pnav{
		padding: 0;
		background: none;
	}
	.sub-page .pnav a{
		padding: calc(8 * var(--fluid-px)) calc(10 * var(--fluid-px));
		padding-right: calc(42 * var(--fluid-px));
		background: #fff;
		border-radius: calc(3 * var(--fluid-px));
	}
	.sub-page .pnav a:before{
		right: calc(10 * var(--fluid-px));
		background-size: calc(9 * var(--fluid-px)) auto;
		transform: translateY(-50%);
	}
	.heading-s01{
		padding-left: calc(18 * var(--fluid-px));
	}
	.heading-s02:after,
	.heading-s01:before {
		top: calc(3 * var(--fluid-px));
		width: calc(10 * var(--fluid-px));
		height: calc(12 * var(--fluid-px));
	}
	.heading-s02:after {
		top: calc(0 * var(--fluid-px));
	}
	.cta-content p[data-en]:before,
	.cta-content p[data-en]{
		text-align: left;
	}
	.cta-content .box{
		width: 100%;
	}
}

/* Sanko IBについて */
.asi-content{
	margin-bottom: clamp(calc(80 * var(--fluid-px)), calc(calc(35.128 * var(--fluid-px)) + 8.974vw), calc(150 * var(--fluid-px)));
}
.asi-content.c01 p.s1{
	margin-bottom: clamp(calc(30 * var(--fluid-px)), calc(calc(4.359 * var(--fluid-px)) + 5.128vw), calc(70 * var(--fluid-px)));
	font-size: clamp(calc(26 * var(--fluid-font-px)), calc(calc(13.821 * var(--fluid-font-px)) + calc(2.436 * var(--fluid-font-vw))), calc(45 * var(--fluid-font-px)));
	font-weight: 500;
	line-height: 1.55;
}
.asi-content.c01 .body {
	margin-left: auto;
	max-width: calc(680 * var(--fluid-px));
}
.asi-content.c01 .body p{
	font-size: clamp(calc(18 * var(--fluid-font-px)), calc(calc(16.718 * var(--fluid-font-px)) + calc(0.256 * var(--fluid-font-vw))), calc(20 * var(--fluid-font-px)));
	line-height: 2;
}
.asi-content.c01 .body p:not(:last-child){
	margin-bottom: calc(40 * var(--fluid-px));
}
.asi-content.c02 h2{
	margin-bottom: clamp(calc(30 * var(--fluid-px)), calc(calc(4.359 * var(--fluid-px)) + 5.128vw), calc(70 * var(--fluid-px)));
}
.asi-content.c02 .body{
	align-items: center;
	gap: calc(35 * var(--fluid-px)) clamp(calc(20 * var(--fluid-px)), calc(calc(-18.462 * var(--fluid-px)) + 7.692vw), calc(80 * var(--fluid-px)));
}
.asi-content.c02 h3{
	margin-bottom: clamp(calc(15 * var(--fluid-px)), calc(calc(5.385 * var(--fluid-px)) + 1.923vw), calc(30 * var(--fluid-px)));
	font-size: clamp(calc(22 * var(--fluid-font-px)), calc(calc(16.872 * var(--fluid-font-px)) + calc(1.026 * var(--fluid-font-vw))), calc(30 * var(--fluid-font-px)));
	font-weight: 500;
	line-height: 1.4;
}
.asi-content.c02 h3:not(:first-child){
	margin-top: clamp(calc(50 * var(--fluid-px)), calc(calc(43.590 * var(--fluid-px)) + 1.282vw), calc(60 * var(--fluid-px)));
}
.asi-content.c02 .image{
	width: 44%;
}
.asi-content.c02 .text{
	flex: 1;
}
.asi-content.c02 dt:before{
	content: attr(data-en);
}
.asi-content.c03 {
	padding: clamp(calc(50 * var(--fluid-px)), calc(calc(5.128 * var(--fluid-px)) + 8.974vw), calc(120 * var(--fluid-px))) 0;
	background: #32475D;
}
.asi-content.c03 .header{
	gap: calc(20 * var(--fluid-px));
	color: #fff;
	margin-bottom: clamp(calc(40 * var(--fluid-px)), calc(calc(20.769 * var(--fluid-px)) + 3.846vw), calc(70 * var(--fluid-px)));
}
.asi-content.c03 h2:after,
.asi-content.c03 h2{
	margin-bottom: 0;
	color: #fff;
}
.asi-content.c03 .header p{
	max-width: calc(600 * var(--fluid-px));
}
.asi-content.c03 .body{
	gap: clamp(calc(20 * var(--fluid-px)), calc(calc(13.590 * var(--fluid-px)) + 1.282vw), calc(30 * var(--fluid-px)));
}
.asi-content.c03 .box{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: clamp(calc(15 * var(--fluid-px)), calc(calc(5.385 * var(--fluid-px)) + 1.923vw), calc(30 * var(--fluid-px)));
	padding: clamp(calc(20 * var(--fluid-px)), calc(calc(13.590 * var(--fluid-px)) + 1.282vw), calc(30 * var(--fluid-px)));
	width: calc((100% - clamp(calc(20 * var(--fluid-px)), calc(calc(13.590 * var(--fluid-px)) + 1.282vw), calc(30 * var(--fluid-px)))) / 2);
	background: #fff;
	border-radius: clamp(calc(5 * var(--fluid-px)), calc(calc(3.077 * var(--fluid-px)) + 0.385vw), calc(8 * var(--fluid-px)));
	overflow: hidden;
}
.asi-content.c03 h3{
	margin-bottom: clamp(calc(5 * var(--fluid-px)), calc(calc(1.795 * var(--fluid-px)) + 0.641vw), calc(10 * var(--fluid-px)));
	font-size: clamp(calc(22 * var(--fluid-font-px)), calc(calc(18.154 * var(--fluid-font-px)) + calc(0.769 * var(--fluid-font-vw))), calc(28 * var(--fluid-font-px)));
}
.asi-content.c03 .box img{
	width: 100%;
	aspect-ratio: 565 / 268;
	object-fit: cover;
}
.design01 .body{
    counter-reset: order;
}
.design01 .header p,
.asi-content.c05 .header p.s1,
.asi-content.c06 .header p{
	margin-bottom: clamp(calc(25 * var(--fluid-px)), calc(calc(8.974 * var(--fluid-px)) + 3.205vw), calc(50 * var(--fluid-px)));
	color: #000;
	font-weight: 500;
	font-size: clamp(calc(22 * var(--fluid-font-px)), calc(calc(11.744 * var(--fluid-font-px)) + calc(2.051 * var(--fluid-font-vw))), calc(38 * var(--fluid-font-px)));
	line-height: 1.45;
}
.design01 p.s1{
	margin-left: auto;
	margin-bottom: clamp(calc(40 * var(--fluid-px)), calc(calc(33.590 * var(--fluid-px)) + 1.282vw), calc(50 * var(--fluid-px)));
	max-width: calc(630 * var(--fluid-px));
}
.design01 dl{
	gap: calc(20 * var(--fluid-px));
	padding: clamp(calc(40 * var(--fluid-px)), calc(calc(33.590 * var(--fluid-px)) + 1.282vw), calc(50 * var(--fluid-px))) 0;
	border-bottom: #cdd5db calc(1 * var(--fluid-px)) solid;
}
.design01 dl:first-of-type{
	border-top: #cdd5db calc(1 * var(--fluid-px)) solid;
}
.design01 dt{
	position: relative;
	font-size: clamp(calc(22 * var(--fluid-font-px)), calc(calc(16.872 * var(--fluid-font-px)) + calc(1.026 * var(--fluid-font-vw))), calc(30 * var(--fluid-font-px)));
	font-weight: 500;
	line-height: 1.4;
}
@media screen and (min-width:900px) {
	.design01 dt{
		flex: 0 0 calc(500 * var(--fluid-px));
	}
}
.design01 dt:before{
    counter-increment: order;
    content: counter(order, decimal-leading-zero);
	display: block;
	margin-bottom: clamp(calc(10 * var(--fluid-px)), calc(calc(6.795 * var(--fluid-px)) + 0.641vw), calc(15 * var(--fluid-px)));
	color: #0083C9;
	font-size: clamp(calc(16 * var(--fluid-font-px)), calc(calc(13.436 * var(--fluid-font-px)) + calc(0.513 * var(--fluid-font-vw))), calc(20 * var(--fluid-font-px)));
	font-family: 'Panchang', sans-serif;
	font-weight: bold;
	line-height: 1;
}
.design01 dd{
	max-width: calc(630 * var(--fluid-px));
}
.asi-content.c05 .header p.s2{
	margin-left: auto;
	margin-bottom: clamp(calc(25 * var(--fluid-px)), calc(calc(8.974 * var(--fluid-px)) + 3.205vw), calc(50 * var(--fluid-px)));
	padding-left: clamp(calc(0 * var(--fluid-px)), calc(calc(-107.143 * var(--fluid-px)) + 10.714vw), calc(30 * var(--fluid-px)));
	width: 52%;
}
.asi-content.c05 .body{
	align-items: flex-end;
	gap: calc(25 * var(--fluid-px)) clamp(calc(20 * var(--fluid-px)), calc(calc(-12.051 * var(--fluid-px)) + 6.410vw), calc(70 * var(--fluid-px)));
}
.asi-content.c05 .image{
	flex: 1;
}
.asi-content.c05 .text{
	width: 52%;
	border-top: #cdd5db calc(1 * var(--fluid-px)) solid;
}
.asi-content.c05 dl{
	align-items: center;
	gap: clamp(calc(15 * var(--fluid-px)), calc(calc(11.795 * var(--fluid-px)) + 0.641vw), calc(20 * var(--fluid-px)))
		 clamp(calc(20 * var(--fluid-px)), calc(calc(-18.462 * var(--fluid-px)) + 7.692vw), calc(80 * var(--fluid-px)));
	padding: clamp(calc(27 * var(--fluid-px)), calc(calc(35.205 * var(--fluid-px)) - 0.641vw), calc(30 * var(--fluid-px))) 0;
	border-bottom: #cdd5db calc(1 * var(--fluid-px)) solid;
}
.asi-content.c05 dt{
	padding-left: clamp(calc(0 * var(--fluid-px)), calc(calc(-107.143 * var(--fluid-px)) + 10.714vw), calc(30 * var(--fluid-px)));
	width: 30.5%;
	font-weight: 500;
	font-size: clamp(calc(22 * var(--fluid-font-px)), calc(calc(0.571 * var(--fluid-font-px)) + calc(2.143 * var(--fluid-font-vw))), calc(28 * var(--fluid-font-px)));
}
.asi-content.c05 dt:before{
	content: attr(data-en);
	display: block;
	margin-bottom: clamp(calc(0 * var(--fluid-px)), calc(calc(-3.205 * var(--fluid-px)) + 0.641vw), calc(5 * var(--fluid-px)));
	color: var(--sanko-color);
	font-size: clamp(calc(12 * var(--fluid-font-px)), calc(calc(10.718 * var(--fluid-font-px)) + calc(0.256 * var(--fluid-font-vw))), calc(14 * var(--fluid-font-px)));
	font-family: 'Panchang', sans-serif;
	font-weight: 500;
	line-height: 1;
}
.asi-content.c05 dd{
	flex: 1;
	font-size: clamp(calc(15 * var(--fluid-font-px)), calc(calc(14.359 * var(--fluid-font-px)) + calc(0.128 * var(--fluid-font-vw))), calc(16 * var(--fluid-font-px)));
	line-height: 2;
}
.asi-content.c06 .upper {
	align-items: center;
	gap: calc(10 * var(--fluid-px)) calc(20 * var(--fluid-px));
	margin-bottom: clamp(calc(20 * var(--fluid-px)), calc(calc(0.769 * var(--fluid-px)) + 3.846vw), calc(50 * var(--fluid-px)));
}
.asi-content.c06 .header{
	flex: 1;
}
.asi-content.c06 .image{
	padding-right: clamp(calc(20 * var(--fluid-px)), calc(calc(-24.872 * var(--fluid-px)) + 8.974vw), calc(90 * var(--fluid-px)));
	width: 42%;
}
.asi-content.c06 .header p.s1{
	margin-top: calc(clamp(calc(0 * var(--fluid-px)), calc(calc(-6.410 * var(--fluid-px)) + 1.282vw), calc(10 * var(--fluid-px))) * -1);
	margin-bottom: 0;
	max-width: calc(540 * var(--fluid-px));
	font-size: clamp(calc(15 * var(--fluid-font-px)), calc(calc(13.077 * var(--fluid-font-px)) + calc(0.385 * var(--fluid-font-vw))), calc(18 * var(--fluid-font-px)));
	font-weight: normal;
	line-height: 1.8;
}
.asi-content.c06 .bottom {
    counter-reset: order;
	gap: clamp(calc(20 * var(--fluid-px)), calc(calc(13.590 * var(--fluid-px)) + 1.282vw), calc(30 * var(--fluid-px)));
}
.asi-content.c06 dl{
	padding: clamp(calc(30 * var(--fluid-px)), calc(calc(23.590 * var(--fluid-px)) + 1.282vw), calc(40 * var(--fluid-px)))
			 clamp(calc(20 * var(--fluid-px)), calc(calc(13.590 * var(--fluid-px)) + 1.282vw), calc(30 * var(--fluid-px)));
	width: calc((100% - calc(60 * var(--fluid-px))) / 3);
	background: #fff;
	border-radius: clamp(calc(5 * var(--fluid-px)), calc(calc(3.077 * var(--fluid-px)) + 0.385vw), calc(8 * var(--fluid-px)));
}
.asi-content.c06 dt{
	margin-bottom: calc(30 * var(--fluid-px));
	padding-top: clamp(calc(0 * var(--fluid-px)), calc(calc(-6.410 * var(--fluid-px)) + 1.282vw), calc(10 * var(--fluid-px)));
	font-size: clamp(calc(22 * var(--fluid-font-px)), calc(calc(18.154 * var(--fluid-font-px)) + calc(0.769 * var(--fluid-font-vw))), calc(28 * var(--fluid-font-px)));
	font-weight: 500;
	line-height: 1.4;
}
.asi-content.c06 dt:before{
    counter-increment: order;
    content: counter(order, decimal-leading-zero);
	display: block;
	margin-bottom: calc(10 * var(--fluid-px));
	color: var(--sanko-color);
	font-size: clamp(calc(16 * var(--fluid-font-px)), calc(calc(13.436 * var(--fluid-font-px)) + calc(0.513 * var(--fluid-font-vw))), calc(20 * var(--fluid-font-px)));
	font-weight: bold;
	font-family: 'Panchang', sans-serif;
	line-height: 1;
}
.asi-content.c06 dd{
	padding-bottom: clamp(calc(0 * var(--fluid-px)), calc(calc(-12.821 * var(--fluid-px)) + 2.564vw), calc(20 * var(--fluid-px)));
	font-size: clamp(calc(15 * var(--fluid-font-px)), calc(calc(14.359 * var(--fluid-font-px)) + calc(0.128 * var(--fluid-font-vw))), calc(16 * var(--fluid-font-px)));
	line-height: 2;
}

@media screen and (max-width:899px) {
	.asi-content.c02 .image,
	.asi-content.c05 .image{
		flex: none;
		margin: 0 auto;
		width: 60%;
	}
	.asi-content.c02 .text{
		order: 2;
		flex: none;
		width: 100%;
	}
	.asi-content.c05 .text{
		width: 100%;
	}
	.asi-content.c05 .header p.s2{
		padding-left: 0;
		width: 100%;
	}
	.asi-content.c06 .header{
		flex: none;
		width: 100%;
	}
	.asi-content.c06 .image{
		margin: 0 auto;
		padding: 0 calc(20 * var(--fluid-px));
		width: 60%;
	}
	.asi-content.c06 dl{
		width: 100%;
	}
}

@media screen and (max-width:899px) {
	.asi-content.c01 .body p{
		line-height: 1.8;
	}
	.asi-content.c02 .image{
		width: 90%;
	}
	.asi-content.c03 .box{
		width: 100%;
		line-height: 1.5;
	}
	.asi-content.c05 .image{
		width: 50%;
	}
	.asi-content.c05 dt{
		width: 100%;
	}
	.asi-content.c06 .image{
		width: 100%;
	}
	.asi-content.c06 dd{
		line-height: 1.8;
	}
}

/* Sanko IBの技術 */
.tech-content{
	margin-bottom: clamp(calc(80 * var(--fluid-px)), calc(calc(35.128 * var(--fluid-px)) + 8.974vw), calc(150 * var(--fluid-px)));
}
.tech-content.c01{
	overflow-x: clip;
}
.tech-content.c01 .box{
	gap: calc(30 * var(--fluid-px)) clamp(calc(30 * var(--fluid-px)), calc(calc(4.359 * var(--fluid-px)) + 5.128vw), calc(70 * var(--fluid-px)));
}
.tech-content.c01 .box:not(:last-child){
	margin-bottom: clamp(calc(80 * var(--fluid-px)), calc(calc(35.128 * var(--fluid-px)) + 8.974vw), calc(150 * var(--fluid-px)));
}
.tech-content.c01 .image{
	width: 36.5%;
}
.tech-content.c01 .box:nth-of-type(even) .image{
	order: 2;
}
.tech-content.c01 .image img{
	display: block;
	width: calc(100% + clamp(calc(15 * var(--fluid-px)), calc(calc(-505.000 * var(--fluid-px)) + 40.625vw), calc(80 * var(--fluid-px))));
	max-width: none;
	border-radius: clamp(calc(5 * var(--fluid-px)), calc(calc(3.077 * var(--fluid-px)) + 0.385vw), calc(8 * var(--fluid-px)));
}
.tech-content.c01 .box:nth-of-type(odd) .image img{
	margin-left: calc(clamp(calc(15 * var(--fluid-px)), calc(calc(-505.000 * var(--fluid-px)) + 40.625vw), calc(80 * var(--fluid-px))) * -1);
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.tech-content.c01 .box:nth-of-type(even) .image img{
	margin-right: calc(clamp(calc(15 * var(--fluid-px)), calc(calc(-505.000 * var(--fluid-px)) + 40.625vw), calc(80 * var(--fluid-px))) * -1);
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.tech-content.c01 .text{
	flex: 1;
}
.tech-content.c01 h3{
	margin-bottom: clamp(calc(20 * var(--fluid-px)), calc(calc(7.179 * var(--fluid-px)) + 2.564vw), calc(40 * var(--fluid-px)));
	font-size: clamp(calc(22 * var(--fluid-font-px)), calc(calc(11.744 * var(--fluid-font-px)) + calc(2.051 * var(--fluid-font-vw))), calc(38 * var(--fluid-font-px)));
	line-height: 1.45;
}
.tech-content.c01 .box ul{
	display: inline-block;
	padding: calc(20 * var(--fluid-px));
	background: #D7E9F2;
	border-radius: clamp(calc(5 * var(--fluid-px)), calc(calc(3.077 * var(--fluid-px)) + 0.385vw), calc(8 * var(--fluid-px)));
}
.tech-content.c01 .box li{
	font-size: calc(13 * var(--fluid-font-px));
	line-height: 1.75;
}
.tech-content.c01 .box li b{
	font-weight: 500;
}
.tech-content.c03 {
	padding: clamp(calc(50 * var(--fluid-px)), calc(calc(5.128 * var(--fluid-px)) + 8.974vw), calc(120 * var(--fluid-px))) 0;
	background: #32475D;
}
.tech-content.c03 h2:after,
.tech-content.c03 h2{
	color: #fff;
}
.tech-content.c03 .body{
	gap: clamp(calc(20 * var(--fluid-px)), calc(calc(13.590 * var(--fluid-px)) + 1.282vw), calc(30 * var(--fluid-px)));
}
.tech-content.c03 .box {
	padding: clamp(calc(25 * var(--fluid-px)), calc(calc(18.590 * var(--fluid-px)) + 1.282vw), calc(35 * var(--fluid-px)))
			 clamp(calc(20 * var(--fluid-px)), calc(calc(13.590 * var(--fluid-px)) + 1.282vw), calc(30 * var(--fluid-px)));
	width: calc((100% - clamp(calc(20 * var(--fluid-px)), calc(calc(13.590 * var(--fluid-px)) + 1.282vw), calc(30 * var(--fluid-px)))) / 2);
	font-size: clamp(calc(15 * var(--fluid-font-px)), calc(calc(14.359 * var(--fluid-font-px)) + calc(0.128 * var(--fluid-font-vw))), calc(16 * var(--fluid-font-px)));
	line-height: 1.5;
	background: #fff;
	border-radius: clamp(calc(5 * var(--fluid-px)), calc(calc(3.077 * var(--fluid-px)) + 0.385vw), calc(8 * var(--fluid-px)));
}
.tech-content.c03 h3{
	margin-bottom: clamp(calc(10 * var(--fluid-px)), calc(calc(3.590 * var(--fluid-px)) + 1.282vw), calc(20 * var(--fluid-px)));
	font-size: clamp(calc(22 * var(--fluid-font-px)), calc(calc(18.154 * var(--fluid-font-px)) + calc(0.769 * var(--fluid-font-vw))), calc(28 * var(--fluid-font-px)));
	line-height: 1.4;
}
.tech-content.c03 .box p{
	margin-bottom: clamp(calc(15 * var(--fluid-px)), calc(calc(8.590 * var(--fluid-px)) + 1.282vw), calc(25 * var(--fluid-px)));
}
.tech-content.c03 .tag{
	display: flex;
	flex-wrap: wrap;
	gap: calc(7 * var(--fluid-px)) clamp(calc(5 * var(--fluid-px)), calc(calc(3.718 * var(--fluid-px)) + 0.256vw), calc(7 * var(--fluid-px)));
	margin-bottom: calc(25 * var(--fluid-px));
}
.tech-content.c03 .tag span{
	display: block;
	padding: 0 calc(7 * var(--fluid-px));
	height: calc(19 * var(--fluid-px));
	font-size: clamp(calc(13 * var(--fluid-font-px)), calc(calc(12.359 * var(--fluid-font-px)) + calc(0.128 * var(--fluid-font-vw))), calc(14 * var(--fluid-font-px)));
	line-height: calc(19 * var(--fluid-px));
	white-space: nowrap;
	background: #DEE8ED;
	border-radius: calc(2 * var(--fluid-px));
}
.tech-content.c03 h4{
	margin-bottom: clamp(calc(10 * var(--fluid-px)), calc(calc(6.795 * var(--fluid-px)) + 0.641vw), calc(15 * var(--fluid-px)));
	font-size: calc(13 * var(--fluid-font-px));
	font-weight: normal;
}
.tech-content.c03 .solution {
	display: flex;
	align-items: flex-end;
	gap: clamp(calc(20 * var(--fluid-px)), calc(calc(13.590 * var(--fluid-px)) + 1.282vw), calc(30 * var(--fluid-px)));
}
.tech-content.c03 .solution a{
	width: auto;
}
.tech-content.c03 .solution img{
	transition: opacity .3s ease;
}
@media (hover: hover) and (pointer: fine) {
	.tech-content.c03 .solution a:hover img{
		opacity: .6;
	}
}
.tech-content.c03 .solution img.bd{
	width: calc(62.5 * var(--fluid-px));
}
.tech-content.c03 .solution img.dc{
	width: calc(51 * var(--fluid-px));
}
.tech-content.c03 .solution img.nw{
	width: calc(43 * var(--fluid-px));
}
.tech-content.c03 .solution img.tv{
	width: calc(43 * var(--fluid-px));
}
.tech-content.c03 .solution img.cs{
	width: calc(60 * var(--fluid-px));
}

@media screen and (max-width:899px) {
	.tech-content.c01 .image{
		order: 0!important;
		width: 100%;
	}
	.tech-content.c01 .image img{
		display: block;
		margin: 0 auto!important;
		width: 60%;
	}
	.tech-content.c01 .text{
		flex: none;
		width: 100%;
	}
	.tech-content.c03 .box {
		width: 100%;
	}
}

@media screen and (max-width:899px) {
	.tech-content.c01 .image img{
		width: 100%;
	}
	.tech-content.c01 .box li{
		line-height: 1.5;
	}
}

/* データで知る */
.about-data .sub-page{
	margin-top: clamp(calc(110 * var(--fluid-px)), calc(calc(20.256 * var(--fluid-px)) + 17.949vw), calc(250 * var(--fluid-px)));
}
.data-content.c01 .body{
	display: flex;
	flex-wrap: wrap;
	gap: clamp(calc(20 * var(--fluid-px)), calc(calc(10.385 * var(--fluid-px)) + 1.923vw), calc(35 * var(--fluid-px))) calc(30 * var(--fluid-px));
}
.data-content.c01 dl{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
	padding: calc(25 * var(--fluid-px)) clamp(calc(20 * var(--fluid-px)), calc(calc(13.590 * var(--fluid-px)) + 1.282vw), calc(30 * var(--fluid-px)));
	width: calc((100% - calc(60 * var(--fluid-px))) / 3);
	background: #fff;
	border-radius: clamp(calc(5 * var(--fluid-px)), calc(calc(3.077 * var(--fluid-px)) + 0.385vw), calc(8 * var(--fluid-px)));
}
.data-content.c01 dl.large{
	width: calc((100% - calc(30 * var(--fluid-px))) / 2);
}
.data-content.c01 dt{
	margin-bottom: calc(10 * var(--fluid-px));
	width: 100%;
	font-size: clamp(calc(22 * var(--fluid-font-px)), calc(calc(18.154 * var(--fluid-font-px)) + calc(0.769 * var(--fluid-font-vw))), calc(28 * var(--fluid-font-px)));
	font-weight: 500;
	line-height: 1.4;
}
.data-content.c01 dd{
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	font-size: calc(15 * var(--fluid-font-px));
	line-height: 1.55;
}
.data-content.c01 dd img{
	display: block;
	margin-top: clamp(calc(15 * var(--fluid-px)), calc(calc(11.795 * var(--fluid-px)) + 0.641vw), calc(20 * var(--fluid-px)));
	margin-bottom: calc(10 * var(--fluid-px));
}
.data-content.c01 dd p{
	color: #91979B;
	font-size: clamp(calc(12 * var(--fluid-font-px)), calc(calc(11.359 * var(--fluid-font-px)) + calc(0.128 * var(--fluid-font-vw))), calc(13 * var(--fluid-font-px)));
}

@media screen and (max-width:899px) {
	.data-content.c01 dl.large,
	.data-content.c01 dl{
		width: 100%;
	}
}

/* 働き方を知る */
.work-content {
	margin-bottom: clamp(calc(80 * var(--fluid-px)), calc(calc(35.128 * var(--fluid-px)) + 8.974vw), calc(150 * var(--fluid-px)));
}
.work-content.c01 .upper {
	margin-bottom: clamp(calc(80 * var(--fluid-px)), calc(calc(35.128 * var(--fluid-px)) + 8.974vw), calc(150 * var(--fluid-px)));
}
.work-content.c01 .box{
	margin-bottom: clamp(calc(40 * var(--fluid-px)), calc(calc(27.179 * var(--fluid-px)) + 2.564vw), calc(60 * var(--fluid-px)));
}
.work-content.c01 h3{
	margin-bottom: clamp(calc(20 * var(--fluid-px)), calc(calc(13.590 * var(--fluid-px)) + 1.282vw), calc(30 * var(--fluid-px)));
	color: #000;
	font-size: clamp(calc(22 * var(--fluid-font-px)), calc(calc(16.872 * var(--fluid-font-px)) + calc(1.026 * var(--fluid-font-vw))), calc(30 * var(--fluid-font-px)));
	line-height: 1.4;
}
.work-content.c01 .inr{
	display: flex;
	flex-wrap: wrap;
	gap: clamp(calc(20 * var(--fluid-px)), calc(calc(13.590 * var(--fluid-px)) + 1.282vw), calc(30 * var(--fluid-px)));
}
.work-content.c01 dl{
	padding: calc(30 * var(--fluid-px));
	width: calc((100% - clamp(calc(20 * var(--fluid-px)), calc(calc(13.590 * var(--fluid-px)) + 1.282vw), calc(30 * var(--fluid-px))) * 2) / 3);
	background: #fff;
	border-radius: clamp(calc(5 * var(--fluid-px)), calc(calc(3.077 * var(--fluid-px)) + 0.385vw), calc(8 * var(--fluid-px)));
}
.work-content.c01 dt{
	position: relative;
	margin-bottom: clamp(calc(10 * var(--fluid-px)), calc(calc(6.795 * var(--fluid-px)) + 0.641vw), calc(15 * var(--fluid-px)));
	padding-right: clamp(calc(40 * var(--fluid-px)), calc(calc(33.590 * var(--fluid-px)) + 1.282vw), calc(50 * var(--fluid-px)));
	color: #000;
	font-size: clamp(calc(22 * var(--fluid-font-px)), calc(calc(18.154 * var(--fluid-font-px)) + calc(0.769 * var(--fluid-font-vw))), calc(28 * var(--fluid-font-px)));
	font-weight: 500;
	line-height: 1.4;
}
.work-content.c01 dt .icon{
	position: absolute;
	top: 50%;
	right: 0;
	width: clamp(calc(30 * var(--fluid-px)), calc(calc(22.308 * var(--fluid-px)) + 1.538vw), calc(42 * var(--fluid-px)));
	aspect-ratio: 1 / 1;
	transform: translateY(-50%);
}
.work-content.c01 dt .icon img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.work-content.c01 dd{
	font-size: calc(15 * var(--fluid-font-px));
	line-height: 1.55;
}
.work-content.c01 .bottom .box{
	gap: calc(20 * var(--fluid-px)) clamp(calc(20 * var(--fluid-px)), calc(calc(-71.667 * var(--fluid-px)) + 11.458vw), calc(75 * var(--fluid-px)));
	margin-bottom: clamp(calc(20 * var(--fluid-px)), calc(calc(7.179 * var(--fluid-px)) + 2.564vw), calc(40 * var(--fluid-px)));
	padding: clamp(calc(25 * var(--fluid-px)), calc(calc(12.179 * var(--fluid-px)) + 2.564vw), calc(45 * var(--fluid-px)))
			 clamp(calc(20 * var(--fluid-px)), calc(calc(0.769 * var(--fluid-px)) + 3.846vw), calc(50 * var(--fluid-px)));
	font-size: clamp(calc(15 * var(--fluid-font-px)), calc(calc(14.359 * var(--fluid-font-px)) + calc(0.128 * var(--fluid-font-vw))), calc(16 * var(--fluid-font-px)));
	line-height: 2;
	background: #D7E9F2;
	border-radius: clamp(calc(5 * var(--fluid-px)), calc(calc(3.077 * var(--fluid-px)) + 0.385vw), calc(8 * var(--fluid-px)));
}
.work-content.c01 .bottom .text{
	flex: 1;
}
.work-content.c01 .bottom .image{
	width: 32%;
}
.work-content.c01 h4{
	margin-bottom: calc(20 * var(--fluid-px));
	font-size: clamp(calc(22 * var(--fluid-font-px)), calc(calc(18.154 * var(--fluid-font-px)) + calc(0.769 * var(--fluid-font-vw))), calc(28 * var(--fluid-font-px)));
	line-height: 1.4;
}
.work-content.c02 .body{
	display: flex;
	flex-wrap: wrap;
	gap: clamp(calc(30 * var(--fluid-px)), calc(calc(10.769 * var(--fluid-px)) + 3.846vw), calc(60 * var(--fluid-px))) calc(30 * var(--fluid-px));
}
.work-content.c02 img{
	width: calc((100% - calc(60 * var(--fluid-px))) / 3);
	border-radius: clamp(calc(5 * var(--fluid-px)), calc(calc(3.077 * var(--fluid-px)) + 0.385vw), calc(8 * var(--fluid-px)));
}

@media screen and (max-width:899px) {
	.work-content.c01 dl{
		padding: calc(25 * var(--fluid-px)) calc(20 * var(--fluid-px));
		width: calc((100% - clamp(calc(20 * var(--fluid-px)), calc(calc(13.590 * var(--fluid-px)) + 1.282vw), calc(30 * var(--fluid-px))) * 1) / 2);
	}
	.work-content.c02 img{
		width: calc((100% - calc(30 * var(--fluid-px))) / 2);
	}
}

@media screen and (max-width:899px) {
	.work-content.c01 dl{
		padding: calc(25 * var(--fluid-px)) calc(20 * var(--fluid-px));
		width: 100%;
	}
	.work-content.c01 .bottom .image,
	.work-content.c01 .bottom .text{
		flex: none;
		width: 100%;
	}
	.work-content.c01 .bottom .text{
		order: 2;
	}
	.work-content.c02 img{
		width: 100%;
	}
}

/* 職種紹介 */
.roles .package.sub-page{
	margin-bottom: clamp(calc(110 * var(--fluid-px)), calc(calc(52.308 * var(--fluid-px)) + 11.538vw), calc(200 * var(--fluid-px)));
}
.roles-content{
	margin-bottom: clamp(calc(80 * var(--fluid-px)), calc(calc(35.128 * var(--fluid-px)) + 8.974vw), calc(150 * var(--fluid-px)));
}
.roles-content.c01 h3{
	margin-bottom: clamp(calc(20 * var(--fluid-px)), calc(calc(0.769 * var(--fluid-px)) + 3.846vw), calc(50 * var(--fluid-px)));
	font-size: clamp(calc(22 * var(--fluid-font-px)), calc(calc(11.744 * var(--fluid-font-px)) + calc(2.051 * var(--fluid-font-vw))), calc(38 * var(--fluid-font-px)));
	line-height: 1.45;
}
.roles-content.c01 p.s1{
	margin-left: auto;
	margin-bottom: clamp(calc(30 * var(--fluid-px)), calc(calc(17.179 * var(--fluid-px)) + 2.564vw), calc(50 * var(--fluid-px)));
	max-width: calc(630 * var(--fluid-px));
	font-size: clamp(calc(15 * var(--fluid-font-px)), calc(calc(14.359 * var(--fluid-font-px)) + calc(0.128 * var(--fluid-font-vw))), calc(16 * var(--fluid-font-px)));
	line-height: 1.6;
}
.roles-content.c01 .image{
	padding: clamp(calc(12 * var(--fluid-px)), calc(calc(-15.564 * var(--fluid-px)) + 5.513vw), calc(55 * var(--fluid-px)));
	background: #D7E9F2;
	border-radius: clamp(calc(5 * var(--fluid-px)), calc(calc(3.077 * var(--fluid-px)) + 0.385vw), calc(8 * var(--fluid-px)));
}
.roles-content.c01 .image img{
	width: 100%;
	max-width: calc(1060 * var(--fluid-px));
}
.roles-content.c02 .body{
	gap: calc(30 * var(--fluid-px));
}
.job-list .box{
	width: calc((100% - calc(30 * var(--fluid-px))) / 2);
	border: #bbc6ce calc(3 * var(--fluid-px)) solid;
	border-radius: clamp(calc(5 * var(--fluid-px)), calc(calc(3.077 * var(--fluid-px)) + 0.385vw), calc(8 * var(--fluid-px)));
    transition: all .3s;
}
.job-list .box:hover{
	border-color: #008FDB;
}
.job-list .box a{
	display: block;
	padding: clamp(calc(20 * var(--fluid-px)), calc(calc(13.590 * var(--fluid-px)) + 1.282vw), calc(30 * var(--fluid-px)));
	height: 100%;
	color: var(--font-color);
}
.job-list dl{
	display: flex;
	flex-direction: column;
	padding-top: clamp(calc(0 * var(--fluid-px)), calc(calc(-6.410 * var(--fluid-px)) + 1.282vw), calc(10 * var(--fluid-px)));
	padding-bottom: clamp(calc(0 * var(--fluid-px)), calc(calc(-3.205 * var(--fluid-px)) + 0.641vw), calc(5 * var(--fluid-px)));
	height: 100%;
}
.job-list dt{
	width: 100%;
	margin-bottom: clamp(calc(15 * var(--fluid-px)), calc(calc(11.795 * var(--fluid-px)) + 0.641vw), calc(20 * var(--fluid-px)));
	font-size: clamp(calc(22 * var(--fluid-font-px)), calc(calc(19.436 * var(--fluid-font-px)) + calc(0.513 * var(--fluid-font-vw))), calc(26 * var(--fluid-font-px)));
	font-weight: 500;
	line-height: 1;
}
.job-list dt:after{
	content: attr(data-en);
	display: block;
	margin-top: calc(10 * var(--fluid-px));
	color: var(--sanko-color);
	font-size: clamp(calc(13 * var(--fluid-font-px)), calc(calc(12.359 * var(--fluid-font-px)) + calc(0.128 * var(--fluid-font-vw))), calc(14 * var(--fluid-font-px)));
	font-family: 'Panchang', sans-serif;
}
.job-list dd{
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	font-size: clamp(calc(15 * var(--fluid-font-px)), calc(calc(14.359 * var(--fluid-font-px)) + calc(0.128 * var(--fluid-font-vw))), calc(16 * var(--fluid-font-px)));
	line-height: 1.6;
}
.job-list dd p{
	margin-bottom: clamp(calc(20 * var(--fluid-px)), calc(calc(13.590 * var(--fluid-px)) + 1.282vw), calc(30 * var(--fluid-px)));
	max-width: calc(480 * var(--fluid-px));
}
.job-list .tag{
	position: relative;
	padding-right: calc(50 * var(--fluid-px));
}
.job-list .tag:after,
.job-list .tag:before{
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: clamp(calc(34 * var(--fluid-px)), calc(calc(30.154 * var(--fluid-px)) + 0.769vw), calc(40 * var(--fluid-px)));
	aspect-ratio: 1 / 1;
    background: url(../img/arrow08.svg) no-repeat center;
	background-size: clamp(calc(12 * var(--fluid-px)), calc(calc(10.077 * var(--fluid-px)) + 0.385vw), calc(15 * var(--fluid-px))) auto;
	border: #bbc6ce calc(2 * var(--fluid-px)) solid;
	border-radius: calc(2 * var(--fluid-px));
    transition: all .3s;
}
.job-list .box:hover .tag:before{
	background: #435C75;
	border-color: #435C75;
}
.job-list .tag:after{
    background: url(../img/arrow02.svg) no-repeat center;
	background-size: calc(14 * var(--fluid-px)) auto;
	border: none;
}
.job-list .tag>div{
	display: flex;
	flex-wrap: wrap;
	gap: calc(7 * var(--fluid-px)) calc(5 * var(--fluid-px));
	max-width: calc(460 * var(--fluid-px));
}
.job-list .tag span{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 calc(7 * var(--fluid-px));
	height: calc(19 * var(--fluid-px));
	font-size: clamp(calc(13 * var(--fluid-font-px)), calc(calc(12.359 * var(--fluid-font-px)) + calc(0.128 * var(--fluid-font-vw))), calc(14 * var(--fluid-font-px)));
	background: #fff;
	border-radius: calc(2 * var(--fluid-px));
}

@media screen and (max-width:899px) {
	.job-list .box{
		width: 100%;
	}
}

/* 職種紹介 */
.single-job .oc-page-content{
	display: block;
}
.single-job .eyechatch{
	margin-bottom: clamp(calc(110 * var(--fluid-px)), calc(calc(52.308 * var(--fluid-px)) + 11.538vw), calc(200 * var(--fluid-px)));
}
body.job:has(.job-page-nav) #container{
	overflow: visible;
}
body.job:has(.job-page-nav) .job-content{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: calc(20 * var(--fluid-px));
}
body.job .content-inner{
	width: 75%;
}
.job-page-nav{
	position: sticky;
	top: calc(var(--header-height) + calc(30 * var(--fluid-px)));
	flex: 1;
}
.job-page-nav a{
	display: block;
	position: relative;
	margin-bottom: clamp(calc(20 * var(--fluid-px)), calc(calc(10.385 * var(--fluid-px)) + 1.923vw), calc(35 * var(--fluid-px)));
	padding-left: calc(8 * var(--fluid-px));
	color: var(--font-color);
	font-size: clamp(calc(13 * var(--fluid-font-px)), calc(calc(9.795 * var(--fluid-font-px)) + calc(0.641 * var(--fluid-font-vw))), calc(18 * var(--fluid-font-px)));
	font-weight: 500;
	line-height: 1.2;
}
.job-page-nav a.active{
	color: var(--sanko-color);
	font-weight: bold;
}
.job-page-nav a.active:before{
	content: '';
	position: absolute;
	top: calc(3 * var(--fluid-px));
	left: 0;
	width: calc(12 * var(--fluid-px));
	height: calc(15 * var(--fluid-px));
	background: linear-gradient(39deg,rgba(15, 116, 206, 1) 20%, rgba(86, 187, 237, 1) 100%);
	clip-path: polygon(50% 6.7%, 100% 25%, 100% 75%, 50% 93.3%, 0% 75%, 0% 25%);
    transform: translateX(-100%);
}
.job-page-nav a.close{
	display: none;
}
.job-content .wp-block-group{
	margin-bottom: clamp(calc(80 * var(--fluid-px)), calc(calc(54.359 * var(--fluid-px)) + 5.128vw), calc(120 * var(--fluid-px)));
}
.job-content .wp-block-group.lead{
	margin-bottom: clamp(calc(60 * var(--fluid-px)), calc(calc(21.538 * var(--fluid-px)) + 7.692vw), calc(120 * var(--fluid-px)));
}
.job-content p.wp-block-paragraph{
	font-size: calc(18 * var(--fluid-font-px));
}
.job-content h2.wp-block-heading{
	margin: 0;
	padding: 0;
	margin-bottom: clamp(calc(25 * var(--fluid-px)), calc(calc(8.974 * var(--fluid-px)) + 3.205vw), calc(50 * var(--fluid-px)));
	padding-bottom: calc(20 * var(--fluid-px));
	color: var(--font-color);
	font-size: clamp(calc(22 * var(--fluid-font-px)), calc(calc(13.026 * var(--fluid-font-px)) + calc(1.795 * var(--fluid-font-vw))), calc(36 * var(--fluid-font-px)));
	line-height: 1.25;
	letter-spacing: 0;
	background: none;
	border-bottom: #bbc6ce calc(1 * var(--fluid-px)) solid;
	border-radius: 0;
}
.job-content .wp-block-heading em+br{
	display: none;
}
.job-content img{
	border-radius: clamp(calc(5 * var(--fluid-px)), calc(calc(3.077 * var(--fluid-px)) + 0.385vw), calc(8 * var(--fluid-px)));
}
.job-content h2 em{
	display: block;
	margin-bottom: calc(5 * var(--fluid-px));
	color: var(--sanko-color);
	font-size: clamp(calc(12 * var(--fluid-font-px)), calc(calc(10.718 * var(--fluid-font-px)) + calc(0.256 * var(--fluid-font-vw))), calc(14 * var(--fluid-font-px)));
	font-family: 'Panchang', sans-serif;
	font-style: normal;
}
.job-content h2 em:before{
	content: '';
	display: inline-block;
	margin-right: calc(10 * var(--fluid-px));
	width: calc(10 * var(--fluid-px));
	height: calc(12 * var(--fluid-px));
	background: linear-gradient(39deg,rgba(15, 116, 206, 1) 20%, rgba(86, 187, 237, 1) 100%);
	clip-path: polygon(50% 6.7%, 100% 25%, 100% 75%, 50% 93.3%, 0% 75%, 0% 25%);
    transform: translateY(calc(2 * var(--fluid-px)));
}
.job-content h3.wp-block-heading{
	margin: 0;
	margin-top: clamp(calc(25 * var(--fluid-px)), calc(calc(8.974 * var(--fluid-px)) + 3.205vw), calc(50 * var(--fluid-px)));
	margin-bottom: clamp(calc(15 * var(--fluid-px)), calc(calc(8.590 * var(--fluid-px)) + 1.282vw), calc(25 * var(--fluid-px)));
	padding: 0;
	font-size: clamp(calc(22 * var(--fluid-font-px)), calc(calc(18.154 * var(--fluid-font-px)) + calc(0.769 * var(--fluid-font-vw))), calc(28 * var(--fluid-font-px)));
	letter-spacing: 0;
	line-height: 1.4;
	border: none;
}
.job-content h3.wp-block-heading:before{
	display: none;
}
.job-content h4.wp-block-heading{
	margin: 0;
	margin-bottom: calc(30 * var(--fluid-px));
	padding: 0;
	font-size: clamp(calc(20 * var(--fluid-font-px)), calc(calc(14.872 * var(--fluid-font-px)) + calc(1.026 * var(--fluid-font-vw))), calc(28 * var(--fluid-font-px)));
	line-height: 1.15;
	border: none;
}
.job-content h5.wp-block-heading{
	margin: 0;
	margin-top: clamp(calc(20 * var(--fluid-px)), calc(calc(13.590 * var(--fluid-px)) + 1.282vw), calc(30 * var(--fluid-px)));
	margin-bottom: calc(10 * var(--fluid-px));
	padding: 0;
	font-size: clamp(calc(18 * var(--fluid-font-px)), calc(calc(16.718 * var(--fluid-font-px)) + calc(0.256 * var(--fluid-font-vw))), calc(20 * var(--fluid-font-px)));
	line-height: 1.6;
}
.job-content .lead{
	padding: clamp(calc(20 * var(--fluid-px)), calc(calc(0.769 * var(--fluid-px)) + 3.846vw), calc(50 * var(--fluid-px)));
	background: #fff;
	border-radius: clamp(calc(5 * var(--fluid-px)), calc(calc(3.077 * var(--fluid-px)) + 0.385vw), calc(8 * var(--fluid-px)));
}
.job-content .lead *:not(h2){
	padding-left: clamp(calc(0 * var(--fluid-px)), calc(calc(-70.513 * var(--fluid-px)) + 14.103vw), calc(110 * var(--fluid-px)));
}
.job-content .lead h2.wp-block-heading{
	margin-bottom: clamp(calc(30 * var(--fluid-px)), calc(calc(17.179 * var(--fluid-px)) + 2.564vw), calc(50 * var(--fluid-px)));
	padding: 0;
	color: var(--sanko-color);
	font-size: clamp(calc(26 * var(--fluid-font-px)), calc(calc(18.308 * var(--fluid-font-px)) + calc(1.538 * var(--fluid-font-vw))), calc(38 * var(--fluid-font-px)));
	line-height: 1.45;
	border: none;
}
.job-content .lead h3.wp-block-heading{
	margin-bottom: clamp(calc(15 * var(--fluid-px)), calc(calc(8.590 * var(--fluid-px)) + 1.282vw), calc(25 * var(--fluid-px)));
	padding-left: clamp(calc(0 * var(--fluid-px)), calc(calc(-70.513 * var(--fluid-px)) + 14.103vw), calc(110 * var(--fluid-px)));
	font-size: clamp(calc(22 * var(--fluid-font-px)), calc(calc(18.154 * var(--fluid-font-px)) + calc(0.769 * var(--fluid-font-vw))), calc(28 * var(--fluid-font-px)));
}
.job-content .wp-block-media-text{
	display: grid;
	grid-template-columns: minmax(0, 1fr) 28%;
	align-items: start;
	gap: clamp(calc(25 * var(--fluid-px)), calc(calc(8.974 * var(--fluid-px)) + 3.205vw), calc(50 * var(--fluid-px)));
	margin-top: 0;
	margin-bottom: calc(50 * var(--fluid-px));
}
.job-content .wp-block-media-text__content{
	grid-column: 1;
	grid-row: 1;
}
.job-content .wp-block-media-text__media{
	grid-column: 2;
	grid-row: 1;
}
.job-content .wp-block-media-text>.wp-block-media-text__content{
	padding: 0;
}
.job-content .wp-block-media-text h3.wp-block-heading{
	font-size: clamp(calc(22 * var(--fluid-font-px)), calc(calc(16.872 * var(--fluid-font-px)) + calc(1.026 * var(--fluid-font-vw))), calc(30 * var(--fluid-font-px)));
}
.job-content .has-accent-cyan-background-color{
	margin-top: clamp(calc(50 * var(--fluid-px)), calc(calc(43.590 * var(--fluid-px)) + 1.282vw), calc(60 * var(--fluid-px)));
}
.job-content .has-accent-cyan-background-color .wp-block-heading:first-child,
.job-content .wp-block-media-text .wp-block-media-text__content .wp-block-heading:first-child{
	margin-top: 0;
}
.job-content .has-accent-cyan-background-color h3.wp-block-heading{
	margin-bottom: calc(20 * var(--fluid-px));
}
.job-content .wp-block-media-text p.wp-block-paragraph:last-child{
	margin-bottom: 0;
}
.job-content .has-accent-cyan-background-color p.wp-block-paragraph{
	font-size: clamp(calc(15 * var(--fluid-font-px)), calc(calc(14.359 * var(--fluid-font-px)) + calc(0.128 * var(--fluid-font-vw))), calc(16 * var(--fluid-font-px)));
	line-height: 2;
}
.job-content .has-accent-cyan-background-color .wp-block-column{
	padding: calc(25 * var(--fluid-px)) calc(20 * var(--fluid-px));
	background: #fff;
	border-radius: clamp(calc(5 * var(--fluid-px)), calc(calc(3.077 * var(--fluid-px)) + 0.385vw), calc(8 * var(--fluid-px)));
}
.job-content .has-accent-cyan-background-color .wp-block-columns{
	gap: calc(20 * var(--fluid-px)) calc(30 * var(--fluid-px));
}
.job-content .wp-block-image{
	margin-bottom: calc(20 * var(--fluid-px));
}
.job-content .wp-block-column h4.wp-block-heading{
	margin-bottom: clamp(calc(15 * var(--fluid-px)), calc(calc(11.795 * var(--fluid-px)) + 0.641vw), calc(20 * var(--fluid-px)));
	padding: 0;
	font-size: clamp(calc(22 * var(--fluid-font-px)), calc(calc(20.718 * var(--fluid-font-px)) + calc(0.256 * var(--fluid-font-vw))), calc(24 * var(--fluid-font-px)));
	line-height: 1;
	border: none;
}
.job-content .wp-block-column ul{
	margin: 0;
	padding: 0;
}
.job-content .wp-block-column li{
	margin-bottom: calc(10 * var(--fluid-px));
	padding: 0;
	font-size: calc(15 * var(--fluid-font-px));
	line-height: 1.45;
	font-weight: 400;
}
.job-content .wp-block-column li:last-child{
	margin-bottom: 0;
}
.job-content .wp-block-column li:before{
	display: none;
}
.job-content .wp-block-column strong{
	display: inline-block;
	margin-bottom: calc(5 * var(--fluid-px));
	padding: calc(4 * var(--fluid-px));
	color: #435C75;
	font-size: calc(13 * var(--fluid-font-px));
	font-weight: 500;
	line-height: 1;
	background: #DEE6ED;
}
.job-content .number-content h2.wp-block-heading{
	margin-bottom: clamp(calc(25 * var(--fluid-px)), calc(calc(21.795 * var(--fluid-px)) + 0.641vw), calc(30 * var(--fluid-px)));
}
.job-content .number-content h3.wp-block-heading{
	margin-top: calc(40 * var(--fluid-px));
	font-size: clamp(calc(22 * var(--fluid-font-px)), calc(calc(16.872 * var(--fluid-font-px)) + calc(1.026 * var(--fluid-font-vw))), calc(30 * var(--fluid-font-px)));
}
.job-content .number-content h3.wp-block-heading em{
	display: block;
	color: var(--sanko-color);
	font-size: clamp(calc(16 * var(--fluid-font-px)), calc(calc(14.718 * var(--fluid-font-px)) + calc(0.256 * var(--fluid-font-vw))), calc(18 * var(--fluid-font-px)));
	font-family: 'Panchang', sans-serif;
	font-style: normal;
	font-weight: bold;
}
.job-content .number-content h3.wp-block-heading+p{
	font-size: clamp(calc(15 * var(--fluid-font-px)), calc(calc(14.359 * var(--fluid-font-px)) + calc(0.128 * var(--fluid-font-vw))), calc(16 * var(--fluid-font-px)));
	line-height: 2;
}
.job-content .wp-block-columns{
	display: flex;
	align-items: flex-start;
	gap: calc(20 * var(--fluid-px));
	margin-bottom: clamp(calc(70 * var(--fluid-px)), calc(calc(63.590 * var(--fluid-px)) + 1.282vw), calc(80 * var(--fluid-px)));
}
.job-content .wp-block-columns > .wp-block-column{
	flex: 1 1 0;
	min-width: 0;
}
.job-content .job-workflow > .wp-block-column{
	flex-basis: 100%;
}
.job-content h2.wp-block-heading+.wp-block-columns{
	margin-top: calc(clamp(calc(0 * var(--fluid-px)), calc(calc(-16.026 * var(--fluid-px)) + 3.205vw), calc(25 * var(--fluid-px))) * -1);
}
.job-content .has-background .wp-block-columns{
	margin-bottom: 0;
}
.job-content .wp-block-column p.wp-block-paragraph{
	font-size: clamp(calc(15 * var(--fluid-font-px)), calc(calc(14.359 * var(--fluid-font-px)) + calc(0.128 * var(--fluid-font-vw))), calc(16 * var(--fluid-font-px)));
	line-height: 2;
}
.job-content .wp-block-column img{
	width: 100%!important;
}
.interview-list h3{
	position: relative;
	margin-bottom: clamp(calc(30 * var(--fluid-px)), calc(calc(23.590 * var(--fluid-px)) + 1.282vw), calc(40 * var(--fluid-px)));
	font-size: clamp(calc(20 * var(--fluid-font-px)), calc(calc(9.744 * var(--fluid-font-px)) + calc(2.051 * var(--fluid-font-vw))), calc(36 * var(--fluid-font-px)));
	line-height: 1.25;
}
.interview-list h3:before{
	content: '';
	display: inline-block;
	margin-right: calc(10 * var(--fluid-px));
	width: calc(13 * var(--fluid-px));
	height: calc(15 * var(--fluid-px));
	background: linear-gradient(39deg,rgba(15, 116, 206, 1) 20%, rgba(86, 187, 237, 1) 100%);
	clip-path: polygon(50% 6.7%, 100% 25%, 100% 75%, 50% 93.3%, 0% 75%, 0% 25%);
    transform: translateY(calc(-5 * var(--fluid-px)));
}
.interview-list .inr{
	display: flex;
	flex-wrap: wrap;
	gap: clamp(calc(30 * var(--fluid-px)), calc(calc(10.769 * var(--fluid-px)) + 3.846vw), calc(60 * var(--fluid-px)))
		 clamp(calc(20 * var(--fluid-px)), calc(calc(13.590 * var(--fluid-px)) + 1.282vw), calc(30 * var(--fluid-px)));
}
.interview-list article{
	width: calc(337 * var(--fluid-px));
}
.interview-list img{
	display: block;
	margin-bottom: clamp(calc(10 * var(--fluid-px)), calc(calc(6.795 * var(--fluid-px)) + 0.641vw), calc(15 * var(--fluid-px)));
	/* margin-bottom: clamp(calc(20 * var(--fluid-px)), calc(calc(16.795 * var(--fluid-px)) + 0.641vw), calc(25 * var(--fluid-px))); */
	width: 100%;
	aspect-ratio: 337 / 370;
	object-fit: cover;
}
.single-job .interview-list .image{
	overflow: hidden;
	margin-bottom: clamp(calc(10 * var(--fluid-px)), calc(calc(6.795 * var(--fluid-px)) + 0.641vw), calc(15 * var(--fluid-px)));
	border-radius: clamp(calc(5 * var(--fluid-px)), calc(calc(3.077 * var(--fluid-px)) + 0.385vw), calc(8 * var(--fluid-px)));
}
.single-job .interview-list .image img{
	margin-bottom: 0;
	transition: transform .3s ease;
}
.interview-list .job{
	display: inline-block;
	margin-bottom: calc(10 * var(--fluid-px));
	padding: 0 calc(7 * var(--fluid-px));
	height: calc(20 * var(--fluid-px));
	color: var(--sanko-color);
	font-size: clamp(calc(12 * var(--fluid-font-px)), calc(calc(11.359 * var(--fluid-font-px)) + calc(0.128 * var(--fluid-font-vw))), calc(13 * var(--fluid-font-px)));
	line-height: calc(18 * var(--fluid-px));
	border: var(--sanko-color) calc(1 * var(--fluid-px)) solid;
	border-radius: calc(2 * var(--fluid-px));
}
.interview-list p{
	margin-bottom: clamp(calc(10 * var(--fluid-px)), calc(calc(6.795 * var(--fluid-px)) + 0.641vw), calc(15 * var(--fluid-px)));
	color: var(--font-color);
	font-size: clamp(calc(16 * var(--fluid-font-px)), calc(calc(10.872 * var(--fluid-font-px)) + calc(1.026 * var(--fluid-font-vw))), calc(24 * var(--fluid-font-px)));
	font-weight: 500;
	line-height: 1.4;
}
.interview-list .date{
	margin-bottom: calc(5 * var(--fluid-px));
	color: #4E4E4E;
	font-size: clamp(calc(10 * var(--fluid-font-px)), calc(calc(7.436 * var(--fluid-font-px)) + calc(0.513 * var(--fluid-font-vw))), calc(14 * var(--fluid-font-px)));
	line-height: 1.15;
}
.interview-list .name{
	color: var(--font-color);
	font-size: clamp(calc(18 * var(--fluid-font-px)), calc(calc(15.436 * var(--fluid-font-px)) + calc(0.513 * var(--fluid-font-vw))), calc(22 * var(--fluid-font-px)));
	line-height: 1;
}
.single-job .interview-list p{
	transition: color .3s ease;
}

@media (hover: hover) and (pointer: fine) {
	.single-job .interview-list article a:hover .image img{
		transform: scale(1.05);
	}
	.single-job .interview-list article a:hover p{
		color: var(--sanko-color);
	}
}
.job-page-nav .sp-label{
	display: none;
}

@media screen and (max-width:899px) {
	body.job .content-inner{
		width: 100%;
	}
	.job-page-nav .sp-label,
	.job-page-nav{
		position: fixed;
		top: calc(170 * var(--fluid-px));
		right: 0;
		flex: none;
		z-index: 2;
	}
	.job-page-nav .sp-label{
		display: block;
		padding-top: calc(7 * var(--fluid-px));
		width: calc(55 * var(--fluid-px));
		aspect-ratio: 1 / 1;
		color: #fff;
		font-size: calc(12 * var(--fluid-font-px));
		text-align: center;
		cursor: pointer;
		background: #198FCE url(../img/arrow09.svg) no-repeat center bottom calc(12 * var(--fluid-px));
		border-radius: calc(3 * var(--fluid-px)) 0 0 calc(3 * var(--fluid-px));
		transition: all .3s;
	}
	.job-page-nav.is-open .sp-label{
		opacity: 0;
		transform: translateX(100%);
	}
	.job-page-nav:not(:has(a)) .sp-label{
		display: none;
	}
	.job-page-nav .nav-inner{
		padding: calc(25 * var(--fluid-px)) calc(15 * var(--fluid-px));
		padding-left: calc(30 * var(--fluid-px));
		width: calc(200 * var(--fluid-px));
		height: 0;
		background: #fff;
		box-shadow: calc(-2 * var(--fluid-px)) calc(0 * var(--fluid-px)) calc(9 * var(--fluid-px)) calc(0 * var(--fluid-px)) rgba(106, 106, 106, 0.17);
		opacity: 0;
		transition: all .3s;
	}
	.job-page-nav.is-open .nav-inner{
		height: auto;
		opacity: 1;
	}
	.job-page-nav a{
		margin-bottom: calc(20 * var(--fluid-px));
		padding-left: calc(8 * var(--fluid-px));
		font-size: calc(13 * var(--fluid-font-px));
	}
	.job-page-nav a:last-child{
		margin-bottom: 0;
	}
	.job-page-nav a.active:before{
		width: calc(8 * var(--fluid-px));
		height: calc(11 * var(--fluid-px));
	}
	.job-page-nav a.close{
		display: block;
		position: relative;
		cursor: pointer;
	}
	.job-page-nav a.close:before{
		content: '';
		position: absolute;
		top: 50%;
		left: calc(-9 * var(--fluid-px));
		width: calc(12 * var(--fluid-px));
		aspect-ratio: 1 / 1;
		background: url(../img/arrow10.svg) no-repeat center;
		background-size: 100% auto;
    	transform: translateY(-46%);
	}
}

@media screen and (max-width:899px) {
	.job-content .wp-block-columns{
		margin-top: calc(20 * var(--fluid-px));
	}
	.job-content .job-comparison-cards,
	.job-content .job-scenes{
		flex-direction: column;
	}
	.job-content .job-comparison-cards > .wp-block-column,
	.job-content .job-scenes > .wp-block-column{
		width: 100%;
	}
	.job-content .wp-block-media-text{
		grid-template-columns: 1fr;
	}
	.job-content .wp-block-media-text__media {
		grid-column: 1!important;
		grid-row: 2!important;
	}
	.job-content .wp-block-media-text__content {
		grid-column: 1!important;
		grid-row: 1!important;
	}
	.interview-list article{
		width: calc((100% - calc(20 * var(--fluid-px))) / 2);
	}
	.job-content .lead{
		padding: calc(30 * var(--fluid-px)) calc(20 * var(--fluid-px));
	}
	.interview-list p br{
		display: none;
	}
}

/* 社員紹介 */
.post-type-archive-interview .wrap{
	max-width: calc(1260 * var(--fluid-px));
}
.post-type-archive-interview .interview-list .inr{
	gap: clamp(calc(40 * var(--fluid-px)), calc(calc(14.359 * var(--fluid-px)) + 5.128vw), calc(80 * var(--fluid-px)))
		 clamp(calc(20 * var(--fluid-px)), calc(calc(0.769 * var(--fluid-px)) + 3.846vw), calc(50 * var(--fluid-px)));
	margin-left: clamp(calc(0 * var(--fluid-px)), calc(calc(-83.333 * var(--fluid-px)) + 10.417vw), calc(50 * var(--fluid-px)));
}
.post-type-archive-interview .archive-interview-content .image{
	overflow: hidden;
	border-radius: clamp(calc(5 * var(--fluid-px)), calc(calc(3.077 * var(--fluid-px)) + 0.385vw), calc(8 * var(--fluid-px)));
}
.post-type-archive-interview .archive-interview-content .image img{
	margin-bottom: 0;
	border-radius: 0;
	transition: transform .3s ease;
}
.post-type-archive-interview .interview-list .image{
	margin-bottom: clamp(calc(10 * var(--fluid-px)), calc(calc(6.795 * var(--fluid-px)) + 0.641vw), calc(15 * var(--fluid-px)));
}
.post-type-archive-interview .interview-list p{
	transition: color .3s ease;
}
.archive-interview-content {
	margin-bottom: clamp(calc(80 * var(--fluid-px)), calc(calc(35.128 * var(--fluid-px)) + 8.974vw), calc(150 * var(--fluid-px)));
}
.archive-interview-content.c02 .inr{
	display: flex;
	flex-wrap: wrap;
	gap: calc(30 * var(--fluid-px)) clamp(calc(30 * var(--fluid-px)), calc(calc(17.179 * var(--fluid-px)) + 2.564vw), calc(50 * var(--fluid-px)));
	margin-left: clamp(calc(0 * var(--fluid-px)), calc(calc(-83.333 * var(--fluid-px)) + 10.417vw), calc(50 * var(--fluid-px)));
}
.archive-interview-content.c02 article{
	flex: 1;
}
.archive-interview-content.c02 a{
	color: var(--font-color);
}
.archive-interview-content.c02 .image{
	display: block;
	margin-bottom: clamp(calc(20 * var(--fluid-px)), calc(calc(16.795 * var(--fluid-px)) + 0.641vw), calc(25 * var(--fluid-px)));
}
.archive-interview-content.c02 .title{
	margin-bottom: clamp(calc(10 * var(--fluid-px)), calc(calc(6.795 * var(--fluid-px)) + 0.641vw), calc(15 * var(--fluid-px)));
	font-size: clamp(calc(14 * var(--fluid-font-px)), calc(calc(8.872 * var(--fluid-font-px)) + calc(1.026 * var(--fluid-font-vw))), calc(22 * var(--fluid-font-px)));
	line-height: 1.35;
}
.archive-interview-content.c02 p{
	font-size: clamp(calc(16 * var(--fluid-font-px)), calc(calc(10.872 * var(--fluid-font-px)) + calc(1.026 * var(--fluid-font-vw))), calc(24 * var(--fluid-font-px)));
	font-weight: 500;
	line-height: 1.5;
}
.archive-interview-content.c02 .title,
.archive-interview-content.c02 p{
	transition: color .3s ease;
}

@media (hover: hover) and (pointer: fine) {
	.post-type-archive-interview .archive-interview-content article a:hover .image img{
		transform: scale(1.05);
	}
	.post-type-archive-interview .interview-list article a:hover p,
	.post-type-archive-interview .archive-interview-content.c02 article a:hover .title,
	.post-type-archive-interview .archive-interview-content.c02 article a:hover p{
		color: var(--sanko-color);
	}
}

@media screen and (max-width:899px) {
	.archive-interview-content.c02 article{
		flex: none;
		width: 100%;
	}
}

/* プライバシーポリシー */
.privacy-content{
	display: block;
}
.privacy-content *{
	max-width: none!important;
}
.privacy-content .content-inner{
	max-width: calc(835 * var(--fluid-px))!important;
}
body.privacy .eyechatch{
    margin-bottom: clamp(calc(110 * var(--fluid-px)), calc(calc(52.308 * var(--fluid-px)) + 11.538vw), calc(200 * var(--fluid-px)));
}
.privacy-content h2.wp-block-heading{
	padding: 0;
	margin-bottom: calc(30 * var(--fluid-px));
	color: var(--font-color);
	font-size: clamp(calc(22 * var(--fluid-font-px)), calc(calc(13.026 * var(--fluid-font-px)) + calc(1.795 * var(--fluid-font-vw))), calc(36 * var(--fluid-font-px)));
	line-height: 1.25;
	background: none;
}
.privacy-content h3.wp-block-heading{
	margin: 0;
	margin-top: calc(50 * var(--fluid-px));
	margin-bottom: calc(20 * var(--fluid-px));
	padding: 0;
	font-size: clamp(calc(20 * var(--fluid-font-px)), calc(calc(14.872 * var(--fluid-font-px)) + calc(1.026 * var(--fluid-font-vw))), calc(28 * var(--fluid-font-px)));
	line-height: 1.4;
	border: none;
}
.privacy-content h3.wp-block-heading:before{
	display: none;
}
.privacy-content p.wp-block-paragraph:not(:last-child){
	margin-bottom: calc(30 * var(--fluid-px));
}
.privacy-content .wp-block-group.header{
	margin-bottom: calc(40 * var(--fluid-px));
	padding-bottom: calc(40 * var(--fluid-px));
	border-bottom: #bbc6ce calc(1 * var(--fluid-px)) solid;
}
.privacy-content .wp-block-group.header>h2{
	margin-top: 0;
}
.privacy-content ul.wp-block-list{
	margin: 0;
}
.privacy-content p + ul.wp-block-list{
	margin-top: calc(-30 * var(--fluid-px));
}
.privacy-content .wp-block-list> li{
	padding: 0;
	font-weight: normal;
}
.oc-page-content .wp-block-list > li:not(:first-child) {
    margin-top: 0;
}
.privacy-content ul.wp-block-list> li:before{
	content: '・';
	display: inline-block;
	position: static;
	margin-right: calc(5 * var(--fluid-px));
	background: none;
}
.privacy-content p.wp-block-paragraph,
.privacy-content .wp-block-list> li{
	font-size: clamp(calc(15 * var(--fluid-font-px)), calc(calc(14.359 * var(--fluid-font-px)) + calc(0.128 * var(--fluid-font-vw))), calc(16 * var(--fluid-font-px)));
	line-height: 2;
}

@media screen and (max-width:899px) {
	.privacy-content p.wp-block-paragraph,
	.privacy-content .wp-block-list> li{
		line-height: 1.8;
	}
}

/* 選考とキャリア */
.career-content {
	margin-bottom: clamp(calc(80 * var(--fluid-px)), calc(calc(35.128 * var(--fluid-px)) + 8.974vw), calc(150 * var(--fluid-px)));
}
.career-content h2{
	margin-bottom: clamp(calc(30 * var(--fluid-px)), calc(calc(10.769 * var(--fluid-px)) + 3.846vw), calc(60 * var(--fluid-px)));
}
.career-content img{
	border-radius: clamp(calc(5 * var(--fluid-px)), calc(calc(3.077 * var(--fluid-px)) + 0.385vw), calc(8 * var(--fluid-px)));
}
.career-content.c01 ul{
	display: flex;
	flex-wrap: wrap;
	gap: clamp(calc(10 * var(--fluid-px)), calc(calc(3.590 * var(--fluid-px)) + 1.282vw), calc(20 * var(--fluid-px)));
	margin-bottom: clamp(calc(20 * var(--fluid-px)), calc(calc(7.179 * var(--fluid-px)) + 2.564vw), calc(40 * var(--fluid-px)));
	padding: clamp(calc(25 * var(--fluid-px)), calc(calc(2.564 * var(--fluid-px)) + 4.487vw), calc(60 * var(--fluid-px)))
			 clamp(calc(25 * var(--fluid-px)), calc(calc(-7.051 * var(--fluid-px)) + 6.410vw), calc(75 * var(--fluid-px)));
	background: #D4E6EE;
}
.career-content.c01 li{
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	aspect-ratio: 1 / 1;
	color: #fff;
	font-size: clamp(calc(20 * var(--fluid-font-px)), calc(calc(13.333 * var(--fluid-font-px)) + calc(0.833 * var(--fluid-font-vw))), calc(24 * var(--fluid-font-px)));
	text-align: center;
	line-height: 1.25;
	background: #138CCC;
	border-radius: 100%;
}
.career-content.c02 p,
.career-content.c01 p{
	margin-left: auto;
	max-width: calc(630 * var(--fluid-px));
	font-size: calc(15 * var(--fluid-font-px));
}
@media screen and (min-width:900px){
	.career-content.c02 p,
	.career-content.c01 p{
		font-size: calc(18 * var(--fluid-font-px));
	}
}
.career-content.c02 .image{
	margin-bottom: clamp(calc(20 * var(--fluid-px)), calc(calc(7.179 * var(--fluid-px)) + 2.564vw), calc(40 * var(--fluid-px)));
	padding: calc(40 * var(--fluid-px)) calc(15 * var(--fluid-px));
	text-align: center;
	background: #D7E9F2;
}
.career-content.c02 .image img{
	display: inline-block;
	width: 100%;
	max-width: calc(1042 * var(--fluid-px));
	margin: clamp(calc(0 * var(--fluid-px)), calc(calc(-3.205 * var(--fluid-px)) + 0.641vw), calc(5 * var(--fluid-px))) 0;
}
.career-content.c03 .box{
	gap: calc(25 * var(--fluid-px));
	margin-bottom: clamp(calc(30 * var(--fluid-px)), calc(calc(17.179 * var(--fluid-px)) + 2.564vw), calc(50 * var(--fluid-px)));
	padding-bottom: clamp(calc(30 * var(--fluid-px)), calc(calc(17.179 * var(--fluid-px)) + 2.564vw), calc(50 * var(--fluid-px)));
	border-bottom: #bbc6ce calc(1 * var(--fluid-px)) solid;
}
.career-content.c03 .box:last-child{
	margin: 0;
	padding: 0;
	border: none;
}
.career-content.c03 .box.b1{
	gap: clamp(calc(25 * var(--fluid-px)), calc(calc(8.974 * var(--fluid-px)) + 3.205vw), calc(50 * var(--fluid-px))) calc(25 * var(--fluid-px));
}
.career-content.c03 .header{
	flex: 1;
}
.career-content.c03 .content{
	width: 49%;
}
.career-content.c03 .b1 .header{
	padding-right: 49%;
}
.career-content.c03 .b3 .header{
	max-width: calc(460 * var(--fluid-px));
}
.career-content.c03 .b1 .content{
	margin-left: auto;
}
.career-content.c03 .header b{
	font-size: clamp(calc(22 * var(--fluid-font-px)), calc(calc(11.744 * var(--fluid-font-px)) + calc(2.051 * var(--fluid-font-vw))), calc(38 * var(--fluid-font-px)));
	font-weight: 500;
	line-height: 1.45;
}
.career-content.c03 h3{
	margin-bottom: calc(30 * var(--fluid-px));
	font-size: clamp(calc(22 * var(--fluid-font-px)), calc(calc(16.872 * var(--fluid-font-px)) + calc(1.026 * var(--fluid-font-vw))), calc(30 * var(--fluid-font-px)));
	line-height: 1.4;
}
.career-content.c03 .box.b2 h3{
	margin-bottom: 0;
}
.career-content.c03 h4{
	margin-bottom: clamp(calc(15 * var(--fluid-px)), calc(calc(11.795 * var(--fluid-px)) + 0.641vw), calc(20 * var(--fluid-px)));
	font-size: clamp(calc(20 * var(--fluid-font-px)), calc(calc(14.872 * var(--fluid-font-px)) + calc(1.026 * var(--fluid-font-vw))), calc(28 * var(--fluid-font-px)));
	line-height: 1.4;
}
.career-content.c03 h4:not(:first-child){
	margin-top: clamp(calc(30 * var(--fluid-px)), calc(calc(23.590 * var(--fluid-px)) + 1.282vw), calc(40 * var(--fluid-px)));
}
.career-content.c04 .header{
	margin-bottom: clamp(calc(30 * var(--fluid-px)), calc(calc(17.179 * var(--fluid-px)) + 2.564vw), calc(50 * var(--fluid-px)));
	font-size: clamp(calc(15 * var(--fluid-font-px)), calc(calc(14.359 * var(--fluid-font-px)) + calc(0.128 * var(--fluid-font-vw))), calc(16 * var(--fluid-font-px)));
	line-height: 1.6;
}
.career-content.c04 .header h2{
	margin-bottom: clamp(calc(15 * var(--fluid-px)), calc(calc(8.590 * var(--fluid-px)) + 1.282vw), calc(25 * var(--fluid-px)));
}
.career-content.c04 .body{
	gap: clamp(calc(20 * var(--fluid-px)), calc(calc(13.590 * var(--fluid-px)) + 1.282vw), calc(30 * var(--fluid-px)));
}
.career-content.c04 .box{
	padding: clamp(calc(20 * var(--fluid-px)), calc(calc(13.590 * var(--fluid-px)) + 1.282vw), calc(30 * var(--fluid-px)));
	width: calc((100% - clamp(calc(20 * var(--fluid-px)), calc(calc(13.590 * var(--fluid-px)) + 1.282vw), calc(30 * var(--fluid-px)))) / 2);
	font-size: calc(15 * var(--fluid-font-px));
	line-height: 1.5;
	background: #FFFFFF;
	border-radius: clamp(calc(5 * var(--fluid-px)), calc(calc(3.077 * var(--fluid-px)) + 0.385vw), calc(8 * var(--fluid-px)));
}
.career-content.c04 h4{
	margin-bottom: calc(15 * var(--fluid-px));
	font-size: clamp(calc(20 * var(--fluid-font-px)), calc(calc(14.872 * var(--fluid-font-px)) + calc(1.026 * var(--fluid-font-vw))), calc(28 * var(--fluid-font-px)));
	line-height: 1.4;
}
.career-content.c04 .box dl{
	display: flex;
}
.career-content.c04 .box dt{
	white-space: nowrap;
}
.career-content.c04 .box p{
	margin-bottom: 0;
}

@media screen and (max-width:899px) {
	.career-content.c03 .content,
	.career-content.c03 .header{
		flex: none;
		padding-right: 0!important;
		width: 100%;
	}
	.career-content.c04 .box{
		width: 100%;
	}
}

@media screen and (max-width:899px) {
	.career-content.c01 li{
		flex: none;
		width: calc((100% - clamp(calc(10 * var(--fluid-px)), calc(calc(3.590 * var(--fluid-px)) + 1.282vw), calc(20 * var(--fluid-px)))) / 2);
	}
	.career-content.c02 .image{
		padding-bottom: calc(30 * var(--fluid-px));
	}
	.career-content.c04 .box{
		padding: calc(25 * var(--fluid-px)) calc(20 * var(--fluid-px));
	}
}

/* 社員インタビュー */
.single-interview .oc-page-content{
	display: block;
}
.interview-content{
    counter-reset: order;
	padding-top: calc(100 * var(--fluid-px));
}
.staff-content .fv {
	gap: calc(25 * var(--fluid-px)) clamp(calc(25 * var(--fluid-px)), calc(calc(-10.256 * var(--fluid-px)) + 7.051vw), calc(80 * var(--fluid-px)));
	margin-right: calc(clamp(calc(15 * var(--fluid-px)), calc(calc(-217.143 * var(--fluid-px)) + 23.214vw), calc(80 * var(--fluid-px))) * -1);
	margin-bottom: clamp(calc(70 * var(--fluid-px)), calc(calc(-26.154 * var(--fluid-px)) + 19.231vw), calc(220 * var(--fluid-px)));
}
.staff-content .fv .info{
	flex: 1;
}
.staff-content .fv .image{
	width: 55%;
}
.staff-content .fv p.s1{
	margin-bottom: clamp(calc(10 * var(--fluid-px)), calc(calc(-2.821 * var(--fluid-px)) + 2.564vw), calc(30 * var(--fluid-px)));
	color: var(--sanko-color);
	font-size: clamp(calc(13 * var(--fluid-font-px)), calc(calc(5.949 * var(--fluid-font-px)) + calc(1.410 * var(--fluid-font-vw))), calc(24 * var(--fluid-font-px)));
	line-height: 1;
}
.staff-content .fv .lead{
	margin-bottom: clamp(calc(25 * var(--fluid-px)), calc(calc(8.974 * var(--fluid-px)) + 3.205vw), calc(50 * var(--fluid-px)));
	font-size: clamp(calc(26 * var(--fluid-font-px)), calc(calc(15.744 * var(--fluid-font-px)) + calc(2.051 * var(--fluid-font-vw))), calc(42 * var(--fluid-font-px)));
	font-weight: 500;
	line-height: 1.4;
}
.staff-content .fv .job{
	margin-bottom: calc(3 * var(--fluid-px));
	font-size: clamp(calc(16 * var(--fluid-font-px)), calc(calc(14.718 * var(--fluid-font-px)) + calc(0.256 * var(--fluid-font-vw))), calc(18 * var(--fluid-font-px)));
	line-height: 1;
}
.staff-content .fv .sub{
	display: flex;
	align-items: center;
	gap: clamp(calc(10 * var(--fluid-px)), calc(calc(6.795 * var(--fluid-px)) + 0.641vw), calc(15 * var(--fluid-px)));
	margin-bottom: calc(10 * var(--fluid-px));
}
.staff-content .fv .date{
	color: #4E4E4E;
	font-size: clamp(calc(12 * var(--fluid-font-px)), calc(calc(9.436 * var(--fluid-font-px)) + calc(0.513 * var(--fluid-font-vw))), calc(16 * var(--fluid-font-px)));
}
.staff-content .fv .name{
	font-size: clamp(calc(20 * var(--fluid-font-px)), calc(calc(17.436 * var(--fluid-font-px)) + calc(0.513 * var(--fluid-font-vw))), calc(24 * var(--fluid-font-px)));
	font-weight: 500;
}
.staff-content .fv .sub-text{
	font-size: clamp(calc(15 * var(--fluid-font-px)), calc(calc(14.359 * var(--fluid-font-px)) + calc(0.128 * var(--fluid-font-vw))), calc(16 * var(--fluid-font-px)));
}
.staff-content h2.wp-block-heading{
	margin: 0;
	padding: 0;
	margin-top: clamp(calc(40 * var(--fluid-px)), calc(calc(14.359 * var(--fluid-px)) + 5.128vw), calc(80 * var(--fluid-px)));
	margin-bottom: clamp(calc(30 * var(--fluid-px)), calc(calc(4.359 * var(--fluid-px)) + 5.128vw), calc(70 * var(--fluid-px)));
	color: var(--font-color);
	font-size: clamp(calc(22 * var(--fluid-font-px)), calc(calc(14.308 * var(--fluid-font-px)) + calc(1.538 * var(--fluid-font-vw))), calc(34 * var(--fluid-font-px)));
	line-height: 1.2;
	letter-spacing: 0;
	background: none;
}
.staff-content h2.wp-block-heading:before{
    counter-increment: order;
    content: 'Question-' counter(order);
	display: block;
	margin-bottom: clamp(calc(5 * var(--fluid-px)), calc(calc(1.795 * var(--fluid-px)) + 0.641vw), calc(10 * var(--fluid-px)));
	color: var(--sanko-color);
	font-size: clamp(calc(12 * var(--fluid-font-px)), calc(calc(10.718 * var(--fluid-font-px)) + calc(0.256 * var(--fluid-font-vw))), calc(14 * var(--fluid-font-px)));
	font-family: 'Panchang', sans-serif;
	line-height: 1;
}
.interview-content .wp-block-group.answer{
	margin-left: auto!important;
	margin-right: 0!important;
	max-width: calc(750 * var(--fluid-px));
	line-height: 2;
}
.interview-image-columns{
	display: grid;
	margin-top: clamp(calc(40 * var(--fluid-px)), calc(calc(14.359 * var(--fluid-px)) + 5.128vw), calc(80 * var(--fluid-px)));
}
.interview-image-columns--single{
	grid-template-columns: minmax(0, 1fr);
	margin-left: calc(clamp(calc(15 * var(--fluid-px)), calc(calc(-217.143 * var(--fluid-px)) + 23.214vw), calc(80 * var(--fluid-px))) * -1);
	max-width: calc(1215 * var(--fluid-px));
}
.interview-image-columns--double{
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(calc(30 * var(--fluid-px)), calc(calc(-86.667 * var(--fluid-px)) + 14.583vw), calc(100 * var(--fluid-px)));
}
.interview-image-columns__item{
	margin: 0;
}
.interview-image-columns--double .interview-image-columns__item:nth-child(even){
	margin-top: clamp(calc(30 * var(--fluid-px)), calc(calc(-14.872 * var(--fluid-px)) + 8.974vw), calc(100 * var(--fluid-px)));
}
.interview-image-columns__item img{
	display: block;
	width: 100%;
	height: auto;
}
.interview-content .job-list{
	margin-top: clamp(calc(80 * var(--fluid-px)), calc(calc(67.179 * var(--fluid-px)) + 2.564vw), calc(100 * var(--fluid-px)));
	margin-left: auto;
	max-width: calc(750 * var(--fluid-px));
}
.interview-content .job-list h3{
	margin-bottom: calc(30 * var(--fluid-px));
	font-size: clamp(calc(20 * var(--fluid-font-px)), calc(calc(9.744 * var(--fluid-font-px)) + calc(2.051 * var(--fluid-font-vw))), calc(36 * var(--fluid-font-px)));
	line-height: 1.25;
}
.interview-content .job-list h3:before{
	content: '';
	display: inline-block;
	margin-right: clamp(calc(5 * var(--fluid-px)), calc(calc(1.795 * var(--fluid-px)) + 0.641vw), calc(10 * var(--fluid-px)));
	width: calc(13 * var(--fluid-px));
	height: calc(15 * var(--fluid-px));
	background: linear-gradient(39deg,rgba(15, 116, 206, 1) 20%, rgba(86, 187, 237, 1) 100%);
	clip-path: polygon(50% 6.7%, 100% 25%, 100% 75%, 50% 93.3%, 0% 75%, 0% 25%);
    transform: translateY(calc(-5 * var(--fluid-px)));
}
.interview-content .job-list .box{
	width: 100%;
	max-width: calc(620 * var(--fluid-px));
}

@media screen and (max-width:899px) {
	.staff-content .fv {
		margin-right: 0;
	}
	.staff-content .fv .info{
		flex: none;
		width: 100%;
	}
	.staff-content .fv .image.pc{
		display: none;
	}
	.staff-content .fv .image.sp{
		display: block;
		margin: 0 calc(-15 * var(--fluid-px));
		margin-bottom: calc(25 * var(--fluid-px));
		width: calc(100% + calc(30 * var(--fluid-px)));
	}
	.interview-image-columns{
		margin-right: calc(-15 * var(--fluid-px));
		margin-left: calc(-15 * var(--fluid-px));
	}
	.staff-content .fv .sub-text{
		margin-bottom: 0;
	}
	.staff-content h2.wp-block-heading {
		line-height: 1.4;
	}
	.staff-content h2.wp-block-heading br{
		display: none;
	}
}

/* 座談会 */
.single-crosstalk .oc-page-content {
    display: block;
}
.crosstalk-content{
    counter-reset: order;
	padding-top: calc(100 * var(--fluid-px));
}
.crosstalk-content .fv {
	margin-bottom: clamp(calc(50 * var(--fluid-px)), calc(calc(37.179 * var(--fluid-px)) + 2.564vw), calc(70 * var(--fluid-px)));
}
.crosstalk-content .fv .lead{
	margin-bottom: clamp(calc(25 * var(--fluid-px)), calc(calc(-0.641 * var(--fluid-px)) + 5.128vw), calc(65 * var(--fluid-px)));
}
.crosstalk-content .crosstalk-members{
	padding: 0;
}
.crosstalk-content .crosstalk-members__inner {
    background: none;
    border-radius: 0;
    max-width: 100%;
    padding: 0;
}
.crosstalk-content .crosstalk-members__title{
	margin: 0;
	color: var(--font-color);
	font-size: clamp(calc(20 * var(--fluid-font-px)), calc(calc(17.436 * var(--fluid-font-px)) + calc(0.513 * var(--fluid-font-vw))), calc(24 * var(--fluid-font-px)));
	font-family: var(--wp--preset--font-family--body);
	font-weight: 500;
    letter-spacing: 0;
    line-height: 1.35;
	text-align: left;
}
.crosstalk-content .crosstalk-members__items {
    display: flex;
	flex-wrap: wrap;
    gap: clamp(calc(15 * var(--fluid-px)), calc(calc(11.795 * var(--fluid-px)) + 0.641vw), calc(20 * var(--fluid-px)));
    margin-top: clamp(calc(25 * var(--fluid-px)), calc(calc(21.795 * var(--fluid-px)) + 0.641vw), calc(30 * var(--fluid-px)));
	margin-bottom: clamp(calc(70 * var(--fluid-px)), calc(calc(50.769 * var(--fluid-px)) + 3.846vw), calc(100 * var(--fluid-px)));
}
.crosstalk-content .crosstalk-members__item{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: calc(25 * var(--fluid-px)) calc(10 * var(--fluid-px)) calc(30 * var(--fluid-px));
	width: calc(200 * var(--fluid-px));
	min-height: calc(219 * var(--fluid-px));
	background: #fff;
	border-radius: calc(5 * var(--fluid-px));
	list-style: none;
}
.crosstalk-content .crosstalk-members__image{
	margin: 0 auto;
	width: calc(85 * var(--fluid-px));
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: 50%;
}
.crosstalk-content .crosstalk-members__image img {
	display: block;
	width: 100%;
	height: 100%;
    aspect-ratio: 1 / 1;
	object-fit: cover;
    border-radius: 50%;
}
.crosstalk-content .crosstalk-members__contents {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: calc(5 * var(--fluid-px));
	margin-top: calc(20 * var(--fluid-px));
	width: 100%;
}
.crosstalk-content .crosstalk-members__text {
	margin: 0;
	width: 100%;
	color: var(--sanko-color);
	font-size: clamp(calc(12 * var(--fluid-font-px)), calc(calc(10.718 * var(--fluid-font-px)) + calc(0.256 * var(--fluid-font-vw))), calc(14 * var(--fluid-font-px)));
    line-height: 1.15;
	text-align: center;
	white-space: nowrap;
	word-break: keep-all;
}
.crosstalk-content .crosstalk-members__position {
	margin: 0;
	font-size: clamp(calc(12 * var(--fluid-font-px)), calc(calc(10.718 * var(--fluid-font-px)) + calc(0.256 * var(--fluid-font-vw))), calc(14 * var(--fluid-font-px)));
    line-height: 1;
}
.crosstalk-content .crosstalk-members__name {
	margin: 0;
    font-size: clamp(calc(18 * var(--fluid-font-px)), calc(calc(15.436 * var(--fluid-font-px)) + calc(0.513 * var(--fluid-font-vw))), calc(22 * var(--fluid-font-px)));
    letter-spacing: 0;
    line-height: 1;
}
.crosstalk-content .crosstalk-members__row {
	display: flex;
	align-items: flex-end;
	justify-content: center;
    gap: calc(5 * var(--fluid-px));
	margin: 0;
	padding: 0;
}
.crosstalk-content h2.wp-block-heading{
	margin-bottom: clamp(calc(30 * var(--fluid-px)), calc(calc(-2.051 * var(--fluid-px)) + 6.410vw), calc(80 * var(--fluid-px)));
}
.crosstalk-content h2.wp-block-heading:before{
	content: 'Talk Theme ' counter(order, decimal-leading-zero);
}
.crosstalk-content .wp-block-media-text{
	display: flex;
	gap: clamp(calc(20 * var(--fluid-px)), calc(calc(13.590 * var(--fluid-px)) + 1.282vw), calc(30 * var(--fluid-px)));
	margin-left: auto;
	margin-bottom: calc(40 * var(--fluid-px));
	max-width: calc(855 * var(--fluid-px));
}
.crosstalk-content .wp-block-media-text p{
	font-size: calc(18 * var(--fluid-font-px));
	line-height: 2;
}
.crosstalk-content .wp-block-media-text__media{
	align-self: flex-start;
	padding-top: clamp(calc(0 * var(--fluid-px)), calc(calc(-6.410 * var(--fluid-px)) + 1.282vw), calc(10 * var(--fluid-px)));
	width: clamp(calc(55 * var(--fluid-px)), calc(calc(42.179 * var(--fluid-px)) + 2.564vw), calc(75 * var(--fluid-px)));
	font-size: calc(16 * var(--fluid-font-px));
	text-align: center;
}
.crosstalk-content .wp-block-media-text__media img{
	display: block;
	margin-bottom: calc(3 * var(--fluid-px));
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 50%;
}
.crosstalk-content .crosstalk-dialogue__speaker{
	margin: 0;
	font-size: inherit;
	line-height: 1.4;
}
.crosstalk-content .wp-block-media-text__content{
	flex: 1;
	align-self: flex-start;
	padding: 0;
}
.crosstalk-content .wp-block-media-text__content p:last-child{
	margin-bottom: 0;
}
.crosstalk-content .crosstalk-image{
	margin-top: clamp(calc(50 * var(--fluid-px)), calc(calc(30.769 * var(--fluid-px)) + 3.846vw), calc(80 * var(--fluid-px)));
	max-width: calc(1215 * var(--fluid-px));
}
.crosstalk-content .crosstalk-image--left{
	margin-left: calc(clamp(calc(15 * var(--fluid-px)), calc(calc(-217.143 * var(--fluid-px)) + 23.214vw), calc(80 * var(--fluid-px))) * -1);
}
.crosstalk-content .crosstalk-image--right{
	margin-left: auto;
	margin-right: calc(clamp(calc(15 * var(--fluid-px)), calc(calc(-217.143 * var(--fluid-px)) + 23.214vw), calc(80 * var(--fluid-px))) * -1);
}
.crosstalk-content .crosstalk-image img,
.crosstalk-content .crosstalk-image-pair img{
	display: block;
	width: 100%;
	height: auto;
}
.crosstalk-content .crosstalk-image-pair{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(calc(30 * var(--fluid-px)), calc(calc(-86.667 * var(--fluid-px)) + 14.583vw), calc(100 * var(--fluid-px)));
	margin-top: clamp(calc(40 * var(--fluid-px)), calc(calc(14.359 * var(--fluid-px)) + 5.128vw), calc(80 * var(--fluid-px)));
}
.crosstalk-content .crosstalk-image-pair__item:nth-child(even){
	margin-top: clamp(calc(30 * var(--fluid-px)), calc(calc(-14.872 * var(--fluid-px)) + 8.974vw), calc(100 * var(--fluid-px)));
}

@media screen and (max-width:899px) {
	.job-content p.wp-block-paragraph,
	.crosstalk-content .wp-block-media-text p{
		font-size: calc(15 * var(--fluid-font-px));
	}
	.crosstalk-content .crosstalk-members__text{
		margin-left: calc(-5 * var(--fluid-px));
		margin-right: calc(-5 * var(--fluid-px));
	}
	.crosstalk-content .wp-block-media-text p{
		line-height: 1.8;
	}
	.crosstalk-content .crosstalk-image--left{
		margin-right: calc(-15 * var(--fluid-px));
	}
	.crosstalk-content .crosstalk-image--right{
		margin-left: calc(-15 * var(--fluid-px));
	}
	.crosstalk-content .crosstalk-image-pair{
		margin-right: calc(-15 * var(--fluid-px));
		margin-left: calc(-15 * var(--fluid-px));
	}
}

@media screen and (max-width:899px) {
	.crosstalk-content .crosstalk-members__item{
		padding: calc(15 * var(--fluid-px)) calc(10 * var(--fluid-px));
		width: calc((100% - clamp(calc(15 * var(--fluid-px)), calc(calc(11.795 * var(--fluid-px)) + 0.641vw), calc(20 * var(--fluid-px)))) / 2);
		min-height: 0;
	}
}