b.passion {
  color: var(--color-orange);
}

p.h-under {
  margin-top: 40rem;
  text-align: center;
  font-weight: 900;
  font-size: 36rem;
  line-height: 1.5;
}

section.area-hero {
  position: relative;
  isolation: isolate;
}
section.area-hero .video-wrap {
  position: sticky;
  top: 0;
  z-index: -1;
  height: 100vh;
  pointer-events: none;
  overflow: hidden;
}
section.area-hero .video-wrap video {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
  object-fit: cover;
}
section.area-hero .wrap-copy {
  position: absolute;
  top: 40%;
  left: 50%;
  width: 90%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%) translateZ(0);
          transform: translate(-50%, -50%) translateZ(0);
  will-change: transform;
  -webkit-transition: all 0.5s cubic-bezier(0.95, 0.05, 0.05, 0.95);
  transition: all 0.5s cubic-bezier(0.95, 0.05, 0.05, 0.95);
}
section.area-hero .wrap-copy .copy {
  -webkit-transition: all 0.9s cubic-bezier(0.95, 0.05, 0.05, 0.95);
  transition: all 0.9s cubic-bezier(0.95, 0.05, 0.05, 0.95);
  opacity: 0;
  -webkit-transform: scale(1.7) translate(-100px, 100px) rotate(-180deg);
          transform: scale(1.7) translate(-100px, 100px) rotate(-180deg);
}
section.area-hero .wrap-copy .copy.show {
  opacity: 1;
  -webkit-transform: scale(1) translate(0, 0) rotate(0deg);
          transform: scale(1) translate(0, 0) rotate(0deg);
}
section.area-hero .wrap-copy.fadeout {
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) scale(1.6);
          transform: translate(-50%, -50%) scale(1.6);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
