/* Settings */

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

 

/* ====================================================================
   Y&P: 参考サイト（recruit.yamada-partners.jp）の reset.css をそのまま読み込み。
   以降の実測値（vw/px指定）はすべてこのリセットが前提。
   ==================================================================== */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  box-sizing: border-box;
}

body {
  line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
img,
menu,
nav,
section {
  display: block;
}

ul {
  list-style: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

img {
  vertical-align: bottom;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent none;
  box-sizing: border-box;
  box-shadow: none;
  font-family: inherit;
  font-size: inherit;
  line-height: 1;
  vertical-align: middle;
}

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

input[type="submit"],
input[type="checkbox"],
input[type="radio"],
input[type="button"],
button,
select {
  cursor: pointer;
}

/* ====================================================================
   Y&P: 参考サイトの base（html/body/a の基準スタイル）をそのまま読み込み。
   html は font-size:62.5% のため 1rem = 10px。以降のモジュールで使っている
   1.5rem/1.6rem/2.4rem 等のrem指定はすべてこの前提で実測している。
   ==================================================================== */
html {
  overflow-y: scroll;
  font-size: 62.5%;
}

body {
  font-family: "FrutigerNeueLTW1G", "TazuganeGothicStdN", "游ゴシック", "YuGothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1;
  color: #4d4d4d;
  background-color: #f2f2f2;
  -webkit-text-size-adjust: 100%;
  word-break: normal;
  word-wrap: normal;
  overflow-wrap: normal;
}

a {
  display: block;
  text-decoration: none;
  font-size: inherit;
  color: inherit;
}
a:hover,
a:active {
  text-decoration: none;
  color: #00afaa;
}

/* text-color-* / bg-color-* ユーティリティは color.css に分離（base.hubl.html で読み込み） */

:root {
  /* HubSpot DND layout grid */
  --hsElevate--column__gap: 2.13%;
  --hsElevate--column__widthMultiplier: 8.333;

  /* Sections */
  --hsElevate--contentWrapper--narrow__maxWidth:  768px  ;
  --hsElevate--contentWrapper--medium__maxWidth:  1120px  ;
  --hsElevate--contentWrapper--wide__maxWidth:  1296px  ;

  --hsElevate--section--extraSmall__verticalPadding:  48px  ;
  --hsElevate--section--small__verticalPadding:  64px  ;
  --hsElevate--section--medium__verticalPadding:  96px  ;
  --hsElevate--section--large__verticalPadding:  128px  ;
  --hsElevate--section--extraLarge__verticalPadding:  192px  ;

  /* Default section left/right padding */
  --hsElevate--section--horizontalPadding:  32px  ;

  /* Gap - default gaps that could be easily leveraged in module styles via class names */
  --hsElevate--gap--extraSmall:  16px  ;
  --hsElevate--gap--small:  24px  ;
  --hsElevate--gap--medium:  32px  ;
  --hsElevate--gap--large:  64px  ;
  --hsElevate--gap--extraLarge:  96px  ;

  /* Spacing - default spacing values  */
  --hsElevate--spacing--4:  4px  ;
  --hsElevate--spacing--8:  8px  ;
  --hsElevate--spacing--12:  12px  ;
  --hsElevate--spacing--16:  16px  ;
  --hsElevate--spacing--20:  20px  ;
  --hsElevate--spacing--24:  24px  ;
  --hsElevate--spacing--32:  32px  ;
  --hsElevate--spacing--40:  40px  ;
  --hsElevate--spacing--48:  48px  ;
  --hsElevate--spacing--56:  56px  ;
  --hsElevate--spacing--64:  64px  ;
  --hsElevate--spacing--72:  72px  ;
  --hsElevate--spacing--80:  80px  ;
  --hsElevate--spacing--88:  88px  ;
  --hsElevate--spacing--96:  96px  ;
  --hsElevate--spacing--104:  104px  ;
  --hsElevate--spacing--112:  112px  ;
  --hsElevate--spacing--120:  120px  ;
  --hsElevate--spacing--128:  128px  ;
  --hsElevate--spacing--136:  136px  ;
  --hsElevate--spacing--144:  144px  ;
  --hsElevate--spacing--152:  152px  ;
  --hsElevate--spacing--160:  160px  ;
  --hsElevate--spacing--168:  168px  ;
  --hsElevate--spacing--176:  176px  ;
  --hsElevate--spacing--184:  184px  ;
  --hsElevate--spacing--192:  192px  ;

  /* Grids */
  --default-section-padding: var(--hsElevate--section--medium__verticalPadding) var(--hsElevate--section--horizontalPadding);
  --default-section-margin: 0;
  --default-section-max-width: var(--hsElevate--contentWrapper--wide__maxWidth);
  --default-container-padding: 0;
  --default-container-margin: 0;
  --default-container-gap: var(--hsElevate--gap--medium);
  --default-container-row-gap: var(--hsElevate--gap--medium);
  --default-container-column-gap: var(--hsElevate--gap--medium);
  --default-table-padding: 0;
  --default-table-margin: 0;
  --default-table-row-gap: var(--hsElevate--gap--medium);
  --default-table-column-gap: var(--hsElevate--gap--medium);
}

  

  

  

  

  

  

  

  

  

:root {
  /* Text spacing */

  --hsElevate--text--extraSmall__margin: 0 0.75rem; /* 12px */
  --hsElevate--text--small__margin: 0 1.25rem; /* 20px */
  --hsElevate--text__margin: 0 2rem; /* 32px */
  --hsElevate--text--large__margin: 0 2.5rem; /* 40px */
  --hsElevate--text--extraLarge__margin: 0 4rem; /* 64px */

  /* Body */

  --hsElevate--baseText__fontSize:  16px  ;
  --hsElevate--body__font:  Inter  ;
  --hsElevate--body--small__fontSize:  1.000125rem  ;
  --hsElevate--body__fontSize:  1.125rem  ;
  --hsElevate--body--large__fontSize:  1.499625rem  ;
  --hsElevate--body--extraLarge__fontSize:  1.9991249999999998rem  ;
  --hsElevate--body__fontWeight:  normal  ;
  --hsElevate--body__fontStyle:  normal  ;
  --hsElevate--body__lineHeight: 1.55;

  /* Primary links */

  --hsElevate--link--primary__fontColor:  #4F38E0  ;

    
  --hsElevate--link--primary__textDecoration: none;
  --hsElevate--link--primary__textDecorationColor: transparent;
    

  /* Hover state */

  --hsElevate--link--primary__hover--fontColor:  #4F38E0  ;

    
  --hsElevate--link--primary__hover--textDecoration: underline;
  --hsElevate--link--primary__hover--textDecorationColor:  #4F38E0  ;
    

  /* Secondary links */

  --hsElevate--link--secondary__fontColor:  #D2CAFF  ;

    
  --hsElevate--link--secondary__textDecoration: none;
  --hsElevate--link--secondary__textDecorationColor: transparent;
    

  /* Hover state */

  --hsElevate--link--secondary__hover--fontColor:  #D2CAFF  ;

    
  --hsElevate--link--secondary__hover--textDecoration: underline;
  --hsElevate--link--secondary__hover--textDecorationColor:  #D2CAFF  ;
    

  /* Headings */

  /* Percentage change for the heading font sizes on mobile */
  --hsElevate--heading__tablet-modifier: 0.8;

  --hsElevate--heading__lineHeight: 1.2;

  --hsElevate--display1__font:  Inter  ;
  --hsElevate--display1__fontSize: 6.313rem;

  --hsElevate--display2__font:  Inter  ;
  --hsElevate--display2__fontSize: 4.75rem;

  --hsElevate--h1__font:  Inter  ;
  --hsElevate--h1__fontSize:  3.5625rem  ;
  --hsElevate--h1__fontWeight:  500  ;
  --hsElevate--h1__fontStyle:  normal  ;

  --hsElevate--h2__font:  Inter  ;
  --hsElevate--h2__fontSize:  2.6875rem  ;
  --hsElevate--h2__fontWeight:  600  ;
  --hsElevate--h2__fontStyle:  normal  ;

  --hsElevate--h3__font:  Inter  ;
  --hsElevate--h3__fontSize:  2.0rem  ;
  --hsElevate--h3__fontWeight:  600  ;
  --hsElevate--h3__fontStyle:  normal  ;

  --hsElevate--h4__font:  Inter  ;
  --hsElevate--h4__fontSize:  1.5rem  ;
  --hsElevate--h4__fontWeight:  600  ;
  --hsElevate--h4__fontStyle:  normal  ;

  --hsElevate--h5__font:  Inter  ;
  --hsElevate--h5__fontSize:  1.25rem  ;
  --hsElevate--h5__fontWeight:  600  ;
  --hsElevate--h5__fontStyle:  normal  ;

  --hsElevate--h6__font:  Inter  ;
  --hsElevate--h6__fontSize:  1.0rem  ;
  --hsElevate--h6__fontWeight:  600  ;
  --hsElevate--h6__fontStyle:  normal  ;

  /* Quotes */

  --hsElevate--quotes__font:  Inter  ;
  --hsElevate--quotes__fontColor:    ;
  --hsElevate--quotes__fontSize:  1.125rem  ;
  --hsElevate--quotes__fontWeight:  400  ;
  --hsElevate--quotes__fontStyle:  normal  ;

  /* Captions */

  --hsElevate--captions__font:  Inter  ;
  --hsElevate--captions__fontSize:  0.75rem  ;
  --hsElevate--captions__fontWeight:  800  ;
  --hsElevate--captions__fontStyle:  normal  ;
  --hsElevate--captions__case:  uppercase  ;

  /* Images */

  --hsElevate--rteImages__margin: 2rem; /* 32px */
}

  

  

:root {
  /* Base colors */
  --hsElevate--color--base--1:  #FFFFFF  ;
  --hsElevate--color--base--2:  #F7F9FC  ;
  --hsElevate--color--base--3:  #09152B  ;

  /* Accent colors */
  --hsElevate--color--accent--1:  #F4F2FF  ;
  --hsElevate--color--accent--2:  #D2CAFF  ;
  --hsElevate--color--accent--3:  #4F38E0  ;
}

  

  

  

  

:root {
  /* Primary button variables  */
  --hsElevate--button--primary__buttonFill:  filled  ;

  /* Primary button font */
  --hsElevate--button--primary__font:  Inter  ;
  /*
    TODO: Look into why primary_button.text.size ~ primary_button.text.size_unit
    is not evaluating to the correct size_unit, but can still take in px
  */
  --hsElevate--button--primary__fontSize:  1.0rem  ;
  --hsElevate--button--primary__fontWeight:  500  ;
  --hsElevate--button--primary__fontStyle:  normal  ;

  /* Primary button text color */
  --hsElevate--button--primary__textColor:  #F7F9FC  ;
  --hsElevate--button--primary__hover--textColor:  #F7F9FC  ;

  /* Primary button shape */
    
    
    

    
  --hsElevate--button--primary__borderRadius: 50px;
    

  /* Primary button background color */
    
  --hsElevate--button--primary__backgroundColor:  #4F38E0  ;
  --hsElevate--button--primary__hover--backgroundColor:  #6854E8  ;
    
  --hsElevate--button--primary__active--backgroundColor:  #4a36ca  ;

    

  /* Primary button border */
  --hsElevate--button--primary__borderThickness:  0px  ;
  --hsElevate--button--primary__hover--borderThickness:  0px  ;

    
  --hsElevate--button--primary__borderColor: transparent;
  --hsElevate--button--primary__hover--borderColor: transparent;
    

  /* Secondary button variables  */
  --hsElevate--button--secondary__buttonFill:  no_fill  ;

  /* Secondary button font */
  --hsElevate--button--secondary__font:  Inter  ;
  --hsElevate--button--secondary__fontSize:  1.0rem  ;
  --hsElevate--button--secondary__fontWeight:  500  ;
  --hsElevate--button--secondary__fontStyle:  normal  ;

  /* Secondary button text color */
  --hsElevate--button--secondary__textColor:  #4F38E0  ;
  --hsElevate--button--secondary__hover--textColor:  #6854E8  ;

  /* Secondary button shape */
    
    
    

    
  --hsElevate--button--secondary__borderRadius: 50px;
    

  /* Secondary button background color */
    
  --hsElevate--button--secondary__backgroundColor: transparent;
  --hsElevate--button--secondary__hover--backgroundColor: transparent;
    
    

  /* Secondary button border */
  --hsElevate--button--secondary__borderThickness:  2px  ;
  --hsElevate--button--secondary__hover--borderThickness:  2px  ;

    
  --hsElevate--button--secondary__borderColor:  #4F38E0  ;
  --hsElevate--button--secondary__hover--borderColor:  #6854E8  ;
    
    

  /* Tertiary button variables  */
  --hsElevate--button--tertiary__buttonFill:  filled  ;

  /* Tertiary button font */
  --hsElevate--button--tertiary__font:  Inter  ;
  --hsElevate--button--tertiary__fontSize:  1.0rem  ;
  --hsElevate--button--tertiary__fontWeight:  500  ;
  --hsElevate--button--tertiary__fontStyle:  normal  ;

  /* Tertiary button text color */
  --hsElevate--button--tertiary__textColor:  #09152B  ;
  --hsElevate--button--tertiary__hover--textColor:  #09152B  ;

  /* Tertiary button shape */
    
    
    

    
  --hsElevate--button--tertiary__borderRadius: 50px;
    

  /* Tertiary button background color */
    
  --hsElevate--button--tertiary__backgroundColor:  #D2CAFF  ;
  --hsElevate--button--tertiary__hover--backgroundColor:  #E9E5FF  ;
    

    

  /* Tertiary button border */
  --hsElevate--button--tertiary__borderThickness:  0px  ;
  --hsElevate--button--tertiary__hover--borderThickness:  0px  ;

    
  --hsElevate--button--tertiary__borderColor: transparent;
  --hsElevate--button--tertiary__hover--borderColor: transparent;
    

  /* Accent button variables  */
  --hsElevate--button--accent__buttonFill:  no_fill  ;

  /* Accent button font */
  --hsElevate--button--accent__font:  Inter  ;
  --hsElevate--button--accent__fontSize:  1.0rem  ;
  --hsElevate--button--accent__fontWeight:  500  ;
  --hsElevate--button--accent__fontStyle:  normal  ;

  /* Accent button text color */
  --hsElevate--button--accent__textColor:  #D2CAFF  ;
  --hsElevate--button--accent__hover--textColor:  #E9E5FF  ;

  /* Accent button shape */
    
    
    

    
  --hsElevate--button--accent__borderRadius: 50px;
    

  /* Accent button background color */
    
  --hsElevate--button--accent__backgroundColor: transparent;
  --hsElevate--button--accent__hover--backgroundColor: transparent;
    
    

  /* Accent button border */
  --hsElevate--button--accent__borderThickness:  2px  ;
  --hsElevate--button--accent__hover--borderThickness:  2px  ;

    
  --hsElevate--button--accent__borderColor:  #D2CAFF  ;
  --hsElevate--button--accent__hover--borderColor:  #E9E5FF  ;
    
    
}

  

  

:root {
  /* Form field background color */
    
  --hsElevate--formField__backgroundColor:  #F7F9FC  ;
    

  /* Form field shape */
    
    
    

    
  --hsElevate--formField__borderRadius: 50px;
    

  /* Form field border -- multiple fields to properly handle field visibility for both fill and no fill */
    
    
    

  /* Proper usage of variables to achieve "All" or "Bottom" will be within CSS */
    
  --hsElevate--formField__borderThickness:  1px  ;
    

    
  --hsElevate--formField__borderTop:  1px solid #D3DAE4  ;
  --hsElevate--formField__borderRight:  1px solid #D3DAE4  ;
  --hsElevate--formField__borderLeft:  1px solid #D3DAE4  ;
    

    
  --hsElevate--formField__borderBottom:  1px solid #D3DAE4  ;
  --hsElevate--formField__borderColor:  #D3DAE4  ;
    

    

    

  /* Form field text color */
  --hsElevate--formFieldInput__textColor:  #09152B  ;

  /* Form field spacing */
  --hsElevate--formField__marginBottom: var(--hsElevate--spacing--32);

  /* Form textarea border radius */
  --hsElevate--formFieldTextArea__borderRadius: calc(var(--hsElevate--formField__borderRadius) * 0.5);

  /* Form field checkbox/radio */
  --hsElevate--formFieldCheckboxRadio__size: 24px;
  --hsElevate--formFieldCheckboxRadio__fillColor: #000000;

  /* Form field placeholder */
  --hsElevate--formFieldPlaceholder__textColor:  #7d8ca5  ;

  /* Form required field color */
  --hsElevate--formRequired__color: #de2828;

  /* Form field datepicker icon */
  --hsElevate--formField__datepickerIcon: url("data:image/svg+xml,%3Csvg width='24' height='29' viewBox='0 0 24 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3812_12272)'%3E%3Cpath d='M8.14286 2.07136C8.14286 1.35886 7.56964 0.785645 6.85714 0.785645C6.14464 0.785645 5.57143 1.35886 5.57143 2.07136V4.21422H3.42857C1.5375 4.21422 0 5.75172 0 7.64279V8.49993V11.0714V24.7856C0 26.6767 1.5375 28.2142 3.42857 28.2142H20.5714C22.4625 28.2142 24 26.6767 24 24.7856V11.0714V8.49993V7.64279C24 5.75172 22.4625 4.21422 20.5714 4.21422H18.4286V2.07136C18.4286 1.35886 17.8554 0.785645 17.1429 0.785645C16.4304 0.785645 15.8571 1.35886 15.8571 2.07136V4.21422H8.14286V2.07136ZM2.57143 11.0714H21.4286V24.7856C21.4286 25.2571 21.0429 25.6428 20.5714 25.6428H3.42857C2.95714 25.6428 2.57143 25.2571 2.57143 24.7856V11.0714Z' fill='%2309152B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3812_12272'%3E%3Crect width='24' height='27.4286' fill='white' transform='translate(0 0.785645)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");

  /* Form field select icon */
  --hsElevate--formField__selectIcon: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9407 19.5595C11.5267 20.1454 12.4782 20.1454 13.0642 19.5595L22.0642 10.5595C22.6501 9.97354 22.6501 9.02197 22.0642 8.43604C21.4782 7.8501 20.5267 7.8501 19.9407 8.43604L12.0001 16.3767L4.05947 8.44072C3.47354 7.85478 2.52197 7.85478 1.93604 8.44072C1.3501 9.02666 1.3501 9.97822 1.93604 10.5642L10.936 19.5642L10.9407 19.5595Z' fill='%2309152B'/%3E%3C/svg%3E%0A");

  /* Textarea drag icon */
  --hsElevate--formField__dragIcon: url("data:image/svg+xml,%3Csvg width='11' height='12' viewBox='0 0 22 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='-1' x2='29.5206' y2='-1' transform='matrix(-0.666795 0.745241 -0.806754 -0.590888 19.6843 0)' stroke='%23303F59' stroke-width='2'/%3E%3Cpath d='M21.0005 9.99756L10.5005 21.9976' stroke='%23303F59' stroke-width='2'/%3E%3C/svg%3E%0A");

  /* Label text */
  --hsElevate--formLabel__textColor:  #09152B  ;
  --hsElevate--formLabel__font:  Inter  ;
  --hsElevate--formLabel__fontSize:  1.125rem  ;
  --hsElevate--formLabel__fontWeight:  500  ;
  --hsElevate--formLabel__marginBottom: var(--hsElevate--spacing--8);

  /* Help text */
  --hsElevate--formHelpText__textColor: #647390;

  /* Form background color */
    
  --hsElevate--form__backgroundColor:  #FFFFFF  ;
    

  /* Form shape */
    
    
    

    
  --hsElevate--form__borderRadius: 24px;
    

  /* Form border */
    
  --hsElevate--form__borderThickness:  1px  ;
  --hsElevate--form__borderColor:  #D3DAE4  ;
    

  /* Form spacing */
  --hsElevate--form__padding: var(--hsElevate--spacing--48);

  /* CSS variables for new forms */

  /* Global vars */
  --hsf-global__font-family: var(--hsElevate--formLabel__font);
  --hsf-global__font-size: var(--hsElevate--formLabel__fontSize);
  --hsf-global__color: var(--hsElevate--formLabel__textColor);
  --hsf-global-error__color: var(--hsElevate--formRequired__color);

  /* Form */
  --hsf-background__background-color: var(--hsElevate--form__backgroundColor);
  --hsf-background__padding: var(--hsElevate--form__padding);
  --hsf-background__border-style: solid;
  --hsf-background__border-color: var(--hsElevate--form__borderColor);
  --hsf-background__border-radius: var(--hsElevate--form__borderRadius);
  --hsf-background__border-width: var(--hsElevate--form__borderThickness);

  /* Content */
  --hsf-heading__font-family: var(--hsf-global__font-family);
  --hsf-heading__color: var(--hsf-global__color);
  --hsf-heading__text-shadow: none;
  --hsf-richtext__font-family: var(--hsf-global__font-family);
  --hsf-richtext__font-size: var(--hsf-global__font-size);
  --hsf-richtext__color: var(--hsf-global__color);

  /* Labels */
  --hsf-field-label__font-family: var(--hsf-global__font-family);
  --hsf-field-label__font-size: var(--hsf-global__font-size);
  --hsf-field-label__color: var(--hsf-global__color);
  --hsf-field-label-requiredindicator__color: var(--hsf-global-error__color);
  --hsf-module__vertical-spacing: var(--hsElevate--formLabel__marginBottom);

  /* Help text */
  --hsf-field-description__font-family: var(--hsf-global__color);
  --hsf-field-description__color: var(--hsElevate--formHelpText__textColor);

  /* Errors */
  --hsf-erroralert__font-family: var(--hsElevate--formLabel__font);
  --hsf-erroralert__color: var(--hsf-global-error__color);

  /* Field footer */
  --hsf-field-footer__font-family: var(--hsf-field-description__font-family);
  --hsf-field-footer__color: var(--hsf-field-description__color);

  /* Field */
  --hsf-field-input__font-family: var(--hsf-global__font-family);
  --hsf-field-input__background-color: var(--hsElevate--formField__backgroundColor);
  --hsf-field-input__placeholder-color: var(--hsElevate--formFieldPlaceholder__textColor);
  --hsf-field-input__border-color: var(--hsElevate--formField__borderColor);
    
  --hsf-field-input__border-width: var(--hsElevate--formField__borderThickness);
    
  --hsf-field-input__border-style: solid;
  --hsf-field-input__border-radius: var(--hsElevate--formField__borderRadius);
  --hsf-field-input__padding: var(--hsElevate--spacing--20) var(--hsElevate--spacing--32);
  --hsf-field-input__color: var(--hsElevate--formFieldInput__textColor);
  --hsf-row__vertical-spacing: var(--hsElevate--formField__marginBottom);
  --hsf-row__horizontal-spacing: var(--hsElevate--spacing--32);

  /* Textarea */
  --hsf-field-textarea__font-family: var(--hsf-field-input__font-family);
  --hsf-field-textarea__color: var(--hsf-field-input__color);
  --hsf-field-textarea__background-color: var(--hsf-field-input__background-color);
  --hsf-field-textarea__border-color: var(--hsf-field-input__border-color);
  --hsf-field-textarea__border-style: var(--hsf-field-input__border-style);
  --hsf-field-textarea__border-radius: var(--hsElevate--formFieldTextArea__borderRadius);
  --hsf-field-textarea__padding: var(--hsf-field-input__padding);

  /* Checkbox */
  --hsf-field-checkbox__padding: calc(var(--hsElevate--formFieldCheckboxRadio__size) / 2);
  --hsf-field-checkbox__background-color: #fff;
  --hsf-field-checkbox__color: var(--hsElevate--formFieldCheckboxRadio__fillColor);
  --hsf-field-checkbox__border-color: var(--hsf-field-input__border-color);
  --hsf-field-checkbox__border-width: 1px 1px 1px 1px;
  --hsf-field-checkbox__border-style: var(--hsf-field-input__border-style);

  /* Radio */
  --hsf-field-radio__padding: calc(var(--hsElevate--formFieldCheckboxRadio__size) / 2);
  --hsf-field-radio__background-color: #fff;
  --hsf-field-radio__color: var(--hsElevate--formFieldCheckboxRadio__fillColor);
  --hsf-field-radio__border-color: var(--hsf-field-input__border-color);
  --hsf-field-radio__border-width: 1px 1px 1px 1px;
  --hsf-field-radio__border-style: var(--hsf-field-input__border-style);

  /* Progress bar CSS vars:
    - --hsf-progressbar__font-family
    - --hsf-progressbar__font-family
    - --hsf-progressbar__font-size
    - --hsf-progressbar__color
    - --hsf-progressbar__background-color
    - --hsf-progressbar__background
    - --hsf-progressbar__border-color
    - --hsf-progressbar__border-style
    - --hsf-progressbar__border-width
  */

  /* Button */
  --hsf-button__width: 100%;
  --hsf-button__font-family: var(--hsElevate--button--primary__font);
  --hsf-button__font-size: var(--hsElevate--button--primary__fontSize);
  --hsf-button__font-weight: var(--hsElevate--button--primary__fontWeight);
  --hsf-button__color: var(--hsElevate--button--primary__textColor);
  --hsf-button__background-color: var(--hsElevate--button--primary__backgroundColor);
  --hsf-button__background-image: none;
  --hsf-button__border-radius: var(--hsElevate--button--primary__borderRadius);
  --hsf-button__border-width: var(--hsElevate--button--primary__borderThickness);
  --hsf-button__border-style: solid;
  --hsf-button__border-color: var(--hsElevate--button--primary__borderColor);
  --hsf-button__padding: var(--hsElevate--spacing--20) var(--hsElevate--spacing--24);
  --hsf-button__box-shadow: none;
  --hsf-button--hover__color: var(--hsElevate--button--primary__hover--textColor);
  --hsf-button--hover__background-color: var(--hsElevate--button--primary__hover--backgroundColor);
  --hsf-button--hover__border-color: var(--hsElevate--button--primary__hover--borderColor);
  --hsf-button--focus__color: var(--hsElevate--button--primary__hover--textColor);
  --hsf-button--focus__background-color: var(--hsElevate--button--primary__hover--backgroundColor);
  --hsf-button--focus__border-color: var(--hsElevate--button--primary__hover--borderColor);
}

@media (max-width: 600px) {
  :root {
    --hsElevate--form__padding: var(--hsElevate--spacing--24);
  }

  .hsfc-PhoneInput__FlagAndCaret {
    --hsf-field-input__padding: var(--hsElevate--spacing--20) var(--hsElevate--spacing--16);
  }
}

  

  

  

  

  

  

  

  

:root {
  /* Card variant 1 */

  /* Shape */
    
    
    

    
  --hsElevate--card--variant1__borderRadius: 16px;
  --hsElevate--card--variant1__iconBorderRadius: 12px;
    

  /* Border thickness */
  --hsElevate--card--variant1__borderThickness:  1px  ;

  /* Colors */
    
  --hsElevate--card--variant1__backgroundColor:  #FFFFFF  ;
    

    
  --hsElevate--card--variant1__borderColor:  #D3DAE4  ;
    

  --hsElevate--card--variant1__textColor:  #09152B  ;

  /* Links */
    
    
    

  --hsElevate--card--variant1--link__fontColor:  #4F38E0  ;

    
  --hsElevate--card--variant1--link__textDecoration: none;
  --hsElevate--card--variant1--link__textDecorationColor: transparent;
    

  /* Hover state */

  --hsElevate--card--variant1--link__hover--fontColor:  #4F38E0  ;
    
  --hsElevate--card--variant1--link__hover--textDecoration: underline;
  --hsElevate--card--variant1--link__hover--textDecorationColor:  #4F38E0  ;
    

  /* Icon colors */

  --hsElevate--card--variant1__iconColor:  #4F38E0  ;
  --hsElevate--card--variant1__iconBackgroundColor:  #D2CAFF  ;

  /* Card variant 2 */

  /* Shape */
    
    
    

    
  --hsElevate--card--variant2__borderRadius: 16px;
  --hsElevate--card--variant2__iconBorderRadius: 12px;
    

  /* Border thickness */
  --hsElevate--card--variant2__borderThickness:  1px  ;

  /* Colors */
    
  --hsElevate--card--variant2__backgroundColor:  #F7F9FC  ;
    

    
  --hsElevate--card--variant2__borderColor:  #D3DAE4  ;
    

  --hsElevate--card--variant2__textColor:  #09152B  ;

  /* Links */
    
    
    

  --hsElevate--card--variant2--link__fontColor:  #4F38E0  ;

    
  --hsElevate--card--variant2--link__textDecoration: none;
  --hsElevate--card--variant2--link__textDecorationColor: transparent;
    

  /* Hover state */

  --hsElevate--card--variant2--link__hover--fontColor:  #4F38E0  ;
    
  --hsElevate--card--variant2--link__hover--textDecoration: underline;
  --hsElevate--card--variant2--link__hover--textDecorationColor:  #4F38E0  ;
    

  /* Icon colors */

  --hsElevate--card--variant2__iconColor:  #4F38E0  ;
  --hsElevate--card--variant2__iconBackgroundColor:  #D3DAE4  ;

  /* Card variant 3 */

  /* Shape */
    
    
    

    
  --hsElevate--card--variant3__borderRadius: 16px;
  --hsElevate--card--variant3__iconBorderRadius: 12px;
    

  /* Border thickness */
  --hsElevate--card--variant3__borderThickness:  1px  ;

  /* Colors */
    
  --hsElevate--card--variant3__backgroundColor:  #09152B  ;
    

    
  --hsElevate--card--variant3__borderColor:  #303F59  ;
    

  --hsElevate--card--variant3__textColor:  #F7F9FC  ;

  /* Links */
    
    
    

  --hsElevate--card--variant3--link__fontColor:  #D2CAFF  ;

    
  --hsElevate--card--variant3--link__textDecoration: none;
  --hsElevate--card--variant3--link__textDecorationColor: transparent;
    

  /* Hover state */

  --hsElevate--card--variant3--link__hover--fontColor:  #D2CAFF  ;
    
  --hsElevate--card--variant3--link__hover--textDecoration: underline;
  --hsElevate--card--variant3--link__hover--textDecorationColor:  #D2CAFF  ;
    

  /* Icon colors */

  --hsElevate--card--variant3__iconColor:  #D2CAFF  ;
  --hsElevate--card--variant3__iconBackgroundColor:  #303F59  ;

  /* Card variant 4 */

  /* Shape */
    
    
    

    
  --hsElevate--card--variant4__borderRadius: 16px;
  --hsElevate--card--variant4__iconBorderRadius: 12px;
    

  /* Border thickness */
  --hsElevate--card--variant4__borderThickness:  1px  ;

  /* Colors */
    
  --hsElevate--card--variant4__backgroundColor:  #18233B  ;
    

    
  --hsElevate--card--variant4__borderColor:  #303F59  ;
    

  --hsElevate--card--variant4__textColor:  #F7F9FC  ;

  /* Links */
    
    
    

  --hsElevate--card--variant4--link__fontColor:  #D2CAFF  ;

    
  --hsElevate--card--variant4--link__textDecoration: none;
  --hsElevate--card--variant4--link__textDecorationColor: transparent;
    

  /* Hover state */

  --hsElevate--card--variant4--link__hover--fontColor:  #D2CAFF  ;
    
  --hsElevate--card--variant4--link__hover--textDecoration: underline;
  --hsElevate--card--variant4--link__hover--textDecorationColor:  #D2CAFF  ;
    

  /* Icon colors */
  --hsElevate--card--variant4__iconColor:  #D2CAFF  ;
  --hsElevate--card--variant4__iconBackgroundColor:  #303F59  ;
}

  

  

  

  

  

  

  

  

  

  

  

:root {
  /* Light section 1 */
  --hsElevate--section--lightSection--1__backgroundColor:  #FFFFFF  ;
  --hsElevate--section--lightSection--1__textColor:  #09152B  ;
  --hsElevate--section--lightSection--1__accentColor:  #4F38E0  ;
  --hsElevate--section--lightSection--1__captionColor:  #647390  ;
  --hsElevate--section--lightSection--1--blockquote__textColor:  #09152B  ;
  --hsElevate--section--lightSection--1--blockquote__backgroundColor:  #F7F9FC  ;
  --hsElevate--section--lightSection--1--blockquote__accentColor:  #4F38E0  ;

    
    
    

  --hsElevate--section--lightSection--1--link__fontColor:  #4F38E0  ;

    
  --hsElevate--section--lightSection--1--link__textDecoration: none;
  --hsElevate--section--lightSection--1--link__textDecorationColor: transparent;
    

  /* Hover state */

  --hsElevate--section--lightSection--1--link__hover--fontColor:  #4F38E0  ;
    
  --hsElevate--section--lightSection--1--link__hover--textDecoration: underline;
  --hsElevate--section--lightSection--1--link__hover--textDecorationColor:  #4F38E0  ;
    

  /* Light section 2 */
  --hsElevate--section--lightSection--2__backgroundColor:  #F7F9FC  ;
  --hsElevate--section--lightSection--2__textColor:  #09152B  ;
  --hsElevate--section--lightSection--2__accentColor:  #4F38E0  ;
  --hsElevate--section--lightSection--2__captionColor:  #647390  ;
  --hsElevate--section--lightSection--2--blockquote__textColor:  #09152B  ;
  --hsElevate--section--lightSection--2--blockquote__backgroundColor:  #F7F9FC  ;
  --hsElevate--section--lightSection--2--blockquote__accentColor:  #4F38E0  ;

    
    
    

  --hsElevate--section--lightSection--2--link__fontColor:  #4F38E0  ;

    
  --hsElevate--section--lightSection--2--link__textDecoration: none;
  --hsElevate--section--lightSection--2--link__textDecorationColor: transparent;
    

  /* Hover state */

  --hsElevate--section--lightSection--2--link__hover--fontColor:  #4F38E0  ;
    
  --hsElevate--section--lightSection--2--link__hover--textDecoration: underline;
  --hsElevate--section--lightSection--2--link__hover--textDecorationColor:  #4F38E0  ;
    

  /* Light section 3 */
  --hsElevate--section--lightSection--3__backgroundColor:  #F4F2FF  ;
  --hsElevate--section--lightSection--3__textColor:  #09152B  ;
  --hsElevate--section--lightSection--3__accentColor:  #4F38E0  ;
  --hsElevate--section--lightSection--3__captionColor:  #4D6080  ;
  --hsElevate--section--lightSection--3--blockquote__textColor:  #09152B  ;
  --hsElevate--section--lightSection--3--blockquote__backgroundColor:  #F4F2FF  ;
  --hsElevate--section--lightSection--3--blockquote__accentColor:  #4F38E0  ;

    
    
    

  --hsElevate--section--lightSection--3--link__fontColor:  #4F38E0  ;

    
  --hsElevate--section--lightSection--3--link__textDecoration: none;
  --hsElevate--section--lightSection--3--link__textDecorationColor: transparent;
    

  /* Hover state */

  --hsElevate--section--lightSection--3--link__hover--fontColor:  #4F38E0  ;
    
  --hsElevate--section--lightSection--3--link__hover--textDecoration: underline;
  --hsElevate--section--lightSection--3--link__hover--textDecorationColor:  #4F38E0  ;
    

  /* Dark section 1 */
  --hsElevate--section--darkSection--1__backgroundColor:  #09152B  ;
  --hsElevate--section--darkSection--1__textColor:  #F7F9FC  ;
  --hsElevate--section--darkSection--1__accentColor:  #D2CAFF  ;
  --hsElevate--section--darkSection--1__captionColor:  #7D8CA5  ;
  --hsElevate--section--darkSection--1--blockquote__textColor:  #F7F9FC  ;
  --hsElevate--section--darkSection--1--blockquote__backgroundColor:  #18233B  ;
  --hsElevate--section--darkSection--1--blockquote__accentColor:  #D2CAFF  ;

    
    
    

  --hsElevate--section--darkSection--1--link__fontColor:  #D2CAFF  ;

    
  --hsElevate--section--darkSection--1--link__textDecoration: none;
  --hsElevate--section--darkSection--1--link__textDecorationColor: transparent;
    

  /* Hover state */

  --hsElevate--section--darkSection--1--link__hover--fontColor:  #D2CAFF  ;
    
  --hsElevate--section--darkSection--1--link__hover--textDecoration: underline;
  --hsElevate--section--darkSection--1--link__hover--textDecorationColor:  #D2CAFF  ;
    
}

  

:root {
  /* Font */
  --hsElevate--tag__font:  Inter  ;
  --hsElevate--tag__fontColor:    ;
  --hsElevate--tag__fontSize:  0.875rem  ;
  --hsElevate--tag__fontWeight:  500  ;
  --hsElevate--tag__fontStyle:  normal  ;

  /* Text colors */
  --hsElevate--tag__textColor:  #063E95  ;

  /* Background colors */
    
  --hsElevate--tag__backgroundColor:  #E5F0FF  ;
    

  /* Shape */
    
    
    

    
  --hsElevate--tag__borderRadius: 50px;
    

  /* Border thickness */
  --hsElevate--tag__borderThickness:  1px  ;
  --hsElevate--tag__borderColor:  #E5F0FF  ;

  /* Case */
  --hsElevate--tag__case:  none  ;
}

:root {
  /* Border radius based on shape */
  --hsElevate-sharp: 0;
  --hsElevate-rounded--extra-small: 4px;
  --hsElevate-rounded--small: 8px;
  --hsElevate-rounded: 16px;
  --hsElevate-rounded--large: 24px;
  --hsElevate-rounded--extra-large: 32px;
  --hsElevate-circle: 50%;
}

:root {
  --hsElevate--icon--small__size: 16px;
  --hsElevate--icon--medium__size: 24px;
  --hsElevate--icon--large__size: 32px;
}

/* Generic */

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

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
  /* 横のはみ出しは防ぎつつ、body をスクロールの基準にしない（hidden だと SP の追従CTA の
     position:sticky が効かなくなる）。clip 非対応の古いブラウザは hidden にフォールバック */
  overflow-x: hidden;
  overflow-x: clip;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct box sizing in Firefox.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * 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;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Remove the inheritance of text transform in Edge and Firefox.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

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

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
 */

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type='number']::-webkit-inner-spin-button,
[type='number']::-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.
 */

[type='search']::-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 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Objects */

.dnd-section {
  padding: var(--hsElevate--section--medium__verticalPadding) var(--hsElevate--section--horizontalPadding);
}

.dnd-section > .row-fluid,
.hs-elevate-content-wrapper {
  margin: 0 auto;
  max-width: var(--hsElevate--contentWrapper--wide__maxWidth);
}

.hs-elevate-content-wrapper {
  padding: 0 var(--hsElevate--section--horizontalPadding);
}

/* Helper Classes */

.hs-elevate-content-wrapper--sm {
  max-width: var(--hsElevate--contentWrapper--narrow__maxWidth);
  padding: 0;
}

.hs-elevate-content-wrapper--md {
  max-width: var(--hsElevate--contentWrapper--medium__maxWidth);
  padding: 0;
}

/* Padding for non DND sections */

.hs-elevate-content-padding {
  padding-block: var(--hsElevate--section--medium__verticalPadding);
}

.hs-elevate-content-padding--extra-small {
  padding-block: var(--hsElevate--section--extraSmall__verticalPadding);
}

.hs-elevate-content-padding--small {
  padding-block: var(--hsElevate--section--small__verticalPadding);
}

.hs-elevate-content-padding--large {
  padding-block: var(--hsElevate--section--large__verticalPadding);
}

.hs-elevate-content-padding--extra-large {
  padding-block: var(--hsElevate--section--extraLarge__verticalPadding);
}

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.row-fluid .span1,
.row-fluid .span2,
.row-fluid .span3,
.row-fluid .span4,
.row-fluid .span5,
.row-fluid .span6,
.row-fluid .span7,
.row-fluid .span8,
.row-fluid .span9,
.row-fluid .span10,
.row-fluid .span11,
.row-fluid .span12 {
  min-height: 1px;
  width: 100%;
}

@media (min-width: 768px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .row-fluid .span1 {
    width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 1 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 11 / 100);
  }

  .row-fluid .span2 {
    width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 2 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 10 / 100);
  }

  .row-fluid .span3 {
    width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 3 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 9 / 100);
  }

  .row-fluid .span4 {
    width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 4 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 8 / 100);
  }

  .row-fluid .span5 {
    width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 5 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 7 / 100);
  }

  .row-fluid .span6 {
    width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 6 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 6 / 100);
  }

  .row-fluid .span7 {
    width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 7 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 5 / 100);
  }

  .row-fluid .span8 {
    width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 8 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 4 / 100);
  }

  .row-fluid .span9 {
    width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 9 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 3 / 100);
  }

  .row-fluid .span10 {
    width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 10 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 2 / 100);
  }

  .row-fluid .span11 {
    width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 11 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 1 / 100);
  }
}

