@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  -webkit-text-size-adjust: 100%; /* 2 */
  line-height: 1.15; /* 1 */
}

body {
  margin: 0;
}

main {
  display: block;
}

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

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

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

a {
  background-color: transparent;
}

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

b,
strong {
  font-weight: bolder;
}

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

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

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

button,
input {
  overflow: visible; /* 1 */
}

button,
select {
  text-transform: none; /* 1 */
}

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

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

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

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

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

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

[type=search] {
  appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

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

::-webkit-file-upload-button {
  appearance: button; /* 1 */
  font: inherit; /* 2 */
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/**
 * base
 */
body {
  background-color: #fff;
  color: #121212;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.13em;
  line-height: 2;
  margin: 0;
}

details,
main {
  display: block;
}

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

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

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

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

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

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

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

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

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

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

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

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

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

summary {
  display: list-item;
}

[hidden],
template {
  display: none;
}

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

html {
  -webkit-text-size-adjust: 100%;
  word-wrap: break-word;
  font-family: sans-serif;
  line-height: 1.5;
  overflow-wrap: break-word;
  text-align: left;
}

blockquote, dl, h1, h2, h3, h4, h5, h6, hr, p, pre {
  margin-bottom: 0;
  margin-top: 0;
}

ol, ul {
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 0;
}

li {
  list-style-type: none;
}

dd {
  margin-left: 0;
}

figure {
  margin: 0;
}

address, cite, dfn, em, i, var {
  font-style: inherit;
}

audio, canvas, embed, iframe, img, object, svg, video {
  display: block;
}

img, video {
  height: auto;
  max-width: 100%;
}

svg {
  fill: currentcolor;
}

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

td, th {
  padding: 0;
}

th {
  text-align: inherit;
}

button, input, select, textarea {
  background-color: transparent;
  border: 1px solid WindowFrame;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  padding: 0.25em 0.375em;
}

[data-whatinput=mouse] button,
[data-whatinput=mouse] select {
  outline: 0;
}

select {
  appearance: none;
  border-radius: 0;
  padding-right: 1em;
}

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

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

[hidden][hidden] {
  display: none !important;
}

::-moz-selection {
  background-color: #f8c8a7;
}

::selection {
  background-color: #f8c8a7;
}

@supports (display: grid) {
  :focus {
    outline: dotted 1px;
    outline: -webkit-focus-ring-color auto 5px;
  }
}
/**
 * maincontents
 */
main {
  position: relative;
  z-index: 1;
}

/* Slider */
.slick-slider {
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  display: block;
  position: relative;
  touch-action: pan-y;
  user-select: none;
}

.slick-list {
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  display: block;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  border: 1px solid transparent;
  display: block;
  height: auto;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Arrows */
.slick-prev,
.slick-next {
  background: transparent;
  border: none;
  color: transparent;
  cursor: pointer;
  display: block;
  font-size: 0;
  line-height: 0;
  outline: none;
  padding: 0;
  width: 32px;
}

@media only screen and (min-width: 48em) {
  .slick-prev,
  .slick-next {
    width: 85px;
  }
}
.slick-prev {
  float: left;
  margin-left: 30%;
}

.slick-next {
  float: right;
  margin-right: 30%;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  background: transparent;
  color: transparent;
  outline: none;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before {
  background: url(../img/common/arrow_left02.png);
  background-size: 42px 42px;
  content: "";
  display: block;
  height: 42px;
  opacity: 0.7;
  width: 42px;
}

.slick-next:before {
  background: url(../img/common/arrow_right02.png);
  background-size: 42px 42px;
  content: "";
  display: block;
  height: 42px;
  opacity: 0.7;
  width: 42px;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "←";
}

[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "→";
}

[dir=rtl] .slick-next:before {
  content: "←";
}

/* splide-core.min.css* * * ******* * /
/* The MIT License (MIT)

Copyright (c) 2022 Naotoshi Fujita

Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in
the Software without restriction, including without limitation the rights to
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
the Software, and to permit persons to whom the Software is furnished to do so,
subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
@-webkit-keyframes splide-loading {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes splide-loading {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.splide__track--fade > .splide__list {
  display: block;
}

.splide__track--fade > .splide__list > .splide__slide {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  position: relative;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  -webkit-animation: splide-loading 1s linear infinite;
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.splide button:not(:disabled):not([aria-disabled=true]) {
  border: none;
  cursor: pointer;
  outline: none;
}

.splide--loop {
  border-radius: 10px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
  overflow: hidden;
  position: relative;
}

.slide-controls {
  -webkit-transform: translateY(100%);
  background-color: rgba(119, 119, 119, 0.5);
  bottom: 0;
  color: #fff;
  left: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  position: absolute;
  right: 0;
  transform: translateY(100%);
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}

.slide-controls__inner {
  justify-content: space-between;
}

@media (hover: hover) {
  .splide--loop:hover .slide-controls {
    -webkit-transform: none;
    transform: none;
  }
}
.slide-controls:focus-within {
  -webkit-transform: none;
  transform: none;
}

.slide-button, .splide__arrow {
  padding: 1rem;
}

.splide .splide__arrow--prev svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.slide-button[aria-disabled=true],
.splide__arrow[aria-disabled=true] {
  opacity: 0.5;
}

.slide-buttonIcon, .splide__arrow svg {
  display: block;
  height: 1.5rem;
  width: 1.5rem;
}

.slide-progress {
  background: #aaa;
  position: relative;
}

.slide-progress-bar {
  background: orange;
  height: 3px;
  transition: width 400ms ease;
  width: 0;
}

.controller {
  display: flex;
  flex-wrap: wrap;
}

body > svg {
  display: none;
}

/**
* .container
*/
.container {
  display: -ms-grid;
  display: grid;
  grid-template-areas: ". main .";
  grid-template-columns: 1.25rem 1fr 1.25rem;
}

.container[class*=-highlight] {
  padding-bottom: 4rem;
  position: relative;
}

.container[class*=-highlight]::before {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.container__inner {
  grid-area: main;
  min-width: 0;
}

@media (min-width: 48em) {
  .container {
    grid-template-columns: 1fr 44rem 1fr;
  }
  .container.-highlight__left::before {
    right: calc(50% - 16rem);
  }
  .container.-highlight__right::before {
    left: calc(50% - 16rem);
  }
}
@media (min-width: 64em) {
  .container {
    grid-template-columns: 1fr 55rem 1fr;
  }
  .container.-highlight__left::before {
    right: calc(50% - 24rem);
  }
  .container.-highlight__right::before {
    left: calc(50% - 24rem);
  }
}
@media (min-width: 80em) {
  .container {
    grid-template-columns: 1fr 60rem 1fr;
  }
  .container[class*=-highlight]::before {
    top: 4rem;
  }
}
@media (min-width: 96em) {
  .container {
    grid-template-columns: 1fr 68.75rem 1fr;
  }
  .container.-highlight__left::before {
    right: calc(50% - 28rem);
  }
  .container.-highlight__right::before {
    left: calc(50% - 28rem);
  }
}
/**
 * #Header
 */
.siteHeader {
  font-family: azo-sans-web, "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  left: 0;
  letter-spacing: 0.05em;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-bottom-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 10;
}

.siteHeader__inner {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  max-width: 105rem;
  padding-left: 5px;
  padding-right: 0;
}

@media only screen and (min-width: 48em) {
  .siteHeader__inner {
    padding-left: 1rem;
  }
}
@media only screen and (min-width: 64em) {
  .siteHeader__inner {
    padding-left: 2rem;
  }
}
.siteHeader__logo {
  align-items: center;
  display: flex;
  margin-right: auto;
  pointer-events: auto;
}

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

.siteHeader__logoImage {
  box-sizing: content-box;
  display: block;
  height: 40px;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  transition: height 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  width: 122px;
}

@media only screen and (min-width: 48em) {
  .siteHeader__logoImage {
    height: 53px;
    padding-bottom: 1.3rem;
    padding-top: 1.3rem;
    width: 200px;
  }
}
.primaryView .siteHeader .siteHeader__logoImage {
  height: 91px;
  width: 63px;
}

.siteHeader__logoImage::after,
.siteHeader__logoImage::before {
  background-position: 11px center;
  background-repeat: no-repeat;
  bottom: 0;
  box-sizing: content-box;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.siteHeader__logoImage::before {
  background-image: url("/img/logo_recruit.svg");
  /*background-size: 52px 91px;*/
  background-size: 52px auto;
}

@media (min-width: 48em) {
  .primaryView .siteHeader .siteHeader__logoImage {
    height: 174px;
    width: 6.9rem;
  }
  .siteHeader__logoImage::before {
    /*background-size: 87px 151.79px;*/
    background-size: 87px auto;
  }
}
.siteHeader .siteHeader__logoImage::before {
  opacity: 0;
}

.primaryView .siteHeader .siteHeader__logoImage::before {
  opacity: 1;
}

.siteHeader__logoImage::after {
  background-image: url("/img/logotype.svg");
  background-position: 22px center;
  background-size: 98px 40px;
}

.primaryView .siteHeader .siteHeader__logoImage::after {
  opacity: 0;
}

.siteHeader__menuContainer {
  position: relative;
}

.siteHeader__menuContainer::before {
  content: "";
  display: block;
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 48em) {
  .siteHeader__logoImage::after {
    background-position: 30px center;
    background-size: 164px 43.36px;
    z-index: 1;
  }
  .siteHeader__menuContainer {
    flex-grow: 1;
    height: 6.25rem;
  }
}
.siteHeader__menu_sp {
  position: fixed;
  right: 0;
  top: 0%;
}

.siteHeader__nav {
  align-items: center;
  background: #fff;
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 100%;
  transition: all 0.2s ease;
  width: 100%;
}

.siteHeader__navLink {
  pointer-events: auto;
}

.siteHeader__menuButton {
  background: #000;
  border: 0;
  box-sizing: content-box;
  cursor: pointer;
  height: 40px;
  padding: 0;
  pointer-events: auto;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  width: 40px;
}

.siteHeader__menuButton:hover {
  background: #333333;
}

@media only screen and (min-width: 48em) {
  .siteHeader__menuButton {
    height: 60px;
    width: 60px;
  }
}
.siteHeader__buttonWrap {
  align-items: stretch;
  display: flex;
  height: 100%;
}

.siteHeader__menuButtonLabel {
  font-size: 0.625rem;
}

.siteHeader__menuButtonIcon {
  color: #fff;
  height: 14px;
  margin: 0 auto;
  width: 20px;
}

.siteHeader__menuButtonIcon--close {
  height: 1.5rem;
  width: 1.5rem;
}

@media not all and (min-width: 48em) {
  .subPageHeader {
    background-image: url("/assets/pageheader/bg@sm.png") !important;
  }
}
.siteHeader__navList {
  text-align: center;
}

.siteHeader__navItem {
  border-bottom: 1px solid #ccc;
}

.siteHeader__navLink {
  color: #000;
  display: block;
  padding: 1em;
  transition: all 0.2s ease;
}

.-menu_open .primaryView .siteHeader__navLink {
  color: #000;
}

.siteHeader__navLink:hover {
  color: #ef7c00 !important;
}

@media only screen and (min-width: 48em) {
  .front-page.primaryView .siteHeader__navLink {
    color: #fff;
  }
}
.-menu_open .siteHeader__menu_sp {
  z-index: -1;
}

.siteHeader__menuButton--close {
  border: none;
  color: #000;
  cursor: pointer;
  pointer-events: auto;
  position: absolute;
  right: 4px;
  top: 4px;
}

.primaryView .siteHeader__menuButton--close {
  top: 38px;
}

.-menu_open .primaryView .siteHeader__menuButton--close {
  top: 4px;
}

.siteHeader__navLogo {
  display: block;
  left: 16px;
  position: absolute;
  top: 8px;
}

.siteHeader__navLogoLink {
  pointer-events: auto;
}

.-menu_open {
  overflow: hidden;
  width: 100%;
}

.-menu_open .siteHeader {
  width: 100%;
}

.-menu_open .siteHeader__navLink_sp, .-menu_open .siteHeader__menuButton {
  pointer-events: none;
}

.-menu_open .siteHeader__nav {
  top: 0;
  width: 100%;
  z-index: 30;
}

@media (min-width: 48em) {
  .siteHeader__menuContainer.-expanded .siteHeader__menu_sp,
  .primaryView .siteHeader__menu_sp {
    opacity: 0;
    visibility: hidden;
  }
  .-menu_open .siteHeader__nav {
    padding-top: 23px;
    width: calc(100vw - 135px);
  }
  .-menu_open {
    overflow: auto;
    width: auto;
  }
  .-menu_open .siteHeader {
    width: auto;
  }
  .-menu_open .siteHeader__navLink_sp, .-menu_open .siteHeader__menuButton {
    pointer-events: auto;
  }
  .front-page .-menu_open .primaryView .siteHeader__navLink {
    color: #fff;
  }
  .siteHeader__menuButtonLabel {
    font-size: 1.0625rem;
  }
  .siteHeader__menuButtonIcon {
    height: 20px;
    width: 20px;
  }
  .siteHeader__menuButton--close {
    cursor: pointer;
    display: none;
    height: 1.875rem;
    width: 1.875rem;
  }
  .siteHeader__nav {
    background: none;
    display: block;
    font-size: 16px;
    height: inherit;
    left: inherit;
    pointer-events: auto;
    position: absolute;
    right: 0;
    top: 25px;
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    width: inherit;
  }
  .primaryView .siteHeader__nav {
    color: #fff;
  }
  body:not(.primaryView) .siteHeader__menuContainer.-expanded .siteHeader__nav {
    background: #fff;
  }
  .siteHeader__menuContainer:not(.-expanded) .siteHeader__nav {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
  }
  .siteHeader__menuContainer.-expanded {
    width: calc(100vw - 135px);
  }
  .siteHeader__menuContainer.-expanded::before {
    background: #fff;
    height: 100px;
    opacity: 1;
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw;
  }
  .primaryView .siteHeader__menuContainer .siteHeader__nav {
    opacity: 1;
    visibility: visible;
    z-index: 0;
  }
  .siteHeader__navList {
    display: flex;
    justify-content: flex-end;
    margin-right: 1rem;
  }
  .siteHeader__navItem {
    border: 0 none;
    margin-left: 0.5rem;
  }
  .siteHeader__navLink {
    display: block;
    padding: 0.55rem 0.5rem;
  }
  .siteHeader__navLink._entryButton {
    border: 1px solid #EF7D00;
    border-radius: 2rem;
    padding: 0.55rem 2.8rem;
  }
  .siteHeader__navLink._entryButton:hover {
    background: rgba(255, 255, 255, 0.2);
  }
  .front-page.primaryView .siteHeader__navLink._entryButton {
    border-color: #fff;
  }
  .siteHeader__navLink[aria-current=location] {
    box-shadow: inset 0 -0.25rem #ef7c00;
  }
  .siteHeader__navLogo {
    display: none;
  }
  .primaryView .siteHeader__menuContainer.-expanded::before {
    display: none;
  }
}
.siteHeader__navLink_sp {
  align-items: center;
  background: #EF7D00;
  color: #fff;
  display: flex;
  font-size: 10px;
  justify-content: center;
  pointer-events: auto;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  width: 80px;
}

.siteHeader__navLink_sp:hover {
  background: #ff8a0a;
}

@media only screen and (min-width: 48em) {
  .siteHeader__navLink_sp {
    font-size: 15px;
    width: 130px;
  }
}
@media (min-width: 64em) {
  .siteHeader__navList {
    margin-right: 2rem;
  }
  .siteHeader__navItem {
    margin-left: 1.5rem;
  }
  .-menu_open .siteHeader__nav {
    width: auto;
  }
}
@media (min-width: 80em) {
  .sectionGrid {
    grid-template-areas: "header header header body body body body body body";
    grid-template-columns: repeat(10, 1fr);
  }
  .siteHeader__navItem {
    margin-left: 2rem;
  }
}
/* prefooter */
.preFooter__image {
  display: none;
}

@media only screen and (min-width: 48em) {
  .preFooter__image {
    background-image: var(--footer-bg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 260px;
    margin-top: -30px;
    position: relative;
  }
  .preFooter__image img {
    display: none;
  }
}
@media only screen and (min-width: 64em) {
  .preFooter__image {
    height: 450px;
    margin-top: 0px;
  }
}
@media only screen and (min-width: 80em) {
  .preFooter__image {
    height: 600px;
  }
}
.preFooter__image {
  opacity: 0;
  position: relative;
  transition: all 0.2s ease;
  visibility: hidden;
}

.preFooter__image.active {
  -webkit-transform: translateY(-30px);
  opacity: 1;
  transform: translateY(-30px);
  visibility: visible;
}

/**
 * #Footer
 */
/**
* .siteFooter__container.container
*/
.siteFooter__container.container {
  grid-template-columns: 1.25rem 1fr 1.25rem;
}

@media (min-width: 64em) {
  .siteFooter__container.container {
    grid-template-columns: 1fr 94% 1fr;
  }
}
/**
* .siteFooter
*/
.siteFooter {
  padding-bottom: 2.5rem;
}

@media (min-width: 48em) {
  .siteFooter {
    align-items: center;
    display: -ms-grid;
    display: grid;
    grid-template-areas: "f_logo    f_logo" "f_socials f_rel" "f_colophon f_colophon";
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(3, auto);
    margin-top: -30px;
  }
}
@media (min-width: 80em) {
  .siteFooter {
    align-items: center;
    grid-template-areas: "f_logo    f_logo     f_logo" "f_socials f_colophon f_rel";
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: repeat(2, auto);
    margin-top: 20px;
    padding-bottom: 2rem;
  }
}
.siteFooter__toTop {
  height: 3.125rem;
  position: relative;
}

.siteFooter__toTopLink {
  padding-left: 1rem;
  padding-right: 1rem;
  position: absolute;
  right: 1rem;
}

.siteFooter__logo {
  grid-area: f_logo;
  padding-bottom: 3.5rem;
  padding-top: 3rem;
}

@media only screen and (min-width: 64em) {
  .siteFooter__logo {
    padding-top: 3.5rem;
  }
}
.siteFooter__logoLink {
  display: block;
  margin: 0 auto;
  width: 6.563rem;
}

.siteFooter__logoImage {
  display: inline-block;
}

.siteFooter__footer {
  margin-top: 1.5rem;
}

@media (min-width: 48em) {
  .siteFooter__toTop {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 105rem;
  }
  .siteFooter__logoLink {
    width: 10rem;
  }
  .siteFooter__footer {
    display: flex;
    margin-top: 6rem;
  }
}
.siteFooterSocials {
  margin-right: auto;
}

.siteFooterRel {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-left: auto;
  width: 50%;
}

@media (min-width: 48em) {
  .siteFooterRel {
    width: auto;
  }
}
@media (min-width: 64em) {
  .siteFooterRel {
    flex-wrap: nowrap;
  }
}
.siteFooterRel__link {
  align-items: center;
  background-color: rgba(239, 124, 0, 0);
  border: 2px solid #ef7c00;
  border-radius: 0.75rem;
  color: #ef7c00;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 5px 0;
  padding: calc(0.3rem - 2px) 1.2rem;
  text-decoration: none;
  transition: background-color 150ms ease-out, color 150ms ease-out;
  white-space: nowrap;
}

@media (min-width: 48em) {
  .siteFooterRel__link {
    margin: 5px;
  }
}
@media (min-width: 80em) {
  .siteFooterRel__link {
    margin: 0 10px;
  }
}
.siteFooterRel__linkLabel {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.03em;
}

html:not([data-whatinput=keyboard]) .siteFooterRel__link:focus {
  outline-width: 0;
}

.siteFooterRel__linkIcon {
  display: inline-block;
  height: 1em;
  margin-left: 0.5rem;
  position: relative;
  top: -7px;
  vertical-align: bottom;
  width: 1em;
}

.siteFooterRel__linkIcon .icon-new-window {
  fill: #ef7c00;
}

.siteFooterRel__link:hover {
  background-color: #ef7c00;
  color: #fff;
}

.siteFooterRel__link:hover .icon-new-window {
  fill: #fff;
}

@media (min-width: 48em) {
  .siteFooter__socialLink {
    padding-bottom: 0;
    padding-top: 0;
  }
}
.siteFooter__colophon {
  align-items: center;
  display: flex;
  font-size: 0.75rem;
  margin-top: 1rem;
}

@media (min-width: 64em) {
  .siteFooter__colophon {
    border-top: 0;
    font-size: 1rem;
    margin-top: 0;
  }
}
.siteFooter__socialLinkInner {
  border-bottom: 1px solid #757575;
  display: block;
}

.siteFooterSocials {
  font-weight: bold;
  grid-area: f_socials;
  margin-right: auto;
}

.siteFooterSocials__item {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 0.5rem;
}

.siteFooterSocials__item span {
  margin: 0 0.3rem;
}

.siteFooterSocials__shareLink {
  align-items: center;
  color: inherit;
  display: flex;
  flex-shrink: 0;
  height: 3rem;
  justify-content: center;
  margin: 0 0.3rem;
}

.siteFooterSocials__shareLink + span {
  margin-left: 2rem;
}

.siteFooterSocials__shareIcon {
  height: 1.5rem;
  width: 1.5rem;
}

.siteFooterSocials__shareIcon .icon-twitter {
  fill: #121212;
}

.siteFooterSocials__shareIcon .icon-facebook {
  fill: #121212;
}

.siteFooter__colophon {
  font-family: azo-sans-web, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  grid-area: f_colophon;
  justify-content: center;
  letter-spacing: 0.05em;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
}

@media not all and (min-width: 48em) {
  .siteFooter__colophon {
    justify-self: center;
    margin-top: 1rem;
  }
}
.siteFooterRel {
  grid-area: f_rel;
  justify-self: end;
}

@media (min-width: 64em) {
  .SiteFooter__logo {
    padding-bottom: 6.5rem;
    padding-top: 6.5rem;
  }
}
/* ==========================================================================
   Object
   ========================================================================== */
/**
 * loading
 */
#loading {
  background: #fff;
  height: 100%;
  overflow: hidden;
  position: fixed;
  width: 100%;
  z-index: 30;
}

#loading.loaded {
  animation: fadeOut 0.5s forwards 0.1s;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 1;
  }
  100% {
    display: none;
    opacity: 0;
    z-index: -1;
  }
}
.ball-scale-ripple {
  left: 50%;
  margin: -25px 0 0 -25px;
  position: absolute;
  top: 50%;
}

@-webkit-keyframes ball-scale-ripple {
  0% {
    -webkit-transform: scale(0.1);
    opacity: 1;
    transform: scale(0.1);
  }
  70% {
    -webkit-transform: scale(1);
    opacity: 0.7;
    transform: scale(1);
  }
  100% {
    opacity: 0;
  }
}
@keyframes ball-scale-ripple {
  0% {
    -webkit-transform: scale(0.1);
    opacity: 1;
    transform: scale(0.1);
  }
  70% {
    -webkit-transform: scale(1);
    opacity: 0.7;
    transform: scale(1);
  }
  100% {
    opacity: 0;
  }
}
.ball-scale-ripple > div {
  -webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
  animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
  border: 2px solid #ef7c00;
  border-radius: 100%;
  height: 50px;
  width: 50px;
}

/* Component
   ----------------------------------------------------------------- */
/**
 * button
 */
.moreLink {
  border: 1px solid #000;
  display: block;
  font-size: 14px;
  font-weight: 700;
  margin: 0 auto;
  max-width: 530px;
  padding: 10px;
  position: relative;
  text-align: center;
}

@media only screen and (min-width: 48em) {
  .moreLink {
    font-size: 18px;
  }
}
@media only screen and (min-width: 64em) {
  .moreLink {
    font-size: 24px;
    max-width: 960px;
    padding: 30px;
  }
}
.moreLink__inline {
  letter-spacing: 0.28em;
  position: relative;
}

@media only screen and (min-width: 48em) {
  .moreLink::after {
    -webkit-transform: translate(2px, 0px) skew(47deg, 0deg);
    border-bottom: 2px solid #707070;
    border-right: 2px solid #707070;
    content: "";
    display: block;
    height: 12px;
    margin-top: -9px;
    position: absolute;
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translate(2px, 0px) skew(47deg, 0deg);
    transition: all 0.2s ease 0.1s;
    width: calc(30% - 35px);
  }
}
.moreLink::before {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.2s ease;
  width: 0;
}

.moreLink:hover::before {
  background: #000;
  height: 100%;
  width: 100%;
  z-index: 0;
}

@media only screen and (min-width: 48em) {
  .moreLink:hover::after {
    border-color: #ef7c00;
    right: -50px;
    width: 29%;
  }
}
.moreLink:hover .moreLink__inline {
  color: #fff;
}

.otherwindowLink {
  color: #EF7E00;
  display: block;
  margin: 0 0 0 auto;
  padding: 5px 0;
  position: relative;
  text-align: right;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.otherwindowLink::after {
  -webkit-transform: translate(2px, 0px) skew(47deg, 0deg);
  border-bottom: 1px solid #EF7E00;
  border-right: 1px solid #EF7E00;
  bottom: 0;
  content: "";
  display: block;
  height: 4px;
  left: -3px;
  position: absolute;
  transform: translate(2px, 0px) skew(47deg, 0deg);
  transition: all 0.2s ease;
  width: calc(100% - 25px);
}

/**
 * blogSlider
 */
.blogSlider {
  margin: 0 auto;
  overflow: hidden;
}

.blogSlider .slick-slide {
  max-width: 600px;
  width: 100vw;
}

.blogSlider__cell {
  padding: 16px 20px;
}

.blogSlider__cell__body {
  font-size: 12px;
  line-height: 1.6;
  opacity: 0;
  padding: 10px 20px;
  position: relative;
  transition: all 0.4s ease;
  z-index: 1;
}

@media only screen and (min-width: 64em) {
  .blogSlider__cell__body {
    display: flex;
    font-size: 16px;
    justify-content: space-between;
    padding: 10px;
  }
}
@media only screen and (min-width: 80em) {
  .blogSlider__cell__body {
    font-size: 18px;
    padding: 20px 10px;
  }
}
.blogSlider__cell__pubdate {
  display: block;
  font-weight: 700;
  padding-top: 5px;
  text-align: right;
}

@media only screen and (min-width: 64em) {
  .blogSlider__cell__pubdate {
    flex: 0 0 auto;
    padding-top: 0;
    width: 7em;
  }
}
.blogSlider__cell__target {
  display: block;
  font-size: 14px;
  position: relative;
  text-decoration: none;
}

.blogSlider__cell__image {
  text-align: center;
}

.blogSlider__cell__image img {
  display: inline-block;
  height: auto;
  width: 100%;
}

.blogSlider .slick-track {
  margin-top: 0;
}

.blogSlider .slick-prev {
  float: none;
  height: 73vw;
  left: 4%;
  margin: 0;
  max-height: 434px;
  position: absolute;
  top: 0;
  z-index: 1;
}

.blogSlider .slick-next {
  float: none;
  height: 73vw;
  margin: 0;
  max-height: 434px;
  position: absolute;
  right: 4%;
  top: 0;
}

.blogSlider .slick-prev::before,
.blogSlider .slick-next::before {
  height: 32px;
  opacity: 1;
  width: 32px;
}

.blogSlider__cell__image {
  background: #000;
  position: relative;
}

.blogSlider__cell__image img {
  opacity: 0.3;
  transition: all 0.4s ease;
  width: 100%;
}

.slick-current .blogSlider__cell__image img,
.is-active-next .blogSlider__cell__image img {
  opacity: 1;
}

.slick-current .blogSlider__cell__body,
.is-active-next .blogSlider__cell__body {
  opacity: 1;
}

.blogSlider .slick-prev::before {
  -webkit-filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.3));
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010.72%2030.64%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-width%3A3px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Earrow_path%3C%2Ftitle%3E%3Cg%20id%3D%22path2%22%20data-name%3D%22path2%22%3E%3Cpath%20id%3D%22path%22%20data-name%3D%22path2%22%20class%3D%22cls-1%22%20d%3D%22M9.4.7%2C1.7%2C15.38%2C9.4%2C29.94%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center center no-repeat;
  background-size: contain;
  filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.3));
}

.blogSlider .slick-next::before {
  -webkit-filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.3));
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010.72%2030.64%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-width%3A3px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Earrow_path%3C%2Ftitle%3E%3Cg%20id%3D%22arrow%22%20data-name%3D%22arrow%22%3E%3Cpath%20id%3D%22arrow_path%22%20data-name%3D%22arrow_path%22%20class%3D%22cls-1%22%20d%3D%22M1.33.7%2C9%2C15.38%2C1.33%2C29.94%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center center no-repeat;
  background-size: contain;
  filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.3));
}

