/*
  Josh's Custom CSS Reset
  https://www.joshwcomeau.com/css/custom-css-reset/
*/
*,*::before,*::after{box-sizing:border-box}
*{margin:0}
html,body{height:100%}
body{line-height:1.5;-webkit-font-smoothing:antialiased}
img,picture,video,canvas,svg{display:block;max-width:100%}
input,button,textarea,select{font:inherit}
p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}
#root,#__next{isolation:isolate}
/* reset margin & padding */
body, div, dl, dt, dd, ul, ol, li, hr, h1, h2, h3, h4, h5, h6, address,
pre, code, form, fieldset, legend, input, button, textarea, p, blockquote,
table, th, td, iframe, form, fieldset, input, button, select, optgroup, option,
textarea, label, legend, span, em, strong, dfn, code, samp, kbd, var, cite, abbr,
acronym, q, br, ins, del, a, img, object, figure, figcaption {
    margin: 0;
    padding: 0;
}
/* set base font size = 1.4rem = 14px */
html {
    /* on html element's font size = 62.5%, 1rem ≒ 10px */
    font-size: 62.5%;
}
body {
    font-size: 1.4rem;
}
/* remove border & font size */
div, blockquote, p, pre, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, address,
table, caption, th, td, span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, q, br,
ins, del, a, img, object, iframe, figure, figcaption {
    border: 0;
    font-style: normal;
    font-weight: normal;
    font-size: 100%;
}
/* remove table border's habit  */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* remove list style */
ul, li {
    list-style: none;
}
img {
    vertical-align: bottom;
}
/*

@tailwind base;
@tailwind components;
@tailwind utilities;
*/
@layer utilities, base, special;
*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/*
  ! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com
*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.container{width:100%}
@media (min-width: 640px){
.container{max-width:640px}}
@media (min-width: 768px){
.container{max-width:768px}}
@media (min-width: 1024px){
.container{max-width:1024px}}
@media (min-width: 1280px){
.container{max-width:1280px}}
.visible{visibility:visible}
.fixed{position:fixed}
.absolute{position:absolute}
.relative{position:relative}
.inset-0{inset:0}
.left-0{left:0}
.top-0{top:0}
.z-50{z-index:50}
.mx-auto{margin-left:auto;margin-right:auto}
.mb-16{margin-bottom:4rem}
.mb-2{margin-bottom:0.5rem}
.mb-4{margin-bottom:1rem}
.mb-6{margin-bottom:1.5rem}
.ml-4{margin-left:1rem}
.mr-2{margin-right:0.5rem}
.mt-12{margin-top:3rem}
.mt-4{margin-top:1rem}
.mt-6{margin-top:1.5rem}
.mt-8{margin-top:2rem}
.mt-\[13px\]{margin-top:13px}
.mt-\[36px\]{margin-top:36px}
.mt-\[9rem\]{margin-top:9rem}
.block{display:block}
.inline-block{display:inline-block}
.flex{display:flex}
.table{display:table}
.grid{display:grid}
.list-item{display:list-item}
.hidden{display:none}
.h-auto{height:auto}
.h-full{height:100%}
.w-1\/2{width:50%}
.w-1\/3{width:33.333333%}
.w-full{width:100%}
.flex-1{flex:1 1 0%}
.flex-row-reverse{flex-direction:row-reverse}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.items-start{align-items:flex-start}
.items-end{align-items:flex-end}
.items-center{align-items:center}
.justify-start{justify-content:flex-start}
.justify-end{justify-content:flex-end}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.overflow-hidden{overflow:hidden}
.object-cover{-o-object-fit:cover;object-fit:cover}
.object-center{-o-object-position:center;object-position:center}
.py-8{padding-top:2rem;padding-bottom:2rem}
.pb-\[25rem\]{padding-bottom:25rem}
.text-center{text-align:center}
.text-right{text-align:right}
.font-bold{font-weight:700}
.font-medium{font-weight:500}
.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}
.underline{text-decoration-line:underline}
.opacity-0{opacity:0}
/***********************************************************
  breakpoints 
***********************************************************/
:root {
    --FRAME: 1600;
    --FRAME-SP: 375;
    --Brand-Main: #FF4116;
    --easing: cubic-bezier(0.23, .85, .43, .93);
}
@media  (min-width: 1601px) {
    :root {
        --FRAME: 1920;
    }
}
@media  (min-width: 768px) and (max-width: 1600px) {
    :root {
        /*--FRAME: 1600;*/
        /* --FRAME: 1400;     */
        --FRAME: 1400;
    }
}
@media (min-width: 1024px) and (max-width: 1279px) {
    :root {
        --FRAME: 1260;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    :root {
        --FRAME: 1100;
    }
}
/***********************************************************
  main 
***********************************************************/
html {
    font-size: 62.5%;
    height: auto;
    -webkit-font-smoothing: antialiased;
}
@media (min-width: 1024px) and (max-width: 1279px) {
html {
        font-size: 54%
}
    }
@media (min-width: 768px) and (max-width: 1024px) {
html {
        font-size: 48%
}
    }
@media (max-width: 767px) {
html {
        font-size: 62.5%
}
    }
body {
    position: relative;
    max-width: 100vw;
    height: auto;
    overflow-x: hidden;
    color: #1C1C1C;
    background-color: #fff;
    font-size: 1.6rem;
    font-weight: 350;
    line-height: calc(27.2 / 16);
    font-family: "TazuganeGothicStdN-Book", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
    font-feature-settings: 'palt';
    letter-spacing: 0.04em;
    /* -webkit-font-smoothing: subpixel-antialiased; */
    -webkit-font-smoothing: antialiased;

    opacity: 0;
}
::-moz-selection {
    background-color: #F6E3DE;
}
::selection {
    background-color: #F6E3DE;
}
::-moz-selection {
    background-color: #F6E3DE;
}
code, kbd, pre, samp {    
    font-family: inherit;
    font-feature-settings: inherit;
}
@media (min-width: 768px) {
.hidden-sp {
        display: block
}
    }
@media (max-width: 767px) {
.hidden-sp {
        display: none !important
}
    }
@media (min-width: 768px) {
.hidden-pc {
        display: none !important
}
    }
@media (max-width: 767px) {
.hidden-pc {
        display: block
}
    }
.pointer-events-none {
    pointer-events: none !important; 
}
/***********************************************************
  layout
***********************************************************/
section {
    max-width: 1440px;
    margin: 0 auto;
}
.inner {
    max-width: var(--FRAME);
    position: relative;
    width: 100%;
    max-width: 1440px;
    padding: 0 5%;
}
@media (min-width: 1440px) {
.inner {
        padding: 0 72px
}
    }
.inner2 {
    position: relative;
    width: 100%;
    max-width: 1440px;
    padding-left: 5%;
}
@media (min-width: 1440px) {
.inner2 {
        padding-left: 72px
}
    }
.page__title--main {
    color: #373737;
    font-size: 9rem;
}
.page__title {    
    font-size: 9rem;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 1;
}
.section__h2 {
    font-size: 4.2rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: calc(40.32/42);
}
.section__h2caption {
    font-size: 1.3rem;
    color: var(--Brand-Main, #FF4116);
    line-height: calc(12.48/13);
    font-weight: 400;
}
.h1-sub, h1.h1-sub, .h1-sub.font-bold, h1.h1-sub.font-bold {
    font-size: 5.2rem;
    line-height: 1;
}
@media (max-width: 767px) {
.h1-sub, h1.h1-sub, .h1-sub.font-bold, h1.h1-sub.font-bold {
        font-size: 3.6rem;
        letter-spacing: -0.36px
}
    }
@media (max-width: 767px) {
    .inner {
        padding: 0 20px;
    }
    .inner2 {
        padding-left: 20px;
    }
    .pc-inner {
        padding: 0;
    }
    .page__title--main {
        font-size: 5rem;
    }
}
/***********************************************************
  
***********************************************************/
.page-ct-main {
    /* padding-top: 140px; */
    padding-top: 3.6rem;
}
@media (max-width: 767px) {
.page-ct-main {
        padding-top: 4rem
}
    }
.page-ct-sub {
    padding-top: 10rem;
}
@media (max-width: 767px) {
.page-ct-sub {
        padding-top: 4rem
}
    }
.page__mainVisual {
    margin-top: 2rem;
    margin-bottom: 8rem;
    position: relative;
    width: 100%;
    overflow: hidden;
}
@media (max-width: 767px) {
.page__mainVisual {
        margin-top: 2rem;
        margin-bottom: 4rem
}
    }
.page-ct-main .page__mainVisual {
    height: 720px;
}
@media (max-width: 767px) {
.page-ct-main .page__mainVisual {
        height: 29.5rem
}
    }
.page__mainVisual img{
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}
.page__mainVisual.target img {
    opacity: 0;
    transform: scale(0.99);
}
.page__mainVisual.target.-disp img {
    opacity: 1;
    transition: 1.6s cubic-bezier(0.16, 1, 0.3, 1);
    transform: scale(1.01);
}
@media (max-width: 767px) {
    .page-ct-main {
        padding-top: 4rem;
    }
    .page-ct-sub {
        padding-top: 40px;
    }
}
.page__mainVisual video {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}
/***********************************************************
  
***********************************************************/
.blank {
    display: inline-flex;
    align-items: center;
}
.blank span {
    margin-left: 5px;
}
.breadcrumb {
    font-size: 1.3rem;
    color: var(--Brand-Main, #FF4116);
}
.bottomBnr {
    position: relative;
    height: 484px;
    margin: 0 38px 87px;
    margin-bottom: 87px;
    border-radius: 20px;
    overflow: hidden;
}
.bottomBnr-content {
    position: absolute;
    top: 50%;
    transform: translateY(-51%);
    left: 58px;
}
.bnrInText {
    margin: -7px 0 30px;
}
.btn-white {
    display: block;
    position: relative;
    width: 286px;
    padding: 21px 29px;
    background: #fff;
    border-radius: 10px;
}
.btn-white span {
    position: absolute;
    top: 50%;
    right: 29px;
    transform: translateY(-50%);
    width: 26px;
}
.btn-white.btn-hover-grad-white {
    display: block;
    position: relative;
    overflow: hidden;
    will-change: transform;
}
.btn-white.btn-hover-grad-white p {
    position: relative;   
}
.btn-white.btn-hover-grad-white::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background: #FFD7CE;
    background: linear-gradient(45deg, #FFD7CE 10%, rgba(255,255,255,1) 100%);
    transform: translate3d(-100%, 0, 0);
    will-change: transform;
    transition: transform 0.25s ease-in-out;
}
.btn-white.btn-hover-grad-white:hover::before {
    transform: translate3d(0, 0, 0);
    transition: all 1s cubic-bezier(.23,.85,.43,.93);
}
.btn-white.btn-hover-grad-white span img {
    transition: transform 0.3s ease;
}
.btn-white.btn-hover-grad-white:hover span img {
    transform: translateX(3px);
}
.target {
    perspective: 1000;
    opacity: 0;
    transform: translate3d(0,10px,0);
    /* animation-play-state: paused; */
}
.target.target2 {
    transform: translate3d(0, 0, 0);
}
.target.-disp {
    animation: fadeInMove 1.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    animation-play-state: running;
}
.target.target2.-disp {
    animation: fadeInOnly 1.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    animation-play-state: running;
}
@keyframes fadeInMove {
    from {
        opacity: 0;
        transform: translate3d(0,10px,0);
    }
    to {
        opacity: 1;
        transform: translate3d(0,0,0);
    }
}
@keyframes fadeInOnly {
    from {
        opacity: 0;
        transform: translate3d(0, 0, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
.news-content .list li {
    margin: 40px 0;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.news-content .list li a p {
    transition: all 0.5s var(--easing);
}
.news-content .list li a:hover p {
    color: #FF4116;
}
.news-content .news-date {
    position: relative;
    margin-bottom: 20px;
    font-size: 1.3rem;
}
.news-content .news-date span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 15px;
    padding: 2px 8px;
    background: #FF41161A;
}
.btn {
    display: block;
    position: relative;
    align-content: center;
    width: 100%;
    max-width: 286px;
    height: 70px;
    margin-bottom: 23px;
    padding: 21px 29px;
    color: #fff;
    border-radius: 10px;
    overflow: hidden;
    will-change: transform;
}
.btn > span {
    position: relative;
    display: block;
    z-index: 2;
}
.btn > span > span {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(-25px);
    width: 26px;
}
.btn.btn-primary {
    background: #FF4116;
}
.btn.btn-primary::before,
.btn.btn-primary::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.6s ease;
}
.btn.btn-primary::before {
    opacity: 0;
    background: linear-gradient(45deg, #B70A08 0%, #FF4116 100%);
}
.btn.btn-primary::after {
    opacity: 1;
    background: #FF4116;
}
.btn.btn-primary:hover::before {
    opacity: 1;
}
.btn.btn-primary:hover::after {
    opacity: 0;
}
.btn.btn-primary > span > span img{
    transition: transform 0.3s ease;
}
.btn.btn-primary:hover > span > span img{
    transform: translateX(3px);
}
.viewArrow span {
    display: inline-block;
    margin-left: 6px;
}
.boxArrow {
    position: relative;
    display: block;
}
.boxArrow > span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 10px;
}
.boxArrow > span > span {
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    overflow: hidden;
    background: #FF4116;
}
.boxArrow > span > span > span {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    color: #fff;
    z-index: 2;
}
.boxArrow > span > span::before,
.boxArrow > span > span::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    transition: opacity 0.6s ease;
}
.boxArrow > span > span::before {
    opacity: 0;
    background: linear-gradient(45deg, #B70A08 0%, #FF4116 100%);
}
.boxArrow > span > span::after {
    opacity: 1;
    background: #FF4116;
}
.boxArrow > span > span:hover::before {
    opacity: 1;
}
.boxArrow > span > span:hover::after {
    opacity: 0;
}
.boxArrow > span > span > span img {
    transition: transform 0.3s ease;
}
.boxArrow > span > span:hover > span img {
    transform: translateX(2px);
}
.hoverline {
    position: relative;
}
.hoverline::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1px;
    background: #ff4116;
    animation: none;
}
.hoverline.whiteline::after {
    background: #fff;
}
.hoverline.animations-enabled:hover::after {
    animation: growWidth 0.3s ease-in-out forwards;
}
.hoverline.animations-enabled:not(:hover)::after {
    animation: shrinkWidth 0.3s ease-in-out forwards;
}
@keyframes growWidth {
    0% {
        width: 0;
        left: 0;
    }
    100% {
        width: 100%;
        left: 0;
    }
}
@keyframes shrinkWidth {
    0% {
        width: 100%;
        left: 0;
    }
    100% {
        width: 0;
        left: 100%;
    }
}
.bottomBnr.-career .btn-white {
    width: 313px;
}
@media (max-width: 767px) {
    .bottomBnr.-career {
        height: 380px;
        min-height: 380px;
        min-width: 335px;
        margin: 0 20px 58px;
    }
    .bottomBnr.-career .btn-white {
        width: 100%;
    }
    .bottomBnr {
        height: 333px;
        margin: 0 20px 58px;
    }
    .bottomBnr h2 {
        padding: 0 10px;
    }
    .bottomBnr-content {
        width: calc(100% - 46px);
        top: 38px;
        transform: translateY(0);
        left: 23px;
    }
    .bottomBnr .btn-white {
        width: 100%;
    }
    .bnrInText {
        margin: 0 0 110px;
        padding: 0 10px;
    }
    html[lang=en] .bnrInText,
    html[lang=en] .bottomBnr h2 {
        padding: 0 8px;
    }
    html[lang=en] .bottomBnr-content {
        width: calc(100% - 30px);
        top: 32px;
        transform: translateY(0);
        left: 15px;
    }
    html[lang=en] .bottomBnr.-career .bottomBnr-content {
        top: 15px;
    }
    .bottomBnr.-career .bnrInText {
        margin: 0 0 35px;
    }
    html[lang=en] .bottomBnr.-career .bnrInText {
        margin-bottom: 0;
        padding: 0 6px;
    }
    html[lang=en] .bottomBnr.-career .bottomBnr h2 {
        padding: 0 6px;
    }
    .news-content .list li {
        margin: 28px 0;
        padding-bottom: 28px;
    }
    .btn {
        width: 100%;
        max-width: inherit;
        margin-bottom: 23px;
    }
    .btn > span > span {
        transform: translateY(-24px);
    }
    .boxArrow > span {
        margin-left: 8px;
    }
    .boxArrow > span > span {
        width: 23px;
        height: 23px;
    }
    .boxArrow > span > span > span {
        font-size: 14px;
    }
    .boxArrow > span > span > span img {
        scale: 0.9;
    }

    .bottomBnr.-career .btn-hover-grad-white {
        margin-top: 1rem;
    }
}
/***********************************************************
  slide, accordion
***********************************************************/
.slideListLeft, .slideListRight {
    overflow: hidden;
    white-space: nowrap;
}
.slideListLeft::-webkit-scrollbar,
.slideListRight::-webkit-scrollbar {
    display: none;
}
.swiper-button-prev, .swiper-button-next {
    width: 62px;
    height: 62px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: opacity 0.3s, visibility 0.3s;
}
.swiper:hover .swiper-button-next,
.swiper:hover .swiper-button-prev {
  opacity: 1;
  visibility: visible;
}
.swiper-button-prev span, .swiper-button-next span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 62px;
    height: 62px;
    text-align: center;
    background: #FF4116;
    border-radius: 50%;
}
.swiper-button-prev span::before,
.swiper-button-prev span::after,
.swiper-button-next span::before,
.swiper-button-next span::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transition: opacity 0.6s ease;
}
.swiper-button-prev span::before,
.swiper-button-next span::before {
    opacity: 0;
    background: linear-gradient(45deg, #B70A08 0%, #FF4116 100%);
}
.swiper-button-prev span::after,
.swiper-button-next span::after {
    opacity: 1;
    background: #FF4116;
}
.swiper-button-prev span:hover::before,
.swiper-button-next span:hover::before {
    opacity: 1;
}
.swiper-button-prev span:hover::after,
.swiper-button-next span:hover::after {
    opacity: 0;
}
.swiper-button-prev span img,
.swiper-button-next span img {
    z-index: 1;
    transition: 0.3s ease;
}
.swiper-button-prev span:hover img {
    transform: translateX(-2.5px);
}
.swiper-button-next span:hover img {
    transform: translateX(2.5px);
}
.swiper-button-next {
    right: 20px;
}
.swiper-button-prev {
    left: -52px;
}
.swiper-button-prev:after, .swiper-button-next:after {
    display: none !important;
}
.swiper-button-disabled {
    display: none !important;
}
.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
    margin-left: 20px;
}
.accordion-content.open {
    max-height: 400px;
}
.accordion-toggle {
    cursor: pointer;
}
@media (max-width: 767px) {
    .swiper-button-prev, .swiper-button-next {
        display: none !important;
    }
}
.marker {
    position: relative;
    padding-left: 1em;
}
.marker::before {
    content: '';
    position: absolute;
    top: 0.75em;
    width: 5px;
    height: 5px;
    margin-left: -0.75em;
    border-radius: 50%;
    background: #222;
}
.emp125 {
    text-indent: -1.25em;
    padding-left: 1.25em;
}
/* .prev {
    left: 20px;
}
.next {
    right: 20px;
}
.slideList1.active .prev,
.slideList1.active .next {
    display: block;
}
@media (max-width: 767px) {
    .prev, .next {
        width: 48px;
        height: 48px;
    }
    .prev {
        left: 15px;
    }
    .next {
        right: 15px;
    }
} */
/***********************************************************
  style-sample
***********************************************************/
.table-scroll {
    overflow-x: auto;
}
.sample-table {
    width: 100%;
    min-width: 1330px;
    margin: 20px 0;
    border-collapse: collapse;
}
.sample-table tr.hidden-pc {
    display: none !important;
}
.sample-table tr.hidden-sp {
    display: table-row !important;
}
.sample-table th, .sample-table td {
    padding: 10px;
    border: 1px solid #1C1C1C;
}
.color-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin: 20px 0;
}
.color-list li {
    display: flex;
    width: 150px;
    height: 150px;
}
@media (max-width: 767px) {
    .sample-table tr.hidden-pc {
        display: table-row !important;
    }
    .sample-table tr.hidden-sp {
        display: none !important;
    }
    .color-list {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }
    .color-list li {
        width: 100px;
        height: 100px;
    }
}
/***********************************************************
  font
***********************************************************/
.font-bold {
    font-family: "TazuganeGothicStdN-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
}
.font-medium {
    font-family: "TazuganeGothicStdN-Medium", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
    font-weight: 500;
}
.font-en {
    font-family: "Sanomat Web";
    font-weight: 400;
    font-feature-settings: inherit;
}
.font-en.font-bold, .font-en .font-bold {
    font-family: "Sanomat Web", serif;
    font-weight: 700;
}
.font-en.font-medium, .font-en .font-medium {
    font-family: "Sanomat Web", serif;
    font-weight: 500;
}
h1 {
    font-size: 5.2rem;
    line-height: 140%;
    letter-spacing: 2px;
}
h1.font-bold {
    letter-spacing: 2.08px;
}
h2 {
    margin-bottom: 16px;
    font-size: 4.2rem;
    line-height: 140%;
    letter-spacing: 1.68px;
}
h2.font-bold {
    /* letter-spacing: 3.36px; */
}
.h2-caption {
    margin-bottom: 5px;
    font-feature-settings: 'palt' on;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 96%; /* 12.48px */
    letter-spacing: 1.04px;
}
h3 {
    font-size: 3.6rem;
    line-height: 140%;
    letter-spacing: 1.44px;
}
h3.font-bold {
    letter-spacing: 2.16px;
}
h4 {
    font-size: 2.8rem;
    line-height: 140%;
    letter-spacing: 1.12px;
}
h4.font-bold {
    letter-spacing: 2.24px;
}
h5 {
    font-size: 2.4rem;
    line-height: 140%;
    letter-spacing: 0.96px;
}
h5.font-bold {
    letter-spacing: 0.96px;
}
h6 {
    font-size: 2rem;
    line-height: 140%;
    letter-spacing: 0.8px;
}
h6.font-bold {
    letter-spacing: 0.8px;
}
.font-16 {
    font-size: 1.6rem;
    line-height: 180%;
    letter-spacing: 0.48px;
}
.font-16.font-bold {
    letter-spacing: 0.48px;
}
.font-16.font-medium {
    letter-spacing: 0.96px;
}
.font-14 {
    font-size: 1.4rem;
    line-height: 180%;
    letter-spacing: 0.42px;
}
.font-14.font-bold {
    letter-spacing: 0.42px;
}
.font-14.font-medium {
    letter-spacing: 0.84px;
}
.font-12 {
    font-size: 1.2rem;
    line-height: 160%;
    letter-spacing: 0.36px;
}
.font-12.font-bold {
    letter-spacing: 0.36px;
}
.font-12.font-medium {
    letter-spacing: 0.24px;
}
.font-11 {
    font-size: 1.1rem;
    line-height: 160%;
    letter-spacing: 0.33px;
}
.font-11.font-bold {
    letter-spacing: 0.33px;
}
.font-11.font-medium {
    letter-spacing: 0.22px;
}
@media (max-width: 767px) {
    h1 {
        font-size: 2.8rem;
        line-height: 140%;
        letter-spacing: 1.12px;
    }
    h1.font-bold {
        letter-spacing: 1.12px;
    }
    h2 {
        margin-bottom: 10px;
        font-size: 2.4rem;
        line-height: 140%;
        letter-spacing: 0.96px;
    }
    h2.font-bold {
        letter-spacing: 1.92px;
    }
    h2.font-en {
        letter-spacing: 0.08rem;
    }
    h3 {
        font-size: 2.1rem;
        line-height: 140%;
        letter-spacing: 0.84px;
    }
    h3.font-bold {
        letter-spacing: 1.26px;
    }
    h4 {
        font-size: 1.8rem;
        line-height: 140%;
        letter-spacing: 0.72px;
    }
    h4.font-bold {
        letter-spacing: 1.44px;
    }
    h5 {
        font-size: 1.6rem;
        line-height: 140%;
        letter-spacing: 0.64px;
    }
    h5.font-bold {
        letter-spacing: 0.64px;
    }
    
    .font-16 {
        font-size: 1.4rem;
        line-height: 180%;
        letter-spacing: 0.42px;
    }
    .font-16.font-bold {
        letter-spacing: 0.42px;
    }
    .font-14 {
        font-size: 1.2rem;
        line-height: 180%;
        letter-spacing: 0.36px;
    }
    .font-14.font-bold {
        letter-spacing: 0.36px;
    }
    .font-14.font-medium {
        letter-spacing: 0.96px;
    }
    .font-12 {
        font-size: 1.0rem;
        line-height: 160%;
        letter-spacing: 0.3px;
    }
    .font-12.font-bold {
        letter-spacing: 0.3px;
    }
    .font-12.font-medium {
        letter-spacing: 0.84px;
    }
    .font-11 {
        font-size: 0.9rem;
        line-height: 160%;
        letter-spacing: 0.27px;
    }
    .font-11.font-bold {
        letter-spacing: 0.27px;
    }
    .font-11.font-medium {
        letter-spacing: 0.24px;
    }
}
/***********************************************************
  color
***********************************************************/
.bg-primary {
    background-color: #FF4116;
}
.text-primary {
    color: #FF4116;
}
.bg-secondary1 {
    background-color: #FF7D0C;
}
.text-secondary1 {
    color: #FF7D0C;
}
.bg-secondary2 {
    background-color: #FF3333;
}
.text-secondary2 {
    color: #FF3333;
}
.bg-secondary3 {
    background-color: #4B0002;
}
.text-secondary3 {
    color: #4B0002;
}
.text-color1-bg {
    background-color: #222;
}
.text-color1 {
    color: #222;
}
.text-color2-bg {
    background-color: #636363;
}
.text-color2 {
    color: #636363;
}
.text-color3-bg {
    background-color: #A9A9A9;
}
.text-color3 {
    color: #A9A9A9;
}
.text-white {
    color: #fff;
}
.function-bg1 {
    background-color: #F7F2ED;
}
.function-bg2 {
    background-color: #EAEAEA;
}
.chart-bg1 {
    background-color: #FF4116;
}
.chart-bg2 {
    background-color: #4B0002;
}
.chart-bg3 {
    background-color: #E9A76E;
}
.chart-bg4 {
    background-color: #F0DAC6;
}
.bg-loop::before,
.bg-loop::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 3s linear;
}
.bg-loop::before {
    background: linear-gradient(180deg, rgba(255, 65, 22, 0.05) 50%, rgba(255, 65, 22, 0.2) 100%);
    opacity: 1;
    z-index: 1;
}
.bg-loop::after {
    background: linear-gradient(180deg, rgba(255, 65, 22, 0.05) 50%, rgba(255, 100, 22, 0.2) 100%);
    opacity: 0;
    z-index: 2;
    animation: fadeLoop 3s infinite alternate;
}
@keyframes fadeLoop {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.list-arrow {
    cursor: pointer;
}
.list-arrow:hover .boxArrow > span > span::before {
    opacity: 1;
}
.list-arrow:hover .boxArrow > span > span::after {
    opacity: 0;
}
.list-arrow:hover .boxArrow > span > span > span img {
    transform: translateX(2px);
}
.servicelist li {
    position: relative;
    flex: 0 0 auto;
    width: 412px;
    /* height: 520px; */
    height: 400px;
    background: #fff;
    border-radius: 8px;
    transition: box-shadow 0.4s ease-in-out;
    z-index: 3;
}
.servicelist li > a {
    display: block;
    width: 412px;
    /* height: 520px; */
    height: 400px;
    padding: 45px;
}
.servicelist li:hover {
    box-shadow: 0px 12px 16px 0px #00000012;
}
.servicelist li:hover .boxArrow > span > span::before {
    opacity: 1;
}
.servicelist li:hover .boxArrow > span > span::after {
    opacity: 0;
}
.servicelist li:hover .boxArrow > span > span > span img {
    transform: translateX(2px);
}
.servicelist li .list-text {
    margin-bottom: 40px;
}
.servicelist li .list-text h4 {
    margin: 5px 0 20px;
}
html[lang="en"] .service-description {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    font-size: 1.4rem;
    -webkit-box-orient: vertical;
}
.servicelist li .list-arrow {
    position: absolute;
    bottom: 45px;
    right: 85px;
}
@media (max-width: 767px) {
    .servicelist li {
        width: 310px;
        /* height: 460px; */
        height: 380px;
    }
    .servicelist li > a {
        width: 310px;
        /* height: 460px; */
        height: 380px;
        padding: 35px;
    }
    .servicelist li .list-arrow {
        bottom: 30px;
        right: 55px;
    }
}
.grad-list-cell li {
    position: relative;
}
.grad-list-cell figure {    
    width: 100%;
    position: relative;
    overflow: hidden;
}
.grad-list-cell figure::before {
        display: block;
        content: "";
        padding-top: 100%;        
    }
.grad-list-cell figure img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
        transition: transform 1.2s cubic-bezier(0.19, 1, 0.22, 1);
        will-change: transform;
    }