/* Elements */

html {
  font-size: var(--hsElevate--baseText__fontSize);
}

body {
  background-color: var(--hsElevate--section--lightSection--1__backgroundColor);
  color: var(--hsElevate--section--lightSection--1__textColor);
  font-family: var(--hsElevate--body__font);
  font-size: var(--hsElevate--body__fontSize);
  font-style: var(--hsElevate--body__fontStyle);
  font-weight: var(--hsElevate--body__fontWeight);
  line-height: var(--hsElevate--body__lineHeight);
  overflow-wrap: break-word;
}

/* Y&P: Elevate は日中韓で word-break: break-all（英単語や数字の途中でも改行）にしているが、
   参考サイトは body で word-break / overflow-wrap: normal。「Practitioners」「30分」等が
   途中で切れるため参考サイトの値に合わせる（このセレクタの方が詳細度が高いので、ここ自体を直す） */
html[lang^='ja'] body,
html[lang^='zh'] body,
html[lang^='ko'] body {
  line-break: auto;
  overflow-wrap: normal;
  word-break: normal;
}

/* Paragraphs */

/* Y&P: Elevateの p { margin-block: var(--hsElevate--text__margin) } は
   参考サイトのリセット（p { margin: 0 }）と競合するため無効化。
   本文の余白は各モジュール側のクラスで実測値どおり指定する。 */
p {
  margin-block: 0;
}

/* Y&P: Elevateの素の a:not(...) 紫リンクルールは削除。
   参考サイトの a { color: inherit } + a:hover { color: #00afaa }（前方で定義済み）を全面採用する。
   .hs-elevate-link--* クラスを明示的に使う場合のみElevateのリンク装飾が効く。 */
a.hs-elevate-link--primary,
.hs-elevate-link--primary a {
  color: var(--hsElevate--link--primary__fontColor);
  cursor: pointer;
  -webkit-text-decoration: var(--hsElevate--link--primary__textDecoration);
  text-decoration: var(--hsElevate--link--primary__textDecoration);
  text-decoration-color: var(--hsElevate--link--primary__textDecorationColor);
}

a.hs-elevate-link--primary:hover,
.hs-elevate-link--primary a:hover,
a.hs-elevate-link--primary:focus,
.hs-elevate-link--primary a:focus {
  color: var(--hsElevate--link--primary__hover--fontColor);
  -webkit-text-decoration: var(--hsElevate--link--primary__hover--textDecoration);
  text-decoration: var(--hsElevate--link--primary__hover--textDecoration);
  text-decoration-color: var(--hsElevate--link--primary__hover--textDecorationColor);
}

a.hs-elevate-link--secondary,
.hs-elevate-link--secondary a {
  color: var(--hsElevate--link--secondary__fontColor);
  cursor: pointer;
  -webkit-text-decoration: var(--hsElevate--link--secondary__textDecoration);
  text-decoration: var(--hsElevate--link--secondary__textDecoration);
  text-decoration-color: var(--hsElevate--link--secondary__textDecorationColor);
}

a.hs-elevate-link--secondary:hover,
.hs-elevate-link--secondary a:hover a.hs-elevate-link--secondary:focus,
.hs-elevate-link--secondary a:focus {
  color: var(--hsElevate--link--secondary__hover--fontColor);
  -webkit-text-decoration: var(--hsElevate--link--secondary__hover--textDecoration);
  text-decoration: var(--hsElevate--link--secondary__hover--textDecoration);
  text-decoration-color: var(--hsElevate--link--secondary__hover--textDecorationColor);
}

/* Headings */

/* Y&P: 素の h1〜h6 をElevate見出しスタイルの対象から除外。
   参考サイトのリセット（margin:0, font-size:100%, フォントはbody継承）を優先し、
   Elevateの見出し装飾は .hs-elevate-h* / .hs-elevate-display-* クラス使用時のみ効かせる。 */
.hs-elevate-display-1,
.hs-elevate-display-2 {
  line-height: var(--hsElevate--heading__lineHeight);
  margin-block: var(--hsElevate--text__margin);
}
.hs-elevate-h1, .hs-elevate-h2, .hs-elevate-h3,
.hs-elevate-h4, .hs-elevate-h5, .hs-elevate-h6 {
  line-height: var(--hsElevate--heading__lineHeight);
  margin-block: var(--hsElevate--text__margin);
}

.hs-elevate-display-1 {
  font-family: var(--hsElevate--display1__font);
  font-size: calc(var(--hsElevate--display1__fontSize) * var(--hsElevate--heading__tablet-modifier));
  font-style: normal;
  font-weight: 400;
}

.hs-elevate-display-2 {
  font-family: var(--hsElevate--display2__font);
  font-size: calc(var(--hsElevate--display2__fontSize) * var(--hsElevate--heading__tablet-modifier));
  font-style: normal;
  font-weight: 400;
}

.hs-elevate-h1 {
  font-family: var(--hsElevate--h1__font);
  font-size: calc(var(--hsElevate--h1__fontSize) * var(--hsElevate--heading__tablet-modifier));
  font-style: var(--hsElevate--h1__fontStyle);
  font-weight: var(--hsElevate--h1__fontWeight);
}

.hs-elevate-h2 {
  font-family: var(--hsElevate--h2__font);
  font-size: calc(var(--hsElevate--h2__fontSize) * var(--hsElevate--heading__tablet-modifier));
  font-style: var(--hsElevate--h2__fontStyle);
  font-weight: var(--hsElevate--h2__fontWeight);
}

.hs-elevate-h3 {
  font-family: var(--hsElevate--h3__font);
  font-size: calc(var(--hsElevate--h3__fontSize) * var(--hsElevate--heading__tablet-modifier));
  font-style: var(--hsElevate--h3__fontStyle);
  font-weight: var(--hsElevate--h3__fontWeight);
}

.hs-elevate-h4 {
  font-family: var(--hsElevate--h4__font);
  font-size: calc(var(--hsElevate--h4__fontSize) * var(--hsElevate--heading__tablet-modifier));
  font-style: var(--hsElevate--h4__fontStyle);
  font-weight: var(--hsElevate--h4__fontWeight);
}

.hs-elevate-h5 {
  font-family: var(--hsElevate--h5__font);
  font-size: calc(var(--hsElevate--h5__fontSize) * var(--hsElevate--heading__tablet-modifier));
  font-style: var(--hsElevate--h5__fontStyle);
  font-weight: var(--hsElevate--h5__fontWeight);
}

.hs-elevate-h6 {
  font-family: var(--hsElevate--h6__font);
  font-size: calc(var(--hsElevate--h6__fontSize) * var(--hsElevate--heading__tablet-modifier));
  font-style: var(--hsElevate--h6__fontStyle);
  font-weight: var(--hsElevate--h6__fontWeight);
}

@media (min-width: 767px) {
  .hs-elevate-display-1 {
    font-size: var(--hsElevate--display1__fontSize);
  }

  .hs-elevate-display-2 {
    font-size: var(--hsElevate--display2__fontSize);
  }

  .hs-elevate-h1 {
    font-size: var(--hsElevate--h1__fontSize);
  }

  .hs-elevate-h2 {
    font-size: var(--hsElevate--h2__fontSize);
  }

  .hs-elevate-h3 {
    font-size: var(--hsElevate--h3__fontSize);
  }

  .hs-elevate-h4 {
    font-size: var(--hsElevate--h4__fontSize);
  }

  .hs-elevate-h5 {
    font-size: var(--hsElevate--h5__fontSize);
  }

  .hs-elevate-h6 {
    font-size: var(--hsElevate--h6__fontSize);
  }
}

/* Lists */

/* Y&P: 参考サイトのリセット（ul/ol margin 0, list-style none）を優先 */
ul,
ol {
  margin-block: 0;
}

/* Blockquotes */

blockquote {
  padding: var(--hsElevate--spacing--24, 24px);
  border-radius: var(--hsElevate-rounded--extra-small);
  border-left: 3px solid var(--hsElevate--blockquote__accentColor, var(--hsElevate--section--lightSection--1--blockquote__accentColor));
  background-color: var(--hsElevate--blockquote__backgroundColor, var(--hsElevate--section--lightSection--1--blockquote__backgroundColor));
  color: var(--hsElevate--blockquote__fontColor, var(--hsElevate--section--lightSection--1--blockquote__textColor));
  font-family: var(--hsElevate--quotes__font);
  font-size: var(--hsElevate--quotes__fontSize);
  font-style: var(--hsElevate--quotes__fontStyle);
  font-weight: var(--hsElevate--quotes__fontWeight);
  margin-block: var(--hsElevate--text__margin);
}

:is(.hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_inline_richtext_field) blockquote {
  padding: var(--hsElevate--spacing--24, 24px);
  border-radius: var(--hsElevate-rounded--extra-small);
  border-left: 3px solid var(--hsElevate--blockquote__accentColor, var(--hsElevate--section--lightSection--1--blockquote__accentColor));
  background-color: var(--hsElevate--blockquote__backgroundColor, var(--hsElevate--section--lightSection--1--blockquote__backgroundColor));
  color: var(--hsElevate--blockquote__fontColor, var(--hsElevate--section--lightSection--1--blockquote__textColor));
  font-family: var(--hsElevate--quotes__font);
  font-size: var(--hsElevate--quotes__fontSize);
  font-style: var(--hsElevate--quotes__fontStyle);
  font-weight: var(--hsElevate--quotes__fontWeight);
  margin-block: var(--hsElevate--text__margin);
}

@media (max-width: 767.98px) {
  :is(.hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_inline_richtext_field) blockquote {
    font-size: calc(var(--hsElevate--body__fontSize) + 4px);
    margin-inline: 0;
  }
}

/* Captions */

.hs-elevate-caption {
  color: var(--hsElevate--captions__fontColor, var(--hsElevate--section--lightSection--1--captionColor));
  font-family: var(--hsElevate--captions__font);
  font-size: var(--hsElevate--captions__fontSize);
  font-style: var(--hsElevate--captions__fontStyle);
  font-weight: var(--hsElevate--captions__fontWeight);
  text-transform: var(--hsElevate--captions__case);
}

/* Tags */

.hs-elevate-tag {
  padding: 2px 8px;
  border-color: var(--hsElevate--tag__borderColor);
  border-radius: var(--hsElevate--tag__borderRadius);
  border-style: solid;
  border-width: var(--hsElevate--tag__borderThickness);
  background-color: var(--hsElevate--tag__backgroundColor);
  color: var(--hsElevate--tag__textColor);
  font-family: var(--hsElevate--tag__font);
  font-size: var(--hsElevate--tag__fontSize);
  font-style: var(--hsElevate--tag__fontStyle);
  font-weight: var(--hsElevate--tag__fontWeight);
  text-transform: var(--hsElevate--tag__case);
}

/* Images in rich text */

:is(.hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_inline_richtext_field) img {
  max-width: 100%;
  margin-block-end: var(--hsElevate--rteImages__margin);
}

.hs-elevate-button:focus {
  outline: 2px solid #53acff;
  outline-offset: 2px;
}

.hs-elevate-button--primary {
  font-family: var(--hsElevate--button--primary__font);
  font-size: var(--hsElevate--button--primary__fontSize);
  font-weight: var(--hsElevate--button--primary__fontWeight);
  font-style: var(--hsElevate--button--primary__fontStyle);
  color: var(--hsElevate--button--primary__textColor);
  border-width: var(--hsElevate--button--primary__borderThickness);
  background-color: var(--hsElevate--button--primary__backgroundColor);
  border-style: solid;
  border-color: var(--hsElevate--button--primary__borderColor);
  border-radius: var(--hsElevate--button--primary__borderRadius);
  text-decoration: none;
}

.hs-elevate-button--primary:hover {
  color: var(--hsElevate--button--primary__hover--textColor);
  background-color: var(--hsElevate--button--primary__hover--backgroundColor);
  border-color: var(--hsElevate--button--primary__hover--borderColor);
  border-width: var(--hsElevate--button--primary__hover--borderThickness);
  text-decoration: none;
}

.hs-elevate-button--primary:active {
  color: var(--hsElevate--button--primary__hover--textColor);
  background-color:  #4a36ca  ;
  border-color:    ;
  border-width: var(--hsElevate--button--primary__hover--borderThickness);
  text-decoration: none;
}

.hs-elevate-button--secondary {
  font-family: var(--hsElevate--button--secondary__font);
  font-size: var(--hsElevate--button--secondary__fontSize);
  font-weight: var(--hsElevate--button--secondary__fontWeight);
  font-style: var(--hsElevate--button--secondary__fontStyle);
  color: var(--hsElevate--button--secondary__textColor);
  border-width: var(--hsElevate--button--secondary__borderThickness);
  background-color: var(--hsElevate--button--secondary__backgroundColor);
  border-style: solid;
  border-color: var(--hsElevate--button--secondary__borderColor);
  border-radius: var(--hsElevate--button--secondary__borderRadius);
  text-decoration: none;
}

.hs-elevate-button--secondary:hover {
  color: var(--hsElevate--button--secondary__hover--textColor);
  background-color: var(--hsElevate--button--secondary__hover--backgroundColor);
  border-color: var(--hsElevate--button--secondary__hover--borderColor);
  border-width: var(--hsElevate--button--secondary__hover--borderThickness);
  text-decoration: none;
}

.hs-elevate-button--secondary:active {
  color: var(--hsElevate--button--secondary__hover--textColor);
  background-color:  transparent  ;
  border-color:  #4a36ca  ;
  border-width: var(--hsElevate--button--secondary__hover--borderThickness);
  text-decoration: none;
}

.hs-elevate-button--tertiary {
  font-family: var(--hsElevate--button--tertiary__font);
  font-size: var(--hsElevate--button--tertiary__fontSize);
  font-weight: var(--hsElevate--button--tertiary__fontWeight);
  font-style: var(--hsElevate--button--tertiary__fontStyle);
  color: var(--hsElevate--button--tertiary__textColor);
  border-width: var(--hsElevate--button--tertiary__borderThickness);
  background-color: var(--hsElevate--button--tertiary__backgroundColor);
  border-style: solid;
  border-color: var(--hsElevate--button--tertiary__borderColor);
  border-radius: var(--hsElevate--button--tertiary__borderRadius);
  text-decoration: none;
}

.hs-elevate-button--tertiary:hover {
  color: var(--hsElevate--button--tertiary__hover--textColor);
  background-color: var(--hsElevate--button--tertiary__hover--backgroundColor);
  border-color: var(--hsElevate--button--tertiary__hover--borderColor);
  border-width: var(--hsElevate--button--tertiary__hover--borderThickness);
  text-decoration: none;
}

.hs-elevate-button--tertiary:active {
  color: var(--hsElevate--button--tertiary__hover--textColor);
  background-color:  #cbc7e1  ;
  border-color:    ;
  border-width: var(--hsElevate--button--tertiary__hover--borderThickness);
  text-decoration: none;
}

.hs-elevate-button--accent {
  font-family: var(--hsElevate--button--accent__font);
  font-size: var(--hsElevate--button--accent__fontSize);
  font-weight: var(--hsElevate--button--accent__fontWeight);
  font-style: var(--hsElevate--button--accent__fontStyle);
  color: var(--hsElevate--button--accent__textColor);
  border-width: var(--hsElevate--button--accent__borderThickness);
  background-color: var(--hsElevate--button--accent__backgroundColor);
  border-style: solid;
  border-color: var(--hsElevate--button--accent__borderColor);
  border-radius: var(--hsElevate--button--accent__borderRadius);
  text-decoration: none;
}

.hs-elevate-button--accent:hover {
  color: var(--hsElevate--button--accent__hover--textColor);
  background-color: var(--hsElevate--button--accent__hover--backgroundColor);
  border-color: var(--hsElevate--button--accent__hover--borderColor);
  border-width: var(--hsElevate--button--accent__hover--borderThickness);
  text-decoration: none;
}

.hs-elevate-button--accent:active {
  color: var(--hsElevate--button--accent__hover--textColor);
  background-color:    ;
  border-color:  #cbc7e1  ;
  border-width: var(--hsElevate--button--accent__hover--borderThickness);
  text-decoration: none;
}

.hs-elevate-card--variant-1 {
  border-color: var(--hsElevate--card--variant1__borderColor);
  border-radius: var(--hsElevate--card--variant1__borderRadius);
  border-style: solid;
  border-width: var(--hsElevate--card--variant1__borderThickness);
  background-color: var(--hsElevate--card--variant1__backgroundColor);
  color: var(--hsElevate--card--variant1__textColor);
}

.hs-elevate-card--variant-1 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link, .ckb__link, .cpt__link, .ctab__button, .ctab__sns-link, .fcta__btn, .link-black, .link-white, .mtc__link, .nl__list-link, .nl__news-link, .nl__seminar-title, .oal__link, .odp__map-link, .omi__link, .plc__card, .rlb__pill, .scg__card, .shb__breadcrumb-link, .vc__all, .vc__card, .ccb, .ivh__breadcrumb-link, .mcl__card, .hsd__button, .jgl__button, .msc__link, .slc__card, .svd__button) {
  color: var(--hsElevate--card--variant1--link__fontColor);
  -webkit-text-decoration: var(--hsElevate--card--variant1--link__textDecoration);
  text-decoration: var(--hsElevate--card--variant1--link__textDecoration);
  text-decoration-color: var(--hsElevate--card--variant1--link__textDecorationColor);
}

.hs-elevate-card--variant-1 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link, .ckb__link, .cpt__link, .ctab__button, .ctab__sns-link, .fcta__btn, .link-black, .link-white, .mtc__link, .nl__list-link, .nl__news-link, .nl__seminar-title, .oal__link, .odp__map-link, .omi__link, .plc__card, .rlb__pill, .scg__card, .shb__breadcrumb-link, .vc__all, .vc__card, .ccb, .ivh__breadcrumb-link, .mcl__card, .hsd__button, .jgl__button, .msc__link, .slc__card, .svd__button):hover,
.hs-elevate-card--variant-1 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link, .ckb__link, .cpt__link, .ctab__button, .ctab__sns-link, .fcta__btn, .link-black, .link-white, .mtc__link, .nl__list-link, .nl__news-link, .nl__seminar-title, .oal__link, .odp__map-link, .omi__link, .plc__card, .rlb__pill, .scg__card, .shb__breadcrumb-link, .vc__all, .vc__card, .ccb, .ivh__breadcrumb-link, .mcl__card, .hsd__button, .jgl__button, .msc__link, .slc__card, .svd__button):focus {
  color: var(--hsElevate--card--variant1--link__hover--fontColor);
  -webkit-text-decoration: var(--hsElevate--card--variant1--link__hover--textDecoration);
  text-decoration: var(--hsElevate--card--variant1--link__hover--textDecoration);
  text-decoration-color: var(--hsElevate--card--variant1--link__hover--textDecorationColor);
}

.hs-elevate-card--variant-2 {
  border-color: var(--hsElevate--card--variant2__borderColor);
  border-radius: var(--hsElevate--card--variant2__borderRadius);
  border-style: solid;
  border-width: var(--hsElevate--card--variant2__borderThickness);
  background-color: var(--hsElevate--card--variant2__backgroundColor);
  color: var(--hsElevate--card--variant2__textColor);
}

.hs-elevate-card--variant-2 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link, .ckb__link, .cpt__link, .ctab__button, .ctab__sns-link, .fcta__btn, .link-black, .link-white, .mtc__link, .nl__list-link, .nl__news-link, .nl__seminar-title, .oal__link, .odp__map-link, .omi__link, .plc__card, .rlb__pill, .scg__card, .shb__breadcrumb-link, .vc__all, .vc__card, .ccb, .ivh__breadcrumb-link, .mcl__card, .hsd__button, .jgl__button, .msc__link, .slc__card, .svd__button) {
  color: var(--hsElevate--card--variant2--link__fontColor);
  -webkit-text-decoration: var(--hsElevate--card--variant2--link__textDecoration);
  text-decoration: var(--hsElevate--card--variant2--link__textDecoration);
  text-decoration-color: var(--hsElevate--card--variant2--link__textDecorationColor);
}

.hs-elevate-card--variant-2 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link, .ckb__link, .cpt__link, .ctab__button, .ctab__sns-link, .fcta__btn, .link-black, .link-white, .mtc__link, .nl__list-link, .nl__news-link, .nl__seminar-title, .oal__link, .odp__map-link, .omi__link, .plc__card, .rlb__pill, .scg__card, .shb__breadcrumb-link, .vc__all, .vc__card, .ccb, .ivh__breadcrumb-link, .mcl__card, .hsd__button, .jgl__button, .msc__link, .slc__card, .svd__button):hover,
.hs-elevate-card--variant-2 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link, .ckb__link, .cpt__link, .ctab__button, .ctab__sns-link, .fcta__btn, .link-black, .link-white, .mtc__link, .nl__list-link, .nl__news-link, .nl__seminar-title, .oal__link, .odp__map-link, .omi__link, .plc__card, .rlb__pill, .scg__card, .shb__breadcrumb-link, .vc__all, .vc__card, .ccb, .ivh__breadcrumb-link, .mcl__card, .hsd__button, .jgl__button, .msc__link, .slc__card, .svd__button):focus {
  color: var(--hsElevate--card--variant2--link__hover--fontColor);
  -webkit-text-decoration: var(--hsElevate--card--variant2--link__hover--textDecoration);
  text-decoration: var(--hsElevate--card--variant2--link__hover--textDecoration);
  text-decoration-color: var(--hsElevate--card--variant2--link__hover--textDecorationColor);
}

.hs-elevate-card--variant-3 {
  border-color: var(--hsElevate--card--variant3__borderColor);
  border-radius: var(--hsElevate--card--variant3__borderRadius);
  border-style: solid;
  border-width: var(--hsElevate--card--variant3__borderThickness);
  background-color: var(--hsElevate--card--variant3__backgroundColor);
  color: var(--hsElevate--card--variant3__textColor);
}

.hs-elevate-card--variant-3 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link, .ckb__link, .cpt__link, .ctab__button, .ctab__sns-link, .fcta__btn, .link-black, .link-white, .mtc__link, .nl__list-link, .nl__news-link, .nl__seminar-title, .oal__link, .odp__map-link, .omi__link, .plc__card, .rlb__pill, .scg__card, .shb__breadcrumb-link, .vc__all, .vc__card, .ccb, .ivh__breadcrumb-link, .mcl__card, .hsd__button, .jgl__button, .msc__link, .slc__card, .svd__button) {
  color: var(--hsElevate--card--variant3--link__fontColor);
  -webkit-text-decoration: var(--hsElevate--card--variant3--link__textDecoration);
  text-decoration: var(--hsElevate--card--variant3--link__textDecoration);
  text-decoration-color: var(--hsElevate--card--variant3--link__textDecorationColor);
}

.hs-elevate-card--variant-3 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link, .ckb__link, .cpt__link, .ctab__button, .ctab__sns-link, .fcta__btn, .link-black, .link-white, .mtc__link, .nl__list-link, .nl__news-link, .nl__seminar-title, .oal__link, .odp__map-link, .omi__link, .plc__card, .rlb__pill, .scg__card, .shb__breadcrumb-link, .vc__all, .vc__card, .ccb, .ivh__breadcrumb-link, .mcl__card, .hsd__button, .jgl__button, .msc__link, .slc__card, .svd__button):hover,
.hs-elevate-card--variant-3 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link, .ckb__link, .cpt__link, .ctab__button, .ctab__sns-link, .fcta__btn, .link-black, .link-white, .mtc__link, .nl__list-link, .nl__news-link, .nl__seminar-title, .oal__link, .odp__map-link, .omi__link, .plc__card, .rlb__pill, .scg__card, .shb__breadcrumb-link, .vc__all, .vc__card, .ccb, .ivh__breadcrumb-link, .mcl__card, .hsd__button, .jgl__button, .msc__link, .slc__card, .svd__button):focus {
  color: var(--hsElevate--card--variant3--link__hover--fontColor);
  -webkit-text-decoration: var(--hsElevate--card--variant3--link__hover--textDecoration);
  text-decoration: var(--hsElevate--card--variant3--link__hover--textDecoration);
  text-decoration-color: var(--hsElevate--card--variant3--link__hover--textDecorationColor);
}

.hs-elevate-card--variant-4 {
  border-color: var(--hsElevate--card--variant4__borderColor);
  border-radius: var(--hsElevate--card--variant4__borderRadius);
  border-style: solid;
  border-width: var(--hsElevate--card--variant4__borderThickness);
  background-color: var(--hsElevate--card--variant4__backgroundColor);
  color: var(--hsElevate--card--variant4__textColor);
}

.hs-elevate-card--variant-4 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link, .ckb__link, .cpt__link, .ctab__button, .ctab__sns-link, .fcta__btn, .link-black, .link-white, .mtc__link, .nl__list-link, .nl__news-link, .nl__seminar-title, .oal__link, .odp__map-link, .omi__link, .plc__card, .rlb__pill, .scg__card, .shb__breadcrumb-link, .vc__all, .vc__card, .ccb, .ivh__breadcrumb-link, .mcl__card, .hsd__button, .jgl__button, .msc__link, .slc__card, .svd__button) {
  color: var(--hsElevate--card--variant4--link__fontColor);
  -webkit-text-decoration: var(--hsElevate--card--variant4--link__textDecoration);
  text-decoration: var(--hsElevate--card--variant4--link__textDecoration);
  text-decoration-color: var(--hsElevate--card--variant4--link__textDecorationColor);
}

.hs-elevate-card--variant-4 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link, .ckb__link, .cpt__link, .ctab__button, .ctab__sns-link, .fcta__btn, .link-black, .link-white, .mtc__link, .nl__list-link, .nl__news-link, .nl__seminar-title, .oal__link, .odp__map-link, .omi__link, .plc__card, .rlb__pill, .scg__card, .shb__breadcrumb-link, .vc__all, .vc__card, .ccb, .ivh__breadcrumb-link, .mcl__card, .hsd__button, .jgl__button, .msc__link, .slc__card, .svd__button):hover,
.hs-elevate-card--variant-4 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link, .ckb__link, .cpt__link, .ctab__button, .ctab__sns-link, .fcta__btn, .link-black, .link-white, .mtc__link, .nl__list-link, .nl__news-link, .nl__seminar-title, .oal__link, .odp__map-link, .omi__link, .plc__card, .rlb__pill, .scg__card, .shb__breadcrumb-link, .vc__all, .vc__card, .ccb, .ivh__breadcrumb-link, .mcl__card, .hsd__button, .jgl__button, .msc__link, .slc__card, .svd__button):focus {
  color: var(--hsElevate--card--variant4--link__hover--fontColor);
  -webkit-text-decoration: var(--hsElevate--card--variant4--link__hover--textDecoration);
  text-decoration: var(--hsElevate--card--variant4--link__hover--textDecoration);
  text-decoration-color: var(--hsElevate--card--variant4--link__hover--textDecorationColor);
}

/* Form */

.hs-form,
.hs-elevate-system-form form,
.hs-elevate-system-form--subscription-preferences form .email-prefs {
  padding: var(--hsElevate--form__padding);
  border-color: var(--hsElevate--form__borderColor);
  border-radius: var(--hsElevate--form__borderRadius);
  border-style: solid;
  border-width: var(--hsElevate--form__borderThickness);
  background: var(--hsElevate--form__backgroundColor);
}

/* Form labels */

:is(.hs-form, .hs-elevate-system-form) label,
.hs-elevate-system-form--subscription-preferences .fakelabel {
  display: block;
  color: var(--hsElevate--formLabel__textColor);
  font-family: var(--hsElevate--formLabel__font);
  font-size: var(--hsElevate--formLabel__fontSize);
  font-weight: var(--hsElevate--formLabel__fontWeight);
  margin-block-end: var(--hsElevate--formLabel__marginBottom);
}

/* Form fields */

.hs-form .hs-form-field {
  margin-block-end: var(--hsElevate--formField__marginBottom);
}

:is(.hs-form, .hs-elevate-system-form) input[type='text'],
:is(.hs-form, .hs-elevate-system-form) input[type='email'],
:is(.hs-form, .hs-elevate-system-form) input[type='password'],
:is(.hs-form, .hs-elevate-system-form) input[type='tel'],
:is(.hs-form, .hs-elevate-system-form) input[type='number'],
:is(.hs-form, .hs-elevate-system-form) input[type='search'],
:is(.hs-form, .hs-elevate-system-form) select,
:is(.hs-form, .hs-elevate-system-form) textarea {
  width: 100% !important;
  border-radius: var(--hsElevate--formField__borderRadius);
  border-top: var(--hsElevate--formField__borderTop);
  border-right: var(--hsElevate--formField__borderRight);
  border-bottom: var(--hsElevate--formField__borderBottom);
  border-left: var(--hsElevate--formField__borderLeft);
  background-color: var(--hsElevate--formField__backgroundColor);
  color: var(--hsElevate--formFieldInput__textColor);
  padding-block: var(--hsElevate--spacing--20);
  padding-inline: var(--hsElevate--spacing--32);
}

.hs-input.hs-fieldtype-intl-phone {
  display: flex;
  width: 100% !important;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px; /* matches column margins from form injection */
}

.hs-input.hs-fieldtype-intl-phone > input {
  flex: 1 0 calc(70% - 8px) !important;
}

.hs-input.hs-fieldtype-intl-phone > select {
  flex: 1 0 30% !important;
}

@media (max-width: 600px) {
  .hs-input.hs-fieldtype-intl-phone {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 8px;
  }

  .hs-input.hs-fieldtype-intl-phone > select,
  .hs-input.hs-fieldtype-intl-phone > input {
    min-width: 100%;
    flex: 1 1 100%;
  }

  .hs-input.hs-fieldtype-intl-phone > select {
    padding-inline: var(--hsElevate--spacing--16);
  }
}

.hs-form-field.hs-fieldtype-file .hs-input,
.hs-form fieldset {
  max-width: 100% !important;
}

/* Form fields - textarea */

.hs-form textarea {
  position: relative;
  height: 160px;
  border-radius: var(--hsElevate--formFieldTextArea__borderRadius);
}

.hs-form textarea::-webkit-resizer {
  display: none;
}

.hs-form .hs_multi_line_field .input {
  position: relative;
}

.hs-form .hs_multi_line_field .input:after {
  position: absolute;
  right: var(--hsElevate--spacing--8);
  bottom: var(--hsElevate--spacing--8);
  content: var(--hsElevate--formField__dragIcon);
  pointer-events: none;
}

/* Form fields - select */

.hs-form .hs-fieldtype-select .input {
  position: relative;
}

.hs-form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.hs-form .hs-fieldtype-select .input:after {
  position: absolute;
  top: 50%;
  right: var(--hsElevate--spacing--32);
  content: var(--hsElevate--formField__selectIcon);
  pointer-events: none;
  transform: translateY(-50%);
}

/* Form fields - datepicker */

.hs-form .hs-dateinput {
  position: relative;
}

.hs-form .hs-dateinput:before {
  position: absolute;
  top: 50%;
  right: var(--hsElevate--spacing--32);
  content: var(--hsElevate--formField__datepickerIcon);
  pointer-events: none;
  transform: translateY(-50%);
}

/* Form fields - placeholders */

::-moz-placeholder {
  color: var(--hsElevate--formFieldPlaceholder__textColor);
}

::placeholder {
  color: var(--hsElevate--formFieldPlaceholder__textColor);
}

/* Form fields - checkbox/radio */

.hs-form .inputs-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.hs-form .inputs-list li {
  display: block;
  margin-block-end: var(--hsElevate--spacing--16);
}

.hs-form .inputs-list li:last-of-type {
  margin-block-end: 0;
}

.hs-form .inputs-list :is(input, span) {
  vertical-align: middle;
}

:is(.hs-form, .hs-elevate-system-form) input[type='checkbox'],
:is(.hs-form, .hs-elevate-system-form) input[type='radio'] {
  height: var(--hsElevate--formFieldCheckboxRadio__size);
  width: var(--hsElevate--formFieldCheckboxRadio__size) !important;
  accent-color: var(--hsElevate--formFieldCheckboxRadio__fillColor);
  cursor: pointer;
  margin-inline-end: var(--hsElevate--spacing--12);
}

/* Form help text */