@media only screen and (min-width: 48em) {
  .blogSlider .slick-prev {
    left: 0;
  }
  .blogSlider .slick-next {
    right: 0;
  }
  .blogSlider .slick-next {
    max-height: 100%;
    right: 0;
    width: calc((100% - 630px) / 2);
  }
  .blogSlider .slick-prev {
    max-height: 100%;
    width: calc((100% - 630px) / 2);
  }
  .blogSlider .slick-next::before {
    left: 0;
    margin: 0;
    position: absolute;
    top: 170px;
  }
  .blogSlider .slick-prev::before {
    margin: 0;
    position: absolute;
    right: 0;
    top: 170px;
  }
  .blogSlider .slick-prev::before,
  .blogSlider .slick-next::before {
    height: 85px;
    width: 85px;
  }
  .blogSlider .slick-next::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025.34%2086.19%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-width%3A3px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Earrow27%3C%2Ftitle%3E%3Cg%20id%3D%22arrow27%22%20data-name%3D%22arrow27%22%3E%3Cpath%20id%3D%22path27%22%20data-name%3D%22path27%22%20class%3D%22cls-1%22%20d%3D%22M1.33.7%2C23.64%2C43.28%2C1.33%2C85.49%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  }
  .blogSlider .slick-prev::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025.34%2086.19%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-width%3A3px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3E%E3%83%91%E3%82%B9%2026%3C%2Ftitle%3E%3Cg%20id%3D%22arrow%22%20data-name%3D%22arrow%202%22%3E%3Cpath%20id%3D%22arrow%22%20data-name%3D%22arrow26%22%20class%3D%22cls-1%22%20d%3D%22M24%2C.7%2C1.7%2C43.28%2C24%2C85.49%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  }
}
@media only screen and (min-width: 64em) {
  .blogSection__body {
    padding-top: 16px;
  }
  .blogSlider__cell {
    padding: 20px;
  }
  .blogSlider .slick-slide {
    max-width: 800px;
  }
  .blogSlider .slick-next {
    right: 0;
    width: calc((100% - 840px) / 2);
  }
  .blogSlider .slick-prev {
    width: calc((100% - 840px) / 2);
  }
  .blogSlider .slick-next::before {
    top: 234px;
  }
  .blogSlider .slick-prev::before {
    top: 234px;
  }
}
@-webkit-keyframes bg-crossfade-1 {
  0% {
    opacity: 1;
  }
  3% {
    opacity: 1;
  }
  17% {
    opacity: 1;
  }
  23% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
  97% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes bg-crossfade-1 {
  0% {
    opacity: 1;
  }
  3% {
    opacity: 1;
  }
  17% {
    opacity: 1;
  }
  23% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
  97% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes bg-crossfade-2 {
  17% {
    opacity: 1;
  }
  23% {
    opacity: 1;
  }
  37% {
    opacity: 1;
  }
  43% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes bg-crossfade-2 {
  17% {
    opacity: 1;
  }
  23% {
    opacity: 1;
  }
  37% {
    opacity: 1;
  }
  43% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes bg-crossfade-3 {
  37% {
    opacity: 1;
  }
  43% {
    opacity: 1;
  }
  57% {
    opacity: 1;
  }
  63% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes bg-crossfade-3 {
  37% {
    opacity: 1;
  }
  43% {
    opacity: 1;
  }
  57% {
    opacity: 1;
  }
  63% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes bg-crossfade-4 {
  57% {
    opacity: 1;
  }
  63% {
    opacity: 1;
  }
  77% {
    opacity: 1;
  }
  83% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes bg-crossfade-4 {
  57% {
    opacity: 1;
  }
  63% {
    opacity: 1;
  }
  77% {
    opacity: 1;
  }
  83% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes bg-crossfade-5 {
  77% {
    opacity: 1;
  }
  83% {
    opacity: 1;
  }
  97% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes bg-crossfade-5 {
  77% {
    opacity: 1;
  }
  83% {
    opacity: 1;
  }
  97% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.top .mainPageHeader {
  background: #fff;
  height: 0;
  padding-top: 133.33333%;
  position: relative;
  transition: all 1s ease;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .top .mainPageHeader {
    height: 100vh;
    padding-top: 0;
  }
}
.top .mainPageHeader .mainVisual__item {
  opacity: 0;
  transition: opacity 1s ease, background-color 0.3s ease;
}

.top .mainPageHeader .mainVisual__item:nth-child(1) {
  background-image: url("/img/top/mainvisual01.jpg");
}

@media only screen and (min-width: 48em) {
  .top .mainPageHeader .mainVisual__item:nth-child(1) {
    background-image: url("/img/top/mainvisual01_pc.jpg");
  }
}
.top .mainPageHeader .mainVisual__item:nth-child(2) {
  background-image: url("/img/top/mainvisual02.jpg");
}

@media only screen and (min-width: 48em) {
  .top .mainPageHeader .mainVisual__item:nth-child(2) {
    background-image: url("/img/top/mainvisual02_pc.jpg");
  }
}
.top .mainPageHeader .mainVisual__item:nth-child(3) {
  background-image: url("/img/top/mainvisual03.jpg");
}

@media only screen and (min-width: 48em) {
  .top .mainPageHeader .mainVisual__item:nth-child(3) {
    background-image: url("/img/top/mainvisual03_pc.jpg");
  }
}
.top .mainPageHeader .mainVisual__item:nth-child(4) {
  background-image: url("/img/top/mainvisual04.jpg");
}

@media only screen and (min-width: 48em) {
  .top .mainPageHeader .mainVisual__item:nth-child(4) {
    background-image: url("/img/top/mainvisual04_pc.jpg");
  }
}
.top .mainPageHeader .mainVisual__item:nth-child(5) {
  background-image: url("/img/top/mainvisual05.jpg");
}

@media only screen and (min-width: 48em) {
  .top .mainPageHeader .mainVisual__item:nth-child(5) {
    background-image: url("/img/top/mainvisual05_pc.jpg");
  }
}
.top .mainPageHeader.active {
  overflow: hidden;
  z-index: 0;
}

.top .mainPageHeader.active .mainVisual__item {
  -webkit-animation-name: bg-crossfade;
  -webkit-animation-duration: 25s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 25s;
  animation-iteration-count: infinite;
  animation-name: bg-crossfade;
  animation-timing-function: linear;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  width: 100%;
}

.top .mainPageHeader.active .mainVisual__item:nth-child(1) {
  -webkit-animation-name: bg-crossfade-1;
  animation-name: bg-crossfade-1;
  z-index: 4;
}

.top .mainPageHeader.active .mainVisual__item:nth-child(2) {
  -webkit-animation-name: bg-crossfade-2;
  animation-name: bg-crossfade-2;
  z-index: 3;
}

.top .mainPageHeader.active .mainVisual__item:nth-child(3) {
  -webkit-animation-name: bg-crossfade-3;
  animation-name: bg-crossfade-3;
  z-index: 2;
}

.top .mainPageHeader.active .mainVisual__item:nth-child(4) {
  -webkit-animation-name: bg-crossfade-4;
  animation-name: bg-crossfade-4;
  z-index: 1;
}

.top .mainPageHeader.active .mainVisual__item:nth-child(5) {
  -webkit-animation-name: bg-crossfade-5;
  animation-name: bg-crossfade-5;
  z-index: 0;
}

/* ==========================================================================
   TOP
   ========================================================================== */
.topSection:not(:first-of-type) {
  opacity: 0;
  position: relative;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease 0.1s;
  transition: transform 0.5s ease 0.1s, opacity 0.5s ease;
  transition: transform 0.5s ease 0.1s, opacity 0.5s ease, -webkit-transform 0.5s ease 0.1s;
  visibility: hidden;
}

.topSection.active {
  -webkit-transform: translateY(-30px);
  opacity: 1;
  transform: translateY(-30px);
  visibility: visible;
}

@media only screen and (min-width: 80em) {
  .topSection.active {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }
}
@media only screen and (min-width: 96em) {
  .topSection.active {
    -webkit-transform: translateY(-80px);
    transform: translateY(-80px);
  }
}
/* Component
  ----------------------------------------------------------------- */
.top .container__inner {
  padding: 20px 0;
}

:where(.top) p {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.8;
  padding: 25px 0;
}

:where(.top) p:not(:last-child) {
  padding-bottom: 20px;
}

@media only screen and (min-width: 64em) {
  :where(.top) p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 80em) {
  :where(.top) p {
    font-size: 18px;
  }
}
.top .topSection__header {
  max-width: 1100px;
  padding: 0 20px;
}

@media only screen and (min-width: 80em) {
  .top .topSection__header {
    padding: 0;
  }
}
.top .topSection__title {
  font-family: azo-sans-web, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1.3;
  padding: 35px 0 0;
}

@media only screen and (min-width: 64em) {
  .top .topSection__title {
    font-size: 45px;
    padding: 70px 0 0;
  }
}
@media only screen and (min-width: 80em) {
  .top .topSection__title {
    font-size: 60px;
    padding: 100px 0 0;
  }
}
.top .topSection__subTitle {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.3em;
  padding: 0;
}

@media only screen and (min-width: 64em) {
  .top .topSection__subTitle {
    font-size: 16px;
  }
}
@media only screen and (min-width: 80em) {
  .top .topSection__subTitle {
    font-size: 18px;
  }
}
@media only screen and (min-width: 96em) {
  .top .topSection__subTitle {
    font-size: 20px;
  }
}
/**
  * for animation
  */
.front-page .siteHeader {
  display: none;
  opacity: 0;
}

/**
  * mainVisual
  */
.top .mainVisualSection {
  background-color: #fff;
  display: flex;
  height: auto;
  padding-top: 0;
  position: relative;
  text-align: center;
  transition: background 0.3s ease;
}

@media only screen and (min-width: 64em) {
  .top .mainVisualSection {
    height: 100vh;
  }
}
.mainvisual-text__wrap {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  overflow: hidden;
  padding-bottom: 3%;
  position: absolute;
  transform: translateZ(0);
}

.top .mainVisualSection .Lede {
  color: #000;
  font-family: azo-sans-web, sans-serif;
  font-size: 68px;
  font-weight: 700;
  line-height: 0.9;
  margin-left: 0.3em;
  position: relative;
  text-align: left;
  transition: color 0.7s ease;
  width: 5em;
}

@media (min-width: 375px) {
  .top .mainVisualSection .Lede {
    font-size: calc(68px + (1vw - 3.75px) * 9.61325);
  }
}
@media only screen and (min-width: 80em) {
  .top .mainVisualSection .Lede {
    font-size: 155px;
  }
}
.top .mainVisualSection.start .Lede {
  color: #fff;
}

.top .mainVisualSection.start .Lede.active span {
  transition-delay: 0s;
  transition-duration: 0.4s;
}

.top .mainVisualSection .Lede::before,
.top .mainVisualSection .Lede::after {
  -webkit-transform: scaleX(0);
  background-color: #000;
  bottom: 0;
  content: "";
  height: 1.3em;
  left: 0;
  position: absolute;
  top: 0;
  transform: scaleX(0);
  width: 100%;
}

.top .mainVisualSection .Lede::before {
  bottom: auto;
  top: 0;
}

.top .mainVisualSection .Lede::after {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  bottom: 0;
  top: auto;
}

.top .mainVisualSection .Lede.active::before,
.top .mainVisualSection .Lede.active::after {
  -webkit-animation-name: carousel-mask-title;
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-animation-fill-mode: forwards;
  animation-delay: 0.5s;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-name: carousel-mask-title;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.top .mainVisualSection .Lede.active::after {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.top .mainVisualSection .Lede::before {
  bottom: auto;
  top: 0;
}

.top .mainVisualSection .Lede::after {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  bottom: 0;
  top: auto;
}

.top .mainVisualSection .Lede span {
  display: block;
  line-height: 1.3;
  opacity: 0;
  overflow: hidden;
  position: relative;
  transition: all 250ms linear 0.8s;
}

.top .mainVisualSection .Lede span:last-child {
  margin-top: -0.4em;
  transition: all 250ms linear 1s;
}

@media only screen and (min-width: 64em) {
  .top .mainVisualSection .Lede span:last-child {
    margin-top: -3.5rem;
  }
}
.top .mainVisualSection .Lede.active span {
  opacity: 1;
  transition-duration: 0s;
}

.mainvisual-subtext {
  -webkit-transform: rotate(90deg);
  color: #fff;
  display: none;
  font-family: azo-sans-web, sans-serif;
  font-size: 13px;
  font-weight: 700;
  position: absolute;
  transform: rotate(90deg);
}

@media only screen and (min-width: 80em) {
  .mainvisual-subtext {
    display: block;
    right: 1%;
  }
}
@media only screen and (min-width: 96em) {
  .mainvisual-subtext {
    right: 5%;
  }
}
.top .mainVisualSection .mainvisual-text__write {
  bottom: 0;
  max-width: 523px;
  min-width: 200px;
  opacity: 0;
  position: absolute;
  right: 9%;
  transition: all 0.3s ease;
  width: 57%;
  z-index: 10;
}

.top .mainVisualSection .mainvisual-text__write.active {
  opacity: 1;
}

.top .mainVisualSection .mainPageHeader {
  flex-grow: 1;
  opacity: 0;
  padding-bottom: 0;
}

.top .mainVisualSection .container__inner {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  padding: 0;
}

.top .mainVisualSection__title {
  margin-bottom: 1.4rem;
  margin-top: 5rem;
}

.top .mainVisualSection__title img {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  display: inline-block;
  height: auto;
  margin-left: 3%;
  max-width: 61.25rem;
  overflow: hidden;
  transform: translateZ(0);
  width: 88.88889%;
}

.top .buttonExplore {
  -webkit-transform: translateX(-50%);
  bottom: 40px;
  color: #fff;
  left: 50%;
  opacity: 0;
  position: absolute;
  transform: translateX(-50%);
  transition: all 0.3s ease 0.2s;
}

@media only screen and (max-width: 47.99999999em) {
  .top .buttonExplore {
    display: none;
  }
}
.top .leave .buttonExplore {
  -webkit-transform: translate(-50%, 30px);
  opacity: 0 !important;
  transform: translate(-50%, 30px);
}

/**
  * philosophySection
  */
.top .philosophySection {
  opacity: 1;
  position: relative;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.top .philosophySection .container__inner {
  background: #fff;
}

@media only screen and (min-width: 48em) {
  .top .philosophySection .container__inner {
    position: relative;
    z-index: 1;
  }
}
@media only screen and (min-width: 64em) {
  .top .philosophySection .container__inner {
    padding: 50px 0 90px;
  }
}
.top .philosophySection::after {
  -webkit-transform: translateY(30px);
  background: url("/img/top/top_photo01sp.png") center center no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 0;
  opacity: 0;
  padding-top: 69.33333%;
  position: relative;
  position: relative;
  transform: translateY(30px);
  transition: opacity 0.5s ease 0.3s, -webkit-transform 0.5s ease 0.3s;
  transition: transform 0.5s ease 0.3s, opacity 0.5s ease 0.3s;
  transition: transform 0.5s ease 0.3s, opacity 0.5s ease 0.3s, -webkit-transform 0.5s ease 0.3s;
  visibility: hidden;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .top .philosophySection::after {
    background-image: url("/img/top/top_photo01.png");
    height: 260px;
    padding: 0;
  }
}
@media only screen and (min-width: 64em) {
  .top .philosophySection::after {
    height: 400px;
  }
}
@media only screen and (min-width: 80em) {
  .top .philosophySection::after {
    height: 600px;
  }
}
@media only screen and (min-width: 64em) {
  .top .philosophySection__header {
    max-width: 1100px;
    padding: 0 70px;
  }
}
.top .philosophySection.leave::after {
  -webkit-transform: translateY(0);
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}

@media only screen and (min-width: 48em) {
  .top .philosophySection.leave::after {
    margin-top: -30px;
    position: relative;
    z-index: 0;
  }
}
@media only screen and (min-width: 80em) {
  .top .philosophySection.leave::after {
    margin-top: -50px;
  }
}
@media only screen and (min-width: 96em) {
  .top .philosophySection.leave::after {
    margin-top: -80px;
  }
}
@media only screen and (min-width: 64em) {
  .top .philosophy_container_wrap {
    background: #fff;
    margin: 0 auto;
    max-width: 101rem;
    position: relative;
    width: 84%;
    z-index: 1;
  }
}
@media only screen and (min-width: 48em) {
  .top .philosophySection__header {
    padding: 0 50px;
  }
}
@media only screen and (min-width: 64em) {
  .top .philosophySection__header {
    padding: 0 70px;
  }
}
@media only screen and (min-width: 80em) {
  .top .philosophySection__header {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 80em) {
  .top .philosophySection__copy {
    padding-top: 120px;
  }
}
@media only screen and (min-width: 64em) {
  .top .philosophySection__subCopy {
    font-size: 17px;
  }
}
@media only screen and (min-width: 80em) {
  .top .philosophySection__subCopy {
    font-size: 22px;
    margin-top: 15px;
  }
}
.top .philosophySection__body {
  padding: 0 20px 30px;
}

.top .philosophySection__body p {
  line-height: 2.3;
  padding-bottom: 0;
}

.top .philosophySection__body p .text-break__pc {
  display: none;
}

@media only screen and (min-width: 48em) {
  .top .philosophySection__body p .text-break__pc {
    display: block;
  }
}
@media only screen and (min-width: 48em) {
  .top .philosophySection__body {
    padding: 0 40px 40px;
  }
}
@media only screen and (min-width: 64em) {
  .top .philosophySection__body {
    max-width: 1100px;
    padding: 10px 70px 40px;
  }
}
@media only screen and (min-width: 80em) {
  .top .philosophySection__body {
    padding-bottom: 60px;
  }
}
/**
  * companySection
  */
.companySection .container__inner {
  padding-bottom: 50px;
}

@media only screen and (min-width: 48em) {
  .companySection .container__inner {
    padding-bottom: min(6.51vw, 120px);
  }
}
@media only screen and (min-width: 48em) {
  .companySection__copy br {
    display: none;
  }
}
.top .companySection__body {
  max-width: 1100px;
  padding: 0 20px;
}

@media only screen and (min-width: 80em) {
  .top .companySection__body {
    padding: 0 0 10px;
  }
}
/**
  * aboutSection
  */
.top .aboutSection {
  overflow: hidden;
}

.top .aboutSection .container {
  padding-bottom: 0;
}

@media only screen and (min-width: 48em) {
  .top .aboutSection .container::before {
    background-color: #F7F5F2;
    bottom: calc(50% - 16rem);
    right: calc(55% - 34rem);
  }
}
@media only screen and (min-width: 80em) {
  .top .aboutSection .container::before {
    bottom: calc(50% - 23rem);
    right: 8%;
    top: 0px;
  }
}
.top .aboutSection .container__inner {
  padding-bottom: 0;
}

.top .aboutSection__body {
  padding: 0 20px;
}

.top .aboutSection__body p {
  font-size: 13px;
}

@media only screen and (min-width: 48em) {
  .top .aboutSection__body {
    padding: 0 20px 15px;
  }
}
@media only screen and (min-width: 64em) {
  .top .aboutSection__body {
    max-width: 1100px;
    padding: 0 20px 25px;
  }
  .top .aboutSection__body p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 80em) {
  .top .aboutSection__body {
    padding: 10px 0 70px;
  }
  .top .aboutSection__body p {
    font-size: 20px;
  }
}
@media only screen and (min-width: 96em) {
  .top .aboutSection__body {
    padding-bottom: 60px;
  }
  .top .aboutSection__body p {
    font-size: 24px;
  }
}
.top .aboutSection__body::before {
  background: #fff;
}

.top .aboutSection__footer {
  padding: 0 20px;
}

@media only screen and (min-width: 80em) {
  .top .aboutSection__footer {
    padding: 0;
  }
}
.top .aboutSection__footer p {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.8;
  padding: 0;
}

@media only screen and (min-width: 64em) {
  .top .aboutSection__footer p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 80em) {
  .top .aboutSection__footer p {
    font-size: 16px;
    font-weight: 700;
  }
}
.top .philosophy-link {
  background: rgb(0, 0, 0);
  background: radial-gradient(ellipse at center, rgb(0, 0, 0) 0%, rgb(255, 255, 255) 90%, rgb(255, 255, 255) 100%);
}

.top .philosophy-link .philosophy-image {
  opacity: 0.85;
  transition: opacity 0.3s ease;
}

@media only screen and (min-width: 48em) {
  .top .philosophy-link {
    flex-direction: row-reverse;
  }
}
.top .philosophy-link:hover .philosophy-image {
  opacity: 1;
}

.top .aboutSection__text {
  background: #fff;
  padding: 10px 60px 20px 20px;
  position: relative;
}

@media only screen and (min-width: 48em) {
  .top .aboutSection__text {
    padding: 5% 5% 50px;
  }
}
.top .aboutSection__text::after {
  -webkit-transform: translateY(-50%);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 6px 10px;
  border-radius: 18px;
  content: "";
  display: block;
  height: 36px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.3s ease;
  width: 36px;
}

@media only screen and (min-width: 48em) {
  .top .aboutSection__text::after {
    bottom: 5%;
    right: 15%;
    top: auto;
  }
}
@media only screen and (min-width: 80em) {
  .top .aboutSection__text::after {
    background-size: 10px 16px;
    border-radius: 30px;
    height: 60px;
    width: 60px;
  }
}
.philosophy-link .aboutSection__text::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.252%22%20height%3D%2216.814%22%20viewBox%3D%220%200%2010.252%2016.814%22%3E%20%3Cpath%20id%3D%22arrow_right%22%20d%3D%22M8843.471%2C4981l9.163%2C8.066-9.163%2C8%22%20transform%3D%22translate(-8843.141%20-4980.624)%22%20fill%3D%22none%22%20stroke%3D%22%23ef7f00%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");
  border: 1px solid #EF7F00;
}

.philosophy-link:hover .aboutSection__text::after {
  background-color: #EF7F00;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.252%22%20height%3D%2216.814%22%20viewBox%3D%220%200%2010.252%2016.814%22%3E%20%3Cpath%20id%3D%22arrow_right%22%20d%3D%22M8843.471%2C4981l9.163%2C8.066-9.163%2C8%22%20transform%3D%22translate(-8843.141%20-4980.624)%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");
}

.infographics-link .aboutSection__image {
  background-color: #CEDDE6;
  transition: background 0.3s ease;
}

.infographics-link:hover .aboutSection__image {
  background-color: #E1E9ED;
}

.infographics-link .aboutSection__text::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.252%22%20height%3D%2216.814%22%20viewBox%3D%220%200%2010.252%2016.814%22%3E%20%3Cpath%20id%3D%22arrow_right%22%20d%3D%22M8843.471%2C4981l9.163%2C8.066-9.163%2C8%22%20transform%3D%22translate(-8843.141%20-4980.624)%22%20fill%3D%22none%22%20stroke%3D%22%237588A5%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");
  border: 1px solid #7588A5;
}

.infographics-link:hover .aboutSection__text::after {
  background-color: #7588A5;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.252%22%20height%3D%2216.814%22%20viewBox%3D%220%200%2010.252%2016.814%22%3E%20%3Cpath%20id%3D%22arrow_right%22%20d%3D%22M8843.471%2C4981l9.163%2C8.066-9.163%2C8%22%20transform%3D%22translate(-8843.141%20-4980.624)%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");
}

.top .aboutSection__footerTitle {
  font-family: azo-sans-web, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}

@media only screen and (min-width: 64em) {
  .top .aboutSection__footerTitle {
    font-size: 24px;
  }
}
@media only screen and (min-width: 80em) {
  .top .aboutSection__footerTitle {
    font-size: 32px;
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 96em) {
  .top .aboutSection__footerTitle {
    margin-bottom: 15px;
  }
}
.top .aboutSection__footer-link {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
  display: block;
  margin-bottom: 15px;
  transition: all 0.2s ease;
}

.top .aboutSection__footer-link .philosophy-logo {
  -webkit-transform: translate(-50%, -50%);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 62%;
}

@media only screen and (min-width: 64em) {
  .top .aboutSection__footer-link .philosophy-logo {
    width: 50%;
  }
}
.top .aboutSection__footer-link:hover {
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.13);
}

@media only screen and (min-width: 48em) {
  .top .aboutSection__footer-link:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
@media only screen and (min-width: 48em) {
  .top .aboutSection__footer-link {
    display: flex;
  }
  .top .aboutSection__footer-link:not(:last-child) {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 80em) {
  .top .aboutSection__footer-link:not(:last-child) {
    margin-bottom: 70px;
  }
}
.aboutSection__image {
  overflow: hidden;
  position: relative;
}

@media only screen and (min-width: 48em) {
  .aboutSection__image {
    flex: 0 0 auto;
    max-width: 700px;
    transition: all 0.2s ease;
    width: 63.636%;
  }
}
/**
  * serviceSection
  */
.top .serviceSection {
  overflow: hidden;
}

.top .serviceSection .container {
  padding-bottom: 30px;
}

@media only screen and (min-width: 64em) {
  .top .serviceSection .container {
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 80em) {
  .top .serviceSection .container {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 48em) {
  .top .serviceSection .container::before {
    background-color: #F7F5F2;
    bottom: calc(50% - 16rem);
    right: calc(55% - 34rem);
  }
}
@media only screen and (min-width: 80em) {
  .top .serviceSection .container::before {
    bottom: calc(50% - 23rem);
    right: 8%;
    top: 0px;
  }
}
.top .serviceSection .container__inner {
  padding: 0;
}

.top .serviceSection__body {
  padding: 0 20px;
}

.top .serviceSection__body p {
  font-size: 13px;
  line-height: 2.3;
}

@media only screen and (min-width: 64em) {
  .top .serviceSection__body {
    max-width: 1100px;
  }
  .top .serviceSection__body p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 80em) {
  .top .serviceSection__body {
    padding: 10px 0 0;
  }
  .top .serviceSection__body p {
    font-size: 20px;
  }
}
@media only screen and (min-width: 96em) {
  .top .serviceSection__body {
    padding-bottom: 20px;
  }
  .top .serviceSection__body p {
    font-size: 18px;
  }
}
.top .serviceSection__body::before {
  background: #fff;
}

.top .serviceSection__footer {
  padding: 0 20px;
}

@media only screen and (min-width: 80em) {
  .top .serviceSection__footer {
    padding: 0;
  }
}
.top .serviceSection__footer p {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.8;
  padding: 0;
}

@media only screen and (min-width: 64em) {
  .top .serviceSection__footer p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 80em) {
  .top .serviceSection__footer p {
    font-size: 16px;
    font-weight: 700;
  }
}
.serviceDetail {
  padding: 0 20px;
}

@media only screen and (min-width: 80em) {
  .serviceDetail {
    padding: 20px 0 0;
  }
}
@media only screen and (min-width: 48em) {
  .serviceDetail__wrap {
    display: flex;
    justify-content: space-between;
  }
}
.serviceDetail__wrap .serviceName {
  display: inline-block;
  font-weight: 900;
  letter-spacing: 0.03em;
  line-height: 1.4;
  padding: 15px 10px 10px;
}

@media only screen and (min-width: 64em) {
  .serviceDetail__wrap .serviceName {
    font-size: 20px;
    padding: 1.56vw 10px 10px;
  }
}
@media only screen and (min-width: 80em) {
  .serviceDetail__wrap .serviceName {
    font-size: 24px;
  }
}
.serviceDetail__wrap .serviceInfo {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  line-height: 2.3;
  padding: 0 10px;
}

.serviceDetail__wrap .serviceInfo p:not(:last-child) {
  padding-bottom: 5px;
}

@media only screen and (min-width: 64em) {
  .serviceDetail__wrap .serviceInfo {
    font-size: 16px;
  }
}
@media only screen and (min-width: 80em) {
  .serviceDetail__wrap .serviceInfo {
    font-size: 18px;
  }
}
@media only screen and (min-width: 48em) {
  .serviceDetail__wrap .serviceInfo .otherwindowLink {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 64em) {
  .serviceDetail__wrap .serviceInfo .otherwindowLink {
    font-size: 18px;
    padding: 15px 10px;
  }
}
@media only screen and (min-width: 80em) {
  .serviceDetail__wrap .serviceInfo .otherwindowLink {
    font-size: 20px;
  }
}
.serviceDetail__wrap .serviceDetail__other-link {
  margin-bottom: 10px;
  padding: 5px 10px 5px 0;
}

@media only screen and (min-width: 48em) {
  .serviceDetail__wrap .serviceDetail__other-link {
    margin-top: auto;
  }
}
.serviceDetail__wrap .serviceDetail__other-link::after {
  width: calc(100% - 35px);
}

.serviceDetail__wrap .serviceDetail__linkIcon {
  display: inline-block;
  height: 16px;
  position: relative;
  top: -4px;
  width: 16px;
}

@media only screen and (min-width: 64em) {
  .serviceDetail__wrap .serviceDetail__linkIcon {
    top: -6px;
  }
}
.serviceDetail__wrap .serviceDetail__linkIcon .icon-new-window {
  fill: #ef7c00;
}

.serviceDetail__item {
  background: #F7F5F2;
  display: block;
  margin-bottom: 20px;
  padding: 2.67vw;
  transition: all 0.3s ease;
}

@media only screen and (min-width: 48em) {
  .serviceDetail__item {
    display: flex;
    flex-direction: column;
    margin-top: 0;
    padding: 2.08vw;
    width: calc(50% - 10px);
  }
  .serviceDetail__item:hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
  }
  .serviceDetail__item:hover .otherwindowLink::after {
    left: 5px;
    width: calc(100% - 16px);
  }
}
@media only screen and (min-width: 64em) {
  .serviceDetail__item {
    width: calc(50% - 15px);
  }
}
@media only screen and (min-width: 80em) {
  .serviceDetail__item {
    width: calc(50% - 20px);
  }
}
.serviceDetail__image {
  display: inline-block;
}

.serviceDetail__image-item {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/**
  * cultureSection
  */
.top .cultureSection .container {
  padding-bottom: 0;
}

.top .cultureSection .container__inner {
  padding-bottom: 5px;
}

.top .cultureSection .container::before {
  background-color: #F7F5F2;
}

@media only screen and (min-width: 48em) {
  .top .cultureSection .container::before {
    bottom: -610px;
    left: calc(50% - 24rem);
  }
}
@media only screen and (min-width: 64em) {
  .top .cultureSection .container::before {
    bottom: -875px;
    left: calc(55% - 34rem);
  }
}
@media only screen and (min-width: 80em) {
  .top .cultureSection .container::before {
    bottom: -1000px;
    left: 8%;
    top: 0;
  }
}
.top .cultureSection {
  background-color: #F7F5F2;
}

@media only screen and (min-width: 48em) {
  .top .cultureSection {
    background: none;
  }
}
.top .cultureSection .text-break__pc {
  display: none;
}

@media only screen and (min-width: 48em) {
  .top .cultureSection .text-break__pc {
    display: block;
  }
}
.top .cultureSection__body {
  max-width: 1100px;
  padding: 0 20px;
}

.top .cultureSection__body p {
  font-size: 13px;
  padding-bottom: 0;
}

@media only screen and (min-width: 64em) {
  .top .cultureSection__body p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 80em) {
  .top .cultureSection__body {
    padding: 10px 0 0;
  }
  .top .cultureSection__body p {
    font-size: 20px;
  }
}
@media only screen and (min-width: 96em) {
  .top .cultureSection__body p {
    font-size: 24px;
  }
}
/* blog_column */
.top .blogSection__body {
  position: relative;
}

@media only screen and (min-width: 80em) {
  .top .blogSection__body {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 64em) {
  .top .blogSection__footer {
    margin-bottom: 50px;
  }
}
.top .blogSection__footer .container__inner {
  padding: 0;
}

.top .blogSection__footer .moreLink_wrap {
  margin: 0 20px;
  padding: 10px 0 50px;
}

@media only screen and (min-width: 48em) {
  .top .blogSection__footer .moreLink_wrap {
    margin: 0 auto;
    max-width: 42rem;
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media only screen and (min-width: 64em) {
  .top .blogSection__footer .moreLink_wrap {
    max-width: 960px;
    padding-left: 110px;
    padding-right: 110px;
  }
}
@media only screen and (min-width: 80em) {
  .top .blogSection__footer .moreLink_wrap {
    padding: 20px 0 70px;
  }
}
/**
  * workplace
  */
/* accordion */
._accordion__wrap {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}

._accordion__header {
  cursor: pointer;
  display: block;
  margin: 0 0 1px 0;
  position: relative;
}

._accordion__header::before {
  background: #000;
  content: "";
  display: block;
  height: 2px;
  margin-top: -1px;
  position: absolute;
  right: 20px;
  top: 50%;
  width: 25px;
}

@media only screen and (min-width: 48em) {
  ._accordion__header::before {
    right: 40px;
  }
}
@media only screen and (min-width: 64em) {
  ._accordion__header::before {
    right: 50px;
    width: 40px;
  }
}
._accordion__header::after {
  -webkit-transform: rotate(-90deg);
  background: #000;
  content: "";
  display: block;
  height: 2px;
  margin-top: -1px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: rotate(-90deg);
  transition: all 0.2s ease;
  width: 25px;
}

@media only screen and (min-width: 48em) {
  ._accordion__header::after {
    right: 40px;
  }
}
@media only screen and (min-width: 64em) {
  ._accordion__header::after {
    right: 50px;
    width: 40px;
  }
}
._accordion_button {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

._accordion__body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.8s;
}

._accordion_button:checked ~ ._accordion__body {
  max-height: 300em;
}

._accordion_button:checked + ._accordion__header::after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

/* workplace */
.workplaceSection .note {
  font-size: 80%;
  padding: 0;
  text-align: right;
}

@media only screen and (min-width: 80em) {
  .workplaceSection {
    background: #fff;
  }
}
.workplaceSection .container__inner {
  padding-bottom: 0;
}

.top .workplaceSection__body {
  max-width: 1100px;
  padding: 0 20px 35px;
}

@media only screen and (min-width: 64em) {
  .top .workplaceSection__body {
    padding: 0 20px 50px;
  }
  .top .workplaceSection__body p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 80em) {
  .top .workplaceSection__body {
    padding: 10px 0 50px;
  }
  .top .workplaceSection__body p {
    font-size: 20px;
  }
}
@media only screen and (min-width: 96em) {
  .top .workplaceSection__body {
    padding: 10px 0 60px;
  }
  .top .workplaceSection__body p {
    font-size: 24px;
  }
}
.top .workplaceSection__body p {
  padding-bottom: 0;
}

@media only screen and (min-width: 48em) {
  .top .workplaceDetail {
    margin: 0 20px;
  }
}
@media only screen and (min-width: 80em) {
  .top .workplaceDetail {
    margin: 0;
  }
}
.top .workplaceDetail__wrap {
  background-color: #F7F5F2;
  margin-bottom: 10px;
}

@media only screen and (min-width: 48em) {
  .top .workplaceDetail__wrap {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 80em) {
  .top .workplaceDetail__wrap {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 96em) {
  .top .workplaceDetail__wrap {
    margin-bottom: 40px;
  }
}
.top .workplaceDetail__header {
  background-position: 0.8em center;
  background-repeat: no-repeat;
  background-size: 2.3em 2.3em;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.7;
  padding: 20px 65px;
}

.top .workplaceDetail__header[for=accordion01] {
  background-image: url(../img/top/icon_workstyle.svg);
}

.top .workplaceDetail__header[for=accordion02] {
  background-image: url(../img/top/icon_careerup.svg);
}

.top .workplaceDetail__header[for=accordion03] {
  background-image: url(../img/top/icon_communication.svg);
}

.top .workplaceDetail__header[for=accordion04] {
  background-image: url(../img/top/icon_welfare.svg);
}

@media only screen and (min-width: 48em) {
  .top .workplaceDetail__header {
    background-position: 2.3em center;
    padding: 20px 95px;
  }
}
@media only screen and (min-width: 64em) {
  .top .workplaceDetail__header {
    background-position: 1.3em center;
    font-size: 22px;
    padding: 25px 100px;
  }
}
@media only screen and (min-width: 80em) {
  .top .workplaceDetail__header {
    background-position: 1.5em center;
    font-size: 26px;
    letter-spacing: 0.2em;
    padding: 30px 120px;
  }
}
@media only screen and (min-width: 96em) {
  .top .workplaceDetail__header {
    font-size: 30px;
    padding: 30px 140px;
  }
}
.top .workplaceList {
  counter-reset: number;
  margin: 15px min(5.33vw, 25px) 10px;
}

@media only screen and (min-width: 48em) {
  .top .workplaceList {
    margin: 15px min(3.91vw, 35px) 10px;
  }
}
@media only screen and (min-width: 64em) {
  .top .workplaceList {
    margin-bottom: 25px;
  }
}
.top .workplaceList__item {
  padding-bottom: 20px;
}

@media only screen and (min-width: 80em) {
  .top .workplaceList__item {
    padding-bottom: 35px;
  }
}
.top .workplaceList__title {
  border-bottom: 1px dotted #ccc;
  font-size: 18px;
  letter-spacing: 0.1em;
  line-height: 30px;
  padding: 10px min(5.33vw, 25px);
}

@media only screen and (min-width: 64em) {
  .top .workplaceList__title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 80em) {
  .top .workplaceList__title {
    font-size: 24px;
    letter-spacing: 0.2em;
    padding: 20px 50px;
  }
}
@media only screen and (min-width: 96em) {
  .top .workplaceList__title {
    font-size: 26px;
  }
}
.top .workplaceList__title::before {
  color: #EF7D00;
  content: counter(number, decimal-leading-zero);
  counter-increment: number;
  display: inline-block;
  font-size: 22px;
  font-weight: 700;
  margin-right: 8px;
  position: relative;
  top: -2px;
  vertical-align: middle;
}

@media only screen and (min-width: 64em) {
  .top .workplaceList__title::before {
    font-size: 28px;
    margin-right: 14px;
    top: -3px;
  }
}
@media only screen and (min-width: 80em) {
  .top .workplaceList__title::before {
    font-size: 30px;
    margin-right: 20px;
    top: -4px;
  }
}
@media only screen and (min-width: 96em) {
  .top .workplaceList__title::before {
    font-size: 34px;
  }
}
.top .workplaceList__description {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  padding: 10px min(5.33vw, 25px);
}

@media only screen and (min-width: 64em) {
  .top .workplaceList__description {
    font-size: 15px;
    line-height: 2;
    padding: 12px 25px 0;
  }
}
@media only screen and (min-width: 80em) {
  .top .workplaceList__description {
    font-size: 16px;
    line-height: 2;
    padding: 10px 50px;
  }
}
@media only screen and (min-width: 96em) {
  .top .workplaceList__description {
    font-size: 18px;
    line-height: 2.3;
  }
}
@media only screen and (min-width: 64em) {
  .top .workplaceList__linkText {
    font-size: 15px;
  }
}
@media only screen and (min-width: 64em) {
  .top .workplaceList__linkText {
    font-size: 16px;
  }
}
@media only screen and (min-width: 80em) {
  .top .workplaceList__linkText {
    font-size: 18px;
  }
}
.top .workplaceList__other-link {
  margin-right: min(3.5vw, 13px);
}

.top .workplaceList__other-link:hover::after {
  left: 5px;
  width: calc(100% - 25px + 16px);
}

.top .workplaceList__linkIcon {
  display: inline-block;
  height: 16px;
  position: relative;
  top: -4px;
  width: 16px;
}

.top .workplaceList__linkIcon .icon-new-window {
  fill: #ef7c00;
}

@media only screen and (min-width: 64em) {
  .top .workplaceList__linkIcon {
    top: -6px;
  }
}
/**
  * recruit_infoSection
  */
.top .recruit_infoSection {
  background: #F7F5F2;
}

@media only screen and (min-width: 48em) {
  .top .recruit_infoSection {
    background: none;
  }
}
.top .recruit_infoSection .container {
  padding-bottom: 10px;
}

@media only screen and (min-width: 48em) {
  .top .recruit_infoSection .container {
    padding-bottom: 40px;
    padding-top: 60px;
  }
}
@media only screen and (min-width: 64em) {
  .top .recruit_infoSection .container {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 80em) {
  .top .recruit_infoSection .container {
    padding-top: 140px;
  }
}
.top .recruit_infoSection .container::before {
  background-color: #F7F5F2;
}

@media only screen and (min-width: 48em) {
  .top .recruit_infoSection .container::before {
    right: calc(50% - 23rem);
    top: 60px;
  }
}
@media only screen and (min-width: 64em) {
  .top .recruit_infoSection .container::before {
    height: min(52vw, 620px);
    right: calc(55% - 34rem);
    top: 85px;
  }
}
@media only screen and (min-width: 80em) {
  .top .recruit_infoSection .container::before {
    bottom: 0;
    height: 99%;
    right: 8%;
    top: 120px;
  }
}
.top .recruit_infoSection .container__inner {
  padding-top: 0;
  position: relative;
}

@media only screen and (min-width: 48em) {
  .recruit_infoSection__header {
    width: 46%;
  }
}
@media only screen and (min-width: 64em) {
  .top .recruit_infoSection__copy {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 80em) {
  .top .recruit_infoSection__copy {
    padding-top: 50px;
  }
}
.top .recruit_infoSection__image img {
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .top .recruit_infoSection__image {
    position: absolute;
    right: 0;
    width: 52%;
  }
}
.top .recruit_infoSection__body {
  padding: 0 20px 10px;
}

.top .recruit_infoSection__body p {
  padding-bottom: 0;
}

@media only screen and (min-width: 48em) {
  .top .recruit_infoSection__body {
    padding: 0 20px 18vw;
    width: 46%;
  }
}
@media only screen and (min-width: 64em) {
  .top .recruit_infoSection__body {
    padding: 0 20px 16vw;
    width: 44%;
  }
  .top .recruit_infoSection__body p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 80em) {
  .top .recruit_infoSection__body {
    padding: 10px 0 10vw;
  }
  .top .recruit_infoSection__body p {
    font-size: 20px;
  }
}
@media only screen and (min-width: 96em) {
  .top .recruit_infoSection__body {
    padding-bottom: 12vw;
  }
  .top .recruit_infoSection__body p {
    font-size: 24px;
  }
}
@media only screen and (min-width: 48em) {
  .top .recruit_infoSection__footer .moreLink_wrap {
    -webkit-transform: translateX(-50%);
    left: 50%;
    padding-left: 50px;
    padding-right: 50px;
    position: absolute;
    top: 28vw;
    transform: translateX(-50%);
    width: 100%;
  }
}
@media only screen and (min-width: 64em) {
  .top .recruit_infoSection__footer .moreLink_wrap {
    max-width: 740px;
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 80em) {
  .top .recruit_infoSection__footer .moreLink_wrap {
    max-width: 960px;
  }
}
@-webkit-keyframes carousel-mask-title {
  0% {
    -webkit-transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform: scaleX(0);
    transform-origin: 0 0;
  }
  50% {
    -webkit-transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    transform: scaleX(1);
    transform-origin: 0 0;
  }
  60% {
    -webkit-transform: scaleX(1);
    -webkit-transform-origin: 100% 0;
    transform: scaleX(1);
    transform-origin: 100% 0;
  }
  100% {
    -webkit-transform: scaleX(0);
    -webkit-transform-origin: 100% 0;
    transform: scaleX(0);
    transform-origin: 100% 0;
  }
}
@keyframes carousel-mask-title {
  0% {
    -webkit-transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform: scaleX(0);
    transform-origin: 0 0;
  }
  50% {
    -webkit-transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    transform: scaleX(1);
    transform-origin: 0 0;
  }
  60% {
    -webkit-transform: scaleX(1);
    -webkit-transform-origin: 100% 0;
    transform: scaleX(1);
    transform-origin: 100% 0;
  }
  100% {
    -webkit-transform: scaleX(0);
    -webkit-transform-origin: 100% 0;
    transform: scaleX(0);
    transform-origin: 100% 0;
  }
}
/** TOP下部 新卒採用特設ページ宛設置バナー **/
.new_graduate_toppage {
  bottom: 0;
  filter: drop-shadow(0 0.5333vw 1.3333vw rgba(0, 0, 0, 0.15));
  opacity: 0;
  position: fixed;
  right: 0;
  transform: translateY(13.3333vw);
  transition: 0.4s;
  visibility: hidden;
  will-change: transform, opacity;
  z-index: 9;
}
.new_graduate_toppage button {
  align-items: center;
  background: #fff;
  border: none;
  border-radius: 999px;
  display: flex;
  height: 8vw;
  justify-content: center;
  outline: none;
  position: absolute;
  right: 0;
  top: -4vw;
  width: 8vw;
}
.new_graduate_toppage button:before, .new_graduate_toppage button:after {
  background: #363648;
  content: "";
  display: block;
  position: absolute;
  transform: rotate(45deg);
}
.new_graduate_toppage button:before {
  height: 0.2667vw;
  width: 3.4667vw;
}
.new_graduate_toppage button:after {
  height: 3.4667vw;
  width: 0.2667vw;
}
.new_graduate_toppage.is-display {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
.new_graduate_toppage.is-close {
  opacity: 0;
  transform: translateY(4vw);
  visibility: hidden;
}

@media screen and (min-width: 769px) {
  .new_graduate_toppage {
    bottom: 30px;
    filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.15));
    right: 30px;
    transform: translateY(50px);
    width: 300px;
  }
  .new_graduate_toppage a {
    transition: 0.2s;
  }
  .new_graduate_toppage a:hover {
    opacity: 0.8;
  }
  .new_graduate_toppage button {
    cursor: pointer;
    height: 30px;
    right: -15px;
    top: -15px;
    transition: 0.2s;
    width: 30px;
  }
  .new_graduate_toppage button:before {
    height: 1px;
    width: 13px;
  }
  .new_graduate_toppage button:after {
    height: 13px;
    width: 1px;
  }
  .new_graduate_toppage button:hover {
    opacity: 0.7;
  }
  .new_graduate_toppage.is-close {
    transform: translateY(15px);
  }
}
/**
  * sideNav
  */
.sideNav {
  -webkit-transform: translate(calc(-20px - 1.6em), -50%);
  left: 100%;
  padding: 20px;
  position: fixed;
  top: 50%;
  transform: translate(calc(-20px - 1.6em), -50%);
  transition: all 0.2s ease;
  width: fit-content;
  z-index: 2;
}

@media (max-width: 47.9999em) {
  .sideNav {
    display: none;
  }
}
.sideNav:hover,
.primaryView .sideNav {
  -webkit-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
}

.sideNav__navLink {
  display: inline-block;
  font-family: azo-sans-web, sans-serif;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1;
  padding: 0.6em 0;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
  transition: all 0.3s ease;
  white-space: nowrap;
}

.sideNav__navLink::before {
  content: "●";
  margin-right: 0.8em;
}

.sideNav__navLink:hover,
.is-current .sideNav__navLink,
.primaryView #nav_top {
  color: #ef7c00;
}

/* ==========================================================================
   about_yrglm
   ========================================================================== */
.about_yrglmSection:not(:first-of-type) {
  opacity: 0;
  position: relative;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease 0.1s;
  transition: transform 0.5s ease 0.1s, opacity 0.5s ease;
  transition: transform 0.5s ease 0.1s, opacity 0.5s ease, -webkit-transform 0.5s ease 0.1s;
  visibility: hidden;
}

.about_yrglmSection.active {
  -webkit-transform: translateY(-30px);
  opacity: 1;
  transform: translateY(-30px);
  visibility: visible;
}

@media only screen and (min-width: 80em) {
  .about_yrglmSection.active {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }
}
@media only screen and (min-width: 96em) {
  .about_yrglmSection.active {
    -webkit-transform: translateY(-80px);
    transform: translateY(-80px);
  }
}
.about_yrglm .container__inner {
  padding: 20px 0;
}

.about_yrglmSection__header {
  padding-left: 20px;
  padding-right: 20px;
}

@media only screen and (min-width: 80em) {
  .about_yrglmSection__header {
    padding-left: 0;
    padding-right: 0;
  }
}
.about_yrglm .about_yrglmSection__title {
  font-family: azo-sans-web, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1.3;
  padding: 35px 0 0;
}

@media only screen and (min-width: 64em) {
  .about_yrglm .about_yrglmSection__title {
    font-size: 45px;
    padding: 70px 0 0;
  }
}
@media only screen and (min-width: 80em) {
  .about_yrglm .about_yrglmSection__title {
    font-size: 60px;
    padding: 100px 0 0;
  }
}
.about_yrglm .about_yrglmSection__subTitle {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.3em;
  padding: 0;
}

@media only screen and (min-width: 64em) {
  .about_yrglm .about_yrglmSection__subTitle {
    font-size: 16px;
  }
}
@media only screen and (min-width: 80em) {
  .about_yrglm .about_yrglmSection__subTitle {
    font-size: 18px;
  }
}
@media only screen and (min-width: 96em) {
  .about_yrglm .about_yrglmSection__subTitle {
    font-size: 20px;
  }
}
/**
  * missionSection
  */
.about_yrglm .missionSection {
  background: #F7F5F2;
  position: relative;
}

@media only screen and (min-width: 48em) {
  .about_yrglm .missionSection {
    background: none;
  }
}
.about_yrglm .missionSection .container {
  padding-bottom: 60px;
}

.about_yrglm .missionSection .container__inner {
  padding: 0;
}

.about_yrglm .missionSection .container::before {
  background-color: #F7F5F2;
  top: 0;
}

@media only screen and (min-width: 48em) {
  .about_yrglm .missionSection .container::before {
    bottom: 350px;
    left: 0;
  }
}
@media only screen and (min-width: 64em) {
  .about_yrglm .missionSection .container::before {
    bottom: 390px;
  }
}
@media only screen and (min-width: 80em) {
  .about_yrglm .missionSection .container::before {
    bottom: 460px;
    right: 8%;
  }
}
@media only screen and (min-width: 48em) {
  .about_yrglm .missionSection__header {
    padding-top: 220px;
  }
}
@media only screen and (min-width: 80em) {
  .about_yrglm .missionSection__header {
    padding-top: 340px;
  }
}
.about_yrglm .mainPageHeader {
  height: auto;
}

.about_yrglm .missionSection__image + .container {
  margin-top: -1.6rem;
  position: relative;
}

@media only screen and (min-width: 48em) {
  .about_yrglm .missionSection__image {
    position: absolute;
    right: 0;
    top: 100px;
    width: 50%;
  }
}
.missionSection__body {
  padding: 0 20px;
}

@media only screen and (min-width: 80em) {
  .missionSection__body {
    padding: 0;
  }
}
.missionSection__text {
  font-size: 13px;
  font-weight: 700;
  line-height: 2.2;
}

@media only screen and (min-width: 48em) {
  .missionSection__text {
    font-size: 13px;
    width: 45%;
  }
}
@media only screen and (min-width: 64em) {
  .missionSection__text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 80em) {
  .missionSection__text {
    font-size: 18px;
  }
}
.about_yrglm .missionSection__copy {
  font-family: azo-sans-web, sans-serif;
  font-size: 24px;
  letter-spacing: inherit;
  margin-bottom: 5px;
}

@media only screen and (min-width: 64em) {
  .about_yrglm .missionSection__copy {
    font-size: 32px;
  }
}
@media only screen and (min-width: 80em) {
  .about_yrglm .missionSection__copy {
    font-size: 40px;
  }
}
.about_yrglm .missionSection__subTitle {
  font-family: azo-sans-web, sans-serif;
  font-size: 24px;
  letter-spacing: inherit;
  margin-top: 25px;
}

@media only screen and (min-width: 64em) {
  .about_yrglm .missionSection__subTitle {
    font-size: 32px;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 80em) {
  .about_yrglm .missionSection__subTitle {
    font-size: 40px;
    margin-top: 40px;
  }
}
.about_yrglm .missionSection__mainCopy {
  margin-bottom: 20px;
  max-width: 26.04rem;
}

@media only screen and (min-width: 48em) {
  .about_yrglm .missionSection__mainCopy {
    max-width: 26.04rem;
  }
}
@media only screen and (min-width: 64em) {
  .about_yrglm .missionSection__mainCopy {
    max-width: 34.1rem;
  }
}
@media only screen and (min-width: 80em) {
  .about_yrglm .missionSection__mainCopy {
    max-width: 37.2rem;
  }
}
@media only screen and (min-width: 96em) {
  .about_yrglm .missionSection__mainCopy {
    max-width: 43.4rem;
  }
}
.missionSection-list {
  counter-reset: number 0;
  font-size: 16px;
  line-height: 1.8;
}

@media only screen and (min-width: 64em) {
  .missionSection-list {
    font-size: 18px;
  }
}
@media only screen and (min-width: 80em) {
  .missionSection-list {
    font-size: 22px;
  }
}
.missionSection-list__item::before {
  color: #EF7E00;
  content: counter(number, decimal-leading-zero) ".";
  counter-increment: number 1;
  margin-right: 8px;
}

.origin_of_the_name__target {
  margin-top: 40px;
}

@media only screen and (min-width: 48em) {
  .origin_of_the_name__target {
    width: 45%;
  }
}
@media only screen and (min-width: 64em) {
  .origin_of_the_name__target {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 64em) {
  .origin_of_the_name__target {
    margin-top: 60px;
  }
}
@media only screen and (min-width: 48em) {
  .origin_of_the_name__target .moreLink {
    font-size: 16px;
    padding: 10px 30px;
  }
}
@media only screen and (min-width: 64em) {
  .origin_of_the_name__target .moreLink {
    font-size: 18px;
    padding: 20px 30px;
  }
}
@media only screen and (min-width: 80em) {
  .origin_of_the_name__target .moreLink {
    font-size: 22px;
    padding: 30px;
  }
}
/**
  * HR Policy
  */
.ourpolicySection {
  background: #fff;
  margin-top: 30px;
}

@media only screen and (min-width: 48em) {
  .ourpolicySection {
    background: none;
    margin-top: 50px;
  }
}
@media only screen and (min-width: 64em) {
  .ourpolicySection {
    margin-top: 100px;
  }
}
@media only screen and (min-width: 80em) {
  .ourpolicySection {
    margin-top: 140px;
  }
}
.ourpolicySection__subCopy {
  margin-bottom: 15px;
  margin-top: 10px;
}

@media only screen and (min-width: 48em) {
  .ourpolicySection__subCopy {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 64em) {
  .ourpolicySection__subCopy {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 80em) {
  .ourpolicySection__subCopy {
    margin-bottom: 30px;
  }
}
.about_yrglm .ourpolicySection .container {
  padding: 0;
}

.about_yrglm .ourpolicySection .container::before {
  background-color: #F7F5F2;
  bottom: 70%;
}

@media only screen and (min-width: 48em) {
  .about_yrglm .ourpolicySection .container::before {
    bottom: 55%;
    left: calc(50% - 24rem);
  }
}
@media only screen and (min-width: 64em) {
  .about_yrglm .ourpolicySection .container::before {
    left: calc(55% - 34rem);
  }
}
@media only screen and (min-width: 80em) {
  .about_yrglm .ourpolicySection .container::before {
    left: 8%;
    top: 0;
  }
}
.ourpolicySection__header {
  max-width: 1100px;
  padding: 0;
}

.ourpolicySection__text, .hrpolicySection__text, .leadershipSection__text {
  font-size: 13px;
  font-weight: 700;
  line-height: 2.2;
}

.ourpolicySection__subCopy + .ourpolicySection__text {
  word-break: keep-all;
}

.hrpolicySection__body {
  background: #fff;
  margin-top: 30px;
  padding: 30px 40px;
}

.hrpolicySection__title, .leadershipSection__title {
  font-size: 20px;
  margin-bottom: 20px;
}

.hrpolicySection__title--sup, .leadershipSection__title--sup {
  color: #F78126;
  display: block;
  font-size: 10px;
}

.hrpolicySection--Image {
  margin: 20px auto 0;
  max-width: 700px;
}

.hrpolicySection--contentsTitle {
  align-items: center;
  display: flex;
  font-size: 20px;
  margin-top: 2em;
}

/*
.hrpolicySection_itemList + .hrpolicySection--contentsTitle {
  margin-top: 2em
}
*/
.hrpolicySection_itemList {
  margin: 0;
}

.hrpolicySection_itemList--item {
  background: #F7F5F2;
  margin-top: 1.5em;
  padding: 1em;
}

.hrpolicySection_itemList--itemTitle {
  font-size: 16px;
  letter-spacing: 0.5px;
  margin-bottom: 0.3em;
}

.hrpolicySection_itemList--itemText {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: 2;
}

.leadershipSection__body {
  background: #F7F5F2;
  margin-top: 30px;
  padding: 1em 1.5em 2em;
}

.leadershipSection__table {
  border-collapse: collapse;
  margin-top: 20px;
  width: 100%;
}

.leadershipSection__th, .leadershipSection__td {
  border: solid 2px #F7F5F2;
  box-sizing: border-box;
  display: block;
  padding: 1em 1.5em;
  text-align: left;
}

.leadershipSection__th {
  background: #F78126;
  border-bottom: none;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.leadershipSection__td {
  background: #fff;
  border-bottom: none;
  font-size: 12px;
  font-weight: 700;
}

@media only screen and (min-width: 48em) {
  .hrpolicySection__body {
    margin-top: 40px;
    padding: 40px 50px;
  }
  .hrpolicySection--Image {
    margin: 40px auto 0;
  }
  .hrpolicySection_itemList {
    display: flex;
    gap: 20px;
  }
  .hrpolicySection_itemList--item {
    flex: 0 0 auto;
    width: calc((100% - 40px) / 3);
  }
  .hrpolicySection_itemList--itemTitle {
    font-size: 14px;
  }
  .hrpolicySection_itemList--itemText {
    font-size: 12px;
    line-height: 2;
  }
  .leadershipSection__body {
    margin-top: 30px;
    padding: 40px 50px 60px;
  }
  .leadershipSection__table {
    margin-top: 20px;
  }
  .leadershipSection__th, .leadershipSection__td {
    display: table-cell;
    font-size: 14px;
    padding: 1em 1.5em;
  }
}
@media only screen and (min-width: 64em) {
  .hrpolicySection__body {
    margin-top: 50px;
    padding: 50px 60px;
  }
  .hrpolicySection__title, .leadershipSection__title {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .hrpolicySection__title--sup, .leadershipSection__title--sup {
    display: inline-block;
    font-size: 12px;
    margin-left: 20px;
  }
  .ourpolicySection__text, .hrpolicySection__text, .leadershipSection__text {
    font-size: 16px;
  }
  .hrpolicySection--contentsTitle {
    font-size: 26px;
    padding: 20px 0;
  }
  .hrpolicySection_itemList + .hrpolicySection--contentsTitle {
    margin-top: 1.5em;
  }
  .hrpolicySection_itemList {
    gap: 25px;
  }
  .hrpolicySection_itemList--item {
    width: calc((100% - 50px) / 3);
  }
  .hrpolicySection_itemList--itemTitle {
    font-size: 18px;
  }
  .hrpolicySection_itemList--itemText {
    font-size: 14px;
  }
  .leadershipSection__body {
    margin-top: 120px;
  }
  .leadershipSection__title {
    margin-bottom: 0;
  }
  .leadershipSection__table {
    margin-top: 30px;
  }
  .leadershipSection__th, .leadershipSection__td {
    font-size: 16px;
    padding: 1em 1.4em;
  }
}
@media only screen and (min-width: 80em) {
  .hrpolicySection__body {
    margin: 60px 0;
    padding: 60px 70px;
  }
  .hrpolicySection__title, .leadershipSection__title {
    font-size: 40px;
    margin-bottom: 20px;
  }
  .hrpolicySection__title--sup, .leadershipSection__title--sup {
    display: inline-block;
    font-size: 18px;
  }
  .ourpolicySection__text, .hrpolicySection__text, .leadershipSection__text {
    font-size: 18px;
  }
  .hrpolicySection--contentsTitle {
    font-size: 30px;
    margin-top: 2.5em;
  }
  .hrpolicySection_itemList--item {
    padding: 30px 25px;
  }
  .leadershipSection__title {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 96em) {
  .hrpolicySection_itemList--itemTitle {
    font-size: 20px;
  }
}
.hrpolicySection--contentsTitle::before {
  background: #F2AA6F;
  content: "";
  display: inline-block;
  height: 5px;
  margin-right: 0.5em;
  width: 1em;
}

/* バラバラ表示させる */
.ourpolicySection .hrpolicySection__body ~ * {
  opacity: 0;
  position: relative;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease 0.1s;
  transition: transform 0.5s ease 0.1s, opacity 0.5s ease;
  transition: transform 0.5s ease 0.1s, opacity 0.5s ease, -webkit-transform 0.5s ease 0.1s;
  visibility: hidden;
}

.ourpolicySection .hrpolicySection__body ~ *.active {
  -webkit-transform: translateY(-30px);
  opacity: 1;
  transform: translateY(-30px);
  visibility: visible;
}

@media only screen and (min-width: 80em) {
  .ourpolicySection .hrpolicySection__body ~ *.active {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }
}
@media only screen and (min-width: 96em) {
  .ourpolicySection .hrpolicySection__body ~ *.active {
    -webkit-transform: translateY(-80px);
    transform: translateY(-80px);
  }
}
/**
  * YRGLM Life
  */
.yrglmlifeSection {
  background: #F7F5F2;
  margin-top: 30px;
}

@media only screen and (min-width: 48em) {
  .yrglmlifeSection {
    background: none;
    margin-top: 50px;
  }
}
.yrglmlifeSection__subCopy {
  margin-top: 10px;
}

.about_yrglm .yrglmlifeSection .container {
  padding: 0;
}

.about_yrglm .yrglmlifeSection .container::before {
  background-color: #F7F5F2;
}

@media only screen and (min-width: 48em) {
  .about_yrglm .yrglmlifeSection .container::before {
    bottom: -610px;
    left: calc(50% - 24rem);
  }
}
@media only screen and (min-width: 64em) {
  .about_yrglm .yrglmlifeSection .container::before {
    bottom: -875px;
    left: calc(55% - 34rem);
  }
}
@media only screen and (min-width: 80em) {
  .about_yrglm .yrglmlifeSection .container::before {
    bottom: -930px;
    left: 8%;
    top: 0;
  }
}
.yrglmlifeSection__header {
  max-width: 1100px;
  padding: 0;
}

.about_yrglm .blogSection__footer .container__inner {
  padding: 0;
}

.about_yrglm .blogSection__footer .moreLink_wrap {
  margin: 0 20px;
  padding: 10px 0 50px;
}

@media only screen and (min-width: 48em) {
  .about_yrglm .blogSection__footer .moreLink_wrap {
    margin: 0 auto;
    max-width: 42rem;
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media only screen and (min-width: 64em) {
  .about_yrglm .blogSection__footer .moreLink_wrap {
    max-width: 960px;
    padding-left: 110px;
    padding-right: 110px;
  }
}
@media only screen and (min-width: 80em) {
  .about_yrglm .blogSection__footer .moreLink_wrap {
    padding: 20px 0 70px;
  }
}
@media only screen and (min-width: 64em) {
  .about_yrglm .blogSection__footer {
    margin-bottom: 40px;
  }
}
/* itemlist */
.itemList {
  margin-left: auto;
  margin-right: auto;
  margin-top: 70px;
  max-width: 530px;
}

@media only screen and (min-width: 48em) {
  .itemList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1100px;
    padding: 0 20px;
  }
}
@media only screen and (min-width: 64em) {
  .itemList {
    margin-top: 100px;
  }
}
@media only screen and (min-width: 80em) {
  .itemList {
    margin-top: 150px;
    padding: 0;
  }
}
.itemList--item {
  position: relative;
}

.itemList--item:not(:last-child) {
  margin-bottom: 40px;
}

.itemList--itemTitle {
  background: #E5865F;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  left: 0;
  min-width: 100px;
  padding: 5px 10px;
  position: absolute;
  text-align: center;
  top: 0;
}

@media only screen and (min-width: 48em) {
  .itemList--itemTitle {
    font-size: 14px;
    left: -10px;
    padding: 2px 10px;
    top: 0;
  }
}
@media only screen and (min-width: 64em) {
  .itemList--itemTitle {
    font-size: 16px;
    left: -15px;
    padding: 5px 10px;
    top: 15px;
  }
}
@media only screen and (min-width: 96em) {
  .itemList--itemTitle {
    font-size: 20px;
    left: -20px;
    padding: 5px 18px;
    top: 20px;
  }
}
.itemList--item img {
  width: 100%;
}

/**
  * infographicsSection
  */
.infographicsSection__body {
  margin-bottom: 40px;
}

@media only screen and (min-width: 64em) {
  .infographicsSection__body {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 80em) {
  .infographicsSection__body {
    margin-bottom: 100px;
  }
}
.infographicsSection__body .note {
  font-size: 14px;
  letter-spacing: 0.02rem;
  margin: 5px auto 0;
  max-width: 530px;
  text-align: right;
}

@media only screen and (min-width: 48em) {
  .infographicsSection__body .note {
    max-width: inherit;
  }
}
.infographicsSection .itemList--item {
  position: relative;
}

@media only screen and (min-width: 48em) {
  .infographicsSection .itemList--item:last-child() {
    margin-bottom: 0;
  }
  .infographicsSection .itemList--item:is(:nth-child(3), :nth-child(4), :nth-child(5), :nth-child(6)) {
    width: 47.7%;
  }
}
.infographicsSection::after {
  -webkit-transform: translateY(30px);
  background: url("/img/about_yrglm/about_yrglm_photo01sp.png") center center no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 0;
  opacity: 0;
  padding-top: 69.33333%;
  position: relative;
  transform: translateY(30px);
  transition: opacity 0.5s ease 0.3s, -webkit-transform 0.5s ease 0.3s;
  transition: transform 0.5s ease 0.3s, opacity 0.5s ease 0.3s;
  transition: transform 0.5s ease 0.3s, opacity 0.5s ease 0.3s, -webkit-transform 0.5s ease 0.3s;
  visibility: hidden;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .infographicsSection::after {
    background-image: url("/img/about_yrglm/about_yrglm_photo01.png");
    height: 260px;
    padding: 0;
  }
}
@media only screen and (min-width: 64em) {
  .infographicsSection::after {
    height: 400px;
  }
}
@media only screen and (min-width: 80em) {
  .infographicsSection::after {
    height: 600px;
  }
}
.infographicsSection.leave::after {
  -webkit-transform: translateY(0);
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}

@media only screen and (min-width: 48em) {
  .infographicsSection.leave::after {
    margin-top: -30px;
    position: relative;
    z-index: 0;
  }
}
@media only screen and (min-width: 80em) {
  .infographicsSection.leave::after {
    margin-top: -50px;
  }
}
@media only screen and (min-width: 96em) {
  .infographicsSection.leave::after {
    margin-top: -80px;
  }
}
.infographicsSection .itemList--item {
  opacity: 0;
  position: relative;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease 0.1s;
  transition: transform 0.5s ease 0.1s, opacity 0.5s ease;
  transition: transform 0.5s ease 0.1s, opacity 0.5s ease, -webkit-transform 0.5s ease 0.1s;
  visibility: hidden;
}

.infographicsSection .itemList--item.active {
  -webkit-transform: translateY(-30px);
  opacity: 1;
  transform: translateY(-30px);
  visibility: visible;
}

@media only screen and (min-width: 80em) {
  .infographicsSection .itemList--item.active {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }
}
@media only screen and (min-width: 96em) {
  .infographicsSection .itemList--item.active {
    -webkit-transform: translateY(-80px);
    transform: translateY(-80px);
  }
}
/**
  * voiceSection
  */
.about_yrglm .voiceSection .container__inner {
  padding-bottom: 0;
}

@media only screen and (min-width: 64em) {
  .about_yrglm .voiceSection .container {
    padding-bottom: 2rem;
  }
}
.about_yrglm .voiceSection .container::before {
  background-color: #F7F5F2;
}

@media only screen and (min-width: 48em) {
  .about_yrglm .voiceSection .container::before {
    right: 0;
  }
}
@media only screen and (min-width: 64em) {
  .about_yrglm .voiceSection .container::before {
    bottom: -30px;
    right: calc(55% - 34rem);
  }
}
@media only screen and (min-width: 80em) {
  .about_yrglm .voiceSection .container::before {
    bottom: -130px;
    right: 8%;
    top: 0;
  }
}
.voiceSection .itemList--item {
  position: relative;
}

@media only screen and (min-width: 80em) {
  .voiceSection .itemList--item {
    margin-bottom: 50px;
  }
}
.voiceSection .note {
  -webkit-transform: translateY(-20px);
  font-size: 14px;
  letter-spacing: 0.02rem;
  margin: 5px auto 0;
  max-width: 530px;
  text-align: right;
  transform: translateY(-20px);
}

@media only screen and (min-width: 48em) {
  .voiceSection .note {
    max-width: 1080px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 80em) {
  .voiceSection .note {
    -webkit-transform: translateY(-90px);
    max-width: inherit;
    padding: 0;
    transform: translateY(-90px);
  }
}
@media only screen and (min-width: 96em) {
  .voiceSection .note {
    -webkit-transform: translateY(-120px);
    transform: translateY(-120px);
  }
}
.voiceSection .itemList--item {
  opacity: 0;
  position: relative;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease 0.1s;
  transition: transform 0.5s ease 0.1s, opacity 0.5s ease;
  transition: transform 0.5s ease 0.1s, opacity 0.5s ease, -webkit-transform 0.5s ease 0.1s;
  visibility: hidden;
}

.voiceSection .itemList--item.active {
  -webkit-transform: translateY(-30px);
  opacity: 1;
  transform: translateY(-30px);
  visibility: visible;
}

@media only screen and (min-width: 80em) {
  .voiceSection .itemList--item.active {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }
}
@media only screen and (min-width: 96em) {
  .voiceSection .itemList--item.active {
    -webkit-transform: translateY(-80px);
    transform: translateY(-80px);
  }
}
.voiceSection__footer .outro_text {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.02rem;
  line-height: 1.5;
  margin: 30px 0 15px;
  text-align: center;
}

@media only screen and (min-width: 48em) {
  .voiceSection__footer .outro_text {
    font-size: 20px;
    letter-spacing: inherit;
    margin: 50px 0 15px;
    padding: 0 20px;
  }
}
@media only screen and (min-width: 48em) and (min-width: 80em) {
  .voiceSection__footer .outro_text {
    margin: 50px 0 20px;
  }
}
@media only screen and (min-width: 80em) {
  .voiceSection__footer .outro_text {
    font-size: 24px;
  }
}
@media only screen and (min-width: 80em) {
  .voiceSection__footer .outro_text br {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .voiceSection__footer .moreLink_wrap {
    padding: 0 20px;
    width: 100%;
  }
}
@media only screen and (min-width: 64em) {
  .voiceSection__footer .moreLink_wrap {
    margin: 0 auto;
    max-width: 960px;
    padding-left: 70px;
    padding-right: 70px;
  }
}
@media only screen and (min-width: 80em) {
  .voiceSection__footer .moreLink_wrap {
    padding: 0;
  }
}
@media only screen and (min-width: 48em) {
  .about_yrglm .preFooter__image {
    background: url("/img/about_yrglm/footer_img_about.jpg") center center no-repeat;
    background-size: cover;
  }
}
/* ==========================================================================
   26_new_graduate
   ========================================================================== */
.new_graduate-link h3 {
  white-space: nowrap;
}

.new_graduate-link .aboutSection__text::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.252%22%20height%3D%2216.814%22%20viewBox%3D%220%200%2010.252%2016.814%22%3E%20%3Cpath%20id%3D%22arrow_right%22%20d%3D%22M8843.471%2C4981l9.163%2C8.066-9.163%2C8%22%20transform%3D%22translate(-8843.141%20-4980.624)%22%20fill%3D%22none%22%20stroke%3D%22%23ef7f00%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");
  border: 1px solid #EF7F00;
}

.new_graduate-link:hover .aboutSection__text::after {
  background-color: #EF7F00;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.252%22%20height%3D%2216.814%22%20viewBox%3D%220%200%2010.252%2016.814%22%3E%20%3Cpath%20id%3D%22arrow_right%22%20d%3D%22M8843.471%2C4981l9.163%2C8.066-9.163%2C8%22%20transform%3D%22translate(-8843.141%20-4980.624)%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");
}

@media only screen and (min-width: 48em) {
  .top .new_graduate-link {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 80em) {
  .top .aboutSection .container::before {
    bottom: calc(30% - 23rem);
  }
}
@media only screen and (min-width: 48em) {
  .top .aboutSection .container::before {
    bottom: calc(30% - 16rem);
  }
}
/* ==========================================================================
   add style
   ========================================================================== */
.about_yrglm-section-infographics {
  padding: 20px 20px 30px;
}
.about_yrglm-section-infographics:after {
  background: url("/img/about_yrglm/about_yrglm_photo01sp.png") center center no-repeat;
  background-size: cover;
  content: "";
  display: block;
  margin: 0 -20px;
  padding-top: 69.33333%;
}
.about_yrglm-section-infographics ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.about_yrglm-section-infographics li {
  position: relative;
  width: 100%;
}
.about_yrglm-section-infographics li h3 {
  background: #E5865F;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  left: 0;
  line-height: 2;
  min-width: 100px;
  padding: 5px 10px;
  position: absolute;
  text-align: center;
  top: 0;
}
.about_yrglm-section-infographics li p {
  font-weight: 800;
  letter-spacing: 0;
}
.about_yrglm-section-infographics li p b {
  font-weight: 800;
}
.about_yrglm-section-infographics li .is-pc {
  display: none;
}

.about_yrglm-section-infographics-inner {
  padding-bottom: 100px;
}

.about_yrglm-section-infographics-title {
  margin-bottom: 40px;
  opacity: 0;
  padding: 0 20px;
  transform: translateY(30px);
  transition: all 0.5s;
}
.about_yrglm-section-infographics-title h2 {
  font-family: azo-sans-web, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1.3;
}
.about_yrglm-section-infographics-title p {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.3em;
  line-height: 2;
}
.about_yrglm-section-infographics-title.is-animate {
  opacity: 1;
  transform: translateY(0);
}

.about_yrglm-section-infographics-item-01 p {
  font-size: 5.3333vw;
  position: absolute;
  z-index: 1;
}
.about_yrglm-section-infographics-item-01 p b {
  font-size: 8vw;
}
.about_yrglm-section-infographics-item-01 p:first-of-type {
  right: 24.8vw;
  top: 96.2667vw;
}
.about_yrglm-section-infographics-item-01 p:nth-of-type(2) {
  right: 37.6vw;
  top: 126.9333vw;
}
.about_yrglm-section-infographics-item-01 p:last-of-type {
  right: 29.0667vw;
  top: 166.6667vw;
}

.about_yrglm-section-infographics-item-02 p {
  color: #e5855f;
  font-size: 4.8vw;
  position: absolute;
  right: 18.6667vw;
  text-align: right;
  top: 37.3333vw;
}
.about_yrglm-section-infographics-item-02 p b {
  font-size: 10.6667vw;
}
.about_yrglm-section-infographics-item-02 div {
  align-items: flex-end;
  bottom: 19.7333vw;
  display: flex;
  height: 40vw;
  justify-content: space-between;
  left: 5.3333vw;
  position: absolute;
  width: 78.6667vw;
}
.about_yrglm-section-infographics-item-02 div span {
  display: block;
  height: 0;
  transition: all 1s;
  width: 12vw;
  will-change: height;
}
.about_yrglm-section-infographics-item-02 div span:first-child {
  background: #f8bea6;
}
.about_yrglm-section-infographics-item-02 div span:nth-child(2), .about_yrglm-section-infographics-item-02 div span:nth-child(4), .about_yrglm-section-infographics-item-02 div span:nth-child(5) {
  background: #f49b77;
}
.about_yrglm-section-infographics-item-02 div span:nth-child(3) {
  background: #c9633b;
}
.about_yrglm-section-infographics-item-02 div span:last-child {
  background: #f8bea6;
}
.about_yrglm-section-infographics-item-02 div.is-animate span:first-child {
  height: 11.2vw;
}
.about_yrglm-section-infographics-item-02 div.is-animate span:nth-child(2) {
  height: 18.6667vw;
}
.about_yrglm-section-infographics-item-02 div.is-animate span:nth-child(3) {
  height: 40vw;
}
.about_yrglm-section-infographics-item-02 div.is-animate span:nth-child(4) {
  height: 22.4vw;
}
.about_yrglm-section-infographics-item-02 div.is-animate span:nth-child(5) {
  height: 26.9333vw;
}
.about_yrglm-section-infographics-item-02 div.is-animate span:last-child {
  height: 10.1333vw;
}
.about_yrglm-section-infographics-item-02 div.is-animate + figure {
  opacity: 1;
  transform: translateY(0);
}
.about_yrglm-section-infographics-item-02 div + figure {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translateY(30px);
  transition: all 0.4s 0.6s;
  width: 100%;
}

.about_yrglm-section-infographics-item-03 p {
  letter-spacing: 0;
  position: absolute;
  z-index: 1;
}
.about_yrglm-section-infographics-item-03 p:first-of-type {
  font-size: 4.2667vw;
  right: 9.0667vw;
  top: 39.2vw;
}
.about_yrglm-section-infographics-item-03 p:first-of-type b {
  font-size: 6.6667vw;
}
.about_yrglm-section-infographics-item-03 p:nth-of-type(2) {
  font-size: 3.7333vw;
  right: 9.0667vw;
  top: 57.0667vw;
}
.about_yrglm-section-infographics-item-03 p:nth-of-type(2) b {
  font-size: 5.3333vw;
}
.about_yrglm-section-infographics-item-03 p:nth-of-type(3) {
  font-size: 4.2667vw;
  right: 66.9333vw;
  top: 39.2vw;
}
.about_yrglm-section-infographics-item-03 p:nth-of-type(3) b {
  font-size: 6.6667vw;
}
.about_yrglm-section-infographics-item-03 p:last-of-type {
  font-size: 3.7333vw;
  right: 69.0667vw;
  top: 57.0667vw;
}
.about_yrglm-section-infographics-item-03 p:last-of-type b {
  font-size: 5.3333vw;
}

.about_yrglm-section-infographics-item-04 p {
  color: #fff;
  font-size: 3.2vw;
  letter-spacing: 0;
  position: absolute;
  top: 102.6667vw;
  z-index: 1;
}
.about_yrglm-section-infographics-item-04 p b {
  font-size: 4.8vw;
}
.about_yrglm-section-infographics-item-04 p:first-of-type {
  font-size: 6.6667vw;
  right: 41.8667vw;
  top: 60vw;
}
.about_yrglm-section-infographics-item-04 p:first-of-type b {
  font-size: 9.3333vw;
}
.about_yrglm-section-infographics-item-04 p:nth-of-type(2) {
  font-size: 5.3333vw;
  right: 60.8vw;
  top: 38.1333vw;
}
.about_yrglm-section-infographics-item-04 p:nth-of-type(2) b {
  font-size: 6.6667vw;
}
.about_yrglm-section-infographics-item-04 p:nth-of-type(3) {
  right: 66.4vw;
}
.about_yrglm-section-infographics-item-04 p:nth-of-type(4) {
  right: 38.4vw;
}
.about_yrglm-section-infographics-item-04 p:last-of-type {
  right: 10.4vw;
}

.about_yrglm-section-infographics-item-05 p {
  color: #e5855f;
  font-size: 8vw;
  position: absolute;
  right: 32.5333vw;
  top: 25.6vw;
}
.about_yrglm-section-infographics-item-05 p b {
  font-size: 10.6667vw;
}

.about_yrglm-section-infographics-item-06 p {
  color: #e5855f;
  font-size: 8vw;
  position: absolute;
  right: 25.0667vw;
  top: 26.1333vw;
}
.about_yrglm-section-infographics-item-06 p b {
  font-size: 10.6667vw;
}

.about_yrglm-section-infographics-item-07 p {
  color: #e5855f;
  font-size: 8vw;
  position: absolute;
  right: 31.2vw;
  top: 30.9333vw;
}
.about_yrglm-section-infographics-item-07 p b {
  font-size: 10.6667vw;
}

.about_yrglm-section-infographics-item-08 div {
  align-items: flex-end;
  bottom: 22.4vw;
  display: flex;
  height: 49.3333vw;
  justify-content: space-between;
  left: 5.3333vw;
  position: absolute;
  width: 78.6667vw;
}
.about_yrglm-section-infographics-item-08 div span {
  display: block;
  height: 0;
  transition: all 1s;
  width: 12vw;
  will-change: height;
}
.about_yrglm-section-infographics-item-08 div span:first-child {
  background: #fae3d5;
}
.about_yrglm-section-infographics-item-08 div span:nth-child(2) {
  background: #f8d4bf;
}
.about_yrglm-section-infographics-item-08 div span:nth-child(3) {
  background: #f8bea6;
}
.about_yrglm-section-infographics-item-08 div span:nth-child(4) {
  background: #f49b77;
}
.about_yrglm-section-infographics-item-08 div span:nth-child(5) {
  background: #d9764d;
}
.about_yrglm-section-infographics-item-08 div span:last-child {
  background: #c9633b;
}
.about_yrglm-section-infographics-item-08 div.is-animate span:first-child {
  height: 22.1333vw;
}
.about_yrglm-section-infographics-item-08 div.is-animate span:nth-child(2) {
  height: 24vw;
}
.about_yrglm-section-infographics-item-08 div.is-animate span:nth-child(3) {
  height: 29.3333vw;
}
.about_yrglm-section-infographics-item-08 div.is-animate span:nth-child(4) {
  height: 31.4667vw;
}
.about_yrglm-section-infographics-item-08 div.is-animate span:nth-child(5) {
  height: 49.3333vw;
}
.about_yrglm-section-infographics-item-08 div.is-animate span:last-child {
  height: 39.7333vw;
}
.about_yrglm-section-infographics-item-08 div.is-animate + figure {
  opacity: 1;
  transform: translateY(0);
}
.about_yrglm-section-infographics-item-08 div + figure {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translateY(30px);
  transition: all 0.4s 0.6s;
  width: 100%;
}

.about_yrglm-section-infographics-item-09 p {
  color: #fff;
  font-size: 4.8vw;
  position: absolute;
  top: 93.3333vw;
  z-index: 1;
}
.about_yrglm-section-infographics-item-09 p b {
  font-size: 7.4667vw;
}
.about_yrglm-section-infographics-item-09 p:first-of-type {
  right: 67.4667vw;
}
.about_yrglm-section-infographics-item-09 p:nth-of-type(2) {
  right: 47.4667vw;
}
.about_yrglm-section-infographics-item-09 p:nth-of-type(3) {
  right: 27.4667vw;
}
.about_yrglm-section-infographics-item-09 p:last-of-type {
  right: 7.4667vw;
}

.about_yrglm-section-infographics-item-10 p {
  font-size: 2.6667vw;
  position: absolute;
  top: 28.5333vw;
  z-index: 1;
}
.about_yrglm-section-infographics-item-10 p b {
  font-size: 6.6667vw;
}
.about_yrglm-section-infographics-item-10 p:nth-of-type(2), .about_yrglm-section-infographics-item-10 p:nth-of-type(3) {
  color: #e5855f;
  font-size: 5.3333vw;
  top: 78.4vw;
}
.about_yrglm-section-infographics-item-10 p:nth-of-type(2) b, .about_yrglm-section-infographics-item-10 p:nth-of-type(3) b {
  font-size: 9.3333vw;
}
.about_yrglm-section-infographics-item-10 p:first-of-type {
  right: 11.4667vw;
}
.about_yrglm-section-infographics-item-10 p:nth-of-type(2) {
  right: 6.4vw;
}
.about_yrglm-section-infographics-item-10 p:nth-of-type(3) {
  right: 66.4vw;
}
.about_yrglm-section-infographics-item-10 p:last-of-type {
  right: 69.6vw;
}

.about_yrglm-section-infographics-item-11 .js-animate {
  left: 0;
  position: absolute;
  width: 100%;
}
.about_yrglm-section-infographics-item-11 .js-animate img {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translateY(30px);
  transition: 0.4s all;
  will-change: transform, opacity;
}
.about_yrglm-section-infographics-item-11 .js-animate img:nth-child(2) {
  transition-delay: 0.2s;
}
.about_yrglm-section-infographics-item-11 .js-animate img:last-child {
  transition-delay: 0.4s;
}
.about_yrglm-section-infographics-item-11 .js-animate.is-animate img {
  opacity: 1;
  transform: translateY(0);
}
.about_yrglm-section-infographics-item-11 .is-upper {
  top: 42.6667vw;
}
.about_yrglm-section-infographics-item-11 .is-lower {
  top: 133.3333vw;
}

.about_yrglm-section-infographics-item-12 p {
  color: #e5855f;
  font-size: 8vw;
  position: absolute;
  right: 54.9333vw;
  top: 32.5333vw;
}
.about_yrglm-section-infographics-item-12 p b {
  font-size: 13.3333vw;
}
.about_yrglm-section-infographics-item-12 .js-animate {
  left: 0;
  position: absolute;
  top: 69.3333vw;
  width: 100%;
}
.about_yrglm-section-infographics-item-12 .js-animate img {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translateY(30px);
  transition: 0.4s all;
}
.about_yrglm-section-infographics-item-12 .js-animate img:nth-child(2) {
  transition-delay: 0.2s;
}
.about_yrglm-section-infographics-item-12 .js-animate img:nth-child(3) {
  transition-delay: 0.4s;
}
.about_yrglm-section-infographics-item-12 .js-animate img:nth-child(4) {
  transition-delay: 0.6s;
}
.about_yrglm-section-infographics-item-12 .js-animate img:nth-child(5) {
  transition-delay: 0.8s;
}
.about_yrglm-section-infographics-item-12 .js-animate img:last-child {
  transition-delay: 1s;
}
.about_yrglm-section-infographics-item-12 .js-animate.is-animate img {
  opacity: 1;
  transform: translateY(0);
}

.about_yrglm-section-infographics-item-13 .js-animate,
.about_yrglm-section-infographics-item-14 .js-animate {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.about_yrglm-section-infographics-item-13 .js-animate img,
.about_yrglm-section-infographics-item-14 .js-animate img {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translateY(30px);
  transition: 0.4s all;
}
.about_yrglm-section-infographics-item-13 .js-animate img:nth-child(2),
.about_yrglm-section-infographics-item-14 .js-animate img:nth-child(2) {
  transition-delay: 0.2s;
}
.about_yrglm-section-infographics-item-13 .js-animate img:nth-child(3),
.about_yrglm-section-infographics-item-14 .js-animate img:nth-child(3) {
  transition-delay: 0.4s;
}
.about_yrglm-section-infographics-item-13 .js-animate img:nth-child(4),
.about_yrglm-section-infographics-item-14 .js-animate img:nth-child(4) {
  transition-delay: 0.6s;
}
.about_yrglm-section-infographics-item-13 .js-animate img:nth-child(5),
.about_yrglm-section-infographics-item-14 .js-animate img:nth-child(5) {
  transition-delay: 0.8s;
}
.about_yrglm-section-infographics-item-13 .js-animate img:last-child,
.about_yrglm-section-infographics-item-14 .js-animate img:last-child {
  transition-delay: 1s;
}
.about_yrglm-section-infographics-item-13 .js-animate.is-animate img,
.about_yrglm-section-infographics-item-14 .js-animate.is-animate img {
  opacity: 1;
  transform: translateY(0);
}

@media screen and (min-width: 769px) {
  .about_yrglm-section-infographics {
    padding: 80px 30px 30px;
  }
  .about_yrglm-section-infographics:after {
    background-image: url("/img/about_yrglm/about_yrglm_photo01.png");
    margin: 0 -30px;
    padding: 0;
  }
  .about_yrglm-section-infographics ul {
    gap: 40px 50px;
  }
  .about_yrglm-section-infographics li h3 {
    font-size: 20px;
    left: -20px;
    padding: 5px 18px;
    position: absolute;
    top: 20px;
  }
  .about_yrglm-section-infographics li .is-sp {
    display: none;
  }
  .about_yrglm-section-infographics li .is-pc {
    display: block;
  }
  .about_yrglm-section-infographics-inner {
    margin: 0 auto;
    max-width: 1100px;
    padding-bottom: 120px;
  }
  .about_yrglm-section-infographics-title {
    padding: 0;
  }
  .about_yrglm-section-infographics-item-01 p {
    font-size: 30px;
  }
  .about_yrglm-section-infographics-item-01 p b {
    font-size: 40px;
  }
  .about_yrglm-section-infographics-item-01 p:first-of-type {
    right: 113px;
    top: 191px;
  }
  .about_yrglm-section-infographics-item-01 p:nth-of-type(2) {
    bottom: 134px;
    right: 771px;
    top: initial;
  }
  .about_yrglm-section-infographics-item-01 p:last-of-type {
    right: 730px;
    top: 90px;
  }
  .about_yrglm-section-infographics-item-02 p {
    font-size: 24px;
    right: 749px;
    top: 131px;
  }
  .about_yrglm-section-infographics-item-02 p b {
    font-size: 60px;
  }
  .about_yrglm-section-infographics-item-02 div {
    bottom: 92px;
    height: 215px;
    left: initial;
    right: 85px;
    width: 700px;
  }
  .about_yrglm-section-infographics-item-02 div span {
    width: 100px;
  }
  .about_yrglm-section-infographics-item-02 div.is-animate span:first-child {
    height: 77px;
  }
  .about_yrglm-section-infographics-item-02 div.is-animate span:nth-child(2) {
    height: 128px;
  }
  .about_yrglm-section-infographics-item-02 div.is-animate span:nth-child(3) {
    height: 275px;
  }
  .about_yrglm-section-infographics-item-02 div.is-animate span:nth-child(4) {
    height: 154px;
  }
  .about_yrglm-section-infographics-item-02 div.is-animate span:nth-child(5) {
    height: 186px;
  }
  .about_yrglm-section-infographics-item-02 div.is-animate span:last-child {
    height: 70px;
  }
  .about_yrglm-section-infographics-item-03 {
    width: calc((100% - 50px) / 2) !important;
  }
  .about_yrglm-section-infographics-item-03 p:first-of-type {
    font-size: 25px;
    right: 57px;
    top: 250px;
  }
  .about_yrglm-section-infographics-item-03 p:first-of-type b {
    font-size: 40px;
  }
  .about_yrglm-section-infographics-item-03 p:nth-of-type(2) {
    font-size: 18px;
    right: 56px;
    top: 358px;
  }
  .about_yrglm-section-infographics-item-03 p:nth-of-type(2) b {
    font-size: 25px;
  }
  .about_yrglm-section-infographics-item-03 p:nth-of-type(3) {
    font-size: 25px;
    right: 398px;
    top: 250px;
  }
  .about_yrglm-section-infographics-item-03 p:nth-of-type(3) b {
    font-size: 40px;
  }
  .about_yrglm-section-infographics-item-03 p:last-of-type {
    font-size: 18px;
    right: 425px;
    top: 358px;
  }
  .about_yrglm-section-infographics-item-03 p:last-of-type b {
    font-size: 25px;
  }
  .about_yrglm-section-infographics-item-04 p {
    font-size: 14px;
    top: 290px;
  }
  .about_yrglm-section-infographics-item-04 p b {
    font-size: 20px;
  }
  .about_yrglm-section-infographics-item-04 p:first-of-type {
    font-size: 35px;
    right: 675px;
    top: 209px;
  }
  .about_yrglm-section-infographics-item-04 p:first-of-type b {
    font-size: 50px;
  }
  .about_yrglm-section-infographics-item-04 p:nth-of-type(2) {
    font-size: 25px;
    right: 792px;
    top: 149px;
  }
  .about_yrglm-section-infographics-item-04 p:nth-of-type(2) b {
    font-size: 35px;
  }
  .about_yrglm-section-infographics-item-04 p:nth-of-type(3) {
    right: 522px;
  }
  .about_yrglm-section-infographics-item-04 p:nth-of-type(4) {
    right: 382px;
  }
  .about_yrglm-section-infographics-item-04 p:last-of-type {
    right: 237px;
  }
  .about_yrglm-section-infographics-item-05 {
    width: calc((100% - 50px) / 2) !important;
  }
  .about_yrglm-section-infographics-item-05 p {
    font-size: 50px;
    right: 181px;
    top: 71px;
  }
  .about_yrglm-section-infographics-item-05 p b {
    font-size: 75px;
  }
  .about_yrglm-section-infographics-item-06 {
    width: calc((100% - 50px) / 2) !important;
  }
  .about_yrglm-section-infographics-item-06 p {
    font-size: 50px;
    right: 132px;
    top: 71px;
  }
  .about_yrglm-section-infographics-item-06 p b {
    font-size: 75px;
  }
  .about_yrglm-section-infographics-item-07 p {
    font-size: 50px;
    right: 409px;
    top: 112px;
  }
  .about_yrglm-section-infographics-item-07 p b {
    font-size: 75px;
  }
  .about_yrglm-section-infographics-item-08 div {
    bottom: 49px;
    height: 371px;
    left: 175px;
    width: 750px;
  }
  .about_yrglm-section-infographics-item-08 div span {
    width: 100px;
  }
  .about_yrglm-section-infographics-item-08 div.is-animate span:first-child {
    height: 144px;
  }
  .about_yrglm-section-infographics-item-08 div.is-animate span:nth-child(2) {
    height: 155px;
  }
  .about_yrglm-section-infographics-item-08 div.is-animate span:nth-child(3) {
    height: 191px;
  }
  .about_yrglm-section-infographics-item-08 div.is-animate span:nth-child(4) {
    height: 204px;
  }
  .about_yrglm-section-infographics-item-08 div.is-animate span:nth-child(5) {
    height: 320px;
  }
  .about_yrglm-section-infographics-item-08 div.is-animate span:last-child {
    height: 257px;
  }
  .about_yrglm-section-infographics-item-09 {
    width: calc((100% - 50px) / 2) !important;
  }
  .about_yrglm-section-infographics-item-09 p {
    font-size: 25px;
    top: 450px;
  }
  .about_yrglm-section-infographics-item-09 p b {
    font-size: 35px;
  }
  .about_yrglm-section-infographics-item-09 p:first-of-type {
    right: 378px;
  }
  .about_yrglm-section-infographics-item-09 p:nth-of-type(2) {
    right: 277px;
  }
  .about_yrglm-section-infographics-item-09 p:nth-of-type(3) {
    right: 177px;
  }
  .about_yrglm-section-infographics-item-09 p:last-of-type {
    right: 77px;
  }
  .about_yrglm-section-infographics-item-10 {
    width: calc((100% - 50px) / 2) !important;
  }
  .about_yrglm-section-infographics-item-10 p {
    font-size: 20px;
    top: 166px;
  }
  .about_yrglm-section-infographics-item-10 p b {
    font-size: 35px;
  }
  .about_yrglm-section-infographics-item-10 p:nth-of-type(2), .about_yrglm-section-infographics-item-10 p:nth-of-type(3) {
    font-size: 30px;
    top: 419px;
  }
  .about_yrglm-section-infographics-item-10 p:nth-of-type(2) b, .about_yrglm-section-infographics-item-10 p:nth-of-type(3) b {
    font-size: 45px;
  }
  .about_yrglm-section-infographics-item-10 p:first-of-type {
    right: 80px;
  }
  .about_yrglm-section-infographics-item-10 p:nth-of-type(2) {
    right: 58px;
  }
  .about_yrglm-section-infographics-item-10 p:nth-of-type(3) {
    right: 383px;
  }
  .about_yrglm-section-infographics-item-10 p:last-of-type {
    right: 395px;
  }
  .about_yrglm-section-infographics-item-11 .js-animate {
    top: 0;
  }
  .about_yrglm-section-infographics-item-12 p {
    font-size: 50px;
    right: 782px;
    top: 141px;
  }
  .about_yrglm-section-infographics-item-12 p b {
    font-size: 100px;
  }
  .about_yrglm-section-infographics-item-12 .js-animate {
    top: 0;
  }
  .about_yrglm-section-infographics-item-13,
  .about_yrglm-section-infographics-item-14 {
    width: calc((100% - 50px) / 2) !important;
  }
}
@media only screen and (min-width: 48em) {
  .about_yrglm-section-infographics:after {
    height: 260px;
  }
}
@media only screen and (min-width: 64em) {
  .about_yrglm-section-infographics:after {
    height: 400px;
  }
  .about_yrglm-section-infographics-title {
    margin-bottom: 80px;
  }
  .about_yrglm-section-infographics-title h2 {
    font-size: 45px;
  }
  .about_yrglm-section-infographics-title p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 80em) {
  .about_yrglm-section-infographics-title {
    transform: translateY(50px);
  }
  .about_yrglm-section-infographics {
    padding-bottom: 50px;
  }
  .about_yrglm-section-infographics:after {
    height: 600px;
  }
  .about_yrglm-section-infographics-title {
    margin-bottom: 100px;
  }
  .about_yrglm-section-infographics-title h2 {
    font-size: 60px;
  }
  .about_yrglm-section-infographics-title p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 96em) {
  .about_yrglm-section-infographics {
    padding-bottom: 80px;
  }
  .about_yrglm-section-infographics-title p {
    font-size: 20px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1176px) {
  .about_yrglm-section-infographics {
    padding: 80px 2.551vw 30px;
  }
  .about_yrglm-section-infographics:after {
    margin: 0 -2.551vw;
  }
  .about_yrglm-section-infographics ul {
    gap: 40px 4.2517vw;
  }
  .about_yrglm-section-infographics li h3 {
    font-size: 1.7007vw;
    left: -1.7007vw;
    padding: 0.4252vw 1.5306vw;
    top: 1.7007vw;
  }
  .about_yrglm-section-infographics-item-01 p {
    font-size: 2.551vw;
  }
  .about_yrglm-section-infographics-item-01 p b {
    font-size: 3.4014vw;
  }
  .about_yrglm-section-infographics-item-01 p:first-of-type {
    right: 9.6088vw;
    top: 16.2415vw;
  }
  .about_yrglm-section-infographics-item-01 p:nth-of-type(2) {
    bottom: 11.3946vw;
    right: 65.5612vw;
  }
  .about_yrglm-section-infographics-item-01 p:last-of-type {
    right: 62.0748vw;
    top: 7.6531vw;
  }
  .about_yrglm-section-infographics-item-02 p {
    font-size: 2.0408vw;
    right: 63.6905vw;
    top: 11.1395vw;
  }
  .about_yrglm-section-infographics-item-02 p b {
    font-size: 5.102vw;
  }
  .about_yrglm-section-infographics-item-02 div {
    bottom: 7.8231vw;
    height: 18.2823vw;
    right: 7.2279vw;
    width: 59.5238vw;
  }
  .about_yrglm-section-infographics-item-02 div span {
    width: 8.5034vw;
  }
  .about_yrglm-section-infographics-item-02 div.is-animate span:first-child {
    height: 6.5476vw;
  }
  .about_yrglm-section-infographics-item-02 div.is-animate span:nth-child(2) {
    height: 10.8844vw;
  }
  .about_yrglm-section-infographics-item-02 div.is-animate span:nth-child(3) {
    height: 23.3844vw;
  }
  .about_yrglm-section-infographics-item-02 div.is-animate span:nth-child(4) {
    height: 13.0952vw;
  }
  .about_yrglm-section-infographics-item-02 div.is-animate span:nth-child(5) {
    height: 15.8163vw;
  }
  .about_yrglm-section-infographics-item-02 div.is-animate span:last-child {
    height: 5.9524vw;
  }
  .about_yrglm-section-infographics-item-03 {
    width: calc((100% - 4.2517vw) / 2) !important;
  }
  .about_yrglm-section-infographics-item-03 p:first-of-type {
    font-size: 2.1259vw;
    right: 4.8469vw;
    top: 21.2585vw;
  }
  .about_yrglm-section-infographics-item-03 p:first-of-type b {
    font-size: 3.4014vw;
  }
  .about_yrglm-section-infographics-item-03 p:nth-of-type(2) {
    font-size: 1.5306vw;
    right: 4.7619vw;
    top: 30.4422vw;
  }
  .about_yrglm-section-infographics-item-03 p:nth-of-type(2) b {
    font-size: 2.1259vw;
  }
  .about_yrglm-section-infographics-item-03 p:nth-of-type(3) {
    font-size: 2.1259vw;
    right: 33.8435vw;
    top: 21.2585vw;
  }
  .about_yrglm-section-infographics-item-03 p:nth-of-type(3) b {
    font-size: 3.4014vw;
  }
  .about_yrglm-section-infographics-item-03 p:last-of-type {
    font-size: 1.5306vw;
    right: 35.7143vw;
    top: 30.4422vw;
  }
  .about_yrglm-section-infographics-item-03 p:last-of-type b {
    font-size: 2.1259vw;
  }
  .about_yrglm-section-infographics-item-04 p {
    font-size: 1.1905vw;
    top: 24.6599vw;
  }
  .about_yrglm-section-infographics-item-04 p b {
    font-size: 1.7007vw;
  }
  .about_yrglm-section-infographics-item-04 p:first-of-type {
    font-size: 2.9762vw;
    right: 57.398vw;
    top: 17.7721vw;
  }
  .about_yrglm-section-infographics-item-04 p:first-of-type b {
    font-size: 4.2517vw;
  }
  .about_yrglm-section-infographics-item-04 p:nth-of-type(2) {
    font-size: 2.1259vw;
    right: 67.3469vw;
    top: 12.6701vw;
  }
  .about_yrglm-section-infographics-item-04 p:nth-of-type(2) b {
    font-size: 2.9762vw;
  }
  .about_yrglm-section-infographics-item-04 p:nth-of-type(3) {
    right: 44.3878vw;
  }
  .about_yrglm-section-infographics-item-04 p:nth-of-type(4) {
    right: 32.483vw;
  }
  .about_yrglm-section-infographics-item-04 p:last-of-type {
    right: 20.1531vw;
  }
  .about_yrglm-section-infographics-item-05 {
    width: calc((100% - 4.2517vw) / 2) !important;
  }
  .about_yrglm-section-infographics-item-05 p {
    font-size: 4.2517vw;
    right: 15.3912vw;
    top: 6.0374vw;
  }
  .about_yrglm-section-infographics-item-05 p b {
    font-size: 6.3776vw;
  }
  .about_yrglm-section-infographics-item-06 {
    width: calc((100% - 4.2517vw) / 2) !important;
  }
  .about_yrglm-section-infographics-item-06 p {
    font-size: 4.2517vw;
    right: 11.2245vw;
    top: 6.0374vw;
  }
  .about_yrglm-section-infographics-item-06 p b {
    font-size: 6.3776vw;
  }
  .about_yrglm-section-infographics-item-07 p {
    font-size: 4.2517vw;
    right: 34.7789vw;
    top: 9.5238vw;
  }
  .about_yrglm-section-infographics-item-07 p b {
    font-size: 6.3776vw;
  }
  .about_yrglm-section-infographics-item-08 p {
    font-size: 2.0408vw;
  }
  .about_yrglm-section-infographics-item-08 p:first-of-type {
    right: 54.6769vw;
    top: 6.7177vw;
  }
  .about_yrglm-section-infographics-item-08 p:last-of-type {
    right: 30.5272vw;
    top: 0.5952vw;
  }
  .about_yrglm-section-infographics-item-08 p:last-of-type b {
    font-size: 6.3776vw;
  }
  .about_yrglm-section-infographics-item-08 div {
    bottom: 4.1667vw;
    height: 31.5476vw;
    left: 14.881vw;
    width: 63.7755vw;
  }
  .about_yrglm-section-infographics-item-08 div span {
    width: 8.5034vw;
  }
  .about_yrglm-section-infographics-item-08 div.is-animate span:first-child {
    height: 12.2449vw;
  }
  .about_yrglm-section-infographics-item-08 div.is-animate span:nth-child(2) {
    height: 13.1803vw;
  }
  .about_yrglm-section-infographics-item-08 div.is-animate span:nth-child(3) {
    height: 16.2415vw;
  }
  .about_yrglm-section-infographics-item-08 div.is-animate span:nth-child(4) {
    height: 17.3469vw;
  }
  .about_yrglm-section-infographics-item-08 div.is-animate span:nth-child(5) {
    height: 27.2109vw;
  }
  .about_yrglm-section-infographics-item-08 div.is-animate span:last-child {
    height: 21.8537vw;
  }
  .about_yrglm-section-infographics-item-09 {
    width: calc((100% - 4.2517vw) / 2) !important;
  }
  .about_yrglm-section-infographics-item-09 p {
    font-size: 2.1259vw;
    top: 38.2653vw;
  }
  .about_yrglm-section-infographics-item-09 p b {
    font-size: 2.9762vw;
  }
  .about_yrglm-section-infographics-item-09 p:first-of-type {
    right: 32.1429vw;
  }
  .about_yrglm-section-infographics-item-09 p:nth-of-type(2) {
    right: 23.5544vw;
  }
  .about_yrglm-section-infographics-item-09 p:nth-of-type(3) {
    right: 15.051vw;
  }
  .about_yrglm-section-infographics-item-09 p:last-of-type {
    right: 6.5476vw;
  }
  .about_yrglm-section-infographics-item-10 {
    width: calc((100% - 4.2517vw) / 2) !important;
  }
  .about_yrglm-section-infographics-item-10 p {
    font-size: 1.7007vw;
    top: 14.1156vw;
  }
  .about_yrglm-section-infographics-item-10 p b {
    font-size: 2.9762vw;
  }
  .about_yrglm-section-infographics-item-10 p:nth-of-type(2), .about_yrglm-section-infographics-item-10 p:nth-of-type(3) {
    font-size: 2.551vw;
    top: 35.6293vw;
  }
  .about_yrglm-section-infographics-item-10 p:nth-of-type(2) b, .about_yrglm-section-infographics-item-10 p:nth-of-type(3) b {
    font-size: 3.8265vw;
  }
  .about_yrglm-section-infographics-item-10 p:first-of-type {
    right: 6.8027vw;
  }
  .about_yrglm-section-infographics-item-10 p:nth-of-type(2) {
    right: 4.932vw;
  }
  .about_yrglm-section-infographics-item-10 p:nth-of-type(3) {
    right: 32.568vw;
  }
  .about_yrglm-section-infographics-item-10 p:last-of-type {
    right: 33.5884vw;
  }
  .about_yrglm-section-infographics-item-12 p {
    font-size: 4.2517vw;
    right: 66.4966vw;
    top: 11.9898vw;
  }
  .about_yrglm-section-infographics-item-12 p b {
    font-size: 8.5034vw;
  }
  .about_yrglm-section-infographics-item-13,
  .about_yrglm-section-infographics-item-14 {
    width: calc((100% - 4.2517vw) / 2) !important;
  }
}
/*# sourceMappingURL=style.css.map */