section.area-hero .wrap-sentence {
  position: relative;
  z-index: 1;
  background: url(../images/bg-texture-orange.jpg) repeat center;
  background-size: 250px;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
  padding: 90rem 50rem;
}
section.area-hero .wrap-sentence .motion-tx {
  mix-blend-mode: overlay;
  opacity: 0.3;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
section.area-hero .wrap-sentence .motion-tx.last {
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
section.area-hero .wrap-sentence .motion-tx.show {
  -webkit-filter: blur(0px);
  filter: blur(0px);
  mix-blend-mode: normal;
  opacity: 1;
}
section.area-hero .wrap-sentence h1 {
  margin-bottom: 70rem;
  width: 100%;
  position: relative;
}
section.area-hero .wrap-sentence section.area-top {
  display: -ms-grid;
  display: grid;
  gap: 60rem;
  position: relative;
}
section.area-hero .wrap-sentence section.area-top .illust01 {
  position: absolute;
  bottom: -70rem;
  left: 0;
  width: 100rem;
  z-index: 1;
}
section.area-hero .wrap-sentence section.area-top .ph {
  width: 310rem;
  margin-left: 20rem;
  position: relative;
}
section.area-hero .wrap-sentence section.area-middle {
  margin-top: -260rem;
  display: -ms-grid;
  display: grid;
  gap: 60rem;
}
section.area-hero .wrap-sentence section.area-middle .ph {
  width: 290rem;
  margin-left: auto;
}
section.area-hero .wrap-sentence section.area-bottom {
  margin-top: 60rem;
  display: -ms-grid;
  display: grid;
  gap: 60rem;
}
section.area-hero .wrap-sentence section.area-bottom .ph {
  width: 420rem;
  margin-left: 80rem;
  position: relative;
}
section.area-hero .wrap-sentence section.area-bottom .ph img.fire {
  position: absolute;
  width: 88rem;
  top: 157rem;
  right: 86rem;
}
section.area-hero .wrap-sentence section.area-bottom .ph::before {
  -webkit-animation: kakukaku 1s steps(2) 0s infinite alternate;
  animation: kakukaku 1s steps(2) 0s infinite alternate;
  content: "";
  display: block;
  width: 170rem;
  height: 170rem;
  background: url(../images/illust/27.png) no-repeat center;
  background-size: contain;
  position: absolute;
  bottom: 80rem;
  right: -115rem;
}
section.area-hero .wrap-sentence section.area-bottom picture.last {
  position: relative;
  z-index: 2;
  margin-top: -100rem;
}

section.area-interview {
  margin-top: 210rem;
}
section.area-interview .h-group {
  position: relative;
}
section.area-interview .box-illust-left {
  position: absolute;
  top: -100rem;
  left: 30rem;
  width: 140rem;
}
section.area-interview .box-illust-right {
  position: absolute;
  top: -170rem;
  right: 30rem;
  width: 120rem;
}
section.area-interview #splide {
  margin-top: 30rem;
}

section.area-work {
  margin-top: 120rem;
}
section.area-work .h-group {
  width: 90%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
section.area-work .h-group p.h-under {
  text-align: left;
  margin-left: 80rem;
}
section.area-work .hstyle-primary {
  margin-left: 0;
}
section.area-work .hstyle-primary .en {
  color: var(--color-light-green);
}
section.area-work .hstyle-primary .ja span {
  background-color: var(--color-light-green);
}
section.area-work .wrap-job-list {
  margin: 60rem auto 0;
  width: 600rem;
}
section.area-work .wrap-job-list .job-item {
  margin-top: 80rem;
  position: sticky;
  top: 100rem;
  background: #fff;
}
section.area-work .wrap-job-list .ph {
  position: relative;
}
section.area-work .wrap-job-list .ph .fire,
section.area-work .wrap-job-list .ph .fire2 {
  position: absolute;
}
section.area-work .wrap-job-list .ph .main {
  -o-object-fit: cover;
  object-fit: cover;
  height: 480rem;
}
section.area-work .wrap-job-list .ph.job1 .fire {
  width: 90rem;
  top: 140rem;
  left: 270rem;
}
section.area-work .wrap-job-list .ph.job1 .fire2 {
  width: 80rem;
  top: 170rem;
  left: 110rem;
}
section.area-work .wrap-job-list .ph.job2 .fire {
  width: 140rem;
  bottom: 130rem;
  right: 170rem;
}
section.area-work .wrap-job-list .ph.job3 .fire {
  width: 140rem;
  bottom: 80rem;
  right: 90rem;
}
section.area-work .wrap-job-list .ph.job4 .fire {
  width: 80rem;
  top: 155rem;
  left: 240rem;
}
section.area-work .wrap-job-list .desc {
  border-left: 4rem solid var(--color-light-green);
  margin-left: 40rem;
  padding-left: 55rem;
  padding-top: 50rem;
}
section.area-work .wrap-job-list .desc .job-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 40rem;
}
section.area-work .wrap-job-list .desc .job-name p {
  font-size: 56rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.1em;
  color: var(--color-light-green);
}
section.area-work .wrap-job-list .desc .job-name .arrow-primary::before {
  background: var(--color-light-green);
}
section.area-work .wrap-job-list .desc .job-name .arrow-primary span::before {
  background: #fff;
}
section.area-work .wrap-job-list .desc .job-name .arrow-primary span::after {
  border-top-color: #fff;
  border-right-color: #fff;
}
section.area-work .wrap-job-list .desc p.job-desc {
  font-size: 28rem;
  font-weight: bold;
  line-height: 1.8;
}

section.area-intern {
  margin-top: 300rem;
  position: relative;
}
section.area-intern a.btn-stylePage {
  border-color: var(--color-light-orange);
}
section.area-intern::before {
  content: "";
  display: block;
  width: 100%;
  height: 828rem;
  background: var(--color-light-orange);
  position: absolute;
  top: 100rem;
  z-index: -1;
}
section.area-intern .box-intern-top {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}
section.area-intern .box-intern-top > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
section.area-intern .box-intern-top > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
section.area-intern .box-intern-top > *:nth-child(3) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
section.area-intern .box-intern-top > *:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
section.area-intern .box-intern-top .box-ph-left {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}
section.area-intern .box-intern-top .box-ph-right {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  position: relative;
}
section.area-intern .box-intern-top .box-ph-right .ph {
  display: block;
  width: 270rem;
  margin-left: auto;
  position: relative;
  top: -90rem;
}
section.area-intern .box-intern-top .box-ph-right .illust {
  display: block;
  position: absolute;
  top: -160rem;
  left: 20rem;
  width: 154rem;
  margin-left: auto;
}
section.area-intern .box-title {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}
section.area-intern .hstyle-top-intern {
  position: relative;
  z-index: 1;
  margin-top: -40rem;
  font-weight: 900;
  font-size: 60rem;
  color: #fff;
  text-align: center;
  line-height: 1.5;
}
section.area-intern .hstyle-top-intern img {
  width: 52rem;
  vertical-align: -10rem;
  margin: 0 10rem;
}
section.area-intern .box-intern-bottom {
  margin-top: 55rem;
}
section.area-intern .box-illust-left {
  width: 250rem;
  margin-top: 60rem;
  margin-left: 35rem;
}
section.area-intern .box-illust-right {
  width: 600rem;
  margin: -50rem auto 0;
}

a.btn-stylePage {
  border: 5px solid var(--color-light-green);
  width: 90%;
  margin: 0 auto;
  position: relative;
  display: block;
}
a.btn-stylePage::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
a.btn-stylePage .inner {
  width: 100%;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
a.btn-stylePage .inner p {
  color: #fff;
  text-align: center;
  line-height: 1;
}
a.btn-stylePage .inner p.ja {
  font-weight: 900;
  font-size: 32rem;
  margin-bottom: 10rem;
}
a.btn-stylePage .inner p.en {
  white-space: nowrap;
  letter-spacing: 0;
  font-family: var(--font-en);
  font-weight: 700;
  font-style: italic;
  font-size: 80rem;
}
a.btn-stylePage .arrow-primary {
  margin: 30rem auto 0;
}
a.btn-stylePage .arrow-primary::before {
  background: #fff;
}
a.btn-stylePage .arrow-primary span::before {
  background: #000;
}
a.btn-stylePage .arrow-primary span::after {
  border-top-color: #000;
  border-right-color: #000;
}
a.btn-stylePage img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
  height: 400rem;
}

#anim-change.hide {
  opacity: 0;
  pointer-events: none;
}

#anim-change-img {
  -webkit-transition: all 1s;
  transition: all 1s;
}

.anim-screw-up img {
  -webkit-transition: all 1s;
  transition: all 1s;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
}

.anim-screw {
  -webkit-animation: rotateYLoop 0.35s linear infinite;
  animation: rotateYLoop 0.35s linear infinite;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: center;
          transform-origin: center;
}