.grad-list-cell:hover figure img {
    transform: scale(1.1);
}
.grad-list-cell .bg-grad {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(117/304*100%);
    transition: height 1.2s cubic-bezier(0.19, 1, 0.22, 1);
    will-change: height;
}
.grad-list-cell .bg-grad::before,
.grad-list-cell .bg-grad::after {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 1.2s cubic-bezier(0.19, 1, 0.22, 1);
    will-change: opacity;
}
.grad-list-cell .bg-grad::before {
    opacity: 0.8;
    background: linear-gradient(180deg, rgba(255, 65, 22, 0.00) 0%, #FF4116 100%);
}
.grad-list-cell .bg-grad::after {
    opacity: 0;
    background: linear-gradient(180deg, rgba(255, 65, 22, 0.00) 0%, #FF6416 100%);
}
.grad-list-cell:hover .bg-grad {
    height: calc(214/425*100%);
}
.grad-list-cell:hover .bg-grad::before {
    animation: untiblink 3s infinite 1.2s;
    opacity: 0.8;
}
.grad-list-cell:hover .bg-grad::after {
    animation: blink 3s infinite 1.2s;
    opacity: 0;
}
@keyframes blink {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.8;
    }
    100% {
        opacity: 0;
    }
}
@keyframes untiblink {
    0% {
        opacity: 0.8;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 0.8;
    }
}
.grad-list-cell .list-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1.5rem 2rem 2rem 2.5rem;
    z-index: 2;
}
@media (max-width: 768px) {
.grad-list-cell .list-text {
        padding: 1.7rem 1.3rem
}
    }