.hs-form legend {
  /* To do: figure out where we should pull this from */
  color: var(--hsElevate--formHelpText__textColor);
  margin-block-end: var(--hsElevate--spacing--8);
}

/* Form rich text */

.hs-form .hs-richtext {
  color: var(--hsElevate--formLabel__textColor);
}

.hs-form .hs-richtext img {
  height: auto;
  max-width: 100% !important;
}

/* Form error messages */

.hs-form .hs-input.error {
  border-color: var(--hsElevate--formRequired__color);
}

.hs-form .hs-error-msg,
.hs-form .hs-error-msgs {
  color: var(--hsElevate--formRequired__color);
  margin-block-start: var(--hsElevate--spacing--4);
}

/* Form button */

:is(.hs-form, .hs-elevate-system-form) .hs-button,
:is(.hs-form, .hs-elevate-system-form) input[type='submit'] {
  display: inline-block;
  width: 100%;
  border-color: var(--hsElevate--button--primary__borderColor);
  border-radius: var(--hsElevate--button--primary__borderRadius);
  border-style: solid;
  border-width: var(--hsElevate--button--primary__borderThickness);
  background-color: var(--hsElevate--button--primary__backgroundColor);
  color: var(--hsElevate--button--primary__textColor);
  cursor: pointer;
  font-family: var(--hsElevate--button--primary__font);
  font-size: var(--hsElevate--button--primary__fontSize);
  font-style: var(--hsElevate--button--primary__fontStyle);
  font-weight: var(--hsElevate--button--primary__fontWeight);
  padding-block: var(--hsElevate--spacing--20);
  padding-inline: var(--hsElevate--spacing--24);
  text-align: center;
  text-decoration: none;
  transition: all 0.15s linear;
  white-space: normal !important;
}

:is(.hs-form, .hs-elevate-system-form) .hs-button:hover,
:is(.hs-form, .hs-elevate-system-form) .hs-button:focus,
:is(.hs-form, .hs-elevate-system-form) input[type='submit']:hover,
:is(.hs-form, .hs-elevate-system-form) input[type='submit']:focus {
  border-color: var(--hsElevate--button--primary__hover--borderColor);
  border-width: var(--hsElevate--button--primary__hover--borderThickness);
  background-color: var(--hsElevate--button--primary__hover--backgroundColor);
  color: var(--hsElevate--button--primary__hover--textColor);
  text-decoration: none;
}

/* Captcha */

.grecaptcha-badge {
  margin-block: 0;
  margin-inline: auto;
}

/* Components */

/* Navigation skipper */

.hs-elevate-header__skip {
  position: absolute;
  top: -1000px;
  left: -1000px;
  overflow: hidden;
  height: 1px;
  width: 1px;
  text-align: left;
}

.hs-elevate-header__skip:hover,
.hs-elevate-header__skip:focus,
.hs-elevate-header__skip:active {
  z-index: 2;
  top: 0;
  left: 0;
  overflow: visible;
  height: auto;
  width: auto;
}

/*
  TODO: Move this code to the MenuComponent styled-component code -- keeping it here to prevent conflicts with open Menu PRs
  TODO: Remove this file and its references from main.hubl.css
*/