@-webkit-keyframes rotateYLoop {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}
@keyframes rotateYLoop {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}
section.area-message {
  margin-top: 110rem;
  overflow: hidden;
}
section.area-message .hstyle-primary span.en {
  color: var(--color-orange);
}
section.area-message .hstyle-primary span.ja span {
  background-color: var(--color-orange);
}
section.area-message p.h-under {
  text-align: left;
  margin-left: 140rem;
}
section.area-message .box-ph {
  position: relative;
  margin: 80rem auto 0;
}
section.area-message .box-ph img.main {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center top;
  object-position: center top;
  width: 600rem;
  height: 600rem;
  display: block;
  margin: 0 auto;
}
section.area-message .box-ph img.flag {
  position: absolute;
  top: -60rem;
  left: 0;
  width: 490rem;
}
section.area-message .box-ph img.fire {
  position: absolute;
  top: 280rem;
  right: 240rem;
  width: 130rem;
}
section.area-message .box-ph .anim-illust {
  width: 346rem;
  position: absolute;
  bottom: 65rem;
  right: -50rem;
}
section.area-message .box-ph .anim-illust.nobunaga img {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
section.area-message .box-ph .anim-illust.nobunaga.anim-screw {
  -webkit-animation: none;
  animation: none;
}
section.area-message a.btn-message {
  z-index: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 540rem;
  margin: -60rem auto 0;
  height: 130rem;
  border-radius: 65rem;
  text-align: center;
  font-weight: 900;
  font-size: 34rem;
  color: #fff;
  background: var(--color-orange);
}
section.area-message a.btn-message span {
  line-height: 1;
}
section.area-message a.btn-message .arrow-primary {
  position: absolute;
  right: 40rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 50rem;
  height: 50rem;
}
section.area-message a.btn-message .arrow-primary::before {
  background: #fff;
}
section.area-message a.btn-message .arrow-primary span::before {
  background: var(--color-orange);
}
section.area-message a.btn-message .arrow-primary span::after {
  border-top-color: var(--color-orange);
  border-right-color: var(--color-orange);
}

section.area-education {
  margin-top: 110rem;
  overflow: hidden;
}
section.area-education .hstyle-primary span.en {
  color: var(--color-light-green);
}
section.area-education .hstyle-primary span.ja span {
  background-color: var(--color-light-green);
}
section.area-education p.h-under {
  text-align: left;
  margin-left: 140rem;
}
section.area-education .box-ph {
  position: relative;
  margin: 80rem auto 0;
  width: 90%;
}
section.area-education a.btn-message {
  z-index: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 540rem;
  margin: -60rem auto 0;
  height: 130rem;
  border-radius: 65rem;
  text-align: center;
  font-weight: 900;
  font-size: 34rem;
  color: #fff;
  background: var(--color-light-green);
}
section.area-education a.btn-message span {
  line-height: 1;
}
section.area-education a.btn-message .arrow-primary {
  position: absolute;
  right: 40rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 50rem;
  height: 50rem;
}
section.area-education a.btn-message .arrow-primary::before {
  background: #fff;
}
section.area-education a.btn-message .arrow-primary span::before {
  background: var(--color-light-green);
}
section.area-education a.btn-message .arrow-primary span::after {
  border-top-color: var(--color-light-green);
  border-right-color: var(--color-light-green);
}

section.area-about {
  margin-top: 110rem;
}
section.area-about .hstyle-primary span.en {
  color: var(--color-light-blue);
}
section.area-about .hstyle-primary span.ja span {
  background-color: var(--color-light-blue);
}
section.area-about .box-illust-left,
section.area-about .box-illust-right {
  display: none;
}
section.area-about .wrap-btn-attr {
  width: 600rem;
  margin: 70rem auto 0;
}
section.area-about .wrap-btn-attr a {
  display: block;
  border-left: 7rem solid var(--color-light-blue);
  position: relative;
}
section.area-about .wrap-btn-attr img.main {
  height: 460rem;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center top;
  object-position: center top;
}
section.area-about .wrap-btn-attr .box-title {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
section.area-about .wrap-btn-attr .box-title p span {
  background-color: var(--color-light-blue);
  color: #fff;
  font-weight: 900;
  display: inline-block;
}
section.area-about .wrap-btn-attr .box-title p.small {
  font-size: 28rem;
}
section.area-about .wrap-btn-attr .box-title p.small span {
  padding: 0.2em 0.2em;
}
section.area-about .wrap-btn-attr .box-title p.large {
  font-size: 48rem;
  letter-spacing: 0.09em;
}
section.area-about .wrap-btn-attr .box-title p.large span {
  padding: 0 0.2em 0.2em;
}
section.area-about .wrap-btn-attr .arrow-primary {
  position: absolute;
  right: 30rem;
  bottom: 30rem;
}
section.area-about .wrap-btn-attr .arrow-primary::before {
  background: #fff;
}
section.area-about .wrap-btn-attr .arrow-primary span::before {
  background: var(--color-light-blue);
}
section.area-about .wrap-btn-attr .arrow-primary span::after {
  border-top-color: var(--color-light-blue);
  border-right-color: var(--color-light-blue);
}

section.area-news {
  margin-top: 110rem;
}
section.area-news .anim-illust-alien {
  overflow: hidden;
}
section.area-news .anim-illust-alien img {
  width: auto;
  height: 150rem;
  -webkit-transform: translateX(30%);
          transform: translateX(30%);
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
section.area-news .anim-illust-alien.show img {
  -webkit-transform: translateX(4%);
          transform: translateX(4%);
}

.wrap-news-style {
  margin-top: 100rem;
}
.wrap-news-style .box-news-title {
  width: 86%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.wrap-news-style a.news-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.wrap-news-style a.news-more span.tx {
  font-weight: 600;
  font-size: 26rem;
}
.wrap-news-style a.news-more .arrow-primary {
  margin-left: 20rem;
  width: 60rem;
  height: 60rem;
}
.wrap-news-style a.news-more .arrow-primary::before {
  background: #fff;
  border: 2px solid var(--color-light-blue);
}
.wrap-news-style a.news-more .arrow-primary span::before {
  background: var(--color-light-blue);
}
.wrap-news-style a.news-more .arrow-primary span::after {
  border-top-color: var(--color-light-blue);
  border-right-color: var(--color-light-blue);
}
.wrap-news-style .hstyle-intern-list {
  font-size: 40rem;
  font-weight: 900;
}
.wrap-news-style .hstyle-news {
  display: -ms-grid;
  display: grid;
  gap: 10rem;
}
.wrap-news-style .hstyle-news span {
  line-height: 1;
}
.wrap-news-style .hstyle-news span.en {
  color: var(--color-light-blue);
  font-weight: 700;
  font-family: var(--font-en);
  font-style: italic;
  font-size: 80rem;
}
.wrap-news-style .hstyle-news span.ja {
  font-weight: 600;
  font-size: 26rem;
}
.wrap-news-style ul.list-news {
  margin-top: 60rem;
  width: 600rem;
  margin: 70rem auto 0;
  display: -ms-grid;
  display: grid;
  gap: 40rem;
}
.wrap-news-style ul.list-news li:not(:last-child) {
  border-bottom: 1px solid var(--color-border);
}
.wrap-news-style ul.list-news a {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 160rem 1fr;
  grid-template-columns: 160rem 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  padding-bottom: 40rem;
}
.wrap-news-style ul.list-news a > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.wrap-news-style ul.list-news a > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.wrap-news-style ul.list-news a > *:nth-child(3) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.wrap-news-style ul.list-news a > *:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.wrap-news-style ul.list-news a p.date {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrap-news-style ul.list-news a p.date time {
  font-family: var(--font-en);
  font-weight: 500;
  font-style: italic;
  font-size: 26rem;
}
.wrap-news-style ul.list-news a .icon {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wrap-news-style ul.list-news a .icon img {
  width: 160rem;
  vertical-align: middle;
}
.wrap-news-style ul.list-news a p.title {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  margin-top: 15rem;
}
.wrap-news-style.intern-style a.news-more .arrow-primary::before {
  border: 2px solid var(--color-light-orange);
}
.wrap-news-style.intern-style a.news-more .arrow-primary span::before {
  background: var(--color-light-orange);
}
.wrap-news-style.intern-style a.news-more .arrow-primary span::after {
  border-top-color: var(--color-light-orange);
  border-right-color: var(--color-light-orange);
}

.btn-page-act {
  margin-top: 110rem;
}

.btn-page-faq {
  margin-top: 110rem;
}

/**********************************************************************

 * Media Query For PC

 ***********************************************************************/
@media print, screen and (min-width: 768px) {
  p.h-under {
    margin-top: clamp(24.8242424242px, 2.42vw, 40px);
    line-height: 1.6;
    font-size: clamp(22.3418181818px, 2.18vw, 36px);
  }
  section.area-hero .video-wrap {
    height: 100vh;
  }
  section.area-hero .wrap-copy {
    width: max(451.8012121212px, 44.12vw);
    top: 50%;
  }
  section.area-hero .wrap-copy .copy {
    -webkit-transform: scale(1.7) translate(-300px, 300px) rotate(-180deg);
            transform: scale(1.7) translate(-300px, 300px) rotate(-180deg);
  }
  section.area-hero .wrap-sentence {
    width: max(577.1636363636px, 56.36vw);
    margin: 0 max(74.4727272727px, 7.27vw) 0 auto;
    background: url(../images/bg-texture-orange.jpg) repeat;
    background-size: auto;
    position: relative;
    bottom: max(-80.6787878788px, -7.88vw);
    padding: max(49.6484848485px, 4.85vw) max(31.0303030303px, 3.03vw) max(49.6484848485px, 4.85vw) max(43.4424242424px, 4.24vw);
  }
  section.area-hero .wrap-sentence h1 {
    margin-bottom: max(37.2363636364px, 3.64vw);
    width: max(440.6303030303px, 43.03vw);
    position: relative;
    left: 0;
  }
  section.area-hero .wrap-sentence section p {
    width: max(378.5696969697px, 36.97vw);
  }
  section.area-hero .wrap-sentence section.area-top {
    gap: max(31.0303030303px, 3.03vw);
    position: relative;
  }
  section.area-hero .wrap-sentence section.area-top .illust01 {
    width: max(49.6484848485px, 4.85vw);
    bottom: max(-80.6787878788px, -7.88vw);
    left: auto;
    right: max(40.3393939394px, 3.94vw);
  }
  section.area-hero .wrap-sentence section.area-top .ph {
    width: max(192.3878787879px, 18.79vw);
    margin-left: 0;
    position: absolute;
    right: 0;
    bottom: max(-18.6181818182px, -1.82vw);
    z-index: -1;
  }
  section.area-hero .wrap-sentence section.area-middle {
    margin-top: max(55.8545454545px, 5.45vw);
    display: -ms-grid;
    display: grid;
    gap: max(37.2363636364px, 3.64vw);
    position: relative;
  }
  section.area-hero .wrap-sentence section.area-middle .ph {
    width: max(192.3878787879px, 18.79vw);
    margin-left: 0;
    position: absolute;
    right: 0;
    bottom: auto;
    top: max(43.4424242424px, 4.24vw);
    z-index: -1;
  }
  section.area-hero .wrap-sentence section.area-bottom {
    margin-top: max(37.2363636364px, 3.64vw);
    display: -ms-grid;
    display: grid;
    gap: max(37.2363636364px, 3.64vw);
    position: relative;
  }
  section.area-hero .wrap-sentence section.area-bottom .ph {
    width: max(192.3878787879px, 18.79vw);
    margin-left: 0;
    position: absolute;
    right: 0;
    top: max(27.9272727273px, 2.73vw);
    z-index: -1;
  }
  section.area-hero .wrap-sentence section.area-bottom .ph img.fire {
    position: absolute;
    width: max(43.4424242424px, 4.24vw);
    top: max(72.6109090909px, 7.09vw);
    right: max(40.96px, 4vw);
  }
  section.area-hero .wrap-sentence section.area-bottom .ph::before {
    content: "";
    display: block;
    width: max(89.3672727273px, 8.73vw);
    height: max(89.3672727273px, 8.73vw);
    background: url(../images/illust/27.png) no-repeat center;
    background-size: contain;
    position: absolute;
    bottom: auto;
    top: max(-55.8545454545px, -5.45vw);
    right: max(-31.0303030303px, -3.03vw);
  }
  section.area-hero .wrap-sentence section.area-bottom picture.last {
    width: max(378.5696969697px, 36.97vw);
    margin-bottom: max(62.0606060606px, 6.06vw);
    position: relative;
    z-index: 2;
    margin-top: 0;
  }
  section.area-interview {
    margin-top: clamp(173.7696969697px, 16.97vw, 280px);
  }
  section.area-interview .h-group {
    width: 90%;
    max-width: clamp(918.496969697px, 89.7vw, 1480px);
    margin: 0 auto;
  }
  section.area-interview .box-illust-left {
    position: absolute;
    top: clamp(-31.0303030303px, -3.03vw, -50px);
    left: clamp(-43.4424242424px, -4.24vw, -70px);
    width: clamp(155.1515151515px, 15.15vw, 250px);
  }
  section.area-interview .box-illust-right {
    position: absolute;
    top: clamp(24.8242424242px, 2.42vw, 40px);
    right: clamp(18.6181818182px, 1.82vw, 30px);
    width: clamp(93.0909090909px, 9.09vw, 150px);
  }
  section.area-interview #splide {
    margin-top: clamp(18.6181818182px, 1.82vw, 30px);
  }
  section.area-work {
    margin-top: clamp(93.0909090909px, 9.09vw, 150px);
    margin-left: auto;
    margin-right: max(74.4727272727px, 7.27vw);
    width: 90%;
    max-width: clamp(968.1454545455px, 94.55vw, 1560px);
    padding-bottom: 500px;
  }
  section.area-work .h-group {
    top: clamp(12.4121212121px, 1.21vw, 20px);
    width: 100%;
    position: sticky;
  }
  section.area-work .h-group p.h-under {
    text-align: left;
    margin-left: clamp(37.2363636364px, 3.64vw, 60px);
  }
  section.area-work .hstyle-primary .en {
    color: var(--color-light-green);
  }
  section.area-work .hstyle-primary .ja span {
    background-color: var(--color-light-green);
  }
  section.area-work .wrap-job-list {
    margin: -170px auto -500px;
    width: clamp(837.8181818182px, 81.82vw, 1350px);
  }
  section.area-work .wrap-job-list .job-item {
    top: 150px;
    margin-top: clamp(49.6484848485px, 4.85vw, 80px);
  }
  section.area-work .wrap-job-list .job-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  section.area-work .wrap-job-list .job-item a:hover .arrow-primary {
    -webkit-transform: scale(1.1) translateX(10px);
            transform: scale(1.1) translateX(10px);
  }
  section.area-work .wrap-job-list .ph {
    width: clamp(459.2484848485px, 44.85vw, 740px);
  }
  section.area-work .wrap-job-list .ph .main {
    -o-object-fit: fill;
    object-fit: fill;
    width: 100%;
    height: auto;
  }
  section.area-work .wrap-job-list .ph.job1 .fire {
    width: clamp(55.8545454545px, 5.45vw, 90px);
    top: clamp(124.1212121212px, 12.12vw, 200px);
    left: clamp(217.2121212121px, 21.21vw, 350px);
  }
  section.area-work .wrap-job-list .ph.job1 .fire2 {
    width: clamp(49.6484848485px, 4.85vw, 80px);
    top: clamp(161.3575757576px, 15.76vw, 260px);
    left: clamp(93.0909090909px, 9.09vw, 150px);
  }
  section.area-work .wrap-job-list .ph.job2 .fire {
    width: clamp(86.8848484848px, 8.48vw, 140px);
    bottom: clamp(161.3575757576px, 15.76vw, 260px);
    right: clamp(136.5333333333px, 13.33vw, 220px);
  }
  section.area-work .wrap-job-list .ph.job3 .fire {
    width: clamp(86.8848484848px, 8.48vw, 140px);
    bottom: clamp(93.0909090909px, 9.09vw, 150px);
    right: clamp(80.6787878788px, 7.88vw, 130px);
  }
  section.area-work .wrap-job-list .ph.job4 .fire {
    width: clamp(49.6484848485px, 4.85vw, 80px);
    top: clamp(155.1515151515px, 15.15vw, 250px);
    left: clamp(186.1818181818px, 18.18vw, 300px);
  }
  section.area-work .wrap-job-list .desc {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    border-left: none;
    margin-left: 0;
    padding-left: 0;
    padding-top: 0;
    margin-bottom: clamp(65.1636363636px, 6.36vw, 105px);
  }
  section.area-work .wrap-job-list .desc .job-name {
    margin-bottom: clamp(31.0303030303px, 3.03vw, 50px);
    padding-bottom: clamp(14.8945454545px, 1.45vw, 24px);
    border-bottom: 4px solid var(--color-light-green);
  }
  section.area-work .wrap-job-list .desc .job-name p {
    font-size: clamp(34.7539393939px, 3.39vw, 56px);
  }
  section.area-work .wrap-job-list .desc .job-name .arrow-primary {
    margin-right: clamp(111.7090909091px, 10.91vw, 180px);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  section.area-work .wrap-job-list .desc p.job-desc {
    font-size: clamp(12.4121212121px, 1.21vw, 20px);
    margin-right: clamp(111.7090909091px, 10.91vw, 180px);
  }
  section.area-intern {
    margin-top: clamp(155.1515151515px, 15.15vw, 250px);
    position: relative;
  }
  section.area-intern::before {
    content: "";
    display: block;
    width: 100%;
    height: clamp(477.8666666667px, 46.67vw, 770px);
    background: var(--color-light-orange);
    position: absolute;
    top: clamp(-18.6181818182px, -1.82vw, -30px);
    z-index: -1;
  }
  section.area-intern .box-intern-top {
    width: 100%;
    max-width: clamp(1179.1515151515px, 115.15vw, 1900px);
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr clamp(521.3090909091px, 50.91vw, 840px) 1fr;
    grid-template-columns: 1fr clamp(521.3090909091px, 50.91vw, 840px) 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  section.area-intern .box-intern-top > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  section.area-intern .box-intern-top > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  section.area-intern .box-intern-top > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  section.area-intern .box-intern-top .box-ph-left {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    grid-row: 1;
  }
  section.area-intern .box-intern-top .box-ph-left img {
    position: relative;
    top: clamp(-43.4424242424px, -4.24vw, -70px);
  }
  section.area-intern .box-intern-top .box-ph-right {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
    -ms-grid-row: 1;
    grid-row: 1;
    position: relative;
  }
  section.area-intern .box-intern-top .box-ph-right .ph {
    display: block;
    width: clamp(172.5284848485px, 16.85vw, 278px);
    margin-left: auto;
    position: relative;
    top: auto;
    bottom: clamp(-99.296969697px, -9.7vw, -160px);
    right: clamp(29.1684848485px, 2.85vw, 47px);
  }
  section.area-intern .box-intern-top .box-ph-right .illust {
    display: block;
    position: absolute;
    top: clamp(68.2666666667px, 6.67vw, 110px);
    left: clamp(80.6787878788px, 7.88vw, 130px);
    width: clamp(99.296969697px, 9.7vw, 160px);
    margin-left: auto;
  }
  section.area-intern .box-title {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 1;
    grid-row: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  section.area-intern .hstyle-top-intern {
    margin-top: 0;
    font-size: clamp(37.2363636364px, 3.64vw, 60px);
  }
  section.area-intern .hstyle-top-intern img {
    width: clamp(32.2715151515px, 3.15vw, 52px);
    vertical-align: clamp(-6.2060606061px, -0.61vw, -10px);
    margin: 0 clamp(6.2060606061px, 0.61vw, 10px);
  }
  section.area-intern .box-intern-bottom {
    position: relative;
    width: 90%;
    max-width: clamp(682.6666666667px, 66.67vw, 1100px);
    margin: clamp(43.4424242424px, 4.24vw, 70px) auto 0;
  }
  section.area-intern .box-illust-left {
    position: absolute;
    top: clamp(12.4121212121px, 1.21vw, 20px);
    left: clamp(-179.9757575758px, -17.58vw, -290px);
    width: clamp(175.0109090909px, 17.09vw, 282px);
    margin-top: 0;
    margin-left: 0;
    z-index: 2;
  }
  section.area-intern .box-illust-right {
    z-index: 2;
    position: absolute;
    top: clamp(155.1515151515px, 15.15vw, 250px);
    right: clamp(-136.5333333333px, -13.33vw, -220px);
    width: clamp(372.3636363636px, 36.36vw, 600px);
    margin: 0;
  }
  a.btn-stylePage {
    border: clamp(6.2060606061px, 0.61vw, 10px) solid var(--color-light-green);
    width: 100%;
    max-width: clamp(682.6666666667px, 66.67vw, 1100px);
    height: clamp(254.4484848485px, 24.85vw, 410px);
    margin: 0 auto;
    position: relative;
    display: block;
    overflow: hidden;
  }
  a.btn-stylePage:hover::before {
    background: rgba(0, 0, 0, 0.4);
  }
  a.btn-stylePage:hover .arrow-primary::before {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  a.btn-stylePage:hover img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  a.btn-stylePage::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  a.btn-stylePage .inner {
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  a.btn-stylePage .inner p {
    color: #fff;
    text-align: center;
    line-height: 1;
  }
  a.btn-stylePage .inner p.ja {
    font-weight: 900;
    font-size: clamp(19.8593939394px, 1.94vw, 32px);
    margin-bottom: clamp(6.2060606061px, 0.61vw, 10px);
  }
  a.btn-stylePage .inner p.en {
    font-family: var(--font-en);
    font-weight: 700;
    font-style: italic;
    font-size: clamp(62.0606060606px, 6.06vw, 100px);
    letter-spacing: 0.03em;
  }
  a.btn-stylePage .arrow-primary {
    margin: clamp(18.6181818182px, 1.82vw, 30px) auto 0;
  }
  a.btn-stylePage .arrow-primary::before {
    background: #fff;
  }
  a.btn-stylePage .arrow-primary span::before {
    background: #000;
  }
  a.btn-stylePage .arrow-primary span::after {
    border-top-color: #000;
    border-right-color: #000;
  }
  a.btn-stylePage img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: clamp(248.2424242424px, 24.24vw, 400px);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  section.area-message {
    position: relative;
    overflow: visible;
  }
  section.area-message img.flag {
    position: absolute;
    top: -100px;
    left: 0;
    z-index: 1;
    width: clamp(310.303030303px, 30.3vw, 500px);
  }
  section.area-message .inner {
    overflow: visible;
    width: 90%;
    max-width: clamp(868.8484848485px, 84.85vw, 1400px);
    margin: clamp(37.2363636364px, 3.64vw, 60px) auto 0;
    display: -ms-grid;
    display: grid;
    gap: clamp(49.6484848485px, 4.85vw, 80px);
    -ms-grid-columns: clamp(378.5696969697px, 36.97vw, 610px) clamp(49.6484848485px, 4.85vw, 80px) 1fr;
    grid-template-columns: clamp(378.5696969697px, 36.97vw, 610px) 1fr;
    -ms-grid-rows: auto clamp(49.6484848485px, 4.85vw, 80px) 1fr;
    grid-template-rows: auto 1fr;
  }
  section.area-message .inner > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  section.area-message .inner > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  section.area-message .inner > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  section.area-message .inner > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  section.area-message .hstyle-primary {
    margin-top: clamp(43.4424242424px, 4.24vw, 70px);
  }
  section.area-message p.h-under {
    margin-left: clamp(34.1333333333px, 3.33vw, 55px);
    line-height: 1.8;
  }
  section.area-message .box-ph {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    margin: 0;
  }
  section.area-message .box-ph img.main {
    -o-object-fit: fill;
    object-fit: fill;
    width: 100%;
    height: auto;
    margin: 0;
  }
  section.area-message .box-ph img.fire {
    position: absolute;
    top: clamp(179.9757575758px, 17.58vw, 290px);
    right: clamp(101.7793939394px, 9.94vw, 164px);
    width: clamp(93.0909090909px, 9.09vw, 150px);
  }
  section.area-message .box-ph .anim-illust {
    width: clamp(192.3878787879px, 18.79vw, 310px);
    position: absolute;
    bottom: clamp(-12.4121212121px, -1.21vw, -20px);
    right: clamp(-68.2666666667px, -6.67vw, -110px);
  }
  section.area-message a.btn-message {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    width: clamp(285.4787878788px, 27.88vw, 460px);
    margin: 0 0 0 clamp(34.1333333333px, 3.33vw, 55px);
    height: clamp(74.4727272727px, 7.27vw, 120px);
    border-radius: clamp(37.2363636364px, 3.64vw, 60px);
    font-size: clamp(19.8593939394px, 1.94vw, 32px);
  }
  section.area-message a.btn-message span.tx {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  section.area-message a.btn-message:hover .arrow-primary {
    right: clamp(31.0303030303px, 3.03vw, 50px);
    -webkit-transform: translateY(-50%) scale(1.1);
            transform: translateY(-50%) scale(1.1);
  }
  section.area-message a.btn-message:hover span.tx {
    position: relative;
    -webkit-transform: translateX(clamp(6.2060606061px, 0.61vw, 10px));
            transform: translateX(clamp(6.2060606061px, 0.61vw, 10px));
  }
  section.area-message a.btn-message .arrow-primary {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    right: clamp(24.8242424242px, 2.42vw, 40px);
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: clamp(24.8242424242px, 2.42vw, 40px);
    height: clamp(24.8242424242px, 2.42vw, 40px);
  }
  section.area-education {
    overflow: visible;
    width: 90%;
    max-width: clamp(868.8484848485px, 84.85vw, 1400px);
    margin: clamp(124.1212121212px, 12.12vw, 200px) auto 0;
    display: -ms-grid;
    display: grid;
    gap: clamp(49.6484848485px, 4.85vw, 80px) 0;
    -ms-grid-columns: 1fr 0 clamp(378.5696969697px, 36.97vw, 610px);
    grid-template-columns: 1fr clamp(378.5696969697px, 36.97vw, 610px);
    -ms-grid-rows: auto clamp(49.6484848485px, 4.85vw, 80px) 1fr;
    grid-template-rows: auto 1fr;
  }
  section.area-education > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  section.area-education > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  section.area-education > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  section.area-education > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  section.area-education .hstyle-primary {
    margin-top: clamp(43.4424242424px, 4.24vw, 70px);
  }
  section.area-education p.h-under {
    margin-left: clamp(34.1333333333px, 3.33vw, 55px);
    line-height: 1.8;
  }
  section.area-education .box-desc {
    position: relative;
    z-index: 1;
  }
  section.area-education .box-ph {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    margin: 0;
    position: relative;
    z-index: 0;
  }
  section.area-education .box-ph img {
    width: clamp(372.3636363636px, 36.36vw, 600px);
    position: relative;
    left: clamp(-31.0303030303px, -3.03vw, -50px);
  }
  section.area-education a.btn-message {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    width: clamp(285.4787878788px, 27.88vw, 460px);
    margin: 0 0 0 clamp(34.1333333333px, 3.33vw, 55px);
    height: clamp(74.4727272727px, 7.27vw, 120px);
    border-radius: clamp(37.2363636364px, 3.64vw, 60px);
    font-size: clamp(19.8593939394px, 1.94vw, 32px);
  }
  section.area-education a.btn-message span.tx {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  section.area-education a.btn-message:hover .arrow-primary {
    right: clamp(31.0303030303px, 3.03vw, 50px);
    -webkit-transform: translateY(-50%) scale(1.1);
            transform: translateY(-50%) scale(1.1);
  }
  section.area-education a.btn-message:hover span.tx {
    position: relative;
    -webkit-transform: translateX(clamp(6.2060606061px, 0.61vw, 10px));
            transform: translateX(clamp(6.2060606061px, 0.61vw, 10px));
  }
  section.area-education a.btn-message .arrow-primary {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    right: clamp(24.8242424242px, 2.42vw, 40px);
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: clamp(24.8242424242px, 2.42vw, 40px);
    height: clamp(24.8242424242px, 2.42vw, 40px);
  }
  section.area-about {
    margin-top: clamp(136.5333333333px, 13.33vw, 220px);
    overflow: hidden;
  }
  section.area-about .h-group {
    width: 90%;
    max-width: clamp(868.8484848485px, 84.85vw, 1400px);
    margin: 0 auto;
    position: relative;
  }
  section.area-about .box-illust-left,
  section.area-about .box-illust-right {
    display: block;
  }
  section.area-about .box-illust-left {
    position: absolute;
    bottom: clamp(-24.8242424242px, -2.42vw, -40px);
    left: clamp(-74.4727272727px, -7.27vw, -120px);
    width: clamp(147.7042424242px, 14.42vw, 238px);
  }
  section.area-about .box-illust-right {
    position: absolute;
    top: clamp(24.8242424242px, 2.42vw, 40px);
    right: clamp(-62.0606060606px, -6.06vw, -100px);
    width: clamp(120.3975757576px, 11.76vw, 194px);
  }
  section.area-about .wrap-btn-attr {
    width: 90%;
    max-width: clamp(868.8484848485px, 84.85vw, 1400px);
    margin: clamp(54.6133333333px, 5.33vw, 88px) auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1px;
  }
  section.area-about .wrap-btn-attr a {
    width: 33.333%;
    display: block;
    border-left: clamp(3.7236363636px, 0.36vw, 6px) solid var(--color-light-blue);
    position: relative;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  section.area-about .wrap-btn-attr a:hover {
    width: 37%;
  }
  section.area-about .wrap-btn-attr a:hover .arrow-primary::before {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  section.area-about .wrap-btn-attr img.main {
    height: clamp(285.4787878788px, 27.88vw, 460px);
  }
  section.area-about .wrap-btn-attr .box-title {
    position: absolute;
    top: clamp(-12.4121212121px, -1.21vw, -20px);
    left: clamp(-3.103030303px, -0.3vw, -5px);
  }
  section.area-about .wrap-btn-attr .box-title p.small {
    font-size: clamp(14.8945454545px, 1.45vw, 24px);
  }
  section.area-about .wrap-btn-attr .box-title p.small span {
    padding: 0.1em 0.2em 0;
  }
  section.area-about .wrap-btn-attr .box-title p.large {
    font-size: clamp(29.7890909091px, 2.91vw, 48px);
    line-height: 1;
  }
  section.area-about .wrap-btn-attr .box-title p.large span {
    padding: 0.4em 0.2em 0.4em;
  }
  section.area-about .wrap-btn-attr .arrow-primary {
    position: absolute;
    width: clamp(37.2363636364px, 3.64vw, 60px);
    height: clamp(37.2363636364px, 3.64vw, 60px);
    right: clamp(18.6181818182px, 1.82vw, 30px);
    bottom: clamp(18.6181818182px, 1.82vw, 30px);
  }
  section.area-news {
    margin-top: clamp(68.2666666667px, 6.67vw, 110px);
  }
  section.area-news .anim-illust-alien {
    overflow: hidden;
    text-align: right;
  }
  section.area-news .anim-illust-alien img {
    -webkit-transform: translateX(75%);
            transform: translateX(75%);
    height: clamp(75.7139393939px, 7.39vw, 122px);
    width: auto;
  }
  .wrap-news-style {
    width: 90%;
    max-width: clamp(682.6666666667px, 66.67vw, 1100px);
    margin: clamp(80.6787878788px, 7.88vw, 130px) auto 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: clamp(198.5939393939px, 19.39vw, 320px) 1fr;
    grid-template-columns: clamp(198.5939393939px, 19.39vw, 320px) 1fr;
  }
  .wrap-news-style .box-news-title {
    width: 100%;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .wrap-news-style a.news-more {
    margin-bottom: clamp(24.8242424242px, 2.42vw, 40px);
  }
  .wrap-news-style a.news-more:hover span.tx {
    color: var(--color-light-blue);
  }
  .wrap-news-style a.news-more span.tx {
    font-weight: 600;
    font-size: clamp(12.4121212121px, 1.21vw, 20px);
  }
  .wrap-news-style a.news-more .arrow-primary {
    margin-left: clamp(12.4121212121px, 1.21vw, 20px);
    width: clamp(24.8242424242px, 2.42vw, 40px);
    height: clamp(24.8242424242px, 2.42vw, 40px);
  }
  .wrap-news-style a.news-more .arrow-primary::before {
    background: #fff;
    border: 2px solid var(--color-light-blue);
  }
  .wrap-news-style a.news-more .arrow-primary span::before {
    background: var(--color-light-blue);
    height: clamp(1.8618181818px, 0.18vw, 3px);
  }
  .wrap-news-style a.news-more .arrow-primary span::after {
    border-top: clamp(1.8618181818px, 0.18vw, 3px) solid var(--color-light-blue);
    border-right: clamp(1.8618181818px, 0.18vw, 3px) solid var(--color-light-blue);
  }
  .wrap-news-style .hstyle-intern-list {
    font-size: clamp(24.8242424242px, 2.42vw, 40px);
  }
  .wrap-news-style .hstyle-news {
    display: -ms-grid;
    display: grid;
    gap: clamp(12.4121212121px, 1.21vw, 20px);
  }
  .wrap-news-style .hstyle-news span.en {
    font-size: clamp(44.6836363636px, 4.36vw, 72px);
  }
  .wrap-news-style .hstyle-news span.ja {
    font-size: clamp(12.4121212121px, 1.21vw, 20px);
  }
  .wrap-news-style ul.list-news {
    width: 100%;
    margin: clamp(18.6181818182px, 1.82vw, 30px) 0 0;
    display: -ms-grid;
    display: grid;
    gap: clamp(24.8242424242px, 2.42vw, 40px);
  }
  .wrap-news-style ul.list-news li:last-child a {
    padding-bottom: 0;
  }
  .wrap-news-style ul.list-news a {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: clamp(86.8848484848px, 8.48vw, 140px) clamp(74.4727272727px, 7.27vw, 120px) 1fr;
    grid-template-columns: clamp(86.8848484848px, 8.48vw, 140px) clamp(74.4727272727px, 7.27vw, 120px) 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    padding-bottom: clamp(24.8242424242px, 2.42vw, 40px);
  }
  .wrap-news-style ul.list-news a > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .wrap-news-style ul.list-news a > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .wrap-news-style ul.list-news a > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .wrap-news-style ul.list-news a:hover p.title {
    color: var(--color-light-blue);
  }
  .wrap-news-style ul.list-news a p.date {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    display: block;
    text-align: center;
  }
  .wrap-news-style ul.list-news a p.date time {
    font-size: clamp(11.1709090909px, 1.09vw, 18px);
  }
  .wrap-news-style ul.list-news a .icon {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    display: block;
  }
  .wrap-news-style ul.list-news a .icon img {
    display: block;
    margin-top: clamp(1.2412121212px, 0.12vw, 2px);
    width: clamp(74.4727272727px, 7.27vw, 120px);
  }
  .wrap-news-style ul.list-news a p.title {
    -webkit-transition: 0.2s;
    transition: 0.2s;
    margin-left: clamp(15.5151515152px, 1.52vw, 25px);
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
    margin-top: 0;
    line-height: 1.6;
    font-size: clamp(12.4121212121px, 1.21vw, 20px);
  }
  .wrap-news-style.intern-style ul.list-news a:hover p.title {
    color: var(--color-light-orange);
  }
  .wrap-news-style.intern-style a.news-more:hover span.tx {
    color: var(--color-light-orange);
  }
  .btn-page-act {
    margin-top: clamp(93.0909090909px, 9.09vw, 150px);
  }
  .btn-page-faq {
    margin-top: clamp(93.0909090909px, 9.09vw, 150px);
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  section.area-work .wrap-job-list {
    margin: clamp(-62.0606060606px, -6.06vw, -100px) auto -500px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
  section.area-intern .box-illust-right {
    display: none;
  }
  section.area-intern .box-illust-left {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  section.area-hero .wrap-copy {
    width: 70%;
  }
}
/*# sourceMappingURL=top.css.map */