.grad-list-cell .list-text p {
    font-size: 1.3rem;
    margin-bottom: .2rem;
}
@media (max-width: 768px) {
.grad-list-cell .list-text p {
        font-size: 0.79rem;
        margin-bottom: .14rem;
        transform: translate3d(0, 0, 0)
}
    }
.grad-list-cell .list-text h4 {
    font-size: 2.1rem;
    letter-spacing: 1.2px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
@media (max-width: 768px) {
.grad-list-cell .list-text h4 {
        transform: translate3d(0, 0, 0);
        font-size: 1.6rem
}
    }
html[lang=en] .grad-list-cell .list-text h4 {
    letter-spacing: 0.4px;
    line-height: 2.6rem;
}
.adjacentLink {
    margin: 8.7rem auto 17rem;
    border-top: #CCC 1px solid;
    padding-top: 4.3rem;
    font-size: 1.2rem;
    color: var(--Text-Sub, #636363);
    
    max-width: 852px;
    /* margin-top: 10.2rem; */
}
/* @media screen and (max-width: 768px) {
        margin: 6rem 2rem;              
        padding-top: 6rem;  
    }     */
@media (max-width: 768px) {
.adjacentLink {
        margin: 5.6rem auto 4.3rem;
        padding-top: 0;
        margin: 8.7rem 2rem 6rem;
        font-size: 1.2rem;
        flex-wrap: wrap;
        border-top: none
}
    }
.adjacentLink a,
.adjacentLink a p.font-en {
    transition: color 0.5s var(--easing);
}
.adjacentLink a:hover,
.adjacentLink a:hover p.font-en {
    color: var(--Primary-Red, #FF4116);
}
.adjacentLink .font-en {
    color: #373737;
    margin-bottom: 0.9rem;
    line-height: 1;
}
.adjacentLink .goIndex {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
@media (max-width: 768px) {
.adjacentLink .goIndex {
        order: 3;
        width: 100%;
        border-top: #CCC 1px solid;
        padding: 5rem 0;
        margin-top: 0
}
    }
.adjacentLink__prev {
    padding-left: 2.2rem;
    position: relative;
}
.adjacentLink__prev::before {
        content: '';
        position: absolute;
        /* top: 1.4rem; */
        top: 0;
        left: 0;        
        width: 1.15rem;
        height: 100%;
        background: url(/wp-content/themes/prored_corporate_2024/img/arrow-primary.svg) no-repeat;    
        background-size: 100% auto;
        background-position: center;
        transform: rotate(180deg);
    }
@media (max-width: 768px) {
.adjacentLink__prev::before {
            top: 50%;
            transform: rotate(180deg) translateY(-50%)
    }
        }
@media (max-width: 768px) {
.adjacentLink__prev {
        order: 2;
        width: 100%;
        padding: 3.3rem 3.4rem;
        border-top: #CCC 1px solid
}
    }
.adjacentLink__next {
    padding-right: 2.2rem;
    position: relative;
}
.adjacentLink__next::after {
        content: '';
        position: absolute;
        /* top: 1.4rem; */
        top: 0;
        right: 0;        
        width: 1.15rem;
        /* height: 0.8rem; */
        height: 100%;
        background: url(/wp-content/themes/prored_corporate_2024/img/arrow-primary.svg) no-repeat;
        background-size: 100% auto;
        background-position: center;
    }
@media (max-width: 768px) {
.adjacentLink__next::after {
            top: 50%;
            transform: translateY(-50%)
    }
        }
@media (max-width: 768px) {
.adjacentLink__next {
        order: 1;
        width: 100%;
        text-align: left;
        padding: 3.3rem 3.4rem;
        border-top: #CCC 1px solid
}
    }
.nav-links {
    text-align: center;
    padding: 14.1rem 0;
    font-size: 1.4rem;
    font-family: "Sanomat Web";
    font-weight: 400;
    font-feature-settings: inherit;
    letter-spacing: 0.005em;
}
@media (max-width: 768px) {
.nav-links {
        padding: 7rem 0
}
    }
.nav-links > .page-numbers:not(:last-child) {
    margin-right: 1.1rem;
}
.page-numbers.current {
    color: var(--Primary-Red, #FF4116);
}
.next.page-numbers, .prev.page-numbers {
    display: inline-block;
    width: 1.15rem;
    /* height: 0.85rem; */
    height: 1.15rem;
    background-image: url(../img/arrow-primary.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.prev.page-numbers {
    transform: rotate(180deg);
}
.nav-links > .page-numbers:not(:last-child) {

}
.skeleton-thumbnail {
    background-color: #b0b0b0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
html[lang="en"] .hidden-en {
    display: none !important;
}
html[lang="ja"] .hidden-ja {
    display: none !important;
}
.gHeader {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    color: #ff4116;
    background-color: #fff;
    transition: all 0.6s cubic-bezier(.23,.85,.43,.93);
}
.gHeader > .gHeaderPadding {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 2.5rem 5%;
}
@media (min-width: 1440px) {
.gHeader > .gHeaderPadding {
        padding: 2.5rem 72px
}
    }
.gHeaderTop {
    color: #fff;
    background: transparent;
    z-index: 11;
}
.gHeader .nav ul {
    gap: 20px;
}
.gHeaderTop .nav {
    color: #fff;
}
.gHeaderTopScrolled {
    background-color: #fff;
}
.gHeaderTopScrolled .nav,
.gHeaderTopHover .nav {
    color: #ff4116;
}
.logo {
    height: 26px;
}
.logo img {
    max-height: 100%;
}
.submenu-sp {
    display: none;
}
.submenu-pc {
    position: relative;
}
.submenu-pc .submenu {
    display: block;
    position: absolute;
    padding: 0 10px;
    top: 0;
    left: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    transition: opacity 0.8s var(--easing);
    transition-delay: 0.2s;
}
.submenu-pc .submenu.active {
    opacity: 1;
    visibility: visible;
}
/* .submenu-pc .submenu .delay-btn {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.8s var(--easing);
    transition-delay: 0.2s;
} */
.submenu-pc .submenu.active .delay-btn {
    opacity: 1;
    visibility: visible;
}
.header-blackBg {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9;
    transition: 0.4s ease;
}
.header-blackBg.active {
    opacity: 1;
    visibility: visible;
}
.header-whiteBg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 0;
    background: #fff;
    z-index: 10;
    /*transition: max-height 0.4s ease;*/
    transition: max-height .6s var(--easing);

}
.mainmenu li {
    position: relative;
}
.mainmenu li a {
    position: relative;
    display: flex;
    align-items: center;
}
.mainmenu li a.switchLang {
    justify-content: center;
}
.mainmenu li:not([data-menu="lang"]) a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #ff4116;
    animation: none;
}
.mainmenu li.animations-enabled:not([data-menu="lang"]) a:not(:hover)::after {
    animation: shrinkWidth 0.3s ease-in-out forwards;
}
.mainmenu li.animations-enabled:not([data-menu="lang"]) a:hover::after {
    animation: growWidth 0.3s ease-in-out forwards;
}
#submenu-lang li a::after {
    display: none;
}
@keyframes growWidth {
    0% {
        width: 0;
        left: 0;
    }
    100% {
        width: 100%;
        left: 0;
    }
}
@keyframes shrinkWidth {
    0% {
        width: 100%;
        left: 0;
    }
    100% {
        width: 0;
        left: 100%;
    }
}
.mainmenu li a.lang {
    display: inline-block;
    padding: 0 0.15em;
}
#submenu-lang {
    display: block;
    position: absolute;
    margin-top: 30px;
    padding: 0 !important;
    top: 0;
    left: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    transition: all 0.4s var(--easing);
}
#submenu-lang.active {
    opacity: 1;
    visibility: visible;
}
#submenu-lang a {
    margin-top: -0.5em;
    padding: 0 !important;
    padding-top: 0.5em !important;
    color: #ff4116;
}
.gHeaderTop #submenu-lang a {
    color: #fff;
}
.gHeaderTopScrolled .nav #submenu-lang a,
.gHeaderTopHover .nav #submenu-lang a {
    color: #ff4116;
}
.mainmenu li a .arrow {
    margin-left: 4px;
}
.gHeaderTop .mainmenu li a .arrow .default-img  {
    display: block;
}
.gHeaderTopScrolled .mainmenu li a .arrow .default-img,
.gHeaderTopHover .mainmenu li a .arrow .default-img {
    display: none;
}
.gHeaderTop .mainmenu li a .arrow .hover-img  {
    display: none;
}
.gHeaderTopScrolled .mainmenu li a .arrow .hover-img,
.gHeaderTopHover .mainmenu li a .arrow .hover-img {
    display: block;
}
.submenu-pc .submenu > div {
    max-width: 1300px;
    margin: 0 auto;
    padding: 30px 55px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -moz-column-gap: 1em;
         column-gap: 1em;
    color: #222;
}
.submenu-pc .submenu#submenu-career > div {
    grid-template-columns: 1fr 1fr 2fr;
}
.submenu-pc .submenu#submenu-career > div .btn {
    max-width: 311px;
    margin: 0 0 23px auto;
}
.submenu-pc .submenu > div > div:not(:first-child) {
    margin-top: 8px;
}
.submenu-pc .submenu > div h2 {
    margin-bottom: 10px;
}
.submenu-pc .submenu > div .h2Bottom {
    display: inline-flex;
    align-items: center;
    position: relative;
    color: #ff4116;
}
.submenu-pc .submenu > div .h2Bottom span {
    margin-left: 6px;
}
.submenu-pc .submenu > div .list li {
    position: relative;
    margin-bottom: 10px;
}
.submenu-pc .submenu > div .listTitle {
    margin-bottom: 15px;
    color: #ff4116;
}
.submenu-pc .submenu > div .list li a {
    display: flex;
    align-items: center;
    word-break: break-all;
    transition: color 0.6s var(--easing);
}
html[lang=en] .submenu-pc .submenu > div .list li a  {
    letter-spacing: 0.01em;
    text-transform: capitalize;
}
.submenu-pc .submenu > div .list li a .arrow {
    position: relative;
    width: 16px;
    min-width: 16px;
    height: 16px;
    margin-left: 6px;
}
.submenu-pc .submenu > div .list li a .arrow img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.6s var(--easing);
}
.submenu-pc .submenu > div .list li a .arrow .hover-img {
    opacity: 0;
}
.submenu-pc .submenu > div .list li a:hover {
    color: #FF4116;
}
.submenu-pc .submenu > div .list li a:hover .arrow .default-img {
    opacity: 0;
}
.submenu-pc .submenu > div .list li a:hover .arrow .hover-img {
    opacity: 1;
}
@media (max-width: 767px) {
    .gHeader > .gHeaderPadding {
        padding: 1.5rem 2rem 1.5rem 1.5rem;
    }
    .gHeader .nav {
        display: none;
    }
    .logo {
        height: 20px;
    }
    .hamburger {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 16px;
        height: 14px;
    }
    .hamburger span {
        display: block;
        height: 1px;
        background-color: #ff4116;
        transition: 0.4s var(--easing);
    }
    .gHeaderTop .hamburger span {
        background-color: #fff;
    }
    .gHeaderTopScrolled .hamburger span {
        background-color: #ff4116;
    }
    .gHeaderTopClicked .hamburger span {
        background-color: #ff4116;
    }
    .hamburger.active span:nth-child(1) {
        transform: rotate(45deg) translate(5px, 4px);
        transform-origin: center;
    }
    .hamburger.active span:nth-child(2) {
        opacity: 0;
    }
    .hamburger.active span:nth-child(3) {
        transform: rotate(-45deg) translate(5px, -4px);
        transform-origin: center;
    }
    
    .lang-sp {
        position: absolute;
        top: 18px;
        left: 31px;
        color: #ff4116;
        opacity: 0;
        visibility: hidden;
        transition: 0.4s var(--easing);
    }
    .lang-sp.active {
        opacity: 1;
        visibility: visible;
    }
    .lang-sp a {
        opacity: 0.5;
    }
    .lang-sp a[data-stt-active=""],
    .lang-sp a.active {
        opacity: 1;
    }

    html[lang="ja"] .lang-sp a[data-lang="ja"],
    html[lang="en"] .lang-sp a[data-lang="en"] {
        opacity: 1;
    }

    .submenu-pc {
        display: none;
    }
    .submenu-sp {
        display: block;
        position: fixed;
        top: 60px;
        left: 0;
        width: 100%;
        max-height: 100vh;
        padding: 15px 0 40px;
        visibility: hidden;
        opacity: 0;
        transition: 0.4s var(--easing);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        z-index: 1;
    }
    .submenu-sp.active {
        max-height: calc(100vh - 100px);
        overflow-y: auto;    
        visibility: visible;
        opacity: 1;
        transition-delay: 0.2s;
    }
    .submenu-scroll {
        max-height: calc(100vh - 100px);
        overflow-y: auto;
    }
    .submenu-sp .submenu > li {
        margin: 0 24px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    .submenu-sp .submenu h6 {
        position: relative;
        padding: 15px 12px;
    }
    .submenu-sp .submenu h6 span {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
    }
    .insubmenu {
        height: 0;
        overflow: hidden;
        transition: height 0.4s var(--easing);
    }
    .insubmenu.open {
        height: auto;
    }
    .insubmenu li {
        position: relative;
        margin-top: 15px;
        padding: 0 12px;
        color: #222;
    }
    .insubmenu li:last-child {
        margin-bottom: 30px;
    }
    .insubmenu li a {
        display: block;
        padding-right: 30px;
    }
    html[lang=en] .insubmenu li a {
        text-transform: capitalize;
    }
    .insubmenu li img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
    }
    .insubmenu li a.btn > span > span img {
        top: 0;
        right: 0;
        transform: translateY(0);
    }
    .insubmenu .subtitle {
        margin-top: 20px;
    }
}
.header-blank-padding {
    height: 78.8px;
    display: block;
    position:relative;
}
@media (max-width: 767px) {
.header-blank-padding {
        height: 50px
}
    }