@media (max-width: 767px) {
  .hs-elevate-footer .hs-elevate-menu {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

/*
  Spacing variables are:
  --hsElevate--menuItem__padding
  --hsElevate--menuItem__margin
  --hsElevate--menu--topLevel__gap
  --hsElevate--flyoutSubMenu__top
  --hsElevate--flyoutSubMenu__left
  --hsElevate--flyoutSubMenu__right
  --hsElevate--flyoutSubMenu__bottom
  --hsElevate--firstFlyoutMenu__top
  --hsElevate--firstFlyoutMenu__left
  --hsElevate--firstFlyoutMenu__right
  --hsElevate--firstFlyoutMenu__bottom
 */

.hs-elevate-menu {
  display: flex;
}

.hs-elevate-menu,
.hs-elevate-menu ul {
  list-style: none;
}

.hs-elevate-menu li {
  position: relative;
}

.hs-elevate-menu--horizontal {
  flex-direction: row;
  flex-wrap: wrap;
}

.hs-elevate-menu--vertical {
  flex-direction: column;
}

.hs-elevate-menu {
  gap: var(--hsElevate--menu--topLevel__gap, 0);
}

.hs-elevate-menu--desktop {
  margin: 0;
}

.hs-elevate-menu__flyout-submenu {
  min-width: -moz-max-content;
  min-width: max-content;
  max-width: 250px;
  white-space: nowrap;
  overflow-wrap: break-word;
  padding: 20px;
  border: 1px solid #f7f7f7;
  border-radius: 8px;
  background-color: white;
}

.logo-company-name {
  margin-block: 0;
}

/* Offsets margin on ul element inside default image grid */

.hs-image__grid__list {
  margin-block: 0;
}

/* Logo responsive styling */

.widget-type-logo img {
  height: auto;
  max-width: 100%;
}

/* Preset-specific styles */

/* Onyx preset specific styles */

  

 

/* ====================================================================
   Y&P: recruit.yamada-partners.jp のデザインを1:1で再現するため、
   HubSpot Elevateテーマ標準の .dnd-section / .row-fluid /
   .hs-elevate-content-wrapper によるpadding・max-width・中央寄せを無効化。
   各モジュール側のCSS（p-* クラス）で幅・余白を完全に制御する。
   ==================================================================== */

.dnd-section {
  padding: 0;
}

.dnd-section > .row-fluid,
.hs-elevate-content-wrapper {
  margin: 0;
  max-width: none;
  width: 100%;
}

.hs-elevate-content-wrapper {
  padding: 0;
}

.row-fluid {
  display: block;
  width: 100%;
}

.row-fluid > .span12 {
  width: 100%;
}

/* ====================================================================
   Y&P: 参考サイト（recruit.yamada-partners.jp）の共通コンポーネント。
   クラス名は参考サイトと同一にしてある（複数モジュールから再利用するため）。
   ==================================================================== */

/*--------------- link（component） ---------------*/
.link {
  display: inline-block;
  position: relative;
  font-size: 4.2666666667vw;
  cursor: pointer;
}

.link-detail {
  display: inline-block;
  padding: 1.3333333333vw 4.8vw 1.3333333333vw 2.6666666667vw;
  font-weight: 300;
  letter-spacing: 0.05em;
  text-decoration: none;
}

.link-detail::before {
  content: "";
  position: absolute;
  bottom: -0.5333333333vw;
  left: 0;
  display: inline-block;
  width: 100%;
  transition: 0.2s;
}

.link-detail::after {
  content: "";
  position: absolute;
  right: 0.6666666667vw;
  bottom: -0.5333333333vw;
  display: inline-block;
  height: 2.4vw;
  transform: skew(45deg);
  transition: 0.2s;
}

.link-black {
  color: #4d4d4d;
}
.link-black::before {
  border-bottom: 0.5333333333vw solid #4d4d4d;
}
.link-black::after {
  border-right: 0.7vw solid #4d4d4d;
}

.link-white {
  color: #ffffff;
}
.link-white::before {
  border-bottom: 0.5333333333vw solid #ffffff;
}
.link-white::after {
  border-right: 0.7vw solid #ffffff;
}

@media (min-width: 768px) {
  .link {
    font-size: 1.6rem;
    transition: 0.2s;
  }

  .link-detail {
    padding: 5px 20px 5px 10px;
    font-weight: 400;
  }
  .link-detail::before {
    bottom: -2px;
  }
  .link-detail::after {
    right: 3px;
    bottom: -2px;
    height: 10px;
  }

  .link-black::before {
    border-bottom: 2px solid #4d4d4d;
  }
  .link-black::after {
    border-right: 3px solid #4d4d4d;
  }
  .link-black:hover {
    color: #00afaa;
  }
  .link-black:hover::before {
    left: 8px;
    border-bottom: 2px solid #00afaa;
  }
  .link-black:hover::after {
    right: -7px;
    border-right: 3px solid #00afaa;
  }

  .link-white::before {
    border-bottom: 2px solid #ffffff;
  }
  .link-white::after {
    border-right: 3px solid #ffffff;
  }
  .link-white:hover {
    color: #00afaa;
  }
  .link-white:hover::before {
    left: 8px;
    border-bottom: 2px solid #00afaa;
  }
  .link-white:hover::after {
    right: -7px;
    border-right: 3px solid #00afaa;
  }
}

/*--------------- d-flex（layout utility） ---------------*/
.d-flex {
  display: flex;
}
.justify-content-center {
  justify-content: center;
}

/* HubSpot Elevateテーマ側が後方で html{font-size:var(--hsElevate--baseText__fontSize)} を
   再定義してしまうため、参考サイトの base.css どおり 62.5%（1rem=10px）で確実に上書きする */
html {
  font-size: 62.5%;
}

/*--------------- content-wrap / main-content（layout） ---------------*/
/* .header が position:fixed のため、下に隠れないよう本文側を押し下げる。
   参考サイトの .content-wrap と同じ値（ヘッダー高さと一致）。TOPページのみ
   ヘッダーが透過してヒーローに重なる仕様のため .page-top で相殺する。
   参考サイトの実際の構造どおり、.content-wrap（パンくず＋main-contentの外枠）と
   .main-content（<main>本体。ジグザグ画像等の画面外はみ出しをここで切り取る）は別要素・別ルール。 */
.content-wrap {
  position: relative;
  padding-top: 13.3333333333vw;
}
/* スマホでは参考サイトのTOPもヘッダー分の余白が入る（.page-top の打ち消しは無い）ため、
   ここでは相殺しない。768px以上のみ相殺する。 */
.main-content {
  position: relative;
  overflow: hidden;
}

/*--------------- page-title（object） ---------------*/
/* 参考サイトの .page-title 基本ルール（移植漏れ分を追補）。
   モバイルは色ベタ帯＋中央寄せ、PCは上の @media で絶対配置＋斜め帯に切り替わる。 */
.page-title {
  position: relative;
  width: 100%;
  padding: 2.1333333333vw 4vw;
  background-color: #00afaa;
  text-align: center;
}
/* 参考サイトの .box-list-item 共通レイアウト。
   モジュールCSSにしか入っておらず、そのモジュールを使わないページ
   （強み・事業内容・想い など）で縦並び指定が失われていたためテーマ側にも置く。 */
.box-list-item .box-list-item-title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.page-title .page-title-en {
  display: inline-block;
  margin: 0 0 2.6666666667vw;
  height: 5.0666666667vw;
  overflow: hidden;
  /* Elevateの h1 既定（20px）が効くと行ボックスが広がり、
     高さ固定＋overflow:hidden の中で画像の縦位置がずれるため参考サイトと同じ1remにする */
  font-size: 1rem;
  line-height: 1;
}
.page-title .page-title-en img {
  width: auto;
  height: 5.0666666667vw;
  margin: 0 auto;
}
.page-title .page-title-jp {
  height: 100%;
  /* Elevateの h1 既定マージンを打ち消す（参考サイトのリセットと同じ） */
  margin: 0;
  color: #fff;
  font-size: 3.4666666667vw;
  letter-spacing: 0.06em;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
}
/* 参考サイトの .page-title .page-title-jp span。移植漏れで見出しの行高が狭くなっていた。 */
.page-title .page-title-jp span {
  display: inline-block;
  overflow: hidden;
  line-height: 1.5;
}
.page-title-light-purple { background-color: #dcd5e5; }
.page-title-light-purple .page-title-jp { color: #00afaa; }
.page-title-pink { background-color: #fbd4d9; }
.page-title-pink .page-title-jp { color: #00afaa; }
.page-title-orange { background-color: #ff7d1e; }
.page-title-orange .page-title-jp { color: #fff; }
.page-title-cyan { background-color: #00a7b5; }
.page-title-cyan .page-title-jp { color: #fff; }
.page-title-green { background-color: #00afaa; }
.page-title-green .page-title-jp { color: #fff; }
.page-title-light-green { background-color: #bfebea; }
.page-title-light-green .page-title-jp { color: #00afaa; }

@media (min-width: 768px) {
  .content-wrap {
    padding-top: 150px;
  }
  .page-top .content-wrap {
    padding-top: 0;
  }
}
@media (min-width: 1200px) {
  .content-wrap {
    padding-top: 100px;
  }
  .page-top .content-wrap {
    padding-top: 0;
  }
}

/*--------------- block-title（共通見出しコンポーネント） ---------------*/
.block-title {
  position: relative;
  text-align: center;
}
.block-title .block-title-en {
  margin-bottom: 4vw;
  height: 5.0666666667vw;
}
.block-title .block-title-en img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.block-title .block-title-jp {
  color: #00afaa;
  font-size: 4.8vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .block-title .block-title-en {
    margin: 0 auto 40px;
    height: 38px;
  }
  .block-title .block-title-jp {
    font-size: 2.4rem;
  }
}

/*--------------- table（共通テーブルコンポーネント） ---------------*/
.table {
  width: 100%;
}
.table .tr {
  border-top: 2px solid #00afaa;
  border-bottom: 2px solid #00afaa;
}
.table .th {
  display: block;
  padding: 2.9333333333vw 2.6666666667vw;
  font-size: 4.2666666667vw;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.04em;
  color: #4d4d4d;
  background-color: #e0f5f5;
  vertical-align: middle;
}
.table .td {
  display: block;
  padding: 9.3333333333vw;
  font-size: 3.7333333333vw;
  font-weight: 300;
  line-height: 1.8;
  vertical-align: middle;
  background-color: #fff;
}
.table th[colspan] {
  background-color: #a796bf;
}
.table-dt {
  color: #00afaa;
}
.table-primary .tr { border-top: 2px solid #00afaa; border-bottom: 2px solid #00afaa; }
.table-primary .th { color: #00afaa; background-color: #e0f5f5; }
.table-primary th[colspan] { background-color: #00afaa; color: #fff; }
.table-cyan .tr { border-top: 2px solid #00a7b5; border-bottom: 2px solid #00a7b5; }
.table-cyan .th { color: #00a7b5; background-color: #cceaf0; }
.table-cyan th[colspan] { background-color: #00a7b5; color: #fff; }
.table-orange .tr { border-top: 2px solid #ff7d1e; border-bottom: 2px solid #ff7d1e; }
.table-orange .th { color: #ff7d1e; background-color: #f7ddcd; }
.table-orange th[colspan] { background-color: #ff7d1e; color: #fff; }
.table-pink .tr { border-top: 2px solid #e75297; border-bottom: 2px solid #e75297; }
.table-pink .th { color: #e75297; background-color: #ffe5e8; }
.table-pink th[colspan] { background-color: #e75297; color: #fff; }
.table-glay .tr { border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; }
.table-glay .th { color: #4d4d4d; background-color: #e6e6e6; }
.table-glay th[colspan] { background-color: #e6e6e6; color: #4d4d4d; }
.table-navy .tr { border-top: 2px solid #12284c; border-bottom: 2px solid #12284c; }
.table-navy .th { color: #12284c; background-color: #e2e5e9; }
.table-navy th[colspan] { background-color: #e2e5e9; color: #fff; }
.table-red .tr { border-top: 2px solid #dd8797; border-bottom: 2px solid #dd8797; }
.table-red .th { color: #dd8797; background-color: #fbf0f2; }
.table-red th[colspan] { background-color: #fbf0f2; color: #fff; }
.table-green .tr { border-top: 2px solid #007a4c; border-bottom: 2px solid #007a4c; }
.table-green .th { color: #007a4c; background-color: #e0efe9; }
.table-green th[colspan] { background-color: #e0efe9; color: #fff; }
@media (min-width: 768px) {
  .table .th {
    display: table-cell;
    min-width: 240px;
    padding: 40px 24px;
    font-size: 2rem;
  }
  .table .td {
    display: table-cell;
    padding: 40px 24px;
    font-size: 1.8rem;
  }
  .table th[colspan] {
    padding: 5px 20px;
    font-size: 2.4rem;
  }
}

/*--------------- external-link（共通・外部リンクアイコン） ---------------*/
.external-link {
  display: inline-block;
}
.external-link::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 2.6666666667vw;
  background-image: url("https://www.yamada-partners.jp/hubfs/yap-recruit/images/common/ico_external_link.svg");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .external-link {
    transition: 0.2s;
  }
  .external-link::after {
    margin-left: 10px;
  }
  .external-link:hover {
    text-decoration: underline;
  }
}

/* HubSpot Elevateテーマ側が後方で body{background-color:var(--hsElevate--section--lightSection--1__backgroundColor), font-family:var(...), ...} を
   再定義してしまうため（テーマ作成手順書.md 4章の既知の罠）、参考サイトの base.css どおり確実に上書きする */
body {
  font-family: "FrutigerNeueLTW1G", "TazuganeGothicStdN", "游ゴシック", "YuGothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1;
  color: #4d4d4d;
  background-color: #f2f2f2;
}

/* 参考サイトの JS セクション。モバイルメニュー等を開いている間、背景スクロールをロックする */
html.fiexd,
body.fiexd {
  overflow: hidden;
}

/* 参考サイトのスクロール連動アニメーション（style.css 12308行付近の全ページ共通ルール）。
   site.js が .is-box-animated を付与するまでは透明＋上方40pxオフセット。
   個別モジュール側にも同じルールのコピーがあるが、未ポートのモジュールで
   「JSが無いと opacity:0 のまま見えない」事故を防ぐためここに一本化して持つ。 */
.js-box-animation {
  transition: 0.35s;
  transform: translate3d(0, -40px, 0);
  opacity: 0;
}
.js-box-animation.is-box-animated {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

/*--------------- block（object） ---------------*/
/* 各モジュール（about-intro-banner, media-text-card, news-listing, cta-banner,
   voice-carousel, philosophy-cards, block-analects 等）が共通で使う土台。
   .block 自体に背景色は無い（参考サイトの実際のCSSにも無い）。白背景が必要な
   コンポーネントは各自 .box-list-item 等で background-color を持つ。
   複数モジュールへの重複コピーで実装漏れが繰り返し起きたため、ここに一本化する。 */
.block {
  z-index: 2;
  position: relative;
  margin-top: 13.3333333333vw;
  margin-bottom: 13.3333333333vw;
}
.block .block-inner {
  width: 100%;
  max-width: 100%;
  padding-right: 4vw;
  padding-left: 4vw;
}

@media (min-width: 768px) {
  .block {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .block .block-inner {
    padding-right: 4%;
    padding-left: 4%;
  }
}
@media (min-width: 1200px) {
  .block .block-inner {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0;
  }
}

/*--------------- box-list-item（object） ---------------*/
/* 参考サイトのグローバルCSS（ページ限定クラス無し）にある共通デフォルト。
   各モジュール側が独自の font-size 等で上書きすることが多いが、
   フォールバックとしてここに一本化する。 */
.box-list-item {
  position: relative;
  background-color: #fff;
}
.box-list-item .box-list-item-text {
  font-size: 3.7333333333vw;
  font-weight: 300;
  line-height: 1.85;
  letter-spacing: 0.08em;
  color: #4d4d4d;
}
@media (min-width: 768px) {
  .box-list-item .box-list-item-text {
    font-size: 1.8rem;
  }
}

/*--------------- accordion（共通・折りたたみリスト） ---------------*/
/* 参考サイトのグローバルCSS（.page-offices/.page-faq 両方から使われる共通コンポーネント）。
   +/-アイコンは参考サイトと同じFont Awesome（fa-plus → 開いたらfa-times）。 */
.accordion {
  margin-bottom: 13.3333333333vw;
}
.accordion .accordion-header {
  margin-bottom: 2.6666666667vw;
  font-size: 4vw;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.1em;
  color: #00afaa;
}
.accordion .accordion-item {
  margin-bottom: 8vw;
  border-bottom: 4px solid #00afaa;
}
.accordion .accordion-item-title {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-height: 18.6666666667vw;
  padding: 2.4vw 6.4vw 2.4vw 2.6666666667vw;
  font-size: 4vw;
  line-height: 1.4;
  letter-spacing: 0.04em;
  color: #00afaa;
  background-color: #fff;
  cursor: pointer;
}
/* 参考サイトは top を指定せず、flex(align-items:center) の静的位置＝縦中央に置いている。
   top:50% + translateY(-50%) にすると開いたとき（.is-opened::after）と縦位置が食い違うため、
   参考サイトと同じ指定に揃える。 */
.accordion .accordion-item-title::after {
  content: "\f067";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  position: absolute;
  right: 2.6666666667vw;
  font-size: 4.5333333333vw;
}
.accordion .accordion-item-title.is-opened {
  background-color: #00afaa;
  color: #fff;
}
.accordion .accordion-item-title.is-opened::after {
  content: "\f00d";
  right: 3.3333333333vw;
}
.accordion .not-accordion-item .accordion-item-title::after {
  display: none;
}
.accordion .accordion-item-body {
  display: none;
  position: relative;
  padding: 5.3333333333vw 2.6666666667vw;
  background-color: #fff;
  font-size: 3.4666666667vw;
  line-height: 1.8;
}
.accordion .accordion-item-body__text {
  font-size: 3.4666666667vw;
  line-height: 1.8;
  letter-spacing: 0.04em;
}
.accordion .accordion-item-body a {
  display: inline-block;
  color: #00afaa;
  text-decoration: underline;
}
@media (min-width: 768px) {
  .accordion {
    margin-bottom: 80px;
  }
  .accordion .accordion-header {
    margin-bottom: 20px;
    font-size: 2.4rem;
  }
  .accordion .accordion-item {
    margin-bottom: 56px;
  }
  .accordion .accordion-item-title {
    min-height: 100px;
    padding: 20px 70px 20px 100px;
    font-size: 2.4rem;
    letter-spacing: 0.1em;
    transition: 0.2s;
  }
  .accordion .accordion-item-title::after {
    right: 35px;
    font-size: 2.4rem;
  }
  .accordion .accordion-item-title:hover {
    color: #fff;
    background-color: #00afaa;
  }
  .accordion .accordion-item-body {
    margin-top: -2px;
    padding: 80px 100px;
    font-size: 1.8rem;
  }
  .accordion .accordion-item-body__text {
    font-size: 1.8rem;
    line-height: 1.8;
  }
}

/*--------------- margin（spacing utility） ---------------*/
.mb-100 {
  margin-bottom: 13.3333333333vw !important;
}
@media (min-width: 768px) {
  .mb-100 {
    margin-bottom: 100px !important;
  }
}

/*--------------- anker（共通・ページ内アンカーリンク） ---------------*/
/* 参考サイトのグローバルCSS（voice/careers/trainings/evaminees/faq等、複数ページで使う共通コンポーネント）。
   アイコンは参考サイトと同じFont Awesome fa-angle-double-down。 */
.anker {
  position: relative;
  z-index: 1;
}
.anker .anker-list {
  width: 72.5333333333vw;
  margin: 0 auto;
}
.anker .anker-list__item {
  margin: 5.3333333333vw 0;
}
.anker .anker-list__item a {
  display: block;
  position: relative;
  padding: 3.2vw 2.6666666667vw;
  background-color: #fff;
  border: 2px solid #00afaa;
  font-size: 4vw;
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-align: center;
  color: #00afaa;
}
.anker .anker-list__item a::after {
  content: "\f107";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  top: 0;
  right: 3.2vw;
  bottom: 0;
  height: 3.7333333333vw;
  margin: auto;
}
@media (min-width: 768px) {
  .anker .anker-list {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    width: auto;
    margin: 0 -10px;
  }
  .anker .anker-list__item {
    width: calc(50% - 20px);
    margin: 10px;
  }
  .anker .anker-list__item a {
    padding: 20px 18px;
    font-size: 1.8rem;
    transition: 0.2s;
  }
  .anker .anker-list__item a::after {
    right: 16px;
    height: 20px;
  }
  .anker .anker-list__item a:hover {
    background-color: #00afaa;
    color: #fff;
  }
}
@media (min-width: 1200px) {
  .anker {
    width: 1200px;
    margin: 0 auto;
  }
  .anker .anker-list__item {
    flex: 1 1 0;
    width: auto;
  }
}

/*--------------- block-lead（共通・リード文） ---------------*/
.block-lead {
  margin: 0;
  font-size: 3.7333333333vw;
  line-height: 1.8;
  letter-spacing: 0.1em;
  text-align: left;
}
@media (min-width: 768px) {
  .block-lead {
    font-size: 1.8rem;
    text-align: center;
  }
}

/*--------------- box-list-triangle（共通・三角形カード） ---------------*/
/* block-analects / block-cross-talk 等、複数モジュールで使う共通コンポーネント。 */
.box-list-triangle {
  position: relative;
  isolation: isolate;
  margin-bottom: 10.6666666667vw;
  padding: 19.4666666667vw 9.3333333333vw 12vw;
}
.box-list-triangle:last-child {
  margin-bottom: 0;
}
.box-list-triangle::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 34.1333333333vw 18.6666666667vw 0 0;
}
.box-list-triangle.triangle-primary::before { border-color: #bfebea transparent transparent transparent; }
.box-list-triangle.triangle-secondary::before { border-color: #e8e9ed transparent transparent transparent; }
.box-list-triangle.triangle-glay::before { border-color: #e9e5df transparent transparent transparent; }
.box-list-triangle.triangle-blue::before { border-color: #ccedf0 transparent transparent transparent; }
.box-list-triangle.triangle-green::before { border-color: #e1f3c2 transparent transparent transparent; }
.box-list-triangle.triangle-orange::before { border-color: #ffd8bb transparent transparent transparent; }
.box-list-triangle.triangle-pink::before { border-color: #f8bec6 transparent transparent transparent; }
.box-list-triangle.triangle-light-blue::before { border-color: #e0f5f5 transparent transparent transparent; }
.box-list-triangle.triangle-light-green::before { border-color: #e0efe9 transparent transparent transparent; }
.box-list-triangle.triangle-light-jade::before { border-color: #e0f5f5 transparent transparent transparent; }
.box-list-triangle.triangle-light-glay::before { border-color: #e2e5e9 transparent transparent transparent; }
.box-list-triangle .box-list-item-number {
  position: absolute;
  top: 5.3333333333vw;
  left: 5.0666666667vw;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 8.8vw;
  color: #00afaa;
  font-weight: 500;
}
.box-list-triangle .box-list-item-number::before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0.5333333333vw;
  background-color: #00afaa;
}
.box-list-triangle .box-list-item-top {
  margin-bottom: 8vw;
}
.box-list-triangle .box-list-item-title {
  /* 参考サイト：共通の .box-list-item-title（縦並び・中央）を左揃え横並びに戻す */
  flex-direction: row;
  justify-content: flex-start;
  margin: 0 0 4vw;
  color: #00afaa;
  font-size: 8vw;
  letter-spacing: 0.04em;
  line-height: 1.3;
  font-weight: 700;
}
.box-list-triangle .box-list-item-lead {
  margin: 0;
  color: #00afaa;
  font-size: 4.8vw;
  line-height: 1.4;
  font-weight: 700;
}
.box-list-triangle .box-list-item-text {
  margin: 0;
  font-size: 3.7333333333vw;
  letter-spacing: 0.08em;
  line-height: 1.8;
}
@media (min-width: 768px) {
  /* 参考サイトの汎用値は左右マージン0。15pxは「山田＆パートナーズの想い」ページ
     （.block-analects）限定の値で、下の .block-analects 側で指定している。 */
  .box-list-triangle {
    margin: 0 0 30px;
    padding: 118px 38px 60px;
  }
  /* 2カラム幅は「想い」ページ（block-analects）専用。
     参考サイトでも .page-spirit スコープで、interview等の三角カードは全幅+max-width運用 */
  .block-analects .box-list-triangle {
    width: calc((100% - 60px) / 2);
  }
  .box-list-triangle::before {
    border-width: 258px 140px 0 0;
  }
  .box-list-triangle .box-list-item-number {
    top: 35px;
    left: 40px;
    font-size: 5.2rem;
  }
  .box-list-triangle .box-list-item-number::before {
    height: 2px;
  }
  .box-list-triangle .box-list-item-top {
    margin-bottom: 25px;
  }
  .box-list-triangle .box-list-item-title {
    margin-bottom: 22px;
    font-size: 3.8rem;
  }
  .box-list-triangle .box-list-item-lead {
    font-size: 2.2rem;
    letter-spacing: 0.04em;
    line-height: 1.6;
  }
  .box-list-triangle .box-list-item-text {
    font-size: 1.8rem;
    letter-spacing: 0.02em;
  }

  .box-list-triangle--wide {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .box-list-triangle--wide .box-list-item-top {
    margin-right: 15px;
    margin-bottom: 0;
    width: calc(100% - 425px - 15px);
  }
  .box-list-triangle--wide .box-list-item-text {
    width: 425px;
  }
}

/*--------------- schedule（共通・タイムライン） ---------------*/
/* block-schedule / 女性の働き方 / 研修制度 の複数ページで使う共通コンポーネント。
   参考サイトのstyle.cssをそのまま数値転記（vw値はモバイル、768px以降はpx固定値で
   別々に定義されている＝どちらも算出式ではなく参考サイトの実値そのまま）。 */
.schedule {
  position: relative;
}
.schedule::before {
  content: "";
  position: absolute;
  top: -8.6666666667vw;
  left: 23.3333333333vw;
  width: 0.5333333333vw;
  height: 100%;
  background-color: #4d4d4d;
}
.schedule .schedule-item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 27.7333333333vw;
  transition: 0.2s;
  opacity: 0;
}
.schedule .schedule-item:nth-child(1) { transition-delay: 0.1s; }
.schedule .schedule-item:nth-child(2) { transition-delay: 0.2s; }
.schedule .schedule-item:nth-child(3) { transition-delay: 0.3s; }
.schedule .schedule-item:nth-child(4) { transition-delay: 0.4s; }
.schedule .schedule-item:nth-child(5) { transition-delay: 0.5s; }
.schedule .schedule-item:nth-child(6) { transition-delay: 0.6s; }
.schedule .schedule-item:nth-child(7) { transition-delay: 0.7s; }
.schedule .schedule-item:nth-child(8) { transition-delay: 0.8s; }
.schedule .schedule-item:nth-child(9) { transition-delay: 0.9s; }
.schedule .schedule-item:nth-child(10) { transition-delay: 1s; }
.schedule .schedule-item:nth-child(11) { transition-delay: 1.1s; }
.schedule .schedule-item:nth-child(12) { transition-delay: 1.2s; }
.schedule .schedule-item__title {
  flex-shrink: 0;
  position: relative;
  width: 15.7333333333vw;
  height: 6.4vw;
  margin-right: 19.7333333333vw;
  padding: 0.8vw 0;
  border-style: solid none solid solid;
  border-width: 0.5333333333vw 0 0.5333333333vw 0.5333333333vw;
  border-color: #00afaa transparent #00afaa #00afaa;
  font-size: 3.7333333333vw;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
  color: #fff;
  background-color: #00afaa;
}
.schedule .schedule-item__title::before {
  content: "";
  position: absolute;
  top: 0;
  right: -3.2vw;
  bottom: 0;
  height: 0;
  width: 0;
  margin: auto;
  border-top: 3.2vw solid transparent;
  border-bottom: 3.2vw solid transparent;
  border-left: 3.2vw solid #00afaa;
}
.schedule .schedule-item__title::after {
  content: "";
  position: absolute;
  top: 0;
  right: -2.8vw;
  bottom: 0;
  height: 0;
  width: 0;
  margin: auto;
  border-top: 2.9333333333vw solid transparent;
  border-bottom: 2.9333333333vw solid transparent;
  border-left: 2.9333333333vw solid #00afaa;
}
.schedule .schedule-item__text {
  position: relative;
  font-size: 3.7333333333vw;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #00afaa;
}
.schedule .schedule-item__text::before {
  content: "";
  position: absolute;
  top: 2.6666666667vw;
  left: -9.3333333333vw;
  width: 6.6666666667vw;
  height: 0.5333333333vw;
  background-color: #4d4d4d;
}
.schedule .schedule-item__text::after {
  content: "";
  position: absolute;
  top: 0.8vw;
  left: -14vw;
  width: 2.4vw;
  height: 2.4vw;
  border: 0.8vw solid #fff;
  border-radius: 50rem;
  background-color: #00afaa;
}
.schedule .schedule-item__text span {
  display: block;
  margin: 2.4vw 0;
  font-size: 3.4666666667vw;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.03em;
  color: #4d4d4d;
}
.schedule.is-item-animated .schedule-item {
  opacity: 1;
}
/* タイムラインの配色。--sch-main = 線と文字、--sch-pale = 強調行の背景。
   参考サイトでは強調行（CASE1の2列目・最終行）の色が #00afaa 固定だが、
   色を切り替えても追従するようにここで変数として持たせている。 */
.schedule { --sch-main: #00afaa; --sch-pale: #e0f5f5; }
.schedule-pink { --sch-main: #e75297; --sch-pale: #fdeaf3; }
.schedule-red { --sch-main: #dd8797; --sch-pale: #fbeef0; }

.schedule-pink .schedule-item__title {
  border-color: #e75297 transparent #e75297 #e75297;
  color: #e75297;
  background-color: #fff;
}
.schedule-pink .schedule-item__title::before { border-left-color: #e75297; }
.schedule-pink .schedule-item__title::after { border-left-color: #fff; }
.schedule-pink .schedule-item__text { color: #e75297; }
.schedule-pink .schedule-item__text::after { background-color: #e75297; }
.schedule-red .schedule-item__title {
  border-color: #dd8797 transparent #dd8797 #dd8797;
  color: #dd8797;
  background-color: #fff;
}
.schedule-red .schedule-item__title::before { border-left-color: #dd8797; }
.schedule-red .schedule-item__title::after { border-left-color: #fff; }
.schedule-red .schedule-item__text { color: #dd8797; }
.schedule-red .schedule-item__text::after { background-color: #dd8797; }

@media (min-width: 768px) {
  .schedule::before {
    top: -45px;
    left: 111px;
    width: 2px;
  }
  .schedule .schedule-item {
    min-height: 114px;
  }
  .schedule .schedule-item__title {
    width: 75px;
    height: 30px;
    margin-right: 110px;
    padding: 5px 0 6px;
    /* 参考サイトは色まで指定して上書きしている（PCでは枠が必ずティールになる） */
    border: 2px solid #00afaa;
    border-right: none;
    font-size: 1.8rem;
  }
  .schedule .schedule-item__title::before {
    right: -15px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #00afaa;
  }
  .schedule .schedule-item__title::after {
    right: -13px;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 13px solid #00afaa;
  }
  .schedule .schedule-item__text {
    width: 260px;
    padding-top: 2px;
    font-size: 1.8rem;
  }
  .schedule .schedule-item__text::before {
    top: 14px;
    left: -60px;
    width: 42px;
    height: 2px;
  }
  .schedule .schedule-item__text::after {
    top: 3px;
    left: -85px;
    width: 12px;
    height: 12px;
    border: 6px solid #fff;
  }
  .schedule .schedule-item__text span {
    margin: 18px 0;
    font-size: 1.5rem;
  }
  .schedule-pink .schedule-item__title::before { border-left-color: #e75297; }
  .schedule-pink .schedule-item__title::after { border-left-color: #fff; }
  .schedule-red .schedule-item__title::before { border-left-color: #dd8797; }
  .schedule-red .schedule-item__title::after { border-left-color: #fff; }
}

/* ====================================================================
   Y&P: 参考サイト style.css からの追加移植（2026-09-03 網羅チェックで検出した欠落分）。
   .page-xxx スコープは、blockルートクラス内包ならスコープ除去、
   汎用コンポーネントは所属モジュールのルートクラスへ付け替えて移植。
   ==================================================================== */
.external-link:after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 2.6666666667vw;
  background-image: url("https://www.yamada-partners.jp/hubfs/yap-recruit/images/common/ico_external_link.svg");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}
/* パンくずは base テンプレートが全ページで自動出力する（.content-wrap 直下）。
   ページ内にモジュールとして重ねて配置された場合、ドラッグ&ドロップ列の幅に
   押し込まれて2行に折り返し、二重表示になる。重複分は表示しない。 */
.main-content .breadcrumb {
  display: none;
}
/* 折り返し防止（親から flex や幅制限が回り込んでも1行を保つ） */
.breadcrumb .breadcrumb-list {
  display: block;
  width: auto;
  max-width: none;
}

.breadcrumb .breadcrumb-list__item:after {
  content: "/";
  padding: 0 0.25em;
}
.breadcrumb .breadcrumb-list__item:last-child:after {
  content: none;
}
.box-list-col1 {
  margin-bottom: 10.6666666667vw;
  padding: 9.3333333333vw 9.3333333333vw 13.0666666667vw;
}
.box-list-col1 .box-list-item-icon {
  margin: 0 auto 8.6666666667vw;
}
.box-list-col1 .box-list-item-icon img {
  width: 100%;
  object-fit: contain;
}
.box-list-col1 .box-list-item-title {
  margin-bottom: 8vw;
  color: #00afaa;
  font-size: 4.2666666667vw;
  letter-spacing: 0.1em;
  line-height: 1.6;
  font-weight: 500;
  text-align: center;
}
.box-list-col1 .box-list-item-text {
  font-size: 3.7333333333vw;
  letter-spacing: 0.08em;
  line-height: 1.8;
}
.box-list-col2 {
  margin-bottom: 10.6666666667vw;
  padding: 9.3333333333vw 9.3333333333vw 13.0666666667vw;
}
.box-list-col2 .box-list-item-icon {
  margin: 0 auto 8.6666666667vw;
}
.box-list-col2 .box-list-item-icon img {
  width: 100%;
  object-fit: contain;
}
.box-list-col2 .box-list-item-title {
  margin-bottom: 8vw;
  color: #00afaa;
  font-size: 4.2666666667vw;
  letter-spacing: 0.1em;
  line-height: 1.6;
  font-weight: 500;
  text-align: center;
}
.box-list-col2 .box-list-item-text {
  font-size: 3.7333333333vw;
  letter-spacing: 0.08em;
  line-height: 1.8;
}
.box-list-triangle:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 34.1333333333vw 18.6666666667vw 0 0;
  border-color: #00afaa transparent transparent transparent;
}
.box-list-triangle .box-list-item-number:before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0.5333333333vw;
  background-color: #00afaa;
}
.box-list-zigzag .box-list-item-text span {
  letter-spacing: 0.08em;
}
.news-list .news-list-item__nodata {
  font-size: 3.7333333333vw;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
.seminar-list .seminar-list-item__date::before {
  content: "";
  display: block;
  width: 4vw;
  height: 4vw;
  margin: 0.5333333333vw 1.3333333333vw 0 0;
  background: url("https://www.yamada-partners.jp/hubfs/yap-recruit/images/common/ico_time.svg") no-repeat center/3.6vw;
  flex-shrink: 0;
}
.seminar-list .seminar-list-item__place {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 2.6666666667vw;
  font-size: 3.4666666667vw;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #000;
}
.seminar-list .seminar-list-item__place::before {
  content: "";
  display: block;
  width: 4vw;
  height: 4vw;
  margin: 0.5333333333vw 1.3333333333vw 0 0;
  background: url("https://www.yamada-partners.jp/hubfs/yap-recruit/images/common/ico_map.svg") no-repeat center/3.0666666667vw;
  flex-shrink: 0;
}
.seminar-list .seminar-list-item__nodata {
  padding: 4vw 2.6666666667vw;
  font-size: 3.7333333333vw;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
.seminar-list .seminar-list-item .seminar-list-item-detail .ico-btn-arrow {
  width: 13.6vw;
}
.seminar-list .seminar-list-item .seminar-list-item-detail .ico-btn-arrow path {
  fill: #00afaa;
}
.profile {
  margin-bottom: 6.6666666667vw;
  padding: 8vw 8.5333333333vw;
  background-color: #f2f2f2;
}
.profile .profile-image {
  width: 42.4vw;
  margin: 0 auto 5.3333333333vw;
}
.profile .profile-image img {
  width: 100%;
  height: auto;
}
.profile .profile-name {
  text-align: center;
  line-height: 1.5;
  font-weight: 400;
}
.profile .profile-name__title {
  margin-bottom: 0.5333333333vw;
  font-size: 3.7333333333vw;
}
.profile .profile-name__title span {
  margin-left: 1.3333333333vw;
  font-size: 3.2vw;
  font-size: 500;
}
.profile .profile-name__text {
  font-size: 3.2vw;
}
.profile .profile-text {
  margin-top: 5.3333333333vw;
  padding-top: 5.3333333333vw;
  border-top: 2px solid #00afaa;
  font-size: 3.7333333333vw;
  font-weight: 300;
  line-height: 1.8;
  letter-spacing: 0.02em;
}
.schedule .schedule-item:nth-child(13) {
  transition-delay: 1.3s;
}
.schedule .schedule-item:nth-child(14) {
  transition-delay: 1.4s;
}
.schedule .schedule-item:nth-child(15) {
  transition-delay: 1.5s;
}
.schedule .schedule-item:nth-child(16) {
  transition-delay: 1.6s;
}
.schedule .schedule-item:nth-child(17) {
  transition-delay: 1.7s;
}
.schedule .schedule-item:nth-child(18) {
  transition-delay: 1.8s;
}
.schedule .schedule-item:nth-child(19) {
  transition-delay: 1.9s;
}
.schedule .schedule-item:nth-child(20) {
  transition-delay: 2s;
}
.schedule-row .schedule-row-item {
  margin-bottom: 2.6666666667vw;
}
.schedule-row .schedule-row-item__title-label {
  padding: 1.3333333333vw;
  font-size: 3.7333333333vw;
  font-weight: 400;
  text-align: center;
  color: #fff;
  background-color: #00afaa;
  border: 0.5333333333vw solid #00afaa;
  letter-spacing: 0.1em;
}
.schedule-row .schedule-row-item__title {
  position: relative;
  padding: 1.3333333333vw;
  font-size: 3.7333333333vw;
  font-weight: 400;
  text-align: center;
  color: #00afaa;
  background-color: #e0f5f5;
  border: 0.5333333333vw solid #00afaa;
  letter-spacing: 0.1em;
}
.schedule-row .schedule-row-item__title::before {
  content: "";
  position: absolute;
  bottom: -2vw;
  right: 0;
  left: 0;
  height: 0;
  width: 0;
  margin: auto;
  border-right: 1.7333333333vw solid transparent;
  border-top: 1.7333333333vw solid #00afaa;
  border-left: 1.7333333333vw solid transparent;
}
.schedule-row .schedule-row-item__title::after {
  content: "";
  position: absolute;
  bottom: -1.6vw;
  right: 0;
  left: 0;
  height: 0;
  width: 0;
  margin: auto;
  border-right: 1.7333333333vw solid transparent;
  border-top: 1.7333333333vw solid #e0f5f5;
  border-left: 1.7333333333vw solid transparent;
}
.schedule-row .schedule-row-item__text {
  padding: 3.7333333333vw 0;
  font-size: 3.7333333333vw;
  line-height: 1.8;
}
.schedule-row .schedule-row-item__image {
  margin: 8vw 2.6666666667vw 2.6666666667vw;
}
.schedule-row .schedule-row-item__image img {
  width: 100%;
  height: auto;
}
.schedule-green .schedule-item__title {
  border: 0.5333333333vw solid #00afaa;
  border-right: none;
  color: #fff;
  background-color: #00afaa;
}
.schedule-green .schedule-item__title::before {
  border-left: 3.2vw solid #00afaa;
}
.schedule-green .schedule-item__title::after {
  border-left: 2.9333333333vw solid #00afaa;
}
.schedule-green .schedule-item__text {
  color: #00afaa;
}
.schedule-green .schedule-item__text::after {
  background-color: #00afaa;
}
.schedule-row-green .schedule-row-item__title-label {
  color: #fff;
  background-color: #00afaa;
  border: 0.5333333333vw solid #00afaa;
}
.schedule-row-green .schedule-row-item__title {
  color: #00afaa;
  background-color: #007a4c;
  border: 0.5333333333vw solid #00afaa;
}
.schedule-row-green .schedule-row-item__title::before {
  border-right: 1.7333333333vw solid transparent;
  border-top: 1.7333333333vw solid #00afaa;
  border-left: 1.7333333333vw solid transparent;
}
.schedule-row-green .schedule-row-item__title::after {
  border-right: 1.7333333333vw solid transparent;
  border-top: 1.7333333333vw solid #007a4c;
  border-left: 1.7333333333vw solid transparent;
}
.accordion .accordion-item-prefix .accordion-item-title::before {
  content: "Q";
  width: 4.5333333333vw;
  margin-right: 2.1333333333vw;
  padding-right: 1.6vw;
  border-right: 2px solid #7fd7d4;
  font-family: "Roboto", sans-serif;
  font-size: 6.1333333333vw;
  font-weight: 700;
  color: #7fd7d4;
  text-align: center;
  flex-shrink: 0;
}
.accordion .accordion-item-prefix .accordion-item-title.is-opened::before {
  color: #fff;
}
.accordion .accordion-item-prefix .accordion-item-body .accordion-item-body-inner {
  display: flex;
}
.accordion .accordion-item-prefix .accordion-item-body .accordion-item-body-inner::before {
  content: "A";
  width: 4.5333333333vw;
  margin-right: 2.1333333333vw;
  padding-right: 1.6vw;
  border-right: 2px solid #7fd7d4;
  font-family: "Roboto", sans-serif;
  font-size: 6.1333333333vw;
  font-weight: 700;
  color: #7fd7d4;
  text-align: center;
  flex-shrink: 0;
}
.top-mainvisual .top-mainvisual-slide-fixed {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 42.6666666667vw;
  height: 78.4vw;
  transform-origin: 100% 0;
  transform: matrix(1, 0, -0.55, 1, 0, 0);
}
.top-mainvisual .top-mainvisual-slide-fixed::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #00afaa;
  mix-blend-mode: multiply;
}
.top-mainvisual .top-mainvisual-slide-fixed::after {
  content: "";
  position: absolute;
  top: 2.9333333333vw;
  right: 5.3333333333vw;
  z-index: 2;
  display: block;
  width: 27.6vw;
  height: 9.0666666667vw;
  background: url("https://www.yamada-partners.jp/hubfs/yap-recruit/images/top/img_text_recruit_white.svg") no-repeat left top/100%;
  opacity: 0.5;
  transform: matrix(1, 0, 0.55, 1, 0, 0);
}
.top-mainvisual .top-mainvisual-slide-fixed__inner {
  overflow: hidden;
}
.top-mainvisual .top-mainvisual-slide-fixed__image {
  width: 100%;
  height: 78.4vw;
  background: url("https://www.yamada-partners.jp/hubfs/yap-recruit/images/top/img_top_mv_fixed.jpg") no-repeat center/cover;
  transform-origin: 100% 0;
  transform: matrix(1, 0, 0.55, 1, 0, 0);
}
.top-mainvisual .top-mainvisual-slide .top-mainvisual-slide-item {
  width: 100%;
}
.top-mainvisual .top-mainvisual-slide .top-mainvisual-slide-item img {
  width: 100%;
  height: 88vh;
  object-fit: cover;
}
.top-mainvisual .top-mainvisual-catch {
  position: absolute;
  top: 42%;
  right: 0;
  left: 0;
  width: 66.1333333333vw;
  margin: 0 auto;
}
.top-mainvisual .top-mainvisual-catch__title {
  overflow: hidden;
  width: 0;
  height: 100%;
  margin-bottom: 9.3333333333vw;
  transition: 0.6s 0.4s;
}
.top-mainvisual .top-mainvisual-catch__title img {
  width: 66.1333333333vw;
  height: auto;
}
.top-mainvisual .top-mainvisual-catch__title.is-show-top-catch {
  width: 66.1333333333vw;
}
.top-mainvisual .top-mainvisual-catch__text {
  display: flex;
  justify-content: center;
}
.top-mainvisual .top-mainvisual-catch__text .link {
  text-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}
.block-info .block-info-box .office-select .form-group {
  margin-bottom: 5.3333333333vw;
}
.block-info .block-info-box .office-select .form-label {
  display: block;
  margin-bottom: 1.6vw;
  text-align: center;
}
.block-info .block-info-box .table .news-list .news-list-item {
  padding: 2vw 0;
}
.block-info .block-info-box .table .seminar-list .seminar-list-item__title {
  margin-bottom: 1.3333333333vw;
  font-size: 3.2vw;
}
.block-info .block-info-box .table .seminar-list .seminar-list-item__date {
  margin-bottom: 0;
  font-size: 3.2vw;
}
.block-info .block-info-box .table .seminar-list .seminar-list-item__date::before {
  display: none;
}
.block-philosophy .box-list-col3:nth-child(1) .box-list-item-icon {
  width: 32.2666666667vw;
}
.block-philosophy .box-list-col3:nth-child(2) .box-list-item-icon {
  width: 30.9333333333vw;
}
.block-philosophy .box-list-col3:nth-child(3) .box-list-item-icon {
  width: 23.3333333333vw;
}
.block-philosophy .js-box-animation .box-list-item-icon {
  transition: 0.35s 0.5s;
  transform: translate3d(0, -40px, 0);
  opacity: 0;
}
.block-philosophy .js-box-animation.is-box-animated .box-list-item-icon {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.block-analects .box-list-item-title {
  width: 0;
  height: 100%;
  transition: 0.5s 0.3s;
  overflow: hidden;
  white-space: nowrap;
}
.block-analects .box-list-item-lead {
  width: 0;
  height: 100%;
  transition: 0.5s 0.3s;
  overflow: hidden;
  white-space: nowrap;
}
.block-analects .js-box-animation.is-box-animated .box-list-item-title {
  width: 100%;
}
.block-analects .js-box-animation.is-box-animated .box-list-item-lead {
  width: 100%;
}
.block-advantages .box-list-zigzag .box-list-item-text span {
  letter-spacing: 0.08em;
  font-family: "TazuganeGothicStdN";
}
.block-profile .link-square:after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url("https://www.yamada-partners.jp/hubfs/yap-recruit/images/common/ico_arrow_bold_right.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 3.7333333333vw;
}
.block-services-summary .box-list-services:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 3.7333333333vw;
  left: 50%;
  transform: translateX(-50%);
  width: 5.3333333333vw;
  height: 2.9333333333vw;
  background-image: url("https://www.yamada-partners.jp/hubfs/yap-recruit/images/common/ico_arrow_down.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.block-services-summary .box-list-services.box-list-services-nolink:after {
  content: none;
}
.block-office-map__lead {
  position: absolute;
  top: 0;
  left: 6.6666666667vw;
  color: #00afaa;
  font-size: 4vw;
  line-height: 1.7;
}
.block-offices-menu .accordion-menu-header:after {
  content: "\f078";
  font-family: "Font Awesome 6 Free";
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  position: absolute;
  right: 3.7333333333vw;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2.4vw;
  font-weight: 900;
  transition: 0.2s;
}
.block-offices-menu .accordion-menu-header.is-opened:after {
  transform: rotate(180deg) translateY(50%);
}
.block-offices-menu .accordion-menu-item a:after {
  content: "\f078";
  font-family: "Font Awesome 6 Free";
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  position: absolute;
  right: 3.7333333333vw;
  font-size: 1.6vw;
  font-weight: 900;
}
.block-offices .block-title {
  margin-bottom: 5.3333333333vw;
}
.block-offices .offices-item .offices-gallery {
  margin-bottom: 10.6666666667vw;
}
.block-offices .offices-item .offices-gallery-item {
  margin: 0 auto 8vw;
}
.block-offices .offices-item .offices-gallery-item:last-child {
  margin-bottom: 0;
}
.block-offices .offices-item .offices-gallery-item img {
  width: 100%;
  height: auto;
}
.block-offices .offices-item .offices-youtube {
  margin-bottom: 10.6666666667vw;
}
.block-offices .offices-item .offices-youtube iframe {
  width: 100%;
  height: 66.6666666667vw;
}
.block-offices .offices-item .offices-atmosphere__image {
  margin-bottom: 2.6666666667vw;
  text-align: center;
}
.block-offices .offices-item .offices-atmosphere__image img {
  width: 100%;
  height: auto;
}
.block-offices .offices-item .offices-atmosphere__caption {
  margin-top: 2.6666666667vw;
  font-size: 3.4666666667vw;
  line-height: 1;
}
.block-offices .offices-item .offices-atmosphere__text {
  margin-bottom: 13.3333333333vw;
  font-size: 3.4666666667vw;
  letter-spacing: 0.04em;
  line-height: 1.8;
}
.block-offices .offices-item .border-primary {
  margin: 8vw 0;
  display: block;
  border-top: 2px solid #a0d1cf;
}
.block-offices .offices-item .office-about__image {
  margin: 0 auto 8vw;
  width: 37.3333333333vw;
}
.block-offices .offices-item .office-about__image img {
  width: 100%;
  height: auto;
}
.block-offices .offices-item .office-about__title {
  margin-bottom: 5.3333333333vw;
  color: #00afaa;
  font-size: 3.7333333333vw;
  line-height: 1;
}
.block-offices .offices-item .office-about__dl {
  margin-bottom: 13.3333333333vw;
}
.block-offices .offices-item .office-about__dl:last-child {
  margin-bottom: 0;
}
.block-offices .offices-item .office-about__dt {
  margin-bottom: 2.6666666667vw;
  color: #00afaa;
  font-size: 3.4666666667vw;
  line-height: 1;
}
.block-offices .offices-item .office-about__dd {
  margin-bottom: 5.3333333333vw;
  font-size: 3.4666666667vw;
  line-height: 1.6;
}
.block-offices .offices-item .office-about__dd .map-link {
  margin-top: 5.0666666667vw;
  margin-bottom: 5.0666666667vw;
  display: inline-block;
  color: #00afaa;
  border-bottom: 1px solid #00afaa;
  text-decoration: none;
}
.block-offices .offices-item #america + div .office-about__image {
  width: 64vw;
}
/* 参考サイトでは .page-voice 限定（メンバーの声 一覧ページのみ）の余白。
   全ページに効いてしまっていたため .block-voice-listing に限定した。 */
.block-voice-listing .voice-list .voice-list-item {
  margin-bottom: 10.6666666667vw;
}
.block-interview .box-list-triangle .box-list-item-number:before {
  content: none;
}
.block-interview .box-list-triangle .box-list-item-number-navy {
  color: #12284c;
}
.block-interview .box-image {
  margin-bottom: 10.6666666667vw;
  width: 100%;
}
.block-interview .box-image img {
  width: 100%;
}
.block-member-voice .block-lead {
  text-align: center;
  margin-bottom: 3.2vw;
}
.block-member-voice .member-voice-title {
  margin-bottom: 9.3333333333vw;
  font-size: 4.8vw;
  color: #00afaa;
  text-align: center;
}
.block-cross-talk .talk-member-list .talk-member-list-item {
  margin-bottom: 4vw;
}
.block-cross-talk .talk-member-list .talk-member-list-item__title {
  padding-bottom: 2.6666666667vw;
  font-size: 3.7333333333vw;
  letter-spacing: 0.05em;
  line-height: 1.4;
  border-bottom: 0.5333333333vw solid #7fd7d4;
}
.block-cross-talk .talk-member-list .talk-member-list-item__title span {
  padding-left: 3.2vw;
  font-weight: 500;
  letter-spacing: 0;
}
.block-cross-talk .talk-member-list .talk-member-list-item__text {
  padding: 2.6666666667vw 0;
  font-size: 3.7333333333vw;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.4;
}
.block-cross-talk .talk-member-list .talk-member-list-item:not(:last-child)::after {
  content: "";
  display: block;
  width: 11.4666666667vw;
  height: 11.4666666667vw;
  margin: auto;
  background: url("https://www.yamada-partners.jp/hubfs/yap-recruit/images/voice/ico_cross_light_green.svg") no-repeat center/11.4666666667vw;
}
.block-cross-talk .box-list .talk-item__icon figcaption {
  font-size: 3.7333333333vw;
  text-align: center;
}
.block-cross-talk .box-list .talk-item:nth-child(even) {
  flex-direction: row-reverse;
}
.block-cross-talk .box-list .talk-item:nth-child(even) .talk-item__icon {
  margin-right: 0;
  margin-left: 5.3333333333vw;
}
.block-work-style-link .block-title {
  margin-bottom: 13.3333333333vw;
}
.block-work-style-link .btn {
  margin-bottom: 10.6666666667vw;
}
.block-work-style-link .btn:last-child {
  margin-bottom: 0;
}
.page-guidelines.page-accounting .block-recruit-step .recruit-step__image {
  width: 64vw;
}
.page-guidelines.page-tax-accountant .block-recruit-step .recruit-step__image {
  width: 80vw;
}
.page-guidelines.page-part-time-job .block-recruit-step .recruit-step__image {
  width: 80vw;
}
@media screen and (min-width: 768px) {
  .external-link:after {
    margin-left: 10px;
  }
  .breadcrumb .breadcrumb-list {
    margin: 0 auto;
  }
  .box-list-col1 {
    margin: 0 15px;
    padding: 60px 72px;
    width: 100%;
  }
  .box-list-col1 .box-list-item-icon {
    margin: 0 auto 32px;
  }
  .box-list-col1 .box-list-item-title {
    margin-bottom: 40px;
    font-size: 2.2rem;
  }
  .box-list-col1 .box-list-item-text {
    font-size: 1.8rem;
    letter-spacing: 0.1em;
  }
  .box-list-col2 {
    margin: 0 15px;
    padding: 60px 72px;
    width: calc((100% - 30px) / 2);
  }
  .box-list-col2 .box-list-item-icon {
    margin: 0 auto 32px;
  }
  .box-list-col2 .box-list-item-title {
    margin-bottom: 40px;
    font-size: 2.2rem;
  }
  .box-list-col2 .box-list-item-text {
    font-size: 1.8rem;
    letter-spacing: 0.1em;
  }
  .box-list-triangle:before {
    border-width: 258px 140px 0 0;
  }
  .box-list-triangle .box-list-item-number:before {
    height: 2px;
  }
  .box-list-zigzag .box-list-item-text .sup-text {
    font-size: 0.2em;
    vertical-align: super;
  }
  .box-list-zigzag .box-list-item-text span {
    letter-spacing: 0;
  }
  .news-list .news-list-item__nodata {
    font-size: 1.8rem;
  }
  .seminar-list .seminar-list-item__date::before {
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
    background: url("https://www.yamada-partners.jp/hubfs/yap-recruit/images/common/ico_time.svg") no-repeat center/19px;
  }
  .seminar-list .seminar-list-item__place {
    margin-bottom: 8px;
    font-size: 1.4rem;
  }
  .seminar-list .seminar-list-item__place::before {
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
    background: url("https://www.yamada-partners.jp/hubfs/yap-recruit/images/common/ico_map.svg") no-repeat center/16px;
  }
  .seminar-list .seminar-list-item__nodata {
    padding: 20px 25px;
    font-size: 1.8rem;
  }
  .seminar-list .seminar-list-item .seminar-list-item-detail .ico-btn-arrow {
    width: 50px;
  }
  .profile {
    margin-bottom: 50px;
    padding: 60px;
  }
  .profile .profile-image {
    width: 227px;
    margin: 0 auto 40px;
  }
  .profile .profile-name__title {
    margin-bottom: 10px;
    font-size: 2.4rem;
  }
  .profile .profile-name__title span {
    margin-left: 22px;
    font-size: 1.5rem;
  }
  .profile .profile-name__text {
    font-size: 1.6rem;
  }
  .profile .profile-text {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 2px solid green-500;
    font-size: 1.8rem;
  }
  .schedule-row .schedule-row-item {
    margin-bottom: 14px;
  }
  .schedule-row .schedule-row-item__title-label {
    padding: 4px;
    font-size: 1.8rem;
    border: 2px solid #00afaa;
  }
  .schedule-row .schedule-row-item__title {
    padding: 4px;
    font-size: 1.8rem;
    border: 2px solid #00afaa;
  }
  .schedule-row .schedule-row-item__title::before {
    bottom: -13px;
    border-right: 13px solid transparent;
    border-top: 13px solid #00afaa;
    border-left: 13px solid transparent;
  }
  .schedule-row .schedule-row-item__title::after {
    bottom: -10px;
    border-right: 13px solid transparent;
    border-top: 13px solid #e0f5f5;
    border-left: 13px solid transparent;
  }
  .schedule-row .schedule-row-item__text {
    padding: 16px 0;
    font-size: 1.5rem;
    line-height: 1.6;
  }
  .schedule-row .schedule-row-item__image {
    margin: 40px 0 20px;
  }
  .schedule-purple .schedule-item__title {
    border: 2px solid #00afaa;
    border-right: none;
  }
  .schedule-purple .schedule-item__title::before {
    border-left: 15px solid #00afaa;
  }
  .schedule-purple .schedule-item__title::after {
    border-left: 13px solid #00afaa;
  }
  .schedule-row-purple .schedule-row-item__title-label {
    border: 2px solid #00afaa;
  }
  .schedule-row-purple .schedule-row-item__title {
    border: 2px solid #00afaa;
  }
  .schedule-row-purple .schedule-row-item__title::before {
    border-right: 13px solid transparent;
    border-top: 13px solid #00afaa;
    border-left: 13px solid transparent;
  }
  .schedule-row-purple .schedule-row-item__title::after {
    border-right: 13px solid transparent;
    border-top: 13px solid #dcd5e5;
    border-left: 13px solid transparent;
  }
  .accordion .accordion-item-prefix .accordion-item-title {
    padding: 20px 70px 20px 36px;
  }
  .accordion .accordion-item-prefix .accordion-item-title::before {
    width: 32px;
    margin-right: 24px;
    padding-right: 34px;
    border-right: 2px solid #7fd7d4;
    font-size: 4rem;
  }
  .accordion .accordion-item-prefix .accordion-item-title:hover::before {
    color: #fff;
  }
  .accordion .accordion-item-prefix .accordion-item-body {
    padding: 40px 20px 40px 36px;
  }
  .accordion .accordion-item-prefix .accordion-item-body .accordion-item-body-inner::before {
    width: 32px;
    margin-right: 24px;
    padding-right: 34px;
    border-right: 2px solid #7fd7d4;
    font-size: 4rem;
  }
  .top-mainvisual .top-mainvisual-slide-fixed {
    width: 34.21%;
    height: 64.71%;
  }
  .top-mainvisual .top-mainvisual-slide-fixed::after {
    top: 123px;
    right: 11%;
    width: 46%;
    height: 48px;
  }
  .top-mainvisual .top-mainvisual-slide .top-mainvisual-slide-item img {
    width: 100%;
    height: 100vh;
  }
  .top-mainvisual .top-mainvisual-catch {
    top: 50%;
    width: 475px;
  }
  .top-mainvisual .top-mainvisual-catch__title {
    width: 0;
    margin-bottom: 34px;
  }
  .top-mainvisual .top-mainvisual-catch__title img {
    width: 464px;
    height: auto;
  }
  .top-mainvisual .top-mainvisual-catch__title.is-show-top-catch {
    width: 496px;
  }
  .block-info .block-info-box .office-select .office-select-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .block-info .block-info-box .office-select .form-group {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row-reverse;
    margin-bottom: 0;
  }
  .block-info .block-info-box .office-select .form-parts {
    width: 222px;
    flex-shrink: 0;
  }
  .block-info .block-info-box .office-select .form-label {
    margin: 0 0 0 20px;
  }
  .block-info .block-info-box .table .news-list .news-list-item {
    padding: 2px 0;
  }
  .block-info .block-info-box .table .seminar-list .seminar-list-item__title {
    margin-bottom: 10px;
    font-size: 1.8rem;
  }
  .block-info .block-info-box .table .seminar-list .seminar-list-item__date {
    font-size: 1.3rem;
  }
  .block-philosophy .box-list {
    display: flex;
    margin: 0 -15px;
  }
  .block-philosophy .box-list .box-list-col3 {
    margin: 0 15px;
    padding: 40px 32px;
    width: calc((100% - 90px) / 3);
  }
  .block-philosophy .box-list .box-list-col3 .box-list-item-icon {
    height: 120px;
    margin: 0 auto 20px;
  }
  .block-philosophy .box-list .box-list-col3 .box-list-item-title {
    margin-bottom: 20px;
  }
  .block-philosophy .box-list .box-list-col3:nth-child(1) .box-list-item-icon {
    width: 166px;
  }
  .block-philosophy .box-list .box-list-col3:nth-child(2) .box-list-item-icon {
    width: 145px;
  }
  .block-philosophy .box-list .box-list-col3:nth-child(3) .box-list-item-icon {
    width: 109px;
  }
  .block-analects .box-list {
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
  }
  .block-analects .box-list .box-list-triangle {
    margin: 0 15px 30px;
  }
  .block-advantages .box-list-zigzag .box-list-item-text .sup-text {
    font-size: 0.2em;
    vertical-align: super;
  }
  .block-advantages .box-list-zigzag .box-list-item-text span {
    letter-spacing: 0;
  }
  .block-numbers .numbers-item-contents.average-age-by-gender {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
  }
  .block-numbers .numbers-item-contents.average-age-by-gender .numbers-item__image {
    width: 50%;
  }
  .block-numbers .numbers-item-contents.average-age-by-gender .numbers-item__date {
    width: 100%;
  }
  .block-services-summary .box-list-services:after {
    bottom: 18px;
    width: 12px;
    height: 8px;
    background-image: url("https://www.yamada-partners.jp/hubfs/yap-recruit/images/common/ico_arrow_down_pc.svg");
  }
  .block-office-map .area-link .area-link-title:before {
    content: "";
    display: block;
    bottom: -10px;
    position: absolute;
    height: 2px;
    background-color: #00afaa;
  }
  .block-office-map .area-link .area-link-title:after {
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    background-color: #00afaa;
  }
  .block-office-map .area-link.area-link-hokkaido .area-link-title:before {
    left: 0;
    width: 164px;
  }
  .block-office-map .area-link.area-link-hokkaido .area-link-title:after {
    content: none;
  }
  .block-office-map .area-link.area-link-tohoku .area-link-title:before {
    width: 153px;
  }
  .block-office-map .area-link.area-link-tohoku .area-link-title:after {
    content: none;
  }
  .block-office-map .area-link.area-link-kanto .area-link-title:before {
    width: 194px;
  }
  .block-office-map .area-link.area-link-kanto .area-link-title:after {
    content: none;
  }
  .block-office-map .area-link.area-link-hokushinetsu .area-link-title:before {
    left: 0;
    width: 247px;
  }
  .block-office-map .area-link.area-link-hokushinetsu .area-link-title:after {
    top: 28px;
    right: -167px;
    height: 86px;
  }
  .block-office-map .area-link.area-link-tokai .area-link-title:before {
    width: 170px;
  }
  .block-office-map .area-link.area-link-tokai .area-link-title:after {
    top: -56px;
    left: -74px;
    height: 86px;
  }
  .block-office-map .area-link.area-link-kansai .area-link-title:before {
    left: 0;
    width: 247px;
  }
  .block-office-map .area-link.area-link-kansai .area-link-title:after {
    top: 28px;
    right: -167px;
    height: 86px;
  }
  .block-office-map .area-link.area-link-chugoku .area-link-title:before {
    left: 0;
    width: 180px;
  }
  .block-office-map .area-link.area-link-chugoku .area-link-title:after {
    content: none;
  }
  .block-office-map .area-link.area-link-shikoku .area-link-title:before {
    width: 146px;
  }
  .block-office-map .area-link.area-link-shikoku .area-link-title:after {
    top: -56px;
    left: -66px;
    height: 86px;
  }
  .block-office-map .area-link.area-link-kyusyu .area-link-title:before {
    left: 0;
    width: 160px;
  }
  .block-office-map .area-link.area-link-kyusyu .area-link-title:after {
    content: none;
  }
  .block-office-map .area-link.area-link-overseas .area-link-title:before {
    right: 0;
    width: 296px;
  }
  .block-office-map .area-link.area-link-overseas .area-link-title:after {
    content: none;
  }
  .block-office-map .area-link-right .area-link-title:before {
    right: 0;
  }
  .block-offices .block-title {
    margin-bottom: 40px;
  }
  .block-offices .offices-item .offices-item-body-inner {
    max-width: 1000px;
    margin: 0 auto;
  }
  .block-offices .offices-item .accordion-item-top {
    display: flex;
    margin-bottom: 100px;
  }
  .block-offices .offices-item .offices-gallery {
    display: flex;
    margin: 0 -10px 80px;
  }
  .block-offices .offices-item .offices-gallery-item {
    margin: 0 10px;
    flex: 1;
  }
  .block-offices .offices-item .offices-youtube {
    width: 560px;
    margin: 0 auto 80px;
  }
  .block-offices .offices-item .offices-youtube iframe {
    height: 330px;
    margin: auto;
  }
  .block-offices .offices-item .offices-atmosphere {
    display: flex;
  }
  .block-offices .offices-item .offices-atmosphere__image {
    width: 36%;
    margin-bottom: 0;
  }
  .block-offices .offices-item .offices-atmosphere__image img {
    width: 100%;
  }
  .block-offices .offices-item .offices-atmosphere__caption {
    margin-top: 10px;
    font-size: 1.4rem;
  }
  .block-offices .offices-item .offices-atmosphere__text {
    width: 60%;
    margin-left: 4%;
    margin-bottom: 0;
    font-size: 1.8rem;
    letter-spacing: 0;
    font-weight: 300;
  }
  .block-offices .offices-item .border-primary {
    margin: 80px auto;
    width: 110%;
    transform: translateX(-5%);
  }
  .block-offices .offices-item .office-about {
    display: flex;
  }
  .block-offices .offices-item .office-about__image {
    width: 25%;
    margin-right: 6%;
    margin-bottom: 0;
  }
  .block-offices .offices-item .office-about .office-about-body {
    width: 69%;
  }
  .block-offices .offices-item .office-about__title {
    margin-bottom: 28px;
    font-size: 2.4rem;
    line-height: 1;
  }
  .block-offices .offices-item .office-about__dl {
    margin-bottom: 80px;
  }
  .block-offices .offices-item .office-about__dt {
    margin-bottom: 16px;
    font-size: 1.8rem;
    line-height: 1;
  }
  .block-offices .offices-item .office-about__dd {
    margin-bottom: 26px;
    font-size: 1.8rem;
    line-height: 1.6;
  }
  .block-offices .offices-item .office-about__dd .map-link {
    margin-top: 22px;
    margin-bottom: 20px;
  }
  .block-offices .offices-item #america + div .office-about__image {
    width: 44%;
  }
  .block-voice-listing .voice-list {
    margin-bottom: 0;
  }
  .block-voice-listing .voice-list .voice-list-item {
    margin-bottom: 40px;
  }
  .block-member-voice .block-lead {
    margin-bottom: 24px;
  }
  .block-member-voice .member-voice-title {
    margin-bottom: 40px;
    font-size: 2.4rem;
  }
  .block-cross-talk .talk-member-list .talk-member-list-item {
    position: relative;
    margin-bottom: 10px;
  }
  .block-cross-talk .talk-member-list .talk-member-list-item__title {
    padding-bottom: 14px;
    font-size: 1.6rem;
    border-bottom: 2px solid #7fd7d4;
  }
  .block-cross-talk .talk-member-list .talk-member-list-item__title span {
    padding-left: 10px;
    font-size: 1.4rem;
  }
  .block-cross-talk .talk-member-list .talk-member-list-item__text {
    padding: 14px 0;
    font-size: 1.4rem;
  }
  .block-cross-talk .talk-member-list .talk-member-list-item:not(:last-child)::after {
    width: 44px;
    height: 44px;
    background: url("https://www.yamada-partners.jp/hubfs/yap-recruit/images/voice/ico_cross_light_green.svg") no-repeat center/44px;
  }
  .block-cross-talk .box-list .talk-item__icon figcaption {
    font-size: 1.8rem;
  }
  .block-cross-talk .box-list .talk-item:nth-child(even) .talk-item__icon {
    margin-left: 30px;
  }
  .block-work-style-link .block-title {
    margin-bottom: 40px;
  }
  .block-work-style-link .btn {
    margin-bottom: 40px;
  }
  .page-guidelines.page-accounting .block-recruit-step .recruit-step__image {
    width: 100%;
  }
  .page-guidelines.page-tax-accountant .block-recruit-step .recruit-step__image {
    width: 100%;
  }
  .page-guidelines.page-part-time-job .block-recruit-step .recruit-step__image {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .box-list-zigzag:nth-child(even) {
    margin-left: 0;
    margin-right: auto;
  }
  .box-list-zigzag:nth-child(even) .box-list-item-image {
    left: 0;
  }
  .box-list-zigzag:nth-child(even) .box-list-item-body {
    margin-left: auto;
  }
  .box-list-zigzag .box-list-item-text .sup-text {
    font-size: 0.2em;
    vertical-align: super;
  }
  .box-list-zigzag .box-list-item-text span {
    letter-spacing: 0;
  }
  .top-mainvisual .top-mainvisual-slide-fixed {
    width: 493px;
    height: 906px;
  }
  .top-mainvisual .top-mainvisual-slide-fixed::after {
    top: 123px;
    width: 202px;
    height: 48px;
    background: url("https://www.yamada-partners.jp/hubfs/yap-recruit/images/top/img_text_recruit_white.svg") no-repeat left top/100%;
  }
  .top-mainvisual .top-mainvisual-catch {
    top: 48%;
  }
  .block-philosophy .box-list .box-list-col3 {
    padding: 60px 72px;
  }
  .block-philosophy .box-list .box-list-col3 .box-list-item-icon {
    margin: 0 auto 32px;
  }
  .block-analects .box-list .box-list-triangle:nth-child(1), .block-analects .box-list .box-list-triangle:nth-child(6) {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .block-analects .box-list .box-list-triangle:nth-child(1) .box-list-item-top, .block-analects .box-list .box-list-triangle:nth-child(6) .box-list-item-top {
    margin-right: 15px;
    width: calc(100% - 425px - 15px);
  }
  .block-analects .box-list .box-list-triangle:nth-child(1) .box-list-item-text, .block-analects .box-list .box-list-triangle:nth-child(6) .box-list-item-text {
    width: 425px;
  }
  .block-analects .box-list .box-list-triangle:nth-child(2), .block-analects .box-list .box-list-triangle:nth-child(3), .block-analects .box-list .box-list-triangle:nth-child(4), .block-analects .box-list .box-list-triangle:nth-child(5) {
    width: calc((100% - 60px) / 2);
  }
  .block-numbers .numbers-item-head {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
  }
  .block-numbers .numbers-item-head .numbers-item__title {
    white-space: nowrap;
    margin: 0 46px 0 0;
  }
  .block-numbers .numbers-item-contents.average-age-by-gender {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
  }
  .block-numbers .numbers-item-contents.average-age-by-gender .numbers-item__image {
    width: 50%;
  }
  .block-numbers .numbers-item-contents.average-age-by-gender .numbers-item__date {
    width: 100%;
  }
  .block-services .box-list-zigzag:nth-child(even) .box-list-item-image {
    left: -100px;
  }
  .block-office-map__lead {
    top: 115px;
    left: 104px;
    font-size: 2.4rem;
    line-height: 1.4;
  }
  .block-office-map .area-link .area-link-title:before {
    content: "";
    display: block;
    bottom: -10px;
    position: absolute;
    height: 2px;
    background-color: #00afaa;
  }
  .block-office-map .area-link .area-link-title:after {
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    background-color: #00afaa;
  }
  .block-office-map .area-link.area-link-hokkaido .area-link-title:before {
    width: 164px;
  }
  .block-office-map .area-link.area-link-tohoku .area-link-title:before {
    width: 153px;
  }
  .block-office-map .area-link.area-link-kanto .area-link-title:before {
    width: 194px;
  }
  .block-office-map .area-link.area-link-hokuriku {
    top: 24%;
    left: 35%;
  }
  .block-office-map .area-link.area-link-hokuriku .area-link-title:before {
    width: 247px;
  }
  .block-office-map .area-link.area-link-tokai .area-link-title:before {
    width: 170px;
  }
  .block-office-map .area-link.area-link-kansai .area-link-title:before {
    width: 247px;
  }
  .block-office-map .area-link.area-link-chugoku .area-link-title:before {
    width: 288px;
  }
  .block-office-map .area-link.area-link-shikoku .area-link-title:before {
    width: 146px;
  }
  .block-office-map .area-link.area-link-kyusyu .area-link-title:before {
    width: 205px;
  }
  .block-interview .box-list-triangle:nth-child(even) {
    margin-left: auto;
  }
  .block-member-voice .member-voice-title {
    margin-bottom: 40px;
    font-size: 2.4rem;
  }
  .block-cross-talk .talk-member-list .talk-member-list-item {
    max-width: 200px;
    margin: 0 34px;
  }
  .block-cross-talk .talk-member-list .talk-member-list-item:not(:last-child)::after {
    position: absolute;
    top: -24px;
    right: -55px;
    bottom: 0;
  }
  .block-work-style-link .btn-wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .block-work-style-link .btn {
    margin: 0 10px 20px;
  }
}
@media screen and (min-width: 1200px) {
  .profile {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 25px 60px;
  }
  .profile .profile-image {
    flex-shrink: 0;
    margin: 0 32px 0 0;
  }
  .profile .profile-name {
    text-align: left;
  }
  .block-analects .box-list .box-list-triangle:nth-child(1) .box-list-item-lead {
    height: 100%;
    white-space: nowrap;
  }
  .block-voice-listing .voice-list {
    margin-bottom: 0;
  }
  .block-voice-listing .voice-list .voice-list-item {
    margin-bottom: 40px;
  }
  .block-work-style-link .btn-wrap {
    flex-wrap: nowrap;
  }
  .block-work-style-link .btn {
    width: 360px;
    margin: 0 10px;
  }
  .page-guidelines.page-accounting .block-recruit-step .recruit-step__image {
    width: 1040px;
  }
  .page-guidelines.page-tax-accountant .block-recruit-step .recruit-step__image {
    width: 1070px;
  }
  .page-guidelines.page-part-time-job .block-recruit-step .recruit-step__image {
    width: 1070px;
  }
}

/* ====================================================================
   Y&P: 追加移植 第2弾（メディアクエリ対応照合で検出したPC用ルール等の欠落分） 2026-09-03
   ==================================================================== */
.container {
  width: 100%;
  max-width: 100%;
  padding-right: 4vw;
  padding-left: 4vw;
}
.header .header-globalnavi .globalnavi-list .globalnavi-list-item.open > a::after {
  content: "\f106";
  font-family: "Font Awesome 6 Free";
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  font-weight: 900;
  margin-left: auto;
}
.triangle-glay:before {
  border-color: #e9e5df transparent transparent transparent;
}
.triangle-blue:before {
  border-color: #ccedf0 transparent transparent transparent;
}
.triangle-green:before {
  border-color: #e1f3c2 transparent transparent transparent;
}
.triangle-orange:before {
  border-color: #ffd8bb transparent transparent transparent;
}
.triangle-pink:before {
  border-color: #f8bec6 transparent transparent transparent;
}
.triangle-primary:before {
  border-color: #bfebea transparent transparent transparent;
}
.triangle-secondary:before {
  border-color: #e8e9ed transparent transparent transparent;
}
.triangle-light-blue:before {
  border-color: #e0f5f5 transparent transparent transparent;
}
.triangle-light-green:before {
  border-color: #e0efe9 transparent transparent transparent;
}
.triangle-light-jade:before {
  border-color: #e0f5f5 transparent transparent transparent;
}
.triangle-light-glay:before {
  border-color: #e2e5e9 transparent transparent transparent;
}
.box-list-zigzag {
  margin-bottom: 10.6666666667vw;
  background-color: transparent;
}
.box-list-zigzag:last-child {
  margin-bottom: 0;
}
.box-list-zigzag .box-list-item-image img {
  width: 100%;
  height: auto;
}
.box-list-zigzag .box-list-item-body {
  padding: 9.3333333333vw 7.7333333333vw 5.3333333333vw;
  background-color: #fff;
}
.box-list-zigzag .box-list-item-title-wrap {
  margin-bottom: 5.6vw;
}
.box-list-zigzag .box-list-item-title {
  color: #00afaa;
  font-size: 4.8vw;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}
.box-list-zigzag .box-list-item-icon {
  margin-bottom: 6.9333333333vw;
  height: 22.6666666667vw;
}
.box-list-zigzag .box-list-item-icon img {
  margin: 0 auto;
  height: 100%;
}
.box-list-zigzag .box-list-item-text {
  margin-bottom: 0;
  font-size: 3.7333333333vw;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-4 {
  margin-top: 0.5333333333vw !important;
}
.mt-8 {
  margin-top: 1.0666666667vw !important;
}
.mt-10 {
  margin-top: 1.3333333333vw !important;
}
.mt-12 {
  margin-top: 1.6vw !important;
}
.mt-16 {
  margin-top: 2.1333333333vw !important;
}
.mt-20 {
  margin-top: 2.6666666667vw !important;
}
.mt-24 {
  margin-top: 3.2vw !important;
}
.mt-28 {
  margin-top: 3.7333333333vw !important;
}
.mt-30 {
  margin-top: 4vw !important;
}
.mt-32 {
  margin-top: 4.2666666667vw !important;
}
.mt-36 {
  margin-top: 4.8vw !important;
}
.mt-40 {
  margin-top: 5.3333333333vw !important;
}
.mt-44 {
  margin-top: 5.8666666667vw !important;
}
.mt-48 {
  margin-top: 6.4vw !important;
}
.mt-50 {
  margin-top: 6.6666666667vw !important;
}
.mt-52 {
  margin-top: 6.9333333333vw !important;
}
.mt-56 {
  margin-top: 7.4666666667vw !important;
}
.mt-60 {
  margin-top: 8vw !important;
}
.mt-64 {
  margin-top: 8.5333333333vw !important;
}
.mt-68 {
  margin-top: 9.0666666667vw !important;
}
.mt-70 {
  margin-top: 9.3333333333vw !important;
}
.mt-72 {
  margin-top: 9.6vw !important;
}
.mt-76 {
  margin-top: 10.1333333333vw !important;
}
.mt-80 {
  margin-top: 10.6666666667vw !important;
}
.mt-84 {
  margin-top: 11.2vw !important;
}
.mt-88 {
  margin-top: 11.7333333333vw !important;
}
.mt-90 {
  margin-top: 12vw !important;
}
.mt-92 {
  margin-top: 12.2666666667vw !important;
}
.mt-96 {
  margin-top: 12.8vw !important;
}
.mt-100 {
  margin-top: 13.3333333333vw !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-4 {
  margin-bottom: 0.5333333333vw !important;
}
.mb-8 {
  margin-bottom: 1.0666666667vw !important;
}
.mb-10 {
  margin-bottom: 1.3333333333vw !important;
}
.mb-12 {
  margin-bottom: 1.6vw !important;
}
.mb-16 {
  margin-bottom: 2.1333333333vw !important;
}
.mb-20 {
  margin-bottom: 2.6666666667vw !important;
}
.mb-24 {
  margin-bottom: 3.2vw !important;
}
.mb-28 {
  margin-bottom: 3.7333333333vw !important;
}
.mb-30 {
  margin-bottom: 4vw !important;
}
.mb-32 {
  margin-bottom: 4.2666666667vw !important;
}
.mb-36 {
  margin-bottom: 4.8vw !important;
}
.mb-40 {
  margin-bottom: 5.3333333333vw !important;
}
.mb-44 {
  margin-bottom: 5.8666666667vw !important;
}
.mb-48 {
  margin-bottom: 6.4vw !important;
}
.mb-50 {
  margin-bottom: 6.6666666667vw !important;
}
.mb-52 {
  margin-bottom: 6.9333333333vw !important;
}
.mb-56 {
  margin-bottom: 7.4666666667vw !important;
}
.mb-60 {
  margin-bottom: 8vw !important;
}
.mb-64 {
  margin-bottom: 8.5333333333vw !important;
}
.mb-70 {
  margin-bottom: 9.3333333333vw !important;
}
.mb-72 {
  margin-bottom: 9.6vw !important;
}
.mb-76 {
  margin-bottom: 10.1333333333vw !important;
}
.mb-80 {
  margin-bottom: 10.6666666667vw !important;
}
.mb-84 {
  margin-bottom: 11.2vw !important;
}
.mb-88 {
  margin-bottom: 11.7333333333vw !important;
}
.mb-90 {
  margin-bottom: 12vw !important;
}
.mb-94 {
  margin-bottom: 12.5333333333vw !important;
}
.mb-96 {
  margin-bottom: 12.8vw !important;
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-block {
  display: block !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
#js-voice-list-one .slide-arrow {
  position: absolute;
  top: 42.6666666667vw;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .container {
    padding-right: 4%;
    padding-left: 4%;
  }
  .link-white {
    color: #fff;
  }
  .breadcrumb .breadcrumb-list__item a {
    display: inline;
    color: #4d4d4d;
    font-weight: 300;
  }
  .header {
    transition: 0.2s;
  }
  .header .header-globalnavi .globalnavi-list .globalnavi-list-item.open > a::after {
    display: none;
  }
  .header .header-globalnavi .globalnavi-list .globalnavi-list-item--current > a {
    position: relative;
    color: #00afaa;
  }
  .header .header-globalnavi .globalnavi-list .globalnavi-list-item--current > a::after {
    position: absolute;
    bottom: 10px;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #00afaa;
  }
  .header .header-globalnavi .globalnavi-sub-list .globalnavi-sub-list-item:first-child {
    display: none;
  }
  .header .header-globalnavi .globalnavi-sub-list.active {
    visibility: visible;
    opacity: 1;
  }
  /* 参考サイトは .page-xxx（下層ページごとのクラス）ごとに
     `.main-content { padding-top: 180px }` を指定している。実体は
     「ファーストビュー画像（.page-fv）を持たない下層ページ」への一律指定。
     このテーマはページ限定クラスを持たない構成のため、同じ条件を :has() で表現する。
     これが無いと、絶対配置になったページタイトルに直後のブロックが重なる。 */
  body:not(.page-top) .main-content:not(:has(.page-fv)) {
    padding-top: 180px;
  }
  /* 地方・海外事務所一覧（block-office-map）は参考サイトでもこの180pxを持たず、
     日本地図がページタイトル直下に来る。この汎用ルールだけ打ち消す。 */
  body:not(.page-top) .main-content:has(.block-office-map) {
    padding-top: 0;
  }

  /* 参考サイト .page-title のPC本体ルール（移植漏れ分を追補）。
     PCでは絶対配置＋斜め帯（:after）になるため、これが無いとページタイトルが
     通常フローに残り、直後のブロックと重なってしまう。 */
  .page-title {
    position: absolute;
    align-items: flex-start;
    top: 0;
    left: 0;
    padding: 0;
    padding-top: 6%;
    padding-left: 4%;
    text-align: left;
    background-color: transparent;
    z-index: 1;
    width: auto;
  }
  .page-title:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 340px;
    height: 640px;
    background: linear-gradient(to top left, transparent 50%, #00afaa 50%);
  }
  .page-title .page-title-en {
    position: relative;
    z-index: 1;
    margin: 0 0 20px 0;
    height: 38px;
  }
  .page-title .page-title-en img {
    object-position: left;
    height: 38px;
    margin: 0;
  }
  .page-title .page-title-jp {
    position: relative;
    z-index: 1;
    font-size: 1.5rem;
  }
  .page-title .page-title-jp-sub {
    position: relative;
    margin: 40px 0 0;
    z-index: 1;
    font-size: 1.5rem;
    line-height: 2;
  }
  .page-title-light-purple:after {
    background: linear-gradient(to top left, transparent 50%, #dcd5e5 50%);
  }
  .page-title-pink:after {
    background: linear-gradient(to top left, transparent 50%, #fbd4d9 50%);
  }
  .page-title-orange:after {
    background: linear-gradient(to top left, transparent 50%, #ff7d1e 50%);
  }
  .page-title-cyan:after {
    background: linear-gradient(to top left, transparent 50%, #00a7b5 50%);
  }
  .page-title-green:after {
    background: linear-gradient(to top left, transparent 50%, #00afaa 50%);
  }
  .page-title-light-green:after {
    background: linear-gradient(to top left, transparent 50%, #bfebea 50%);
  }
  .box-list-zigzag {
    position: relative;
  }
  .box-list-zigzag .box-list-item-image {
    height: 385px;
  }
  .box-list-zigzag .box-list-item-title-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 58px;
  }
  .box-list-zigzag .box-list-item-title {
    margin-bottom: 0;
    font-size: 2.4rem;
    letter-spacing: 0.1em;
    text-align: left;
  }
  .box-list-zigzag .box-list-item-icon {
    margin-bottom: 0;
    margin-right: 36px;
    height: 97px;
  }
  .box-list-zigzag .box-list-item-icon img {
    margin: 0 auto;
    height: 100%;
  }
  .box-list-zigzag .box-list-item-text {
    font-size: 1.8rem;
    letter-spacing: 0;
    font-weight: 300;
  }
  .seminar-list .seminar-list-item {
    padding: 10px 0;
    font-size: 1.6rem;
  }
  .schedule-pink .schedule-item__title {
    border: 2px solid #e75297;
    border-right: none;
  }
  .schedule-red .schedule-item__title {
    border: 2px solid #dd8797;
    border-right: none;
  }
  /* transform を上書きすると縦中央寄せ（translateY(-50%)）が消えて×が下にずれるため、
     位置と文字サイズだけを上書きする。参考サイトのFont Awesome 5指定も当テーマは6なので外す。 */
  .accordion .accordion-item-title.is-opened::after {
    content: "\f00d";
    right: 40px;
    font-size: 2.4rem;
  }
  .footer .footer-globalnavi .globalnavi-sub-list .globalnavi-sub-list-item > a {
    padding: 8px 0;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.4;
  }
  .block-advantages .box-list-zigzag .box-list-item-icon img {
    margin: 0 auto;
    height: 100%;
  }
  .block-numbers .numbers-lg-col2__item:first-child {
    margin-top: 0;
  }
  .block-offices ~ .footer .pagetop {
    position: fixed;
    top: auto;
    bottom: 20px;
    right: 20px;
    z-index: 1030;
  }
  .block-voice .anker {
    padding-top: 40px;
  }
  .mt-4 {
    margin-top: 4px !important;
  }
  .mt-8 {
    margin-top: 8px !important;
  }
  .mt-10 {
    margin-top: 10px !important;
  }
  .mt-12 {
    margin-top: 12px !important;
  }
  .mt-16 {
    margin-top: 16px !important;
  }
  .mt-20 {
    margin-top: 20px !important;
  }
  .mt-24 {
    margin-top: 24px !important;
  }
  .mt-28 {
    margin-top: 28px !important;
  }
  .mt-30 {
    margin-top: 30px !important;
  }
  .mt-32 {
    margin-top: 32px !important;
  }
  .mt-36 {
    margin-top: 36px !important;
  }
  .mt-40 {
    margin-top: 40px !important;
  }
  .mt-44 {
    margin-top: 44px !important;
  }
  .mt-48 {
    margin-top: 48px !important;
  }
  .mt-50 {
    margin-top: 50px !important;
  }
  .mt-52 {
    margin-top: 52px !important;
  }
  .mt-56 {
    margin-top: 56px !important;
  }
  .mt-60 {
    margin-top: 60px !important;
  }
  .mt-64 {
    margin-top: 64px !important;
  }
  .mt-68 {
    margin-top: 68px !important;
  }
  .mt-70 {
    margin-top: 70px !important;
  }
  .mt-72 {
    margin-top: 72px !important;
  }
  .mt-76 {
    margin-top: 76px !important;
  }
  .mt-80 {
    margin-top: 80px !important;
  }
  .mt-84 {
    margin-top: 84px !important;
  }
  .mt-88 {
    margin-top: 88px !important;
  }
  .mt-90 {
    margin-top: 90px !important;
  }
  .mt-92 {
    margin-top: 92px !important;
  }
  .mt-96 {
    margin-top: 96px !important;
  }
  .mt-100 {
    margin-top: 100px !important;
  }
  .mb-4 {
    margin-bottom: 4px !important;
  }
  .mb-8 {
    margin-bottom: 8px !important;
  }
  .mb-10 {
    margin-bottom: 10px !important;
  }
  .mb-12 {
    margin-bottom: 12px !important;
  }
  .mb-16 {
    margin-bottom: 16px !important;
  }
  .mb-20 {
    margin-bottom: 20px !important;
  }
  .mb-24 {
    margin-bottom: 24px !important;
  }
  .mb-28 {
    margin-bottom: 28px !important;
  }
  .mb-30 {
    margin-bottom: 30px !important;
  }
  .mb-32 {
    margin-bottom: 32px !important;
  }
  .mb-36 {
    margin-bottom: 36px !important;
  }
  .mb-40 {
    margin-bottom: 40px !important;
  }
  .mb-44 {
    margin-bottom: 44px !important;
  }
  .mb-48 {
    margin-bottom: 48px !important;
  }
  .mb-50 {
    margin-bottom: 50px !important;
  }
  .mb-52 {
    margin-bottom: 52px !important;
  }
  .mb-56 {
    margin-bottom: 56px !important;
  }
  .mb-60 {
    margin-bottom: 60px !important;
  }
  .mb-64 {
    margin-bottom: 64px !important;
  }
  .mb-68 {
    margin-bottom: 68px !important;
  }
  .mb-70 {
    margin-bottom: 70px !important;
  }
  .mb-72 {
    margin-bottom: 72px !important;
  }
  .mb-76 {
    margin-bottom: 76px !important;
  }
  .mb-80 {
    margin-bottom: 80px !important;
  }
  .mb-84 {
    margin-bottom: 84px !important;
  }
  .mb-88 {
    margin-bottom: 88px !important;
  }
  .mb-90 {
    margin-bottom: 90px !important;
  }
  .mb-92 {
    margin-bottom: 92px !important;
  }
  .mb-96 {
    margin-bottom: 96px !important;
  }
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  /* 参考サイトの #js-voice-list-one（記事下部のメンバーの声スライダー）。
     スライド内でカードを中央寄せする指定が移植漏れだった。 */
  #js-voice-list-one .slick-slide {
    display: flex;
    justify-content: center;
  }
  #js-voice-list-one .voice-list-item {
    width: 246px !important;
  }
  #js-voice-list-one .slide-arrow {
    top: 170px;
  }
}
@media screen and (min-width: 1200px) {
  .container {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0;
  }
  .header .header-inner {
    height: 100px;
    padding-right: 7.142%;
    padding-left: 7.142%;
  }
  .page-title:after {
    width: 425px;
    height: 800px;
  }
  .page-title .page-title-en {
    position: relative;
    margin: 0 auto 20px 0;
    height: 38px;
  }
  .page-title .page-title-en img {
    object-position: left;
  }
  .page-title .page-title-jp {
    position: relative;
    font-size: 1.5rem;
  }
  .box-list-tile .box-list-item-body {
    padding: 40px 100px;
  }
  .box-list-tile .box-list-item-title .box-list-item-title-jp {
    margin: 0 50px;
  }
  .box-list-triangle {
    padding: 118px 80px 60px;
  }
  .box-list-triangle .box-list-item-lead {
    font-size: 2.4rem;
  }
  .footer .footer-inner {
    width: 1200px;
    margin: 0 auto;
    padding: 60px 0 20px;
  }
  .block-about .block-about-image {
    width: 1040px;
    margin: 0 auto 40px;
  }
  .block-info .block-info-box {
    width: 1000px;
    margin: 0 auto;
  }
  .block-numbers .numbers-item-inner {
    padding-right: 0;
    padding-left: 0;
  }
  .block-voice .block-title {
    margin-bottom: 40px;
  }
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 992px) {
  .page-title {
    padding-top: 78px;
    padding-left: 4%;
  }
  .page-title:after {
    width: 382px;
    height: 720px;
  }
  .page-title .page-title-en {
    position: relative;
    margin: 0 auto 20px 0;
    height: 38px;
  }
  .page-title .page-title-en img {
    object-position: left;
  }
  .page-title .page-title-jp {
    position: relative;
    font-size: 1.5rem;
  }
  /* 参考サイトは height:330px 固定だが、文章量が多いカードで本文がはみ出すため
     最小値にし、画像は本文の高さに合わせて伸縮させる（モジュール側CSSと同じ指定）。
     画像は絶対配置にして高さ計算に加わらないようにしているので、
     文章が短いカードは参考サイトどおり330pxのままになる。 */
  .box-list-tile {
    min-height: 330px;
  }
  .box-list-tile .box-list-item-inner {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }
  .box-list-tile .box-list-item-image {
    width: 50%;
    overflow: hidden;
    position: relative;
  }
  .box-list-tile .box-list-item-image__detail {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .box-list-tile .box-list-item-image__detail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.2s;
  }
  .box-list-tile .box-list-item-body {
    width: 50%;
    min-height: 330px;
    padding: 32px 3%;
    transition: 0.2s;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .box-list-tile .box-list-item-title {
    flex-direction: row;
  }
  .box-list-tile .box-list-item-title .box-list-item-title-en {
    margin-bottom: 0;
  }
  .box-list-tile .box-list-item-title .box-list-item-title-jp {
    flex-shrink: 0;
    margin-left: 20px;
  }
  .box-list-tile:nth-child(odd) .box-list-item-inner {
    flex-direction: row-reverse;
  }
  .box-list-tile a:hover .box-list-item-image .box-list-item-image__detail img {
    transform: scale(1.1, 1.1);
  }
  .box-list-tile a:hover .box-list-item-body {
    background-color: #fafafa;
  }
  .box-list-tile a:hover .link::before {
    left: 8px;
  }
  .box-list-tile a:hover .link::after {
    right: -7px;
  }
  .box-list-zigzag {
    position: relative;
    margin-right: 0;
    margin-left: auto;
  }
  .box-list-zigzag .box-list-item-image {
    position: absolute;
    right: 0;
  }
  .box-list-zigzag .box-list-item-image img {
    width: auto;
    height: auto;
  }
  .box-list-zigzag .box-list-item-body {
    position: relative;
    z-index: 1;
  }
  .box-list-zigzag .box-list-item-title-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 58px;
  }
  .box-list-zigzag .box-list-item-title {
    margin-bottom: 0;
    font-size: 2.4rem;
    letter-spacing: 0.1em;
    text-align: left;
  }
  .box-list-zigzag .box-list-item-icon {
    margin-bottom: 0;
    margin-right: 36px;
    height: 97px;
  }
  .box-list-zigzag .box-list-item-icon img {
    margin: 0 auto;
    height: 100%;
  }
  .box-list-zigzag .box-list-item-text {
    font-size: 1.8rem;
    letter-spacing: 0;
    font-weight: 300;
  }
  .top-mainvisual::before {
    bottom: -643px;
    width: 700px;
    height: 1286px;
  }
  .block-about .block-about-image {
    background: url("https://www.yamada-partners.jp/hubfs/yap-recruit/images/top/img_top_about_pc.jpg") no-repeat;
    background-attachment: fixed;
    background-position: center;
  }
  .block-entry .btn-wrap {
    width: 818px;
  }
  .block-entry .btn-wrap .btn {
    width: 415px;
    margin: 0 10px;
  }
  .block-numbers {
    margin-top: 280px;
  }
  .block-numbers .numbers-item {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .block-numbers .numbers-item__title {
    margin: 0 0 36px;
    font-size: 4rem;
  }
  .block-numbers .numbers-item__text {
    margin-left: 0;
    margin-right: 0;
    font-size: 1.8rem;
  }
  .block-numbers .numbers-item__image {
    margin: 0 auto;
  }
  .block-numbers .numbers-item__date {
    margin: 24px auto;
    font-size: 1.6rem;
    text-align: right;
  }
  .block-numbers .numbers-item-inner {
    max-width: 1120px;
    margin: 0 auto;
  }
  .block-numbers .numbers-lg-col2 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 100px;
  }
  .block-numbers .numbers-lg-col2__item {
    width: 510px;
    width: calc(50% - 50px);
    margin-top: 0;
  }
  .block-numbers .numbers-lg-col2-center {
    align-items: center;
  }
  .block-numbers .numbers-item-contents {
    margin-top: 0;
  }
  .block-office-map .area-link {
    display: block;
  }
  .block-office-map .area-link .area-link-title {
    position: relative;
    margin-bottom: 22px;
    font-size: 2rem;
    font-weight: 500;
  }
  .block-office-map .area-link .area-link-item {
    margin-bottom: 4px;
    font-size: 1.6rem;
    letter-spacing: 0;
  }
  .block-office-map .area-link .area-link-item a {
    display: inline-block;
    padding-bottom: 1px;
    border-bottom: 1px solid #4d4d4d;
  }
  .block-schedule .schedule .schedule-item__title {
    color: #fff;
    background-color: #00afaa;
  }
  .block-schedule .schedule .schedule-item__title::after {
    border-left: 13px solid #00afaa;
  }
  .block-schedule .schedule .schedule-item__text span {
    font-weight: 300;
  }
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1400px) {
  /* voice INDEXページ用の上書き（元は .page-voice スコープ）。
     TOPのカルーセル（#js-voice-list を内包する側）には効かせない */
  .block-voice .block-inner:not(:has(#js-voice-list)) {
    max-width: max-content;
  }
  .block-voice .voice-list-wrap:not(:has(#js-voice-list)) {
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}

/* ====================================================================
   Y&P: 追加移植 第2弾（メディアクエリ対応照合で検出したPC用ルール等の欠落分） 2026-09-03
   ==================================================================== */
@media screen and (min-width: 1400px) {
  /* voice INDEXページ用の上書き。TOPのカルーセル（#js-voice-list を内包する側）は
     .voice-list-wrap の固定幅を維持しないとカード間が広がってしまうため除外する。 */
  .block-voice .block-inner:not(:has(#js-voice-list)) {
    max-width: max-content;
  }
  .block-voice .voice-list-wrap:not(:has(#js-voice-list)) {
    width: auto;
  }
}
.block-seminar-list .office-select {
  margin-bottom: 5.3333333333vw;
  padding: 8vw 4.6666666667vw;
  border-top: 2px solid #00afaa;
  border-bottom: 2px solid #00afaa;
  background-color: #fff;
}
.block-seminar-list .office-select .form-label {
  display: block;
  margin-bottom: 3.2vw;
  font-size: 3.2vw;
  line-height: 1.6;
  letter-spacing: 0.1em;
  text-align: center;
}
.block-seminar-list .seminar-list .seminar-list-item {
  margin-bottom: 5.3333333333vw;
  padding: 4vw;
  border: 4px solid #7fd7d4;
  background-color: #fff;
  border-radius: 20px;
}
.block-seminar-list .seminar-list .seminar-list-item .seminar-list-item-detail {
  margin: 7.4666666667vw 0 4vw;
  display: flex;
  justify-content: center;
}
.block-recruit-status .block-title {
  margin-bottom: 5.3333333333vw;
}
.block-seminar-detail .seminar-detail-head {
  margin-bottom: 13.3333333333vw;
}
.block-seminar-detail .seminar-detail-head .seminar-category {
  justify-content: center;
  margin-bottom: 4vw;
}
.block-seminar-detail .seminar-detail-head .block-title {
  margin-bottom: 9.3333333333vw;
}
.block-seminar-detail .seminar-detail-head .block-title .block-title-jp {
  letter-spacing: 0;
}
.block-seminar-detail .seminar-detail-head .block-title .block-title-jp span {
  font-size: 3.7333333333vw;
  font-weight: 400;
}
.block-seminar-detail .seminar-detail-body .seminar-detail-box {
  margin-bottom: 2.6666666667vw;
  padding: 6.1333333333vw 5.0666666667vw 8vw;
  background-color: #fff;
}
.block-seminar-detail .seminar-detail-body .seminar-detail-box h2 {
  margin-bottom: 3.7333333333vw;
  padding-bottom: 2.1333333333vw;
  border-bottom: 2px solid #00afaa;
  font-size: 4.8vw;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #00afaa;
}
.block-seminar-detail .seminar-detail-body .seminar-detail-box h3 {
  margin-bottom: 6.6666666667vw;
  padding-bottom: 3.7333333333vw;
  border-bottom: 2px solid #00afaa;
  font-size: 4vw;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
.block-seminar-detail .seminar-detail-body .seminar-detail-box h4 {
  font-size: 4vw;
  font-weight: 500;
  line-height: 1.6;
}
.block-seminar-detail .seminar-detail-body .seminar-detail-box p {
  margin-bottom: 8vw;
  font-size: 3.7333333333vw;
  font-weight: 400;
  line-height: 1.6;
}
.block-seminar-detail .seminar-detail-body .seminar-detail-box p a {
  display: inline-block;
  color: #00afaa;
}
.block-seminar-detail .seminar-detail-body .seminar-detail-box p .external-link::after {
  margin-left: 1.3333333333vw;
}
.block-seminar-detail .seminar-detail-body .seminar-detail-image__item {
  width: 100%;
  height: 54.8vw;
  object-fit: cover;
  margin-bottom: 5.3333333333vw;
}
.block-seminar-detail .seminar-detail-body .seminar-detail-image__item:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .block-seminar-list .office-select {
    margin-bottom: 0;
    padding: 34px 60px;
    border-top: 2px solid #00afaa;
    border-bottom: 2px solid #00afaa;
  }
  .block-seminar-list .office-select .form-group {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
  }
  .block-seminar-list .office-select .form-parts {
    width: 222px;
    flex-shrink: 0;
  }
  .block-seminar-list .office-select .form-label {
    display: block;
    margin: 0 0 0 20px;
    font-size: 1.8rem;
    text-align: left;
  }
  .block-seminar-list .seminar-list {
    padding: 60px;
    background-color: #fff;
  }
  .block-seminar-list .seminar-list .seminar-list-item {
    margin-bottom: 40px;
    padding: 44px;
    border: 4px solid #7fd7d4;
    border-radius: 10px;
  }
  .block-seminar-list .seminar-list .seminar-list-item:last-child {
    margin-bottom: 0;
  }
  .block-seminar-list .seminar-list .seminar-list-item .seminar-list-item-detail {
    margin: 0 0 0 auto;
    display: block;
    flex-shrink: 0;
  }
  .block-seminar-list .seminar-list .seminar-list-item .seminar-list-item-inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .block-recruit-status .block-title {
    margin-bottom: 40px;
  }
  .block-seminar-detail .seminar-detail-head {
    margin-bottom: 45px;
  }
  .block-seminar-detail .seminar-detail-head .seminar-category {
    margin-bottom: 20px;
  }
  .block-seminar-detail .seminar-detail-head .block-title {
    margin-bottom: 30px;
  }
  .block-seminar-detail .seminar-detail-head .block-title .block-title-jp span {
    font-size: 1.8rem;
  }
  .block-seminar-detail .seminar-detail-body {
    padding: 30px 30px 100px;
    background-color: #fff;
  }
  .block-seminar-detail .seminar-detail-body .table {
    margin-bottom: 80px;
  }
  .block-seminar-detail .seminar-detail-body .seminar-detail-box {
    margin-bottom: 100px;
    padding: 0;
    background-color: transparent;
  }
  .block-seminar-detail .seminar-detail-body .seminar-detail-box h2 {
    margin-bottom: 32px;
    padding-bottom: 15px;
    border-bottom: 2px solid #00afaa;
    font-size: 2.8rem;
  }
  .block-seminar-detail .seminar-detail-body .seminar-detail-box h3 {
    margin-bottom: 40px;
    padding-bottom: 32px;
    border-bottom: 2px solid #00afaa;
    font-size: 2rem;
  }
  .block-seminar-detail .seminar-detail-body .seminar-detail-box h4 {
    font-size: 2rem;
  }
  .block-seminar-detail .seminar-detail-body .seminar-detail-box p {
    margin-bottom: 36px;
    font-size: 1.8rem;
  }
  .block-seminar-detail .seminar-detail-body .seminar-detail-box p .external-link::after {
    margin-left: 10px;
  }
  .block-seminar-detail .seminar-detail-body .seminar-detail-image {
    margin-top: 60px;
  }
  .block-seminar-detail .seminar-detail-body .seminar-detail-image__item {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 992px) {
  .block-seminar-detail .seminar-detail-body {
    padding: 60px 60px 100px;
  }
  .block-seminar-detail .seminar-detail-body .seminar-detail-image {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 60px -10px 0;
  }
  .block-seminar-detail .seminar-detail-body .seminar-detail-image__item {
    width: calc(50% - 20px);
    height: 23.42%;
    margin: 10px;
  }
}
@media screen and (min-width: 1200px) {
  .block-seminar-list .block-inner {
    width: 1000px;
  }
  .block-seminar-detail .seminar-detail-body {
    padding: 100px 100px;
  }
  .block-seminar-detail .seminar-detail-body .seminar-detail-image {
    margin: 60px -10px 0;
  }
  .block-seminar-detail .seminar-detail-body .seminar-detail-image__item {
    width: 490px;
    height: 328px;
  }
}


/* ====================================================================
   Y&P: seminar共通コンポーネント（参考サイト style.css 2680行〜のグローバルルール）。
   news-listing の module.css にしか無く、他ページでタグ/タイトル/アイコンが
   無スタイルになっていたため、ここへ一本化（2026-09-04）。
   ==================================================================== */
.seminar-category {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: -1.3333333333vw -1.3333333333vw 2.6666666667vw;
}
.seminar-category__item {
  display: inline-block;
  margin: 1.3333333333vw 1.3333333333vw;
  padding: 0.5333333333vw 3.2vw 0.4vw;
  font-size: 3.7333333333vw;
  line-height: 1.5;
  letter-spacing: 0.02em;
  color: #fff;
}
.seminar-category__item-primary {
  background-color: #00afaa;
}
.seminar-category__item-green {
  background-color: #007a4c;
}
.seminar-category__item-navy {
  background-color: #12284c;
}
.seminar-category__item-blue {
  background-color: #416ba9;
}

.seminar-list .seminar-list-item {
  position: relative;
  padding: 4vw 0;
  font-size: 3.2vw;
}
.seminar-list .seminar-list-item__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 2.6666666667vw;
  font-size: 5.0666666667vw;
  color: #00afaa;
  text-decoration: underline;
  line-height: 1.5;
}
.seminar-list .seminar-list-item__date {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 2.6666666667vw;
  font-size: 3.4666666667vw;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #000;
}
.seminar-list .seminar-list-item__date::before {
  content: "";
  display: block;
  width: 4vw;
  height: 4vw;
  margin: 0.5333333333vw 1.3333333333vw 0 0;
  background: url("https://www.yamada-partners.jp/hubfs/yap-recruit/images/common/ico_time.svg") no-repeat center/3.6vw;
  flex-shrink: 0;
}
.seminar-list .seminar-list-item__place {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 2.6666666667vw;
  font-size: 3.4666666667vw;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #000;
}
.seminar-list .seminar-list-item__place::before {
  content: "";
  display: block;
  width: 4vw;
  height: 4vw;
  margin: 0.5333333333vw 1.3333333333vw 0 0;
  background: url("https://www.yamada-partners.jp/hubfs/yap-recruit/images/common/ico_map.svg") no-repeat center/3.0666666667vw;
  flex-shrink: 0;
}
.seminar-list .seminar-list-item__nodata {
  padding: 4vw 2.6666666667vw;
  font-size: 3.7333333333vw;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
.seminar-list .seminar-list-item .seminar-list-item-detail .ico-btn-arrow {
  width: 13.6vw;
}
.seminar-list .seminar-list-item .seminar-list-item-detail .ico-btn-arrow path {
  fill: #00afaa;
}

@media screen and (min-width: 768px) {
  .seminar-category {
    margin: 0 -4px 20px;
  }
  .seminar-category__item {
    margin: 0 4px;
    padding: 4px 14px 3px;
    font-size: 1.4rem;
  }
  .seminar-list .seminar-list-item {
    padding: 10px 0;
    font-size: 1.6rem;
  }
  .seminar-list .seminar-list-item__title {
    margin-bottom: 20px;
    font-size: 2.8rem;
  }
  .seminar-list .seminar-list-item__date {
    margin-bottom: 8px;
    font-size: 1.4rem;
  }
  .seminar-list .seminar-list-item__date::before {
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
    background: url("https://www.yamada-partners.jp/hubfs/yap-recruit/images/common/ico_time.svg") no-repeat center/19px;
  }
  .seminar-list .seminar-list-item__place {
    margin-bottom: 8px;
    font-size: 1.4rem;
  }
  .seminar-list .seminar-list-item__place::before {
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
    background: url("https://www.yamada-partners.jp/hubfs/yap-recruit/images/common/ico_map.svg") no-repeat center/16px;
  }
  .seminar-list .seminar-list-item__nodata {
    padding: 20px 25px;
    font-size: 1.8rem;
  }
  .seminar-list .seminar-list-item .seminar-list-item-detail .ico-btn-arrow {
    width: 50px;
  }
}
/*--------------- voice-list（object） ---------------*/
.voice-list {
  width: 65.4666666667vw;
  margin: 0 auto;
}



/* ====================================================================
   Y&P: form共通コンポーネント（参考サイト style.css 854行〜）。
   セレクトボックスの枠線とシェブロン（Font Awesome）。説明会一覧・NEWS等で共用。
   ==================================================================== */
/*--------------- form（component） ---------------*/
.form-label {
  font-size: 3.2vw;
}

.form-group {
  position: relative;
}

.form-parts {
  position: relative;
}

.form-select {
  position: relative;
}
.form-select select {
  width: 100%;
  padding: 2.4vw 2.6666666667vw;
  border: 2px solid #999;
  font-size: 4.2666666667vw;
  line-height: 1.4;
}
.form-select::after {
  content: "\f107";
  font-family: "Font Awesome 6 Free";
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  right: 2.6666666667vw;
  bottom: 0;
  height: 3.7333333333vw;
  margin: auto;
  font-size: 4.2666666667vw;
  font-weight: 900;
}

@media screen and (min-width: 768px) {
  .form-label {
    font-size: 1.8rem;
  }
  .form-select select {
    padding: 10px;
    font-size: 1.8rem;
  }
  .form-select::after {
    right: 10px;
    height: 17px;
    font-size: 1.8rem;
  }
}

/* ====================================================================
   Y&P: 追加移植 第2弾（メディアクエリ対応照合で検出したPC用ルール等の欠落分） 2026-09-03
   ==================================================================== */
.block-globalization-network .globalization-network-map {
  margin-bottom: 10.6666666667vw;
  padding: 7.4666666667vw 4.8vw;
  background-color: #fff;
}
.block-globalization-network .globalization-network-map__image {
  width: 82.6666666667vw;
  height: auto;
  margin: 0 auto 8vw;
}
.block-globalization-network .globalization-network-map__text {
  text-align: center;
  font-size: 4.2666666667vw;
  font-weight: 500;
  line-height: 1.6;
  color: #00afaa;
}
.block-globalization-network .globalization-network-list .box-list-detail {
  margin-top: 5.3333333333vw;
  padding: 5.3333333333vw 5.3333333333vw 6.9333333333vw;
  border: 1px dashed #00afaa;
}
.block-globalization-network .globalization-network-list .box-list-detail .box-list-detail-top {
  margin-bottom: 4.2666666667vw;
  padding-bottom: 4.2666666667vw;
  border-bottom: 1px solid #aaa;
}
.block-globalization-network .globalization-network-list .box-list-detail .box-list-detail-logo {
  width: 80%;
  margin: 0 auto 1.0666666667vw;
}
.block-globalization-network .globalization-network-list .box-list-detail .box-list-detail-logo img {
  width: 100%;
  height: auto;
}
.block-globalization-network .globalization-network-list .box-list-detail .box-list-detail-title {
  font-size: 3.7333333333vw;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
}
.block-globalization-network .globalization-network-list .box-list-detail .box-list-detail-title a {
  display: inline-block;
  color: #00afaa;
  text-decoration: underline;
}
.block-globalization-network .globalization-network-list .box-list-detail .box-list-detail-text {
  font-size: 3.2vw;
  font-weight: 300;
  line-height: 1.85;
  letter-spacing: 0.08em;
  color: #4d4d4d;
}
.block-remote-work-system .remote-work-system__image {
  margin-bottom: 8vw;
}
.block-remote-work-system .remote-work-system__image img {
  width: 70.4vw;
  height: auto;
  margin: 0 auto;
}
.block-remote-work-system .remote-work-system__text {
  font-size: 3.7333333333vw;
  line-height: 1.8;
  letter-spacing: 0.02em;
}
.block-scenes-work .scenes-work-list {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 -0.8vw -1.6vw;
}
.block-scenes-work .scenes-work-list .scenes-work-list-item {
  width: 45.2vw;
  margin: 0 0.8vw 1.6vw;
  border: 0.5333333333vw solid #fff;
}
.block-scenes-work .scenes-work-list .scenes-work-list-item img {
  width: 100%;
  height: 29.8666666667vw;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .block-globalization-network .globalization-network-map {
    margin-bottom: 100px;
    padding: 68px 62px;
  }
  .block-globalization-network .globalization-network-map__image {
    width: 100%;
    margin: 0 auto 62px;
  }
  .block-globalization-network .globalization-network-map__text {
    font-size: 2.4rem;
  }
  .block-globalization-network .globalization-network-list .box-list-item {
    width: 100%;
    margin: 0 auto 30px;
  }
  .block-globalization-network .globalization-network-list .box-list-detail {
    margin-top: 40px;
    padding: 20px 32px 32px;
  }
  .block-globalization-network .globalization-network-list .box-list-detail .box-list-detail-top {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 8px;
  }
  .block-globalization-network .globalization-network-list .box-list-detail .box-list-detail-logo {
    width: 320px;
    margin: 0;
  }
  .block-globalization-network .globalization-network-list .box-list-detail .box-list-detail-title {
    padding-top: 8px;
    margin-left: 12px;
    font-size: 1.8rem;
  }
  .block-globalization-network .globalization-network-list .box-list-detail .box-list-detail-title a {
    transition: 0.2s;
  }
  .block-globalization-network .globalization-network-list .box-list-detail .box-list-detail-title a:hover {
    text-decoration: none;
  }
  .block-globalization-network .globalization-network-list .box-list-detail .box-list-detail-text {
    font-size: 1.6rem;
  }
  .block-remote-work-system .remote-work-system__image {
    margin-bottom: 60px;
  }
  .block-remote-work-system .remote-work-system__image img {
    width: 500px;
  }
  .block-remote-work-system .remote-work-system__text {
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0.1em;
  }
  .block-scenes-work .scenes-work-list {
    margin: 0 -0.7% -1.428%;
  }
  .block-scenes-work .scenes-work-list .scenes-work-list-item {
    width: 48.6%;
    margin: 0 0.7% 1.428%;
    border: 4px solid #fff;
    overflow: hidden;
  }
  .block-scenes-work .scenes-work-list .scenes-work-list-item img {
    height: 27.85%;
    transition: 0.2s;
  }
  .block-scenes-work .scenes-work-list .scenes-work-list-item img:hover {
    transform: scale(1.1, 1.1);
  }
}
@media screen and (min-width: 992px) {
  .block-remote-work-system .remote-work-system {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .block-remote-work-system .remote-work-system__image {
    margin: 0 30px 0 0;
  }
  .block-remote-work-system .remote-work-system__image img {
    margin: 0;
  }
}
@media screen and (min-width: 1200px) {
  .block-globalization-network .globalization-network-list .box-list {
    display: flex;
    margin: 0 -15px;
  }
  .block-globalization-network .globalization-network-list .box-list-item {
    width: calc((100% - 30px) / 2);
    margin: 0 15px;
  }
  .block-globalization-network .globalization-network-list .box-list-item .box-list-item-title {
    white-space: nowrap;
  }
  .block-globalization-network .globalization-network-list .box-list-col1 {
    margin-top: 30px;
    width: 100%;
  }
  .block-globalization-network .globalization-network-list .box-list-col1 .box-list-detail {
    padding: 20px 40px 32px;
  }
  .block-remote-work-system .remote-work-system__image {
    margin: 0 96px 0 0;
  }
  .block-scenes-work .scenes-work-list {
    margin: 0 -10px -20px;
  }
  .block-scenes-work .scenes-work-list .scenes-work-list-item {
    width: 590px;
    margin: 0 10px 20px;
  }
  .block-scenes-work .scenes-work-list .scenes-work-list-item img {
    height: 390px;
  }
}

/* ====================================================================
   Y&P: 追加移植 第2弾（メディアクエリ対応照合で検出したPC用ルール等の欠落分） 2026-09-03
   ==================================================================== */
.recruit-status-table .table {
  margin-bottom: 3.4666666667vw;
}
.recruit-status-table .table th, .recruit-status-table .table td {
  padding: 2.6666666667vw 1.3333333333vw;
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 1.3;
  text-align: center;
  border: 2px solid #fff;
  vertical-align: middle;
  background-color: #e3dfd7;
}
.recruit-status-table .table th:nth-child(1), .recruit-status-table .table td:nth-child(1) {
  width: 13.0666666667vw;
}
.recruit-status-table .table th:nth-child(n+2), .recruit-status-table .table td:nth-child(n+2) {
  width: 18.9333333333vw;
}
.recruit-status-table .table thead th:nth-child(2) {
  color: #00afaa;
  background-color: #e0f5f5;
}
.recruit-status-table .table thead th:nth-child(3) {
  color: #12284c;
  background-color: #e2e5e9;
}
.recruit-status-table .table thead th:nth-child(4) {
  color: #007a4c;
  background-color: #e0efe9;
}
.recruit-status-table .table thead th:nth-child(5) {
  color: #416ba9;
  background-color: #e8edf5;
}
.recruit-status-table .table tbody td {
  color: #fff;
}
/* 参考サイトはスマホで本文を隠し、::before の ◯ だけを見せる。
   この指定が抜けていたため「−」などの文字がスマホでも出ていた。
   768px以上では font-size が戻り、::before 側が display:none になる。 */
.recruit-status-table .table tbody td {
  font-size: 0;
}
.recruit-status-table .table tbody td:before {
  content: "◯";
  font-size: 3.2vw;
}
.recruit-status-table .table tbody td:nth-child(1) {
  background-color: #e3dfd7;
}
.recruit-status-table .table tbody td:nth-child(2) {
  background-color: #00afaa;
}
.recruit-status-table .table tbody td:nth-child(3) {
  background-color: #12284c;
}
.recruit-status-table .table tbody td:nth-child(4) {
  background-color: #007a4c;
}
.recruit-status-table .table tbody td:nth-child(5) {
  background-color: #416ba9;
}
.recruit-status-table .table tbody td.no-recruiting {
  background-color: #f1efeb;
}
.recruit-status-table .table tbody td.no-recruiting:before {
  display: none;
}
.recruit-status-table__supplement-text {
  margin-bottom: 13.3333333333vw;
  font-size: 3.4666666667vw;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
.block-menu-list-recruit .box-list .box-list-item:nth-child(2) .box-list-item-title .box-list-item-title-en {
  position: absolute;
  top: 2.4vw;
  left: 2.4vw;
  width: 43.4666666667vw;
}
.block-menu-list-recruit .box-list .box-list-item:nth-child(2) .box-list-item-title .box-list-item-title-en img {
  width: 100%;
}
.block-menu-list-recruit .box-list .box-list-item:nth-child(2) .box-list-item-title .box-list-item-title-jp {
  padding-top: 8vw;
}
.block-menu-list-recruit .box-list .box-list-item:nth-child(2) .box-list-item-text {
  margin-bottom: 7.4666666667vw;
}
.block-menu-list-recruit .box-list .box-list-item:nth-child(2) .btn-list .btn-list-item {
  margin-bottom: 7.6vw;
}
.block-menu-list-recruit .box-list .box-list-item:nth-child(2) .btn-list .btn-list-item__text {
  margin-top: 1.3333333333vw;
  font-size: 3.7333333333vw;
  letter-spacing: 0.1em;
  text-align: center;
}
.block-menu-list-recruit .box-list .box-list-item:nth-child(3) .box-list-item-title .box-list-item-title-en {
  position: absolute;
  top: 2.4vw;
  left: 2.4vw;
  width: 66.6666666667vw;
}
.block-menu-list-recruit .box-list .box-list-item:nth-child(3) .box-list-item-title .box-list-item-title-en img {
  width: 100%;
}
.block-menu-list-recruit .box-list .box-list-item:nth-child(3) .box-list-item-title .box-list-item-title-jp {
  padding-top: 8vw;
}
.block-menu-list-recruit .box-list .box-list-item:nth-child(3) .box-list-item-text {
  margin-bottom: 7.4666666667vw;
}
/* 参考サイトで細字（400）にしているのは採用情報ページだけ。
   説明会一覧などでは共通の 500 のままなので、モジュール設定で切り替える。 */
.block-recruit-status.recruit-status--light-heading .block-title .block-title-jp {
  font-weight: 400;
}
.block-faq .anker {
  margin-bottom: 10.6666666667vw;
}
.block-faq .accordion .accordion-header {
  margin-bottom: 4vw;
}
.block-faq .accordion .accordion-item-title {
  font-size: 3.7333333333vw;
  letter-spacing: 0.08em;
}
.block-faq .accordion .accordion-item-body {
  font-size: 3.7333333333vw;
}
.block-faq .accordion .accordion-item-body__text {
  font-size: 3.7333333333vw;
}
.block-sns-list .block-title {
  margin-bottom: 5.3333333333vw;
}
.block-sns-list .instagram-icon {
  width: 9.3333333333vw;
  height: 9.3333333333vw;
  margin: 4vw auto;
}
.block-sns-list .instagram-list {
  margin-top: 8vw;
}
.block-sns-list .instagram-list .instagram-list-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  margin-bottom: 5.3333333333vw;
}
.block-sns-list .instagram-list .instagram-list-title__image {
  width: 9.3333333333vw;
  height: 9.3333333333vw;
  margin-top: 4vw;
}
.block-sns-list .instagram-list .instagram-list-title__detail {
  font-size: 4.8vw;
  font-weight: 500;
  color: #00afaa;
}
.block-sns-list .instagram-list .table .th {
  padding: 2.9333333333vw 4.6666666667vw;
  text-align: left;
}
.block-sns-list .instagram-list .table .td {
  padding: 2.9333333333vw 4.6666666667vw;
}
.block-sns-list .instagram-list .table .table-link-list {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 -2.9333333333vw;
}
.block-sns-list .instagram-list .table .table-link-list__item {
  margin: 0 2.9333333333vw;
}
.block-sns-list .instagram-list .table .table-link-list__item a {
  font-size: 4vw;
  letter-spacing: 0.08em;
  text-decoration: underline;
}
.block-movie-list .block-title {
  margin-bottom: 5.3333333333vw;
}
.block-movie-list .movie-list {
  margin-top: 4vw;
  margin-bottom: 10.6666666667vw;
}
.block-movie-list .movie-list .movie-list-item {
  width: 80vw;
  margin: 0 auto 6.6666666667vw;
}
.block-movie-list .movie-list .movie-list-item:last-child {
  margin-bottom: 0;
}
.block-movie-list .movie-list .movie-list-item__detail {
  margin-bottom: 2.6666666667vw;
}
.block-movie-list .movie-list .movie-list-item__detail iframe {
  width: 100%;
  height: 48vw;
}
.block-movie-list .movie-list .movie-list-item__caption {
  font-size: 4vw;
  line-height: 1.5;
}
.block-movie-list .youtube {
  width: 24vw;
  margin: 6.4vw auto 0;
}
.block-movie-list .youtube img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .recruit-status-table .table {
    border: 40px solid #fff;
    margin-bottom: 17px;
  }
  .recruit-status-table .table th, .recruit-status-table .table td {
    padding: 20px 10px;
    font-size: 1.8rem;
    border: 2px solid #fff;
  }
  .recruit-status-table .table th:nth-child(1), .recruit-status-table .table td:nth-child(1) {
    width: auto;
  }
  .recruit-status-table .table th:nth-child(n+2), .recruit-status-table .table td:nth-child(n+2) {
    width: 182px;
  }
  .recruit-status-table .table tbody td {
    font-size: 1.8rem;
  }
  .recruit-status-table .table tbody td:before {
    display: none;
  }
  .recruit-status-table__supplement-text {
    margin-bottom: 100px;
    font-size: 1.6rem;
    text-align: center;
  }
  .block-menu-list-recruit .box-list .box-list-item:nth-child(2) .box-list-item-title .box-list-item-title-en {
    top: 16px;
    left: 16px;
    width: auto;
  }
  .block-menu-list-recruit .box-list .box-list-item:nth-child(2) .box-list-item-title .box-list-item-title-jp {
    padding-top: 28px;
  }
  .block-menu-list-recruit .box-list .box-list-item:nth-child(2) .box-list-item-text {
    margin-bottom: 56px;
  }
  .block-menu-list-recruit .box-list .box-list-item:nth-child(2) .btn-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -10px;
  }
  .block-menu-list-recruit .box-list .box-list-item:nth-child(2) .btn-list .btn-list-item {
    margin: 0 10px;
    margin-bottom: 50px;
  }
  .block-menu-list-recruit .box-list .box-list-item:nth-child(2) .btn-list .btn-list-item__text {
    margin-top: 10px;
    font-size: 1.8rem;
  }
  .block-menu-list-recruit .box-list .box-list-item:nth-child(3) .box-list-item-title .box-list-item-title-en {
    top: 16px;
    left: 16px;
    width: 500px;
  }
  .block-menu-list-recruit .box-list .box-list-item:nth-child(3) .box-list-item-title .box-list-item-title-jp {
    padding-top: 28px;
  }
  .block-menu-list-recruit .box-list .box-list-item:nth-child(3) .box-list-item-text {
    margin-bottom: 56px;
  }
  .anker {
    margin-bottom: 120px;
  }
  .block-faq .accordion .accordion-header {
    margin-bottom: 40px;
  }
  .block-faq .accordion .accordion-item-title {
    font-size: 2.4rem;
    letter-spacing: 0.1em;
  }
  .block-faq .accordion .accordion-item-body {
    font-size: 1.8rem;
  }
  .block-faq .accordion .accordion-item-body__text {
    font-size: 1.8rem;
  }
  .block-sns-list .block-title {
    margin-bottom: 40px;
  }
  .block-sns-list .instagram-icon {
    width: 50px;
    height: 50px;
    margin: 30px auto;
  }
  .block-sns-list .instagram-list {
    margin-top: 80px;
  }
  .block-sns-list .instagram-list .instagram-list-title {
    margin-bottom: 50px;
  }
  .block-sns-list .instagram-list .instagram-list-title__image {
    width: 50px;
    height: 50px;
    margin-top: 30px;
  }
  .block-sns-list .instagram-list .instagram-list-title__detail {
    font-size: 2.8rem;
  }
  .block-sns-list .instagram-list .table .th {
    padding: 40px 20px;
    text-align: center;
  }
  .block-sns-list .instagram-list .table .td {
    padding: 40px 60px;
  }
  .block-sns-list .instagram-list .table .table-link-list {
    margin: 0 -28px;
  }
  .block-sns-list .instagram-list .table .table-link-list__item {
    margin: 0 28px;
  }
  .block-sns-list .instagram-list .table .table-link-list__item a {
    font-size: 2rem;
  }
  .block-movie-list .block-title {
    margin-bottom: 40px;
  }
  .block-movie-list .movie-list {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 30px -17px 80px;
  }
  .block-movie-list .movie-list .movie-list-item {
    width: 310px;
    margin: 0 17px 50px;
  }
  .block-movie-list .movie-list .movie-list-item__detail {
    margin-bottom: 20px;
  }
  .block-movie-list .movie-list .movie-list-item__detail iframe {
    width: 100%;
    height: 200px;
  }
  .block-movie-list .movie-list .movie-list-item__caption {
    font-size: 1.8rem;
  }
  .block-movie-list .youtube {
    width: 180px;
    margin: 48px auto 0;
  }
}
@media screen and (min-width: 992px) {
  .recruit-status-table .table th:nth-child(n+2), .recruit-status-table .table td:nth-child(n+2) {
    width: 184px;
  }
  .block-menu-list-recruit .box-list .box-list-item:nth-child(2) {
    height: auto;
  }
  .block-menu-list-recruit .box-list .box-list-item:nth-child(2) .box-list-item-inner {
    display: block;
  }
  .block-menu-list-recruit .box-list .box-list-item:nth-child(2) .box-list-item-body {
    width: 100%;
    height: auto;
  }
  .block-menu-list-recruit .box-list .box-list-item:nth-child(2) .box-list-item-text {
    text-align: center;
  }
  .block-menu-list-recruit .box-list .box-list-item:nth-child(4) .box-list-item-inner {
    flex-direction: row;
  }
  .block-menu-list-recruit .box-list .box-list-item:nth-child(3) {
    height: auto;
  }
  .block-menu-list-recruit .box-list .box-list-item:nth-child(3) .box-list-item-title .box-list-item-title-jp {
    padding-top: 48px;
  }
  .block-menu-list-recruit .box-list .box-list-item:nth-child(3) .box-list-item-inner {
    display: block;
  }
  .block-menu-list-recruit .box-list .box-list-item:nth-child(3) .box-list-item-body {
    width: 100%;
    height: auto;
  }
  .block-menu-list-recruit .box-list .box-list-item:nth-child(3) .box-list-item-text {
    text-align: center;
  }
}
@media screen and (min-width: 1200px) {
  .recruit-status-table {
    width: 1000px;
    margin: 0 auto;
  }
  .block-sns-list .block-inner, .block-movie-list .block-inner {
    width: 1000px;
    margin: 0 auto;
  }
}


/* ====================================================================
   Y&P: policy-table（休暇・勤務制度テーブル）用。参考サイト /environment/woman/ の
   .vacation-system / .vacation-system-supplement を汎用ルート .block-policy-table へ
   付け替えて移植（2026-09-04）。色はデフォルトのピンク(#dd8797)。
   ティール版は .policy-primary で上書き。
   ==================================================================== */
.block-policy-table .table {
  margin-bottom: 9.3333333333vw;
}
.block-policy-table .vacation-system-supplement {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4vw;
  border: 0.5333333333vw solid #dd8797;
  border-radius: 8px;
  background-color: #fff;
}
.block-policy-table .vacation-system-supplement::before {
  content: "";
  position: absolute;
  top: -2vw;
  right: 0;
  left: 0;
  height: 0;
  width: 0;
  margin: auto;
  border-right: 1.7333333333vw solid transparent;
  border-bottom: 1.7333333333vw solid #dd8797;
  border-left: 1.7333333333vw solid transparent;
}
.block-policy-table .vacation-system-supplement::after {
  content: "";
  position: absolute;
  top: -1.3333333333vw;
  right: 0;
  left: 0;
  height: 0;
  width: 0;
  margin: auto;
  border-right: 1.7333333333vw solid transparent;
  border-bottom: 1.7333333333vw solid #fff;
  border-left: 1.7333333333vw solid transparent;
}
.block-policy-table .vacation-system-supplement__image {
  flex-shrink: 0;
  width: 11.3333333333vw;
  height: auto;
  margin-right: 6.6666666667vw;
}
.block-policy-table .vacation-system-supplement__text {
  font-size: 4vw;
  line-height: 1.6;
  letter-spacing: 0.08em;
  color: #dd8797;
}

.block-policy-table.policy-primary .vacation-system-supplement { border-color: #00afaa; }
.block-policy-table.policy-primary .vacation-system-supplement::before { border-bottom-color: #00afaa; }
.block-policy-table.policy-primary .vacation-system-supplement::after { border-bottom-color: #fff; }
.block-policy-table .policy-heading { text-align: center; }
.block-policy-table.policy-red .policy-heading .block-title-jp { color: #dd8797; }

@media screen and (min-width: 768px) {
  .block-policy-table .table {
    margin-bottom: 40px;
  }
  .block-policy-table .vacation-system-supplement {
    padding: 20px;
    border: 2px solid #dd8797;
    border-radius: 4px;
  }
  .block-policy-table .vacation-system-supplement::before {
    top: -13px;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #dd8797;
    border-left: 13px solid transparent;
  }
  .block-policy-table .vacation-system-supplement::after {
    top: -10px;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #fff;
    border-left: 13px solid transparent;
  }
  .block-policy-table .vacation-system-supplement__image {
    width: 52px;
    margin-right: 26px;
  }
  .block-policy-table .vacation-system-supplement__text {
    font-size: 2rem;
  }
  .block-policy-table .block-inner {
    width: 1000px;
  }
}



/* ====================================================================
   Y&P: 追加移植 第3弾（作り直し） 2026-09-05
   研修・受験生サポート・キャリアステップ・募集要項・クロストーク下部の
   ページ限定CSSをスコープを付け替えて移植。ボタン共通ベースも含む。
   ==================================================================== */
.btn-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}
.btn {
  position: relative;
  display: block;
  transition: 0.2s;
  white-space: nowrap;
  line-height: 1;
  border: 2px solid transparent;
  flex-shrink: 0;
}
.btn-parallelogram {
  width: 73.0666666667vw;
  transform: skew(-30deg);
}
.btn-parallelogram a {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 3.2vw 7.2vw;
  font-size: 3.7333333333vw;
  letter-spacing: 0.12em;
  transform: skew(30deg);
}
.btn-rectangle {
  width: 100%;
}
.btn-rectangle a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5.8666666667vw 7.2vw;
  font-size: 4.2666666667vw;
  letter-spacing: 0.12em;
}
.btn-primary {
  background-color: #00afaa;
  border: 2px solid #00afaa;
}
.btn-primary a {
  color: #fff;
}
.btn-primary .ico-btn-arrow path, .btn-primary .ico-btn-external-link path {
  fill: #fff;
}
.btn-primary:hover {
  background-color: #fff;
}
.btn-primary:hover a {
  color: #00afaa;
}
.btn-primary:hover .ico-btn-arrow path, .btn-primary:hover .ico-btn-external-link path {
  fill: #00afaa;
}
.btn-outline-primary {
  background-color: #fff;
  border: 2px solid #00afaa;
}
.btn-outline-primary a {
  color: #00afaa;
}
.btn-outline-primary .ico-btn-arrow path, .btn-outline-primary .ico-btn-external-link path {
  fill: #00afaa;
}
.btn-outline-primary:hover {
  background-color: #00afaa;
}
.btn-outline-primary:hover a {
  color: #fff;
}
.btn-outline-primary:hover .ico-btn-arrow path, .btn-outline-primary:hover .ico-btn-external-link path {
  fill: #fff;
}
.btn .ico-btn-arrow {
  flex-shrink: 0;
  width: 8vw;
  height: auto;
  margin-left: 4vw;
}
.btn .ico-btn-external-link {
  width: 4.5333333333vw;
  height: auto;
  margin-top: 0.2666666667vw;
  margin-left: 4vw;
}
.block-careers-case .careers-item {
  position: relative;
  padding: 0 3.0666666667vw 8vw;
  background-color: #fff;
  border-radius: 0 14px 14px 14px;
}
.block-careers-case .careers-item:not(:last-child) {
  margin-bottom: 16vw;
}
.block-careers-case .careers-item .careers-item-title {
  position: relative;
  display: inline-block;
  margin: -6vw 0 0 -3.0666666667vw;
  font-size: 4vw;
  font-weight: 700;
}
.block-careers-case .careers-item .careers-item-title::before {
  content: "";
  position: absolute;
  left: 0;
  z-index: -1;
  width: 24vw;
  height: 6vw;
  background-color: #fff;
  border-radius: 14px 10px 0 0;
  transform: scaleY(1.3) perspective(1em) rotateX(5deg);
  transform-origin: bottom left;
}
.block-careers-case .careers-item .careers-item-title__detail {
  margin: 2.6666666667vw 4.4vw 0;
}
.block-careers-case .careers-item .careers-item-title span {
  display: block;
  padding-top: 4vw;
  padding-bottom: 1.0666666667vw;
  font-size: 4.8vw;
  font-weight: 500;
}
.block-careers-case .careers-item .profile {
  margin: 5.3333333333vw 0 8vw;
  padding: 0;
  background-color: transparent;
}
.block-careers-case .careers-item .profile .profile-image {
  margin: 0 auto 8vw;
}
.block-careers-case .careers-item .careers-item-history {
  position: relative;
  margin-bottom: 18.6666666667vw;
}
.block-careers-case .careers-item .careers-item-history::before {
  content: "";
  position: absolute;
  top: 9.3333333333vw;
  left: 9.0666666667vw;
  width: 1.6vw;
  height: 100%;
}
.block-careers-case .careers-item .careers-item-history::after {
  content: "";
  position: absolute;
  bottom: -12vw;
  left: 6.5333333333vw;
  width: 0;
  height: 0;
}
.block-careers-case .careers-item .careers-item-history .careers-item-history-item {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 8.6666666667vw;
  font-size: 4.8vw;
  letter-spacing: 0.1em;
  line-height: 1.3;
  transition: 0.2s;
  opacity: 0;
}
.block-careers-case .careers-item .careers-item-history .careers-item-history-item:nth-child(1) {
  transition-delay: 0.2s;
}
.block-careers-case .careers-item .careers-item-history .careers-item-history-item:nth-child(2) {
  transition-delay: 0.4s;
}
.block-careers-case .careers-item .careers-item-history .careers-item-history-item:nth-child(3) {
  transition-delay: 0.6s;
}
.block-careers-case .careers-item .careers-item-history .careers-item-history-item:nth-child(4) {
  transition-delay: 0.8s;
}
.block-careers-case .careers-item .careers-item-history .careers-item-history-item:nth-child(5) {
  transition-delay: 1s;
}
/* 最後の経歴（ゴール）は遅延なしで最初に表示する。参考サイトは6件のケースで6件目に遅延指定が無く結果的にそうなっていたため、
   件数が5件のケース（CASE 3）でも同じ見え方になるよう件数に関係なく揃える（クライアント指摘） */
.block-careers-case .careers-item .careers-item-history .careers-item-history-item:last-child {
  transition-delay: 0s;
}
.block-careers-case .careers-item .careers-item-history .careers-item-history-item__title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 20vw;
  height: 20vw;
  margin-right: 6.6666666667vw;
  padding-left: 0.8vw;
  border-radius: 50rem;
}
.block-careers-case .careers-item .careers-item-history .careers-item-history-item__text {
  position: relative;
  width: 100%;
  padding: 2.4vw;
  border-radius: 5px;
}
.block-careers-case .careers-item .careers-item-history .careers-item-history-item__text::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -3.2vw;
  height: 0;
  width: 0;
  margin: auto;
}
.block-careers-case .careers-item .careers-item-history .careers-item-history-item__text::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -2.4vw;
  height: 0;
  width: 0;
  margin: auto;
  border-top: 1.3333333333vw solid transparent;
  border-right: 2.6666666667vw solid #fff;
  border-bottom: 1.3333333333vw solid transparent;
}
.block-careers-case .careers-item .table .th {
  font-size: 4vw;
  font-weight: 500;
}
.block-careers-case .careers-item .table .th svg {
  display: block;
  width: 13.0666666667vw;
  margin: 2.6666666667vw auto 0;
}
.block-careers-case .careers-item .table .td {
  padding: 5.3333333333vw 0;
  letter-spacing: 0.05em;
}
.block-careers-case .careers-item.is-item-animated .careers-item-history-item {
  opacity: 1;
}
.block-careers-case .careers-item-primary .careers-item-title {
  color: #00afaa;
}
.block-careers-case .careers-item-primary .careers-item-title span {
  border-bottom: 1.6vw solid #7fd7d4;
}
.block-careers-case .careers-item-primary .careers-item-history::before {
  background-color: #00afaa;
}
.block-careers-case .careers-item-primary .careers-item-history::after {
  border-right: 3.2vw solid transparent;
  border-top: 5.3333333333vw solid #00afaa;
  border-left: 3.2vw solid transparent;
}
.block-careers-case .careers-item-primary .careers-item-history .careers-item-history-item {
  color: #00afaa;
}
.block-careers-case .careers-item-primary .careers-item-history .careers-item-history-item__title {
  border: 1.0666666667vw solid #00afaa;
  background-color: #e0f5f5;
}
.block-careers-case .careers-item-primary .careers-item-history .careers-item-history-item__text {
  border: 0.5333333333vw solid #00afaa;
}
.block-careers-case .careers-item-primary .careers-item-history .careers-item-history-item__text::before {
  border-top: 1.6vw solid transparent;
  border-right: 3.2vw solid #00afaa;
  border-bottom: 1.6vw solid transparent;
}
.block-careers-case .careers-item-primary .table .th svg path {
  fill: #00afaa;
}
.block-careers-case .careers-item-cyan .careers-item-title {
  color: #00a7b5;
}
.block-careers-case .careers-item-cyan .careers-item-title span {
  border-bottom: 1.6vw solid #ccedf0;
}
.block-careers-case .careers-item-cyan .careers-item-history::before {
  background-color: #00a7b5;
}
.block-careers-case .careers-item-cyan .careers-item-history::after {
  border-right: 3.2vw solid transparent;
  border-top: 5.3333333333vw solid #00a7b5;
  border-left: 3.2vw solid transparent;
}
.block-careers-case .careers-item-cyan .careers-item-history .careers-item-history-item {
  color: #00a7b5;
}
.block-careers-case .careers-item-cyan .careers-item-history .careers-item-history-item__title {
  border: 1.0666666667vw solid #00a7b5;
  background-color: #ccedf0;
}
.block-careers-case .careers-item-cyan .careers-item-history .careers-item-history-item__text {
  border: 0.5333333333vw solid #00a7b5;
}
.block-careers-case .careers-item-cyan .careers-item-history .careers-item-history-item__text::before {
  border-top: 1.6vw solid transparent;
  border-right: 3.2vw solid #00a7b5;
  border-bottom: 1.6vw solid transparent;
}
.block-careers-case .careers-item-cyan .table .th svg path {
  fill: #00a7b5;
}
.block-careers-case .careers-item-orange .careers-item-title {
  color: #ff7d1e;
}
.block-careers-case .careers-item-orange .careers-item-title span {
  border-bottom: 1.6vw solid #f7ddcd;
}
.block-careers-case .careers-item-orange .careers-item-history::before {
  background-color: #ff7d1e;
}
.block-careers-case .careers-item-orange .careers-item-history::after {
  border-right: 3.2vw solid transparent;
  border-top: 5.3333333333vw solid #ff7d1e;
  border-left: 3.2vw solid transparent;
}
.block-careers-case .careers-item-orange .careers-item-history .careers-item-history-item {
  color: #ff7d1e;
}
.block-careers-case .careers-item-orange .careers-item-history .careers-item-history-item__title {
  border: 1.0666666667vw solid #ff7d1e;
  background-color: #f7ddcd;
}
.block-careers-case .careers-item-orange .careers-item-history .careers-item-history-item__text {
  border: 2px solid #ff7d1e;
}
.block-careers-case .careers-item-orange .careers-item-history .careers-item-history-item__text::before {
  border-top: 1.6vw solid transparent;
  border-right: 3.2vw solid #ff7d1e;
  border-bottom: 1.6vw solid transparent;
}
.block-careers-case .careers-item-orange .table .th svg path {
  fill: #ff7d1e;
}
.block-careers-case .careers-item-navy .careers-item-title {
  color: #12284c;
}
.block-careers-case .careers-item-navy .careers-item-title span {
  border-bottom: 1.6vw solid #8893a5;
}
.block-careers-case .careers-item-navy .careers-item-history::before {
  background-color: #12284c;
}
.block-careers-case .careers-item-navy .careers-item-history::after {
  border-right: 3.2vw solid transparent;
  border-top: 5.3333333333vw solid #12284c;
  border-left: 3.2vw solid transparent;
}
.block-careers-case .careers-item-navy .careers-item-history .careers-item-history-item {
  color: #12284c;
}
.block-careers-case .careers-item-navy .careers-item-history .careers-item-history-item__title {
  border: 1.0666666667vw solid;
  background-color: #e2e5e9;
}
.block-careers-case .careers-item-navy .careers-item-history .careers-item-history-item__text {
  border: 0.5333333333vw solid;
}
.block-careers-case .careers-item-navy .careers-item-history .careers-item-history-item__text::before {
  border-top: 1.6vw solid transparent;
  border-right: 3.2vw solid;
  border-bottom: 1.6vw solid transparent;
}
.block-careers-case .careers-item-navy .table .th svg path {
  fill: #12284c;
}
.block-careers-case .careers-item-green .careers-item-title {
  color: #007a4c;
}
.block-careers-case .careers-item-green .careers-item-title span {
  border-bottom: 1.6vw solid #7fbca5;
}
.block-careers-case .careers-item-green .careers-item-history::before {
  background-color: #007a4c;
}
.block-careers-case .careers-item-green .careers-item-history::after {
  border-right: 3.2vw solid transparent;
  border-top: 5.3333333333vw solid #007a4c;
  border-left: 3.2vw solid transparent;
}
.block-careers-case .careers-item-green .careers-item-history .careers-item-history-item {
  color: #007a4c;
}
.block-careers-case .careers-item-green .careers-item-history .careers-item-history-item__title {
  border: 1.0666666667vw solid;
  background-color: #e0efe9;
}
.block-careers-case .careers-item-green .careers-item-history .careers-item-history-item__text {
  border: 0.5333333333vw solid;
}
.block-careers-case .careers-item-green .careers-item-history .careers-item-history-item__text::before {
  border-top: 1.6vw solid transparent;
  border-right: 3.2vw solid;
  border-bottom: 1.6vw solid transparent;
}
.block-careers-case .careers-item-green .table .th svg path {
  fill: #007a4c;
}
.trainings-item .trainings-item-title {
  padding: 2.6666666667vw;
  font-size: 4.2666666667vw;
  font-weight: 400;
  letter-spacing: 0.04em;
  color: #fff;
}
.trainings-item .trainings-item-text {
  padding: 4vw 0;
  font-size: 3.7333333333vw;
  font-weight: 300;
  line-height: 1.8;
}
.trainings-image {
  margin-top: 10.6666666667vw;
  background-color: #fff;
}
.trainings-image .trainings-image-item {
  width: 100%;
  height: 37.3333333333vw;
}
.trainings-image .trainings-image-text {
  padding: 9.3333333333vw 9.6vw;
  font-size: 3.7333333333vw;
  line-height: 1.8;
}
.block-department-trainings {
  margin-bottom: 20vw;
}
.block-department-trainings .block-title {
  margin-bottom: 10.6666666667vw;
}
.block-department-trainings .department-guideline {
  display: none;
}
.block-department-trainings .department-trainings {
  margin-top: 14.6666666667vw;
}
.block-department-trainings .department-item {
  margin-bottom: 14.6666666667vw;
}
.block-department-trainings .department-item .department-item-year {
  margin-bottom: 4.8vw;
  font-family: "TazuganeGothicStdN";
  font-size: 4.2666666667vw;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.6;
  text-align: center;
}
.block-department-trainings .department-item .department-item-title {
  min-height: 18.6666666667vw;
  margin-bottom: 16vw;
  position: relative;
  padding: 3.7333333333vw 0 0;
  font-size: 4.2666666667vw;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.08em;
  color: #fff;
}
.block-department-trainings .department-item .department-item-title span {
  margin-top: 2.1333333333vw;
  display: block;
  font-size: 3.4666666667vw;
  line-height: 1.3;
  letter-spacing: 0;
}
.block-department-trainings .department-item .department-item-title::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: -5.2vw;
  width: 0;
  height: 0;
  border-right: 46vw solid transparent;
  border-top: 5.3333333333vw solid #2bbcee;
  border-left: 46vw solid transparent;
}
.block-department-trainings .department-item-staff .department-item-title {
  background: #bfebea;
  color: #00afaa;
}
.block-department-trainings .department-item-staff .department-item-title::after {
  border-top: 5.3333333333vw solid #bfebea;
}
.block-department-trainings .department-item-staff .trainings-item-title {
  background: #bfebea;
  color: #00afaa;
}
.block-department-trainings .department-item-senior .department-item-title {
  background: #99dfdd;
  color: #00afaa;
}
.block-department-trainings .department-item-senior .department-item-title::after {
  border-top: 5.3333333333vw solid #99dfdd;
}
.block-department-trainings .department-item-senior .trainings-item-title {
  background: #99dfdd;
  color: #00afaa;
}
.block-department-trainings .department-item-reader .department-item-title {
  background: #73d3d0;
}
.block-department-trainings .department-item-reader .department-item-title::after {
  border-top: 5.3333333333vw solid #73d3d0;
}
.block-department-trainings .department-item-reader .trainings-item-title {
  background: #73d3d0;
}
.block-department-trainings .department-item-manager .department-item-title {
  background: #4dc7c4;
}
.block-department-trainings .department-item-manager .department-item-title::after {
  border-top: 5.3333333333vw solid #4dc7c4;
}
.block-department-trainings .department-item-manager .trainings-item-title {
  background: #4dc7c4;
}
.block-department-trainings .department-item-senior-manager .department-item-title {
  background: #26bbb7;
}
.block-department-trainings .department-item-senior-manager .department-item-title::after {
  border-top: 5.3333333333vw solid #26bbb7;
}
.block-department-trainings .department-item-senior-manager .trainings-item-title {
  background: #26bbb7;
}
.block-department-trainings .department-item-partner .department-item-title {
  background: #00afaa;
}
.block-department-trainings .department-item-partner .department-item-title::after {
  border-top: 5.3333333333vw solid #00afaa;
}
.block-department-trainings .department-item-partner .trainings-item-title {
  background: #00afaa;
}
.block-department-trainings .common-training .trainings-item-title {
  background-color: #e0f5f5;
  color: #00afaa;
}
.block-pc-trainings .trainings-system-item, .block-book-system .trainings-system-item {
  margin-bottom: 13.3333333333vw;
  background-color: #f2f2f2;
}
.block-pc-trainings .trainings-system-item:last-child, .block-book-system .trainings-system-item:last-child {
  margin-bottom: 0;
}
.block-pc-trainings .trainings-system-item .trainings-system-item-image .trainings-system-item-image-item, .block-book-system .trainings-system-item .trainings-system-item-image .trainings-system-item-image-item {
  width: 100%;
  height: 37.3333333333vw;
  object-fit: cover;
}
.block-pc-trainings .trainings-system-item .trainings-system-item-body, .block-book-system .trainings-system-item .trainings-system-item-body {
  padding: 9.3333333333vw;
}
.block-pc-trainings .trainings-system-item .trainings-system-item-title, .block-book-system .trainings-system-item .trainings-system-item-title {
  margin-bottom: 5.3333333333vw;
  font-size: 3.7333333333vw;
  font-weight: 400;
  color: #00afaa;
}
.block-pc-trainings .trainings-system-item .trainings-system-item-text, .block-book-system .trainings-system-item .trainings-system-item-text {
  font-size: 3.7333333333vw;
  font-weight: 300;
  line-height: 2;
}
.block-use-system-case .careers-item .careers-item-title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 8vw;
  color: #00afaa;
}
.block-use-system-case .careers-item .careers-item-title__number {
  margin-bottom: 6.1333333333vw;
  font-family: "Roboto", sans-serif;
  font-size: 8vw;
  font-weight: 500;
}
.block-use-system-case .careers-item .careers-item-title__icon {
  width: 10.6666666667vw;
  height: 10.6666666667vw;
  margin-bottom: 8vw;
}
.block-use-system-case .careers-item .careers-item-title__detail {
  font-size: 4.8vw;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-align: center;
}
.block-use-system-case .careers-item .careers-item-profile {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}
.block-use-system-case .careers-item .careers-item-schedule-image img {
  width: 100%;
  height: auto;
}
.block-use-system-case .careers-item .careers-item-schedule-supplement {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4vw 3.4666666667vw;
  background-color: #e0f5f5;
  border: 0.5333333333vw solid #00afaa;
  border-radius: 1.0666666667vw;
}
.block-use-system-case .careers-item .careers-item-schedule-supplement__image {
  width: 8.6666666667vw;
  height: auto;
  margin-right: 2.6666666667vw;
}
.block-use-system-case .careers-item .careers-item-schedule-supplement__text {
  font-size: 4vw;
  color: #00afaa;
}
.block-use-system-case #careers-item-01 {
  margin-bottom: 13.3333333333vw;
}
.block-use-system-case #careers-item-01 .careers-item-schedule {
  padding: 8.2666666667vw 2.6666666667vw 0;
}
.block-use-system-case #careers-item-01 .careers-item-schedule .careers-item-schedule-column .schedule:before {
  height: 112%;
}
.block-use-system-case #careers-item-01 .careers-item-schedule .careers-item-schedule-column:nth-child(2) .schedule-item:last-of-type .schedule-item__title {
  color: var(--sch-main, #00afaa);
  background-color: var(--sch-pale, #e0f5f5);
}
.block-use-system-case #careers-item-01 .careers-item-schedule .careers-item-schedule-column:nth-child(2) .schedule-item:last-of-type .schedule-item__title::before {
  border-left-color: var(--sch-main, #00afaa);
}
.block-use-system-case #careers-item-01 .careers-item-schedule .careers-item-schedule-column:nth-child(2) .schedule-item:last-of-type .schedule-item__title::after {
  border-left: 2.9333333333vw solid var(--sch-pale, #e0f5f5);
}
.block-use-system-case #careers-item-01 .careers-item-schedule .careers-item-schedule-column .careers-item-schedule-image {
  margin-top: 6.6666666667vw;
}
.block-menu-list .box-list .box-list-item:nth-child(2) .btn-list .btn-list-item {
  margin-bottom: 7.6vw;
}
.block-menu-list .box-list .box-list-item:nth-child(2) .btn-list .btn-list-item__text {
  margin-top: 1.3333333333vw;
  font-size: 3.7333333333vw;
  letter-spacing: 0.1em;
  text-align: center;
}
.block-recruit-step .block-title {
  margin-bottom: 4.2666666667vw;
}
.block-recruit-step .recruit-step {
  margin-bottom: 8vw;
  padding: 5.3333333333vw 4.6666666667vw;
  background-color: #fff;
}
.block-recruit-step .recruit-step__image {
  margin: 0 auto 4.6666666667vw;
}
.block-recruit-step .recruit-step__image img {
  width: 100%;
  height: auto;
}
.block-recruit-step .recruit-step__supplement-text {
  font-size: 3.2vw;
  line-height: 1.4;
}
.page-guidelines.page-accounting .block-recruit-step .recruit-step__image {
  width: 64vw;
}
.page-guidelines.page-tax-accountant .block-recruit-step .recruit-step__image {
  width: 80vw;
}
.page-guidelines.page-part-time-job .block-recruit-step .recruit-step__image {
  width: 80vw;
}
@media screen and (min-width: 768px) {
  .btn-parallelogram {
    width: 415px;
  }
  .btn-parallelogram a {
    padding: 17px 20px;
    font-size: 2rem;
  }
  .btn-rectangle {
    width: 600px;
  }
  .btn-rectangle a {
    padding: 24px 20px;
    font-size: 2.3rem;
  }
  .btn .ico-btn-arrow {
    width: 45px;
    margin-top: 2px;
    margin-left: 10px;
  }
  .btn .ico-btn-external-link {
    width: 20px;
    margin-left: 10px;
  }
  .block-careers-case .careers-item {
    padding: 0 50px 60px;
    border-radius: 0 14px 14px 14px;
  }
  .block-careers-case .careers-item--gap {
    margin-bottom: 100px;
  }
  .block-careers-case .careers-item::before {
    top: -30px;
    width: 356px;
    height: 30px;
  }
  .block-careers-case .careers-item .careers-item-title {
    margin: -34px 0 0 -50px;
    font-size: 2.4rem;
  }
  .block-careers-case .careers-item .careers-item-title::before {
    width: 100%;
    height: 34px;
  }
  .block-careers-case .careers-item .careers-item-title__detail {
    margin: 20px 50px 0;
    padding-bottom: 8px;
  }
  .block-careers-case .careers-item .careers-item-title span {
    display: inline;
    padding: 0 0 0 30px;
    font-size: 2.6rem;
  }
  .block-careers-case .careers-item .profile {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 30px 0;
  }
  .block-careers-case .careers-item .profile .profile-image {
    flex-shrink: 0;
    width: 204px;
    margin: 0 20px 0 40px;
  }
  .block-careers-case .careers-item .profile .profile-name {
    text-align: left;
  }
  .block-careers-case .careers-item .profile .profile-name__title {
    margin-bottom: 4px;
  }
  .block-careers-case .careers-item .careers-item-history {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 300px;
    transform: rotate(-18deg);
    transform-origin: center;
  }
  .block-careers-case .careers-item .careers-item-history::before {
    top: 0;
    left: 0;
    width: 100%;
    height: 6px;
    margin-left: 5px;
  }
  .block-careers-case .careers-item .careers-item-history::after {
    top: -7px;
    bottom: auto;
    right: -16px;
    left: auto;
    transform: rotate(-92deg);
  }
  .block-careers-case .careers-item .careers-item-history .careers-item-history-item {
    flex: auto;
    display: inline-block;
    margin-top: -1.7em;
    margin-bottom: 0;
    font-size: 2.4rem;
    transform: rotate(18deg);
  }
  .block-careers-case .careers-item .careers-item-history .careers-item-history-item__title {
    width: 100px;
    height: 100px;
    margin-right: 0;
    padding-left: 3px;
  }
  .block-careers-case .careers-item .careers-item-history .careers-item-history-item__text {
    position: absolute;
    display: inline-block;
    width: auto;
    margin: 20px 0 0 19px;
    padding: 10px 15px;
    font-size: 1.8rem;
  }
  .block-careers-case .careers-item .careers-item-history .careers-item-history-item__text::before {
    top: -11px;
    bottom: auto;
    left: 22px;
    border: none;
  }
  .block-careers-case .careers-item .careers-item-history .careers-item-history-item__text::after {
    top: -5px;
    bottom: auto;
    left: 24px;
    border: none;
    border-right: 3px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 3px solid transparent;
  }
  .block-careers-case .careers-item .table .th {
    font-size: 2rem;
  }
  .block-careers-case .careers-item .table .th svg {
    width: 50px;
    margin: 26px auto 0;
  }
  .block-careers-case .careers-item .table .td {
    padding: 30px 40px;
    letter-spacing: 0.1em;
  }
  .block-careers-case .careers-item-primary .careers-item-title__detail {
    border-bottom: 6px solid #7fd7d4;
  }
  .block-careers-case .careers-item-primary .careers-item-title span {
    border-bottom: none;
  }
  .block-careers-case .careers-item-primary .careers-item-history::after {
    border-right: 10px solid transparent;
    border-top: 20px solid #00afaa;
    border-left: 10px solid transparent;
  }
  .block-careers-case .careers-item-primary .careers-item-history .careers-item-history-item__title {
    border: 4px solid #00afaa;
  }
  .block-careers-case .careers-item-primary .careers-item-history .careers-item-history-item__text {
    border: 2px solid #00afaa;
  }
  .block-careers-case .careers-item-primary .careers-item-history .careers-item-history-item__text::before {
    border-right: 5px solid transparent;
    border-bottom: 11px solid #00afaa;
    border-left: 5px solid transparent;
  }
  .block-careers-case .careers-item-cyan .careers-item-title__detail {
    border-bottom: 6px solid #ccedf0;
  }
  .block-careers-case .careers-item-cyan .careers-item-title span {
    border-bottom: none;
  }
  .block-careers-case .careers-item-cyan .careers-item-history::after {
    border-right: 10px solid transparent;
    border-top: 20px solid #00a7b5;
    border-left: 10px solid transparent;
  }
  .block-careers-case .careers-item-cyan .careers-item-history .careers-item-history-item__title {
    border: 4px solid #00a7b5;
  }
  .block-careers-case .careers-item-cyan .careers-item-history .careers-item-history-item__text {
    border: 2px solid #00a7b5;
  }
  .block-careers-case .careers-item-cyan .careers-item-history .careers-item-history-item__text::before {
    border-right: 5px solid transparent;
    border-bottom: 11px solid #00a7b5;
    border-left: 5px solid transparent;
  }
  .block-careers-case .careers-item-orange .careers-item-title__detail {
    border-bottom: 6px solid #f7ddcd;
  }
  .block-careers-case .careers-item-orange .careers-item-title span {
    border-bottom: none;
  }
  .block-careers-case .careers-item-orange .careers-item-history::after {
    border-right: 10px solid transparent;
    border-top: 20px solid #ff7d1e;
    border-left: 10px solid transparent;
  }
  .block-careers-case .careers-item-orange .careers-item-history .careers-item-history-item__title {
    border: 4px solid #ff7d1e;
  }
  .block-careers-case .careers-item-orange .careers-item-history .careers-item-history-item__text {
    border: 2px solid #ff7d1e;
  }
  .block-careers-case .careers-item-orange .careers-item-history .careers-item-history-item__text::before {
    border-right: 5px solid transparent;
    border-bottom: 11px solid #ff7d1e;
    border-left: 5px solid transparent;
  }
  .block-careers-case .careers-item-navy .careers-item-title__detail {
    border-bottom: 6px solid #8893a5;
  }
  .block-careers-case .careers-item-navy .careers-item-title span {
    border-bottom: none;
  }
  .block-careers-case .careers-item-navy .careers-item-history::after {
    border-right: 10px solid transparent;
    border-top: 20px solid #12284c;
    border-left: 10px solid transparent;
  }
  .block-careers-case .careers-item-navy .careers-item-history .careers-item-history-item__title {
    border: 4px solid #12284c;
  }
  .block-careers-case .careers-item-navy .careers-item-history .careers-item-history-item__text {
    border: 2px solid #12284c;
  }
  .block-careers-case .careers-item-navy .careers-item-history .careers-item-history-item__text::before {
    border-right: 5px solid transparent;
    border-bottom: 11px solid #12284c;
    border-left: 5px solid transparent;
  }
  .block-careers-case .careers-item-green .careers-item-title__detail {
    border-bottom: 6px solid #7fbca5;
  }
  .block-careers-case .careers-item-green .careers-item-title span {
    border-bottom: none;
  }
  .block-careers-case .careers-item-green .careers-item-history::after {
    border-right: 10px solid transparent;
    border-top: 20px solid #007a4c;
    border-left: 10px solid transparent;
  }
  .block-careers-case .careers-item-green .careers-item-history .careers-item-history-item__title {
    border: 4px solid #007a4c;
  }
  .block-careers-case .careers-item-green .careers-item-history .careers-item-history-item__text {
    border: 2px solid #007a4c;
  }
  .block-careers-case .careers-item-green .careers-item-history .careers-item-history-item__text::before {
    border-right: 5px solid transparent;
    border-bottom: 11px solid #007a4c;
    border-left: 5px solid transparent;
  }
  .trainings-item .trainings-item-title {
    padding: 13px 25px;
    font-size: 2.4rem;
  }
  .trainings-item .trainings-item-text {
    padding: 30px 0 40px;
    font-size: 1.8rem;
    font-weight: 300;
  }
  .trainings-image {
    margin-top: 40px;
  }
  .trainings-image .trainings-image-item {
    height: 17.5%;
  }
  .trainings-image .trainings-image-text {
    padding: 36px 60px;
    font-size: 1.8rem;
    font-weight: 300;
  }
  .trainings-image:last-child {
    margin-bottom: 60px;
  }
  .block-department-trainings {
    margin-bottom: 160px;
  }
  .block-department-trainings .block-title {
    margin-bottom: 60px;
  }
  .block-department-trainings .department-trainings {
    margin-top: px;
  }
  .block-department-trainings .department-item {
    margin-bottom: 60px;
  }
  .block-department-trainings .department-item .department-item-year {
    margin-bottom: 30px;
    font-size: 2rem;
  }
  .block-department-trainings .department-item .department-item-title {
    margin-bottom: 80px;
    padding: 28px 0 0;
    font-size: 1.8rem;
  }
  .block-department-trainings .department-item .department-item-title span {
    margin-top: 18px;
    font-size: 1.6rem;
  }
  .block-department-trainings .department-item .department-item-title::after {
    border-right: 46vw solid transparent;
    border-top: 28px solid #2bbcee;
    border-left: 46vw solid transparent;
  }
  .block-department-trainings .department-item-staff .department-item-title::after {
    border-top: 28px solid rgb(0, 174, 235);
  }
  .block-department-trainings .department-item-senior .department-item-title::after {
    border-top: 28px solid rgb(24, 127, 195);
  }
  .block-department-trainings .department-item-reader .department-item-title::after {
    border-top: 28px solid rgb(61, 98, 172);
  }
  .block-department-trainings .department-item-manager .department-item-title::after {
    border-top: 28px solid rgb(121, 107, 174);
  }
  .block-department-trainings .department-item-senior-manager .department-item-title::after {
    border-top: 28px solid rgb(165, 74, 150);
  }
  .block-department-trainings .department-item-partner .department-item-title::after {
    border-top: 28px solid rgb(231, 82, 151);
  }
  .block-pc-trainings .trainings-system-item, .block-book-system .trainings-system-item {
    margin-bottom: 100px;
  }
  .block-pc-trainings .trainings-system-item .trainings-system-item-body, .block-book-system .trainings-system-item .trainings-system-item-body {
    padding: 36px 60px;
  }
  .block-pc-trainings .trainings-system-item .trainings-system-item-title, .block-book-system .trainings-system-item .trainings-system-item-title {
    margin-bottom: 20px;
    font-size: 2rem;
  }
  .block-pc-trainings .trainings-system-item .trainings-system-item-text, .block-book-system .trainings-system-item .trainings-system-item-text {
    font-size: 1.8rem;
    line-height: 1.8;
  }
  .block-use-system-case .careers-item .careers-item-title {
    margin-bottom: 40px;
  }
  .block-use-system-case .careers-item .careers-item-title__number {
    margin-bottom: 30px;
    font-size: 4.6rem;
  }
  .block-use-system-case .careers-item .careers-item-title__icon {
    width: 42px;
    height: 42px;
    margin-bottom: 30px;
  }
  .block-use-system-case .careers-item .careers-item-title__detail {
    font-size: 2.4rem;
  }
  .block-use-system-case .careers-item .careers-item-schedule-supplement {
    padding: 22px 18px;
    border: 2px solid #00afaa;
    border-radius: 4px;
  }
  .block-use-system-case .careers-item .careers-item-schedule-supplement__image {
    width: 42px;
    margin-right: 16px;
  }
  .block-use-system-case .careers-item .careers-item-schedule-supplement__text {
    font-size: 1.9rem;
  }
  .block-use-system-case #careers-item-01 {
    margin-bottom: 100px;
  }
  .block-use-system-case #careers-item-01 .careers-item-schedule {
    padding: 62px 0 0;
  }
  .block-use-system-case #careers-item-01 .careers-item-schedule .careers-item-schedule-column .schedule:before {
    height: 110%;
  }
  .block-use-system-case #careers-item-01 .careers-item-schedule .careers-item-schedule-column:nth-child(2) .schedule-item:last-of-type .schedule-item__title::after {
    border-left: 13px solid var(--sch-pale, #e0f5f5);
  }
  .block-use-system-case #careers-item-01 .careers-item-schedule .careers-item-schedule-column .careers-item-schedule-image {
    margin-top: 50px;
  }
  .block-menu-list .box-list .box-list-item:nth-child(2) .btn-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -10px;
  }
  .block-menu-list .box-list .box-list-item:nth-child(2) .btn-list .btn-list-item {
    margin: 0 10px;
    margin-bottom: 50px;
  }
  .block-menu-list .box-list .box-list-item:nth-child(2) .btn-list .btn-list-item__text {
    margin-top: 10px;
    font-size: 1.8rem;
  }
  .block-recruit-step .block-title {
    margin-bottom: 40px;
  }
  .block-recruit-step .recruit-step {
    margin-bottom: 120px;
    padding: 80px 60px;
  }
  .block-recruit-step .recruit-step__image {
    width: 100%;
    margin: 0 auto 40px;
  }
  .block-recruit-step .recruit-step__supplement-text {
    font-size: 1.6rem;
    line-height: 1.8;
  }
  .page-guidelines.page-accounting .block-recruit-step .recruit-step__image {
    width: 100%;
  }
  .page-guidelines.page-tax-accountant .block-recruit-step .recruit-step__image {
    width: 100%;
  }
  .page-guidelines.page-part-time-job .block-recruit-step .recruit-step__image {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .btn-wrap {
    justify-content: center;
    flex-direction: row;
  }
  .block-work-style-link .btn-wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .block-careers-case .careers-item .careers-item-history {
    margin: 0 90px 300px;
  }
  .block-careers-case .careers-item .careers-item-history .careers-item-history-item {
    margin-top: -1.6em;
  }
  .trainings-image {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
    height: 280px;
  }
  .trainings-image .trainings-image-item {
    width: 50%;
    height: 100%;
    object-fit: cover;
  }
  .trainings-image .trainings-image-text {
    width: 50%;
  }
  .block-department-trainings .department-guideline {
    display: block;
    position: relative;
  }
  .block-department-trainings .department-guideline .department-guideline-list {
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item {
    flex: 1;
    max-width: 100%;
    height: 802px;
    border-left: 2px solid #9da3a8;
    text-align: center;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item:last-child {
    border-right: 2px solid #9da3a8;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item:last-child .department-guideline-list-item-title::after {
    display: none;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-year {
    padding: 4px 0 20px;
    font-family: "TazuganeGothicStdN";
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: 0.1em;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-title {
    position: relative;
    height: 130px;
    margin-bottom: 20px;
    padding: 26px 0 23px 18px;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #fff;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-title::before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -2px;
    z-index: 1;
    content: "";
    display: inline-block;
    width: 2px;
    height: auto;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-title::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -22px;
    z-index: 1;
    content: "";
    display: inline-block;
    width: auto;
    height: auto;
    border-top: 65px solid transparent;
    border-bottom: 65px solid transparent;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-title span {
    display: inline-block;
    padding-top: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-training {
    position: relative;
    margin-bottom: 20px;
    background: #bfebea;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-training::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -2px;
    content: "";
    display: inline-block;
    width: 2px;
    height: 100%;
    background: #bfebea;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-training-inner {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
    height: 85px;
    padding: 16px 0 10px;
    font-size: 1.6rem;
    line-height: 1.4;
    letter-spacing: 0.08em;
    color: #00afaa;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-staff .department-guideline-list-item-title {
    background: #bfebea;
    color: #00afaa;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-staff .department-guideline-list-item-title::before {
    background: #bfebea;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-staff .department-guideline-list-item-title::after {
    border-left: 20px solid #bfebea;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-staff .department-guideline-list-item-training {
    background: #bfebea;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-staff .department-guideline-list-item-training::after {
    background: #bfebea;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-senior .department-guideline-list-item-title {
    background: #99dfdd;
    color: #00afaa;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-senior .department-guideline-list-item-title::before {
    background: #99dfdd;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-senior .department-guideline-list-item-title::after {
    border-left: 20px solid #99dfdd;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-senior .department-guideline-list-item-training {
    background: #99dfdd;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-senior .department-guideline-list-item-training::after {
    background: #99dfdd;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-reader .department-guideline-list-item-title {
    background: #73d3d0;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-reader .department-guideline-list-item-title::before {
    background: #73d3d0;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-reader .department-guideline-list-item-title::after {
    border-left: 20px solid #73d3d0;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-reader .department-guideline-list-item-training {
    background: #73d3d0;
    color: #fff;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-reader .department-guideline-list-item-training::after {
    background: #73d3d0;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-reader .department-guideline-list-item-training .department-guideline-list-item-training-inner {
    color: #fff;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-reader .department-guideline-list-item-training-02 {
    left: -114%;
    width: 214%;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-manager .department-guideline-list-item-title {
    background: #4dc7c4;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-manager .department-guideline-list-item-title::before {
    background: #4dc7c4;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-manager .department-guideline-list-item-title::after {
    border-left: 20px solid #4dc7c4;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-manager .department-guideline-list-item-training {
    background: #4dc7c4;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-manager .department-guideline-list-item-training::after {
    background: #4dc7c4;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-manager .department-guideline-list-item-training .department-guideline-list-item-training-inner {
    color: #fff;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-senior-manager .department-guideline-list-item-title {
    background: #26bbb7;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-senior-manager .department-guideline-list-item-title::before {
    background: #26bbb7;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-senior-manager .department-guideline-list-item-title::after {
    border-left: 20px solid #26bbb7;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-senior-manager .department-guideline-list-item-training {
    background: #26bbb7;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-senior-manager .department-guideline-list-item-training::after {
    background: #26bbb7;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-senior-manager .department-guideline-list-item-training .department-guideline-list-item-training-inner {
    color: #fff;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-partner .department-guideline-list-item-title {
    background: #00afaa;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-partner .department-guideline-list-item-title::before {
    background: #00afaa;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-partner .department-guideline-list-item-title::after {
    border-left: 20px solid #00afaa;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-partner .department-guideline-list-item-training {
    background: #00afaa;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-partner .department-guideline-list-item-training::after {
    background: #00afaa;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-partner .department-guideline-list-item-training .department-guideline-list-item-training-inner {
    color: #fff;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-partner .department-guideline-list-item-training-01 {
    left: -102%;
    width: 201%;
  }
  .block-department-trainings .department-guideline .department-guideline-list .department-guideline-list-item-partner .department-guideline-list-item-training-02 {
    left: -202%;
    width: 301%;
  }
  .block-department-trainings .department-guideline .department-training-list {
    position: absolute;
    top: 404px;
    width: 100%;
    margin: auto;
    padding: 0 2px;
  }
  .block-department-trainings .department-guideline .department-training-list .department-training-list-item {
    margin-bottom: 15px;
    background-color: #bfebea;
  }
  .block-department-trainings .department-guideline .department-training-list .department-training-list-item-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 40px;
    padding: 14px 0;
    font-size: 1.6rem;
    color: #00afaa;
    letter-spacing: 0.1em;
  }
  .block-department-trainings .department-guideline .department-training-list .department-training-list-item-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 218px;
  }
  .block-department-trainings .department-guideline .department-training-list .department-training-list-item-title img {
    margin-left: auto;
  }
  .block-department-trainings .department-trainings {
    margin-top: 100px;
  }
  .block-department-trainings .department-item {
    margin-bottom: 0;
  }
  .block-department-trainings .department-item .department-item-year {
    display: none;
  }
  .block-department-trainings .department-item .department-item-title {
    display: none;
  }
  .block-department-trainings .department-item-senior {
    display: none;
  }
  .block-department-trainings .department-item-manager #trainings-item-manager-business-review {
    display: none;
  }
  .block-department-trainings .department-item-senior-manager {
    display: none;
  }
  .block-pc-trainings .trainings-system-item, .block-book-system .trainings-system-item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
    overflow: hidden;
  }
  .block-pc-trainings .trainings-system-item:nth-child(odd), .block-book-system .trainings-system-item:nth-child(odd) {
    flex-direction: row;
  }
  .block-pc-trainings .trainings-system-item .trainings-system-item-image, .block-book-system .trainings-system-item .trainings-system-item-image {
    width: 380px;
    height: auto;
    flex-shrink: 0;
  }
  .block-use-system-case .careers-item .careers-item-profile {
    margin: 0;
  }
  .block-use-system-case .careers-item .careers-item-schedule {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .block-use-system-case .careers-item .careers-item-schedule-column {
    width: 440px;
  }
  .block-use-system-case .careers-item .careers-item-schedule-supplement {
    width: 440px;
    margin: 62px auto 0;
  }
  .block-use-system-case #careers-item-01 .careers-item-schedule .careers-item-schedule-column .careers-item-schedule-image {
    width: 442px;
    margin-top: 88px;
  }
  .block-use-system-case #careers-item-02 .careers-item-schedule {
    position: relative;
  }
  .block-use-system-case #careers-item-02 .careers-item-schedule:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 2px;
    height: 92%;
    margin: auto;
    background-color: #4d4d4d;
  }
}
@media screen and (min-width: 1200px) {
  .block-work-style-link .btn-wrap {
    flex-wrap: nowrap;
  }
  .block-careers-case .careers-item .careers-item-history {
    margin: 0 90px 300px;
  }
  .block-careers-case .careers-item .careers-item-history .careers-item-history-item {
    margin-top: -1.5em;
  }
  .trainings-image {
    width: 1000px;
    margin: 40px auto 0;
  }
  .block-pc-trainings .trainings-system-item, .block-book-system .trainings-system-item {
    width: 1000px;
    margin: 0 auto 100px;
  }
  .block-pc-trainings .trainings-system-item .trainings-system-item-image, .block-book-system .trainings-system-item .trainings-system-item-image {
    width: 460px;
  }
  .block-pc-trainings .trainings-system-item .trainings-system-item-image .trainings-system-item-image-item, .block-book-system .trainings-system-item .trainings-system-item-image .trainings-system-item-image-item {
    height: auto;
  }
  .block-use-system-case .careers-item {
    width: 1000px;
    margin: 0 auto;
  }
  .page-guidelines.page-accounting .block-recruit-step .recruit-step__image {
    width: 1040px;
  }
  .page-guidelines.page-tax-accountant .block-recruit-step .recruit-step__image {
    width: 1070px;
  }
  .page-guidelines.page-part-time-job .block-recruit-step .recruit-step__image {
    width: 1070px;
  }
}

/* talk-member-list（クロストーク冒頭のメンバー紹介）。
   block-cross-talk と career-stepper-horizontal の両モジュールが使うため共通化 */
.block-cross-talk .talk-member-list {
  margin-bottom: 13.3333333333vw;
}
.block-cross-talk .talk-member-list .talk-member-list-item {
  margin-bottom: 4vw;
}
.block-cross-talk .talk-member-list .talk-member-list-item__title {
  padding-bottom: 2.6666666667vw;
  font-size: 3.7333333333vw;
  letter-spacing: 0.05em;
  line-height: 1.4;
  border-bottom: 0.5333333333vw solid #7fd7d4;
}
.block-cross-talk .talk-member-list .talk-member-list-item__title span {
  padding-left: 3.2vw;
  font-weight: 500;
  letter-spacing: 0;
}
.block-cross-talk .talk-member-list .talk-member-list-item__text {
  padding: 2.6666666667vw 0;
  font-size: 3.7333333333vw;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.4;
}
.block-cross-talk .talk-member-list .talk-member-list-item:not(:last-child)::after {
  content: "";
  display: block;
  width: 11.4666666667vw;
  height: 11.4666666667vw;
  margin: auto;
  background: url("https://www.yamada-partners.jp/hubfs/yap-recruit/images/voice/ico_cross_light_green.svg") no-repeat center/11.4666666667vw;
}
@media screen and (min-width: 768px) {
  .block-cross-talk .talk-member-list {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 768px) {
  .block-cross-talk .talk-member-list .talk-member-list-item {
    position: relative;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) {
  .block-cross-talk .talk-member-list .talk-member-list-item__title {
    padding-bottom: 14px;
    font-size: 1.6rem;
    border-bottom: 2px solid #7fd7d4;
  }
}
@media screen and (min-width: 768px) {
  .block-cross-talk .talk-member-list .talk-member-list-item__title span {
    padding-left: 10px;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 768px) {
  .block-cross-talk .talk-member-list .talk-member-list-item__text {
    padding: 14px 0;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 768px) {
  .block-cross-talk .talk-member-list .talk-member-list-item:not(:last-child)::after {
    width: 44px;
    height: 44px;
    background: url("https://www.yamada-partners.jp/hubfs/yap-recruit/images/voice/ico_cross_light_green.svg") no-repeat center/44px;
  }
}
@media screen and (min-width: 992px) {
  .block-cross-talk .talk-member-list {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin: 0 -34px 100px;
  }
}
@media screen and (min-width: 992px) {
  .block-cross-talk .talk-member-list .talk-member-list-item {
    max-width: 200px;
    margin: 0 34px;
  }
}
@media screen and (min-width: 992px) {
  .block-cross-talk .talk-member-list .talk-member-list-item:not(:last-child)::after {
    position: absolute;
    top: -24px;
    right: -55px;
    bottom: 0;
  }
}
@media screen and (min-width: 1200px) {
  .block-cross-talk .talk-member-list {
    padding-left: 200px;
  }
}

/* voice-list（メンバーの声カード）のオブジェクトスタイル。
   block-voice / member-card-list / voice一覧（ブログ）で共用するため共通化（2026-09-05） */
.voice-list {
  width: 65.4666666667vw;
  margin: 0 auto;
}
.voice-list-item {
  width: 65.4666666667vw;
}
.voice-list-item__image img {
  width: 100%;
  height: auto;
}
.voice-list-item .voice-list-item-body {
  padding: 5.0666666667vw 4.8vw 5.3333333333vw;
  background-color: #fff;
}
.voice-list-item__title {
  margin-bottom: 3.2vw;
  font-size: 4.2666666667vw;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
.voice-list-item__text {
  font-size: 3.7333333333vw;
  letter-spacing: 0.05em;
  line-height: 1.7;
  color: #4d4d4d;
}
.voice-list-item-primary .voice-list-item__title { color: #00afaa; }
.voice-list-item-orange .voice-list-item__title { color: #ff7d1e; }
.voice-list-item-cyan .voice-list-item__title { color: #00a7b5; }
.voice-list-item-pink .voice-list-item__title { color: #e75297; }
.voice-list-item-blue .voice-list-item__title { color: #12284c; }
.voice-list-item-green-300 .voice-list-item__title { color: #007a4c; }
@media (min-width: 768px) {
  .voice-list {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    width: auto;
    margin: 0 -9px 0;
  }
  .voice-list-item {
    width: 246px;
    margin: 0 9px 60px;
  }
  .voice-list-item a {
    transition: 0.2s;
  }
  .voice-list-item a:hover img {
    opacity: 0.8;
  }
  .voice-list-item__image {
    position: relative;
    isolation: isolate;
  }
  .voice-list-item__image::before {
    content: "";
    position: absolute;
    bottom: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 85%;
    background-color: #fff;
  }
  .voice-list-item__image img {
    transition: 0.2s;
    height: auto;
  }
  .voice-list-item .voice-list-item-body {
    padding: 20px 18px;
  }
  .voice-list-item__title {
    margin-bottom: 15px;
    font-size: 1.6rem;
  }
  .voice-list-item__text {
    font-size: 1.4rem;
  }
}
@media (min-width: 1200px) {
  .voice-list-wrap {
    width: 1040px;
    margin: 0 auto;
  }
}

/* エラーページ（404 / 500）。page-title-en を画像ではなくテキストで使うため、
   数字が読めるサイズになるよう最小限の指定を足す。 */
.page-title .page-title-en span {
  display: inline-block;
}
.page-title-error .page-title-en {
  font-size: 12vw;
  line-height: 1;
  font-weight: 300;
  letter-spacing: 0.06em;
}
@media (min-width: 768px) {
  .page-title-error .page-title-en {
    height: auto;
    font-size: 6.4rem;
  }
}

/* ====================================================================
   Y&P: 追加移植 第4弾 2026-09-05
   女性の働く環境／グローバル／募集要項ページのブロック固有CSS。
   ページ限定クラス（.page-women / .page-globalization / .page-guidelines）を
   除去してブロッククラス単体で効くようにしている。
   ==================================================================== */
.block-women-vacation-system .table {
  margin-bottom: 9.3333333333vw;
}
.block-women-vacation-system .vacation-system-supplement {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4vw;
  border: 0.5333333333vw solid #dd8797;
  border-radius: 8px;
  background-color: #fff;
}
.block-women-vacation-system .vacation-system-supplement::before {
  content: "";
  position: absolute;
  top: -2vw;
  right: 0;
  left: 0;
  height: 0;
  width: 0;
  margin: auto;
  border-right: 1.7333333333vw solid transparent;
  border-bottom: 1.7333333333vw solid #dd8797;
  border-left: 1.7333333333vw solid transparent;
}
.block-women-vacation-system .vacation-system-supplement::after {
  content: "";
  position: absolute;
  top: -1.3333333333vw;
  right: 0;
  left: 0;
  height: 0;
  width: 0;
  margin: auto;
  border-right: 1.7333333333vw solid transparent;
  border-bottom: 1.7333333333vw solid #fff;
  border-left: 1.7333333333vw solid transparent;
}
.block-women-vacation-system .vacation-system-supplement__image {
  flex-shrink: 0;
  width: 11.3333333333vw;
  height: auto;
  margin-right: 6.6666666667vw;
}
.block-women-vacation-system .vacation-system-supplement__text {
  font-size: 4vw;
  line-height: 1.6;
  letter-spacing: 0.08em;
  color: #dd8797;
}
.block-work-life-balance .block-lead {
  text-align: center;
  margin-bottom: 8vw;
}
.block-work-life-balance .women-schedule {
  padding: 2.6666666667vw;
  background-color: #fff;
  border-radius: 10px;
}
.block-work-life-balance .women-schedule .women-schedule-profile {
  margin-bottom: 16vw;
}
.block-work-life-balance .women-schedule .women-schedule-profile .profile {
  padding: 5.3333333333vw 2.6666666667vw;
  background-color: transparent;
}
.block-work-life-balance .women-schedule .women-schedule-profile .profile .profile-text {
  border-top: 2px solid #dd8797;
}
.block-work-life-balance .women-schedule .women-schedule-detail {
  margin-bottom: 35px;
}
.block-work-life-balance .women-schedule .women-schedule-image img {
  width: 100%;
  height: auto;
}
.block-work-life-balance .women-schedule .women-schedule-image img:not(:last-child) {
  margin-bottom: 8vw;
}
.block-globalization-member .block-lead {
  margin-bottom: 13.3333333333vw;
}
.block-globalization-member .globalization-member-detail {
  padding: 4.5333333333vw 4.5333333333vw 13.3333333333vw;
  background-color: #fff;
  border-radius: 10px;
}
.block-globalization-member .globalization-member-detail-text {
  margin-bottom: 13.3333333333vw;
  font-size: 3.7333333333vw;
  font-weight: 300;
  line-height: 1.8;
  letter-spacing: 0.02em;
}
.block-globalization-member .btn {
  margin: 0 auto;
}
.block-globalization-link .btn:first-child {
  margin-bottom: 8vw;
}
.block-guidelines .block-title {
  margin-bottom: 5.3333333333vw;
}
.block-guidelines .block-title .block-title-jp span {
  display: block;
  margin-top: 1.3333333333vw;
  font-size: 3.7333333333vw;
  font-weight: 400;
}
.block-guidelines .block-lead {
  margin-bottom: 6.6666666667vw;
}
@media screen and (min-width: 768px) {
  .block-women-vacation-system .table {
    margin-bottom: 40px;
  }
  .block-women-vacation-system .vacation-system-supplement {
    padding: 20px;
    border: 2px solid #dd8797;
    border-radius: 4px;
  }
  .block-women-vacation-system .vacation-system-supplement::before {
    top: -13px;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #dd8797;
    border-left: 13px solid transparent;
  }
  .block-women-vacation-system .vacation-system-supplement::after {
    top: -10px;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #fff;
    border-left: 13px solid transparent;
  }
  .block-women-vacation-system .vacation-system-supplement__image {
    width: 52px;
    margin-right: 26px;
  }
  .block-women-vacation-system .vacation-system-supplement__text {
    font-size: 2rem;
  }
  .block-work-life-balance .block-lead {
    margin-bottom: 40px;
  }
  .block-work-life-balance .women-schedule {
    padding: 40px;
    border-radius: 10px;
  }
  .block-work-life-balance .women-schedule .women-schedule-profile {
    margin-bottom: 100px;
  }
  .block-work-life-balance .women-schedule .women-schedule-profile .profile {
    padding: 30px 20px;
  }
  .block-work-life-balance .women-schedule .women-schedule-profile .profile .profile-text {
    border-top: 2px solid #dd8797;
  }
  .block-work-life-balance .women-schedule .women-schedule-image {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 -2.5%;
  }
  .block-work-life-balance .women-schedule .women-schedule-image img {
    width: 45%;
    margin: 0 2.5%;
  }
  .block-work-life-balance .women-schedule .women-schedule-image img:not(:last-child) {
    margin-bottom: 0;
  }
  .block-globalization-member .block-lead {
    margin-bottom: 40px;
  }
  .block-globalization-member .globalization-member-detail {
    padding: 60px 100px;
  }
  .block-globalization-member .globalization-member-detail-text {
    margin-bottom: 60px;
    font-size: 1.8rem;
  }
  .block-globalization-link .btn:first-child {
    margin-bottom: 40px;
  }
  .block-guidelines .block-title {
    margin-bottom: 40px;
  }
  .block-guidelines .block-title .block-title-jp span {
    margin-top: 10px;
    font-size: 1.8rem;
  }
  .block-guidelines .block-lead {
    margin-bottom: 96px;
  }
}
@media screen and (min-width: 992px) {
  .block-work-life-balance .women-schedule-detail {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .block-work-life-balance .women-schedule-detail .schedule:first-child::before {
    height: 112.5%;
  }
  .block-globalization-link .btn {
    margin: 0 10px;
  }
  .block-globalization-link .btn:first-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1200px) {
  .block-women-vacation-system .block-inner {
    width: 1000px;
  }
  .block-women-support-system .block-inner {
    width: 1000px;
  }
  .block-work-life-balance .women-schedule {
    padding: 40px 100px 100px;
  }
  .block-work-life-balance .women-schedule .women-schedule-profile .profile {
    padding: 30px 60px;
  }
  .block-work-life-balance .women-schedule .women-schedule-image {
    margin: 0 -40px;
  }
  .block-work-life-balance .women-schedule .women-schedule-image img {
    width: 460px;
    margin: 0 40px;
  }
}


/*--------------- 疑似要素の box-sizing 補正 ---------------*/
/* 参考サイトのCSSには「* , *::before, *::after { box-sizing: border-box }」が無く、
   疑似要素は content-box 前提で width と border / padding を足し算した寸法になっている。
   一方このテーマにはHubSpot Elevate由来の同リセットが入っているため、
   border / padding の分だけ中身が潰れて小さく・位置がずれてしまう。
   参考サイトと同じ見た目にするため、該当の疑似要素だけ content-box に戻す。
   （例：タイムラインの●が半分の大きさになり、塗りが見えず左に6pxずれていた） */
.schedule .schedule-item__text::after,
.accordion .accordion-item-prefix .accordion-item-title::before,
.accordion .accordion-item-prefix .accordion-item-body .accordion-item-body-inner::before {
  box-sizing: content-box;
}


/*--------------- 参考サイトのページ限定ルールをブロック単位へ移植（追補） ---------------*/
/* HubSpot側には .page-evaminees / .page-tranings などのページ限定クラスが無いため、
   参考サイトで .page-XXX に紐づいていた指定をブロッククラスへ付け替えて補う。
   数値はすべて参考サイトの style.css そのまま。 */

/* 教育制度｜制度活用ケーススタディ（前のセクションに重ねる配置） */
.block-use-system-case {
  margin-top: 42.6666666667vw;
  background-color: #fff;
}
.block-use-system-case .block-inner {
  position: relative;
  top: -24vw;
}
.block-use-system-case .block-title {
  margin-bottom: 8vw;
}
.block-use-system-case .anker {
  margin-bottom: 8vw;
}
.block-use-system-case .anker .anker-list__item a {
  padding: 3.2vw 2.6666666667vw 5.3333333333vw;
}
.block-use-system-case .anker .anker-list__item a::after {
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  height: auto;
}

/* 共通｜関連コンテンツ導線（教育制度ページ下部） */
.block-education-link .block-title {
  margin-bottom: 13.3333333333vw;
}
.block-education-link .btn:first-child {
  margin-bottom: 10.6666666667vw;
}

/* 教育制度｜キャリアアップサポート制度 */
.block-career-support-system {
  position: relative;
  background-color: #fff;
  margin-bottom: 0;
  padding-bottom: 13.3333333333vw;
}
.block-career-support-system .block-title {
  margin-bottom: 8vw;
}
.block-career-support-system .table {
  border: 2px solid #00afaa;
}

/* 教育制度｜受験生サポートの制度テーブル */
.block-dual-system .block-title {
  margin-bottom: 8vw;
}
.block-dual-system .table .tr:first-child {
  border-top: none;
}
.block-dual-system .table .tr:last-child {
  border-bottom: none;
}

/* 働く環境｜海外ネットワーク */
.block-globalization-network {
  z-index: 1;
}
/* PrimeGlobal（block-partner-logo）は上海琳方・STEP（block-partner-office）の直後に
   置かれる別モジュールのため、.block同士のmargin（100px/13.33vw）が二重に入り、
   本番より隙間が広くなっていた。box-list-col1側の30pxマージンだけ残るよう、
   ここでブロック間のmarginを打ち消す。 */
.block-partner-office {
  margin-bottom: 0;
}
.block-partner-logo {
  margin-top: 0;
}

@media (min-width: 768px) {
  .block-use-system-case {
    margin-top: 220px;
  }
  .block-use-system-case .block-inner {
    top: -130px;
  }
  .block-use-system-case .block-title {
    margin-bottom: 40px;
  }
  .block-use-system-case .anker {
    margin-bottom: 100px;
  }
  .block-use-system-case .anker .anker-list__item a {
    padding: 20px 18px 30px;
  }

  .block-education-link .block-title {
    margin-bottom: 60px;
  }
  .block-education-link .btn:first-child {
    margin-bottom: 40px;
  }

  .block-career-support-system {
    padding-bottom: 100px;
  }
  .block-career-support-system .block-title {
    margin-bottom: 52px;
  }
  .block-career-support-system .table {
    border: none;
  }

  .block-dual-system .block-title {
    margin-bottom: 40px;
  }
  .block-dual-system .table .tr:first-child {
    border-top: 2px solid #00afaa;
  }
  .block-dual-system .table .tr:last-child {
    border-bottom: 2px solid #00afaa;
  }
}

@media (min-width: 992px) {
  .block-education-link .btn {
    margin: 0 10px;
  }
  .block-education-link .btn:first-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .block-career-support-system .block-inner {
    width: 1000px;
    margin: 0 auto;
  }
  .block-dual-system .table {
    width: 1000px;
    margin: 0 auto;
  }
}

/* 採用情報｜共通｜画像＋テキストカード（2枚目・3枚目を全幅にする参考サイトの指定） */
.block-menu-list-recruit .box-list .box-list-item:nth-child(2) .box-list-item-title .box-list-item-title-en,
.block-menu-list-recruit .box-list .box-list-item:nth-child(3) .box-list-item-title .box-list-item-title-en {
  position: absolute;
  top: 2.4vw;
  left: 2.4vw;
}
.block-menu-list-recruit .box-list .box-list-item:nth-child(2) .box-list-item-title .box-list-item-title-en {
  width: 43.4666666667vw;
}
.block-menu-list-recruit .box-list .box-list-item:nth-child(3) .box-list-item-title .box-list-item-title-en {
  width: 66.6666666667vw;
}
.block-menu-list-recruit .box-list .box-list-item:nth-child(2) .box-list-item-title .box-list-item-title-en img,
.block-menu-list-recruit .box-list .box-list-item:nth-child(3) .box-list-item-title .box-list-item-title-en img {
  width: 100%;
}
.block-menu-list-recruit .box-list .box-list-item:nth-child(2) .box-list-item-text,
.block-menu-list-recruit .box-list .box-list-item:nth-child(3) .box-list-item-text {
  margin-bottom: 7.4666666667vw;
}

@media (min-width: 768px) {
  .block-menu-list-recruit .box-list .box-list-item:nth-child(2) .box-list-item-title .box-list-item-title-en,
  .block-menu-list-recruit .box-list .box-list-item:nth-child(3) .box-list-item-title .box-list-item-title-en {
    top: 16px;
    left: 16px;
  }
  .block-menu-list-recruit .box-list .box-list-item:nth-child(2) .box-list-item-title .box-list-item-title-en {
    width: auto;
  }
  .block-menu-list-recruit .box-list .box-list-item:nth-child(3) .box-list-item-title .box-list-item-title-en {
    width: 500px;
  }
  .block-menu-list-recruit .box-list .box-list-item:nth-child(2) .box-list-item-text,
  .block-menu-list-recruit .box-list .box-list-item:nth-child(3) .box-list-item-text {
    margin-bottom: 56px;
  }
}

@media (min-width: 992px) {
  .block-menu-list-recruit .box-list .box-list-item:nth-child(2),
  .block-menu-list-recruit .box-list .box-list-item:nth-child(3) {
    height: auto;
  }
  .block-menu-list-recruit .box-list .box-list-item:nth-child(2) .box-list-item-inner,
  .block-menu-list-recruit .box-list .box-list-item:nth-child(3) .box-list-item-inner {
    display: block;
  }
  .block-menu-list-recruit .box-list .box-list-item:nth-child(2) .box-list-item-body,
  .block-menu-list-recruit .box-list .box-list-item:nth-child(3) .box-list-item-body {
    width: 100%;
    height: auto;
  }
  .block-menu-list-recruit .box-list .box-list-item:nth-child(2) .box-list-item-text,
  .block-menu-list-recruit .box-list .box-list-item:nth-child(3) .box-list-item-text {
    text-align: center;
  }
  .block-menu-list-recruit .box-list .box-list-item:nth-child(4) .box-list-item-inner {
    flex-direction: row;
  }
}

/* TOP｜プログラム3枚のタイトル画像幅 */
.block-program .box-list-item:nth-child(1) .box-list-item-title-image { width: 70.6666666667vw; }
.block-program .box-list-item:nth-child(2) .box-list-item-title-image { width: 56vw; }
.block-program .box-list-item:nth-child(3) .box-list-item-title-image { width: 40vw; }
@media (min-width: 768px) {
  .block-program .box-list-item:nth-child(1) .box-list-item-title-image { width: 354px; }
  .block-program .box-list-item:nth-child(2) .box-list-item-title-image { width: 280px; }
  .block-program .box-list-item:nth-child(3) .box-list-item-title-image { width: 200px; }
}


/* 参考サイトの .box-list-item 共通。モジュールCSSにしか無く、
   事業内容・強みなど別モジュールのページで外れていた。 */
.box-list-item .box-list-item-body {
  position: relative;
}
.box-list-item .box-list-item-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* TOPの見出し（参考サイト .page-top .block .block-title）。
   1200px以上で英字ロゴを左端に絶対配置し、日本語見出しを中央に置く。
   .block-program / .block-about / .block-info は参考サイトではTOP専用のブロック。 */
.block-about .block-title .block-title-en,
.block-program .block-title .block-title-en,
.block-info .block-title .block-title-en {
  height: 7.7333333333vw;
}
@media (min-width: 768px) {
  .block-about .block-title .block-title-en,
  .block-program .block-title .block-title-en,
  .block-info .block-title .block-title-en {
    height: 38px;
  }
}
@media (min-width: 1200px) {
  .block-about .block-title,
  .block-program .block-title,
  .block-info .block-title {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .block-about .block-title .block-title-en,
  .block-program .block-title .block-title-en,
  .block-info .block-title .block-title-en {
    position: absolute;
    left: 0;
    margin: 0;
  }
}


/*--------------- page-fv（KVエリア）の共通指定 ---------------*/
/* 見出しバナー系モジュール（共通｜ページ見出しバナー / メンバー｜記事ヘッダー）の
   module.css にしか入っておらず、それ以外のモジュール（クロストークのヒーロー等）を
   使うページでKVの指定が全部外れていたため、テーマ側にも共通分を置く。 */
.page-fv {
  position: relative;
}
.page-fv__image {
  width: 100%;
  height: 53.3333333333vw;
}
.page-fv__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-fv__image img.d-sm-none {
  display: none;
}
@media (max-width: 767px) {
  .page-fv__image img.d-md-none {
    display: block;
  }
  .page-fv__image img.d-sm-none {
    display: none;
  }
}
@media (min-width: 768px) {
  .page-fv__image {
    height: 460px;
    padding-left: 7.7%;
    overflow: hidden;
  }
  .page-fv__image img.d-md-none {
    display: none;
  }
  .page-fv__image img.d-sm-none {
    display: block;
  }
}
@media (min-width: 1200px) {
  .page-fv__image {
    padding-left: 176px;
  }
}

/*--------------- ブレークポイントの記述順の是正 ---------------*/
/* 移植時に @1200 のブロックが @992 より前に置かれてしまい、
   1200px以上でも @992 の値が後勝ちして効かなくなっていた指定を、
   ファイル末尾で改めて宣言し直す。 */
@media (min-width: 1200px) {
  .page-title::after {
    width: 425px;
    height: 800px;
  }
  .block-work-style-link .btn-wrap {
    flex-wrap: nowrap;
  }
}


/*--------------- 移植漏れの補完（1ページずつの再検証で検出） ---------------*/
/* 3カラムカード（理念カードなど）の見出し・本文。汎用ルールが未移植だった。 */
.box-list-col3 .box-list-item-title {
  margin-bottom: 8vw;
  color: #00afaa;
  font-size: 4.2666666667vw;
  letter-spacing: 0.1em;
  line-height: 1.6;
  font-weight: 500;
}
.box-list-col3 .box-list-item-text {
  font-size: 3.7333333333vw;
  letter-spacing: 0.08em;
  line-height: 1.8;
}

/* キャリア事例カードの間隔。参考サイトは :not(:last-child) だが、
   HubSpotでは1ケース＝1モジュール（それぞれが :last-child）になるため、
   モジュール側が出す --gap クラスで制御する（最後のケースはモジュール設定でオフ）。 */
.block-careers-case .careers-item--gap {
  margin-bottom: 16vw;
}
/* 上の指定がメディアクエリ（768px以上：100px）より後ろにあるため、PCでも16vw（1400px幅で224px）に
   なっていた。PCの値をここで再指定する（参考サイト：ケース間 100px） */
@media (min-width: 768px) {
  .block-careers-case .careers-item--gap {
    margin-bottom: 100px;
  }
}

@media (min-width: 768px) {
  .box-list-col3 .box-list-item-title {
    margin-bottom: 40px;
    font-size: 2.2rem;
  }
  .box-list-col3 .box-list-item-text {
    font-size: 1.8rem;
    letter-spacing: 0.1em;
  }
  .block-careers-case .careers-item:not(:last-child) {
    margin-bottom: 100px;
  }
}


/*--------------- メンバーの声 一覧ページ（page-voice） ---------------*/
/* 参考サイトの .page-voice 限定ルール。ブログのリストページでは base テンプレートが
   content-wrap に page-voice を付けるので、モジュールの設定に関わらず適用される。 */
.page-voice .block-voice .voice-list .voice-list-item {
  margin-bottom: 10.6666666667vw;
}
/* 共通｜ページ見出しバナー の .page-lead はモジュール側で background-color:#fff 固定になっているが、
   参考サイトはこのページだけ透過にしてbody色（#f2f2f2）を見せている。ここで上書きする。 */
.page-voice .page-lead {
  background-color: #f2f2f2;
}
@media (min-width: 768px) {
  .page-voice .main-content {
    padding-top: 180px;
  }
  .page-voice .block-voice .voice-list {
    margin-bottom: 0;
  }
  .page-voice .block-voice .voice-list .voice-list-item {
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) {
  .page-voice .block-inner {
    max-width: max-content;
  }
  .page-voice .voice-list-wrap {
    width: auto;
  }
}


/*--------------- 英字ロゴをテキストで入れる場合 ---------------*/
/* 参考サイトはSVG画像だが、画像を作らずテキストで入れられるようにしたもの。
   画像版は height 固定＋overflow:hidden なので、テキスト版は高さを解除する。
   文字サイズは参考サイトのSVG（PCで高さ38px・SPILIT=145px幅）に合わせた値。 */
.page-title .page-title-en--text {
  height: auto;
  overflow: visible;
  font-size: 6.6666666667vw;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0.02em;
  color: #fff;
}
.page-title .page-title-en--text span {
  display: inline-block;
  line-height: 1;
}
/* 帯の色に合わせた文字色（和文見出しと同じ組み合わせ） */
.page-title-light-purple .page-title-en--text,
.page-title-pink .page-title-en--text,
.page-title-light-green .page-title-en--text {
  color: #00afaa;
}
.page-title-orange .page-title-en--text,
.page-title-cyan .page-title-en--text,
.page-title-green .page-title-en--text {
  color: #fff;
}

@media (min-width: 768px) {
  .page-title .page-title-en--text {
    height: auto;
    font-size: 5rem;
  }
}


/*--------------- 働く環境ページの見出し下余白・見出し色 ---------------*/
/* 参考サイトはページ単位（.page-women / .page-globalization）で .block-title に
   margin-bottom: 8vw（768px以上 40px）を与えている。HubSpotではページクラスが無いため、
   各セクションのブロッククラスに付け替えて同じ余白を再現する。 */
.block-women-vacation-system .block-title,
.block-women-support-system .block-title,
.block-work-life-balance .block-title,
.block-globalization-network .block-title,
.block-globalization-member .block-title,
.block-globalization-link .block-title,
.block-globalization-voice .block-title {
  margin-bottom: 8vw;
}
.block-globalization-network .block-title,
.block-globalization-member .block-title,
.block-globalization-link .block-title,
.block-globalization-voice .block-title {
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .block-women-vacation-system .block-title,
  .block-women-support-system .block-title,
  .block-work-life-balance .block-title,
  .block-globalization-network .block-title,
  .block-globalization-member .block-title,
  .block-globalization-link .block-title,
  .block-globalization-voice .block-title {
    margin-bottom: 40px;
  }
}
/* 育児と仕事の両立（1日の流れ）の見出し色。参考サイトの .page-women .block-title .block-title-jp */
.block-work-life-balance--title-pink .block-title .block-title-jp {
  color: #dd8797;
}

/*--------------- スクロール連動アニメーションの編集画面対策 ---------------*/
/* ページエディタではモジュールが後から差し込まれるため監視対象から漏れ、
   opacity: 0 のまま（＝1日の流れの文字が見えない）になる。編集画面では常に表示する。 */
.hs-inline-edit .schedule .schedule-item,
.hs-inline-edit .js-box-animation,
.hs-inline-edit .js-fadeUp {
  opacity: 1 !important;
  transform: none !important;
}


/*--------------- 記事下部「メンバーの声」スライダーの矢印位置 ---------------*/
/* 参考サイトの #js-voice-list-one .prev-arrow / .next-arrow（移植漏れ）。
   指定が無いと左右の矢印がどちらも中央に重なって表示される。 */
#js-voice-list-one {
  margin-bottom: 5.3333333333vw;
}
#js-voice-list-one .prev-arrow {
  left: -13.3333333333vw;
  right: auto;
}
#js-voice-list-one .next-arrow {
  right: -13.3333333333vw;
  left: auto;
}
@media screen and (min-width: 768px) {
  #js-voice-list-one {
    margin: 0 auto 40px;
  }
  #js-voice-list-one .prev-arrow {
    left: -10px;
  }
  #js-voice-list-one .next-arrow {
    right: -10px;
  }
}
@media screen and (min-width: 992px) {
  #js-voice-list-one .prev-arrow {
    left: -24px;
  }
  #js-voice-list-one .next-arrow {
    right: -24px;
  }
}
@media screen and (min-width: 1200px) {
  #js-voice-list-one .prev-arrow {
    left: -50px;
  }
  #js-voice-list-one .next-arrow {
    right: -50px;
  }
}


/*--------------- ブログ記事の本文エリア（モジュールを差し込める領域） ---------------*/
/* モジュールは自前で .block などの枠を持つため幅指定しない。
   直接書いた文章・画像だけ、他のセクションと同じ幅・余白に揃える。 */
.post-body-area > p,
.post-body-area > h1,
.post-body-area > h2,
.post-body-area > h3,
.post-body-area > h4,
.post-body-area > ul,
.post-body-area > ol,
.post-body-area > table,
.post-body-area > blockquote,
.post-body-area > figure,
.post-body-area > img {
  width: 100%;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 4vw;
  padding-left: 4vw;
  font-size: 3.7333333333vw;
  line-height: 1.8;
}
@media (min-width: 768px) {
  .post-body-area > p,
  .post-body-area > h1,
  .post-body-area > h2,
  .post-body-area > h3,
  .post-body-area > h4,
  .post-body-area > ul,
  .post-body-area > ol,
  .post-body-area > table,
  .post-body-area > blockquote,
  .post-body-area > figure,
  .post-body-area > img {
    padding-right: 4%;
    padding-left: 4%;
    font-size: 1.8rem;
  }
}
@media (min-width: 1200px) {
  .post-body-area > p,
  .post-body-area > h1,
  .post-body-area > h2,
  .post-body-area > h3,
  .post-body-area > h4,
  .post-body-area > ul,
  .post-body-area > ol,
  .post-body-area > table,
  .post-body-area > blockquote,
  .post-body-area > figure,
  .post-body-area > img {
    max-width: 1200px;
    padding-right: 0;
    padding-left: 0;
  }
}

/* 数字で見る山田＆パートナーズ：各Lottie図解のサイズ。
   参考サイトはグラフィックごとに個別のpx/vw値をハードコードしており、
   単純な「aspect-ratio + 親幅50%」では大きすぎるものがあった（特に successful＝107名の図解）。
   参考サイトの実測値をそのまま移植する（idの代わりにdata-lottie-srcで対象を特定）。 */
.block-numbers .numbers-item__image[data-lottie-src$="/average_age.json"] {
  width: 58.9333vw;
  margin: 0 auto 5.86667vw;
}
.block-numbers .numbers-item__image[data-lottie-src*="man_average_age.json"] {
  width: 54vw;
  margin: 8vw auto;
}
.block-numbers .numbers-item__image[data-lottie-src*="woman_average_age.json"] {
  width: 54vw;
  margin: 8vw auto 10.6667vw;
}
.block-numbers .numbers-item__image[data-lottie-src*="gender_ratio.json"] {
  width: 86vw;
  margin: 0 -6.66667vw 6.66667vw;
}
.block-numbers .numbers-item__image[data-lottie-src*="profession.json"] {
  width: 53.3333vw;
  margin: 0 auto 6.66667vw;
}
.block-numbers .numbers-item__image[data-lottie-src*="accounting.json"] {
  width: 54vw;
  margin: 0 auto 6.66667vw;
}
.block-numbers .numbers-item__image[data-lottie-src*="management.json"] {
  width: 54vw;
  margin: 0 auto;
}
.block-numbers .numbers-item__image[data-lottie-src*="inexperienced_person.json"] {
  width: 73.3333vw;
  margin: 0 auto 3.2vw;
}
.block-numbers .numbers-item__image[data-lottie-src*="graduate_scool.json"] {
  width: 74.6667vw;
  margin: 0 auto 3.2vw;
}
.block-numbers .numbers-item__image[data-lottie-src*="successful.json"] {
  width: 72.6667vw;
  margin: 0 auto;
}
.block-numbers .numbers-item__image[data-lottie-src*="childcare_leave.json"],
.block-numbers .numbers-item__image[data-lottie-src*="man_on_paternity_leave.json"] {
  width: 72.6667vw;
  margin: 0 auto 7.46667vw;
}
.block-numbers .numbers-item__image[data-lottie-src*="short_time_work.json"] {
  width: 66.9333vw;
  margin: 0 auto 7.46667vw;
}
.block-numbers .numbers-item__image[data-lottie-src*="paid_leave.json"] {
  width: 70.9333vw;
  margin: 0 auto 7.46667vw;
}
@media screen and (min-width: 768px) {
  .block-numbers .numbers-item__image[data-lottie-src$="/average_age.json"] {
    width: 364px;
    margin-bottom: 40px;
  }
  .block-numbers .numbers-item__image[data-lottie-src*="man_average_age.json"] {
    width: calc(50% - 17px);
    max-width: 262px;
    max-height: 424px;
    margin: 0 17px 0 auto;
  }
  .block-numbers .numbers-item__image[data-lottie-src*="woman_average_age.json"] {
    width: calc(50% - 17px);
    max-width: 262px;
    max-height: 424px;
    margin: 0 auto 0 17px;
  }
  .block-numbers .numbers-item__image[data-lottie-src*="gender_ratio.json"] {
    width: 510px;
    margin: 0 auto;
  }
  .block-numbers .numbers-item__image[data-lottie-src*="profession.json"] {
    width: 312px;
    margin-bottom: 40px;
  }
  .block-numbers .numbers-item__image[data-lottie-src*="accounting.json"] {
    width: 315px;
    margin-bottom: 40px;
  }
  .block-numbers .numbers-item__image[data-lottie-src*="management.json"] {
    width: 312px;
  }
  .block-numbers .numbers-item__image[data-lottie-src*="inexperienced_person.json"] {
    width: 405px;
    margin-bottom: 16px;
  }
  .block-numbers .numbers-item__image[data-lottie-src*="graduate_scool.json"] {
    width: 410px;
    margin-bottom: 16px;
  }
  .block-numbers .numbers-item__image[data-lottie-src*="successful.json"] {
    width: 436px;
    margin: 0 auto;
  }
  .block-numbers .numbers-item__image[data-lottie-src*="childcare_leave.json"],
  .block-numbers .numbers-item__image[data-lottie-src*="man_on_paternity_leave.json"] {
    width: 432px;
    margin-bottom: 16px;
  }
  .block-numbers .numbers-item__image[data-lottie-src*="short_time_work.json"],
  .block-numbers .numbers-item__image[data-lottie-src*="paid_leave.json"] {
    width: 432px;
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 992px) {
  .block-numbers .numbers-item__image[data-lottie-src$="/average_age.json"] {
    margin-bottom: 92px;
  }
  .block-numbers .numbers-item__image[data-lottie-src*="inexperienced_person.json"] {
    width: auto;
    height: 110px;
  }
  .block-numbers .numbers-item__image[data-lottie-src*="graduate_scool.json"] {
    width: auto;
    height: 110px;
  }
  .block-numbers .numbers-item__image[data-lottie-src*="childcare_leave.json"],
  .block-numbers .numbers-item__image[data-lottie-src*="man_on_paternity_leave.json"] {
    width: 510px;
    height: 185px;
  }
  .block-numbers .numbers-item__image[data-lottie-src*="short_time_work.json"],
  .block-numbers .numbers-item__image[data-lottie-src*="paid_leave.json"] {
    width: auto;
    height: 132px;
  }
}
@media screen and (min-width: 1200px) {
  .block-numbers .numbers-item__image[data-lottie-src*="inexperienced_person.json"] {
    width: 490px;
    height: 133px;
  }
  .block-numbers .numbers-item__image[data-lottie-src*="graduate_scool.json"] {
    margin-bottom: 16px;
    width: auto;
    height: 133px;
  }
}