.gFooter {
    padding: 80px 100px 50px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.gFooter-inner {
    max-width: 1440px;
    
}
.footerTop {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 32px;
    padding-bottom: 60px;
}
.footerTop > div > ul li {
    margin-bottom: 10px;
}
.footerTop > div > ul li a { 
    transition: all 0.5s var(--easing);
}
html[lang=en] .footerTop > div > ul li a {
    letter-spacing: .2px;
    text-transform:capitalize;
}
.footerTop > div > ul li a:hover {
    color: #FF4116;
}
.nextArrow a {
    display: inline-flex;
    align-items: center;
    position: relative;
}
.nextArrow a span {
    display: block;
    width: 15px;
    height: 15px;
    margin-left: 6px;
}
.nextArrow a span img {
    width: 100%;
    height: 100%;
}
.nextBlank a {
    display: inline-flex;
    align-items: center;
}
.nextBlank a span {
    display: block;
    align-content: center;
    margin-top: 1.5px;
    margin-left: 6px;
}
.follow {
    position: relative;
    margin-top: 30px;
    text-indent: 53px;
    transition: opacity 0.4s var(--easing);
}
.follow:hover {
    opacity: 0.5;
}
.follow span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    margin-left: -40px;
}
.footerBottom {
    display: flex;
    justify-content: space-between;
    padding: 40px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.footerBottom ul {
    display: flex;
    gap: 48px;
}
.footerBottom ul li a {
    transition: all 0.5s var(--easing);
}
.footerBottom ul li a:hover {
    color: #FF4116;
}
@media (max-width: 767px) {
    .gFooter {
        padding: 0 15px;
    }
    .footerTop {
        display: block;
        padding: 20px 0 15px;
    }
    .footerTop h6 {
        position: relative;
        padding: 28px 20px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    .footerTop h6 span {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
    }
    .nextArrow a {
        display: flex;
    }
    .nextArrow a span {
        right: 0;
    }
    .footerMiddle {
        margin: 30px 0 20px;
    }
    .footerBottom {
        display: block;
        padding: 30px 0;
    }
    .footerBottom ul {
        display: block;
        margin-bottom: 36px;
    }
    .footerBottom ul li {
        margin-bottom: 14px;
    }
    .follow {
        margin: 40px 0;
    }

    .footerSubmenu .insubmenu {
        height: 0;
        overflow: hidden;
        transition: height 0.4s var(--easing);
    }
    .footerSubmenu .insubmenu.open {
        height: auto;
    }
    .footerSubmenu .insubmenu li {
        position: relative;
        margin-top: 15px;
        padding: 0 20px;
        color: #222;
    }
    .footerSubmenu .insubmenu li:last-child {
        margin-bottom: 30px;
    }
    .footerSubmenu .insubmenu li a {
        display: block;
        padding-right: 30px;
    }
    html[lang=en] .footerSubmenu .insubmenu li a {
        text-transform: capitalize;
    }
    .footerSubmenu .insubmenu li img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
    }
    .footerSubmenu .insubmenu .subtitle {
        margin-top: 20px;
    }
}
.gContact {
    color: #fff;
    background-image: url(../img/bg-grad-red-contact.webp);
    background-size: cover;
    background-position: center;
    padding: 15.9rem 6.6rem;
    max-width: 1364px;
    width: calc(1364/1440*100%);
    margin: 0 auto;
    border-radius: 1.6rem;
}
.gContact h2 {
    font-size: 4.2rem;
    font-weight: 700;
    line-height: calc(40.32/42);
}
.gContact p {
    font-size: 1.6rem;
    font-weight: 350;
    line-height: calc(27.2/16);
}
.career-nav {
    background: #4B0002;
    padding: 8rem 0;
}
@media (max-width: 768px) {
.career-nav {
        padding: 3rem
}
    }
.career-nav ul {
        max-width: 1300px;
        margin: 0 auto;
        gap: 3.2rem;
    }
.career-nav li:not(:last-child) {
        margin-bottom: 2rem;
    }
.career-nav li > a {
        display: block;
        background-color: #fff;
        padding: 4.4rem;
    }
@media (max-width: 768px) {
.career-nav li > a {
            font-size: 1.8rem;
            padding: 2rem;
            font-size: 2rem
    }
        }
.career-nav .btn-white {
        border-radius: 0;
        width: 100%;
    }
.company-info {
    margin-top: 1.4rem;
    font-size: 1.3rem;
    line-height: 175%; /* 22.75px */
    letter-spacing: 0.78px;
}
@media screen and (max-width: 768px) {
.company-info {
        margin-top: 3.3rem;
        padding-bottom: 4rem;
        border-bottom: 1px solid var(--Function-Border, #EAEAEA)
}
    }
.company-spec {
    color: var(--Text-Sub---LightGray, #A9A9A9);
}
.interviewee {
    margin-top: 1.9rem;
}
.as-of-date {
    font-size: 1.1rem;
    margin-top: 1.9rem;
    color: var(--Text-Sub---LightGray, #A9A9A9);
}
.company-logo {
    width: 6.9rem;
    height: 6.9rem;
    /* border: 1px solid var(--Function-Border, #EAEAEA); */
    
    overflow: hidden;
    margin-right: 1.6rem;
}
@media screen and (max-width: 768px) {
.company-logo {
        width: 5.8rem;
        height: 5.8rem
}
    }
.company-logo img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
           object-fit: contain;
    }
/*
a:has(.company-name) p {
    line-height: 1;
    margin-bottom: 0.6rem;
    transition: color 0.3s var(--easing);
}
a:has(.company-name):hover p {
    color: var(--Primary-Red, #FF4116);
}
a:has(.company-name) p::after {
    content: "";
    display: inline-block;
    vertical-align: bottom;
    line-height: 1; 
    width: 1.6rem;
    height: 1.6rem;
    margin-left: 0.6rem;
    background-image: url("../img/blank.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}*/
.entry-header.-eyecatch {
    max-width: 1440px;
    margin: 8rem auto 15rem auto;
}
@media screen and (max-width: 768px) {
.entry-header.-eyecatch {
        margin: 0 auto 3.4rem auto
}
    }
.entry-header.-eyecatch .h2-caption {
        margin-bottom: 2.5rem;
    }
.entry-header.-eyecatch .entry-header-content {    
        /* width: calc((1440 - 926) / 1440 * 100%); */
        width: calc((1440 - 926)*1px);
        padding: 5.9rem 2rem 5.4rem 6.2rem;
    }
@media screen and (max-width: 768px) {
.entry-header.-eyecatch .entry-header-content {
            width: 100%;
            padding: 4rem 2rem 0
    }
        }
.entry-header.-eyecatch .entry-header-eyecatch {
        width: calc(926 / 1440 * 100%);
    }
@media screen and (max-width: 768px) {
.entry-header.-eyecatch .entry-header-eyecatch {
            width: 100%
    }
        }
.entry-header.-eyecatch .entry-header-eyecatch {
        position: relative;
        overflow: hidden;
    }
@media screen and (max-width: 768px) {
.entry-header.-eyecatch .entry-header-eyecatch {
            width: calc(100% + 4rem);
            margin-left: -2rem
    }
        }
.entry-header.-eyecatch .entry-header-eyecatch img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
    }
.entry-header.-eyecatch .entry-header-eyecatch.target{
        opacity: 1;
        transform: scale(1);
    }
.entry-header.-eyecatch .entry-header-eyecatch.target img {
        opacity: 0;
        transform: scale(1.1);
        transition: all 1.5s var(--easing);
    }
.entry-header.-eyecatch .entry-header-eyecatch.target.-disp img {
            opacity: 1;
            transform: scale(1);
        }
.entry-header.-eyecatch h1 {
        color: var(--Text-Main, #222);
        line-height: 157%; /* 43.96px */
        letter-spacing: 2.24px;
        font-size: 2.8rem;
    }
@media screen and (max-width: 768px) {
.entry-header.-eyecatch h1 {
            font-size: 2.4rem;
            line-height: 1.4
    }
        }
.entry-header.-eyecatch .category-name {
        color: var(--Text-Sub, #636363);
        font-size: 1.3rem;        
        line-height: 175%; /* 22.75px */
        letter-spacing: 0.78px;
        margin-bottom: 4.6rem;
    }
@media screen and (max-width: 768px) {
.entry-header.-eyecatch .category-name {
            margin-bottom: 4rem;
            margin-top: 1.3rem
    }
        }
.entry-header.-eyecatch .company-name {
        color: var(--Text-Main, #222);
        font-size: 1.6rem;        
        font-style: normal;
        line-height: 200%; /* 32px */
        letter-spacing: 1.28px;
    }
.entry-header.-eyecatch .job-name {
        color: var(--Text-Main, #222);
        font-size: 1.3rem;      
        line-height: 150%; /* 26px */
        letter-spacing: 1.04px;
    }
.entry-header.-eyecatch .head-profile:not(:last-child) {
        margin-bottom: 2.87rem;
    }
@media screen and (max-width: 768px) {
.entry-header.-eyecatch .head-profile:not(:last-child) {
            margin-bottom: 2rem
    }
        }
.entry-lead {
    font-size: 2.8rem;
    line-height: 180%; /* 50.4px */
    letter-spacing: 1.12px;
    margin-bottom: 11.4rem;
    position: relative;
}
@media screen and (max-width: 768px) {
.entry-lead {
        font-size: 2rem;
        line-height: 1.4;
        text-align: left;
        padding: 0 4rem 6.3rem;
        margin-bottom: 0
        /* margin-bottom: 3.4rem; */
}
    }
.entry-lead p {
        position: relative;
    }
.entry-lead p::before {
            position: absolute;
            top: 0;
            left: 0;
            content: "“";
            display: block;
            color: var(--Primary-Red, #FF4116);
            font-size: 7.2rem;
            font-weight: 700;
            line-height: 170%; /* 122.4px */
            letter-spacing: 2.88px;
            margin: -6rem 0 0 -4.2rem;
            font-family: "Noto Sans JP";
        }
@media screen and (max-width: 768px) {
.entry-lead p::before {
                margin: -8rem 0 0 -2.2rem
        }
            }
.entry-content {
    position: relative;
    /* text-decoration: underline; */
}
@media screen and (max-width: 768px) {
.entry-content {
        margin: 0 2rem 0;        
        padding-top: 0
}
    }
.entry-content h2,.entry-content h2,.entry-content h4,.entry-content p,.entry-content ul,.entry-content ol {
        max-width: 632px;
        margin: 0 auto;
    }
.entry-content h2 {
        color: var(--Text-Main, #222);
        font-feature-settings: 'palt' on;
        font-size: 2.8rem;
        line-height: 180%; /* 50.4px */
        letter-spacing: 2.24px;

        font-family: "TazuganeGothicStdN-Bold";
        font-weight: 700;
    }
@media screen and (max-width: 768px) {
.entry-content h2 {            
            font-size: 1.6rem;            
            line-height: 140%; /* 22.4px */
            letter-spacing: 0.64px
    }
        }
.entry-content p {
        color: var(--Text-Main, #222);
        font-feature-settings: 'palt' on;
        font-size: 1.6rem;
        line-height: 240%; /* 38.4px */
        letter-spacing: 1.28px;
        margin-top: 3.3rem;
    }
@media screen and (max-width: 768px) {
.entry-content p {            
            font-size: 1.4rem;     
            margin-top: 2rem;       
            line-height: 1.8
    }
        }
.entry-content strong {
        font-family: "TazuganeGothicStdN-Bold";
        font-weight: 700;
    }
.entry-content p + h2 {
        margin-top: 6.6rem;
    }
.entry-content .wp-block-image {
        width: 853px;
        text-align: center;
        margin-top: 10.5rem;
        margin-bottom: 11rem;
        margin-left: auto;
        margin-right: auto;
    }
@media screen and (max-width: 768px) {
.entry-content .wp-block-image {
            margin-top: 6rem;
            margin-bottom: 6rem;
            width:100%
    }
        }
.entry-content .large.wp-block-image {
        width: 1440px;
        text-align: center;
        margin-top: 10.5rem;
        margin-bottom: 11rem;
    }
@media screen and (max-width: 768px) {
.entry-content .large.wp-block-image {
            margin-top: 6rem;
            margin-bottom: 6rem;
            width:100%
    }
        }
.entry-content .wp-block-image img {
        width: 100%;
        display: block;
        margin: 0 auto;
    }
@media (max-width: 768px) {
.entry-content .wp-block-lazyblock-insideprored {
            margin: 7.7rem auto 0
    }
        }
.entry-content .profile {
        max-width: 856px;
        margin: 7.7rem auto 7rem;
        padding-top: 8.3rem;
        position: relative;
        border-top: 1px solid #ccc;
        justify-content: space-between;
    }
@media (max-width: 768px) {
.entry-content .profile {
            margin: 0 auto;
            padding-top: 6rem;
            padding-bottom: 6rem
    }
        }
.entry-content .profiles {
        margin-top: 6rem;
    }
@media (max-width: 768px) {
        }
.entry-content .profiles h2 {
        font-size: 2.8rem;
        margin-bottom: 4.1rem;
    }
@media (max-width: 768px) {
.entry-content .profiles h2 {
            border-bottom: 1px solid #ccc;
            margin-bottom: 4rem;
            padding-bottom: 4rem;
            font-size: 1.6rem
    }
        }
.entry-content .profile .name {
        font-size: 1.6rem;
        margin: 0 0;
    }
.entry-content .profile .job {
        font-size: 1.3rem;
        margin: 0 0;
    }
@media (max-width: 768px) {
.entry-content .profile .job {
            line-height: 1.8
    }
        }
.entry-content .profile .text {
        font-size: 1.3rem;
        margin-top: 1.1rem;
    }
@media (max-width: 768px) {
.entry-content .profile .text {
            margin-bottom: 0;
            line-height: 1.8
    }
        }
@media (max-width: 768px) {
.entry-content .profile .content-header {
            width: calc(100% - 17rem);
            margin-left: auto;
            margin-right: 0;
            display: flex;
            flex-direction: column;
            min-height: 17rem;
            justify-content: center;
            align-items: flex-start;
            padding-left: 2rem;
            margin-bottom: 2rem
    }
        }
.entry-content .profile figure {
        margin: 0 0 0 7rem;
        position: relative;
        width: 30rem;
    }
@media (max-width: 768px) {
.entry-content .profile figure {
            width: 17rem;
            position: absolute;
            top: 0;
            left: 0;
            margin: 6rem 0 0 0
    }
        }
.entry-content .profile .content {
        flex: 1;
    }
@media (max-width: 768px) {
.entry-content .profile .content {
            width: 100%
    }
        }
.entry-content .profile figure::before {     
        padding-top: 100%;
        display: block;
        content: "";
    }
.entry-content .profile figure img{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
    }
.entry-content a {
        color: #FF4116;
    }
.entry-content a[target="_blank"] {
        color: #FF4116;
        position: relative;
        vertical-align: middle;
        transition: color 0.6s var(--easing);
        line-height: 1;
        padding-bottom: 0.5rem;
    }
.entry-content a[target="_blank"]::after {
        display: inline-block;
        content: "";
        background-image: url(../../img/blank-primary.svg);
        background-size: contain;
        background-repeat: no-repeat;
        width: 1.6rem;
        height: 1.6rem;
        margin-left: 0.4rem;
        vertical-align: middle;
        transition: all 0.3s;
    }
.entry-content a[target="_blank"]:hover::after {
        background-image: url(../../img/blank-primary.svg);
    }
.relational-text {
    color: #0D0D0D;
    font-feature-settings: 'palt' on;
    font-size: 1.6rem;        
    line-height: 170%; /* 27.2px */
    letter-spacing: 1.28px;
}
.people-list-wrap.swiper{
    overflow: visible;
}
.people-list {
    margin-top: 4.6rem;
    margin-bottom: 6.7rem;
}
@media (max-width: 768px) {
.people-list {    
        margin-top: 4rem;
        margin-bottom: 6.7rem;
        gap: 0
}
    }
.people-list li {
    margin-bottom: 6.7rem;
    position: relative;
}
@media (max-width: 768px) {
.people-list li {  
        width: calc(260 / 353 * 100%)
}
    }
.people-list figure.people-list-item__thumbnail {
    position: relative;
    overflow: hidden;
    width: 100%;
    background-color: #ccc;
}
.people-list figure.people-list-item__thumbnail::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: calc(276/413*100%);
}
.people-list figure.people-list-item__thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    transition: transform 0.6s var(--easing);
}
.people-list li:hover figure.people-list-item__thumbnail img {
    transform: scale(1.1);
}
.people-list li .people-list-item__text,
.people-list li .people-list-title,
.people-list li .head-profile .company-name,
.people-list li .head-profile .job-name {
    transition: color 0.6s var(--easing);
}
.people-list li:hover .people-list-item__text,
.people-list li:hover .people-list-title,
.people-list li:hover .head-profile .company-name,
.people-list li:hover .head-profile .job-name {
    color: var(--Primary-Red, #FF4116);
}
.people-list-title {
    color: #0D0D0D;
    margin-top: 2.8rem;
    margin-bottom: 2.7rem;
    font-size: 2rem;
    font-style: normal;
    line-height: 170%; /* 34px */
    letter-spacing: 1.6px;
}
@media (max-width: 768px) {
.people-list-title {  
        margin-top: 2.4rem;
        font-size: 2rem
}
    }
.people-list-title br {
        display: none;
    }
.people-list-job {
    color: var(--Text-Sub, #636363);
    font-size: 1.3rem;
    line-height: 175%; /* 22.75px */
    letter-spacing: 0.78px;
    margin-top: 0.8rem;
}
@media (max-width: 768px) {
.people-list-job {  
        margin-top: 1.5rem;
        font-size: 1.4rem
}
    }
@media (max-width: 768px) {
.people-list .boxArrow {  
        display: block;
        text-align: right;
        padding-right: 3rem;
        margin-top: 1.7rem
}
    }
.people-list .head-profile {
    margin-bottom: 1.6rem;
}
.people-list .head-profile .company-name {
        color: var(--Text-Main, #222);
        font-size: 1.6rem;
        line-height: 200%; /* 32px */
        letter-spacing: 1.28px;
    }
.people-list .head-profile .job-name {
        font-size: 1.3rem;
        letter-spacing: 1.04px;
        color: #636363;
        line-height: 140%; /* 26px */
    }
.company-info .company-logo + div,
.people-list .company-logo + div {
    flex: 1;
}
@media (max-width: 768px) {
.adjacentLink {  
        margin-top: 0
}
    }
@media (max-width: 768px) {
.adjacentLink__prev::before {  
        top:0;
        transform: rotate(180deg)
}
    }
.before\:block::before{content:var(--tw-content);display:block}
.before\:content-\[\'\'\]::before{--tw-content:'';content:var(--tw-content)}
@media (min-width: 768px){
.md\:mb-4{margin-bottom:1rem}
.md\:ml-12{margin-left:3rem}
.md\:mt-0{margin-top:0}
.md\:mt-4{margin-top:1rem}
.md\:mt-\[18rem\]{margin-top:18rem}
.md\:block{display:block}
.md\:inline-block{display:inline-block}
.md\:inline{display:inline}
.md\:flex{display:flex}
.md\:grid{display:grid}
.md\:hidden{display:none}
.md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.md\:items-center{align-items:center}
.md\:justify-between{justify-content:space-between}
.md\:gap-4{gap:1rem}
.md\:text-left{text-align:left}}