/*
** Variable
*/

html {
  --standard-width: 1440;
  --standard-font-size: 16;
  --wrapper-size: 0.8;
}


/*
** #hero-animation
*/

#hero-animation {
  width: calc(1440 * 100vw / var(--standard-width));
  height: calc(810 * 100vw / var(--standard-width));
  background-image: url(../image/aviation-department/bg_hero@xl.jpg);
}


/*
** .aviation-department-header
*/

.aviation-department-header__inner {
  padding: calc(30 * 100vw / var(--standard-width));
}

.aviation-department-header__page-name {
  width: calc(425 * 100vw / var(--standard-width));
}


/*
** .intro
*/

.intro {
  margin-top: calc(-225 * 100vw / var(--standard-width));
  margin-bottom: calc(72 * 100vw / var(--standard-width));
}

.intro__inner {
  display: grid;
  grid-template-columns: 540fr 612fr;
  grid-column-gap: calc(144 * 100vw / var(--standard-width));
  margin-left: calc(((1 - var(--wrapper-size)) / 2 ) * 100%);
  align-items: end;
}

.intro__image {
  padding-left: 0;
}

.intro__image-caption {
  position: absolute;
  bottom: calc(-15.9 * 100vw / var(--standard-width));
  right: calc(16.7 * 100vw / var(--standard-width));
  width: 79.7%;
}

.intro__contents {
  order: -1;
  margin-right: 0;
}

.intro__message-catch {
  font-size: calc(50 / var(--standard-font-size) * 1em);
  margin-bottom: calc(36 * 100vw / var(--standard-width));
}

.intro__message-body br {
  display: block;
}


/*
** .proposal
*/

.proposal__inner {
  position: relative;
  padding-bottom: 0;
}

.proposal__video--xl {
  display: block;
}

.proposal__video--sm {
  display: none;
}

.proposal__contents {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-auto-rows: max-content;
  align-items: center;
  padding-left: calc(18 * 100vw / var(--standard-width));
  margin-top: 0;
}

.proposal__catch {
  position: relative;
  top: unset;
  right: unset;
  width: calc(163 * 100vw / var(--standard-width));
}

.proposal__message {
  width: 100%;
  transform: translateX(calc(-40 * 100vw / var(--standard-width)));
  padding: calc(90 * 100vw / var(--standard-width)) calc(50 * 100vw / var(--standard-width)) calc(90 * 100vw / var(--standard-width)) calc(78 * 100vw / var(--standard-width));
}

.proposal__message-lead {
  grid-row-gap: calc(13 * 100vw / var(--standard-width));
  font-size: calc(18 / var(--standard-font-size) * 1em);
  margin-bottom: calc(26 * 100vw / var(--standard-width));
}


/*
** .runway
*/

.runway {
  margin-top: calc(-126 * 100vw / var(--standard-width));
}

.runway__intro {
  clip-path: polygon(0 calc(126 * 100vw / var(--standard-width)), 100% 0%, 100% 100%, 0% 100%);
  padding-top: calc(180 * 100vw / var(--standard-width));
  padding-bottom: calc(108 * 100vw / var(--standard-width));
}

.runway__intro-inner {
  display: grid;
  grid-template-columns: 600fr 498fr;
  grid-auto-rows: max-content;
  grid-column-gap: calc(54 * 100vw / var(--standard-width));
}

.runway__intro-catch {
  margin-bottom: 0;
}

.runway__intro-body {
  font-size: calc(18 / var(--standard-font-size) * 1em);
  transform: rotate(-5deg);
  margin-bottom: calc(20 * 100vw / var(--standard-width));
}

.runway__intro-airplane {
  width: calc(300 * 100vw / var(--standard-width));
}

.runway__sections {
  clip-path: polygon(0 0, 100% 0%, 100% calc(100% - calc(126 * 100vw / var(--standard-width))), 0% 100%);
  padding-top: calc(36 * 100vw / var(--standard-width));
  padding-bottom: calc(162 * 100vw / var(--standard-width));
}

.runway__sections-inner {
  margin-left: calc(((1 - var(--wrapper-size)) / 2 ) * 100%);
  margin-right: calc(((1 - var(--wrapper-size)) / 2 ) * 100%);
}

.runway__sections-list {
  grid-column-gap: calc(108 * 100vw / var(--standard-width));
}

.runway__sections-image {
  grid-row-gap: calc(27 * 100vw / var(--standard-width));
}

.runway__sections-image::after {
  font-size: calc(40 / var(--standard-font-size) * 1em);
}

.runway__sections-desc {
  font-size: calc(18 / var(--standard-font-size) * 1em);
}


/*
** .sections
*/

.section-intro {
  margin-top: calc(-126 * 100vw / var(--standard-width));
}

.section-intro:nth-child(even) {
  clip-path: polygon(0 calc(126 * 100vw / var(--standard-width)), 100% 0%, 100% calc(100% - calc(126 * 100vw / var(--standard-width))), 0% 100%);
}

.section-intro__inner {
  padding-top: calc(128 * 100vw / var(--standard-width));
  padding-bottom: calc(234 * 100vw / var(--standard-width));
}

.section-intro__overview {
  width: var(--wrapper-size);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: max-content;
  grid-column-gap: calc(72 * 100vw / var(--standard-width));
  align-items: center;
  margin-bottom: calc(72 * 100vw / var(--standard-width));
  margin-left: auto;
  margin-right: auto;
}

.section-intro:nth-child(odd) .section-intro__overview {
  margin-left: calc(((1 - var(--wrapper-size)) / 2 ) * 100%);
}

.section-intro:nth-child(even) .section-intro__overview {
  padding-top: calc(18 * 100vw / var(--standard-width));
  margin-right: calc(((1 - var(--wrapper-size)) / 2 ) * 100%);
}

.section-intro__image {
  margin-bottom: 0;
}

.section-intro:nth-child(odd) .section-intro__image {
  margin-left: 0;
}

.section-intro:nth-child(even) .section-intro__image {
  margin-right: 0;
}

.section-intro__image-catch {
  top: calc(-45 * 100vw / var(--standard-width));
  width: calc(163 * 100vw / var(--standard-width));
}

.section-intro:nth-child(odd) .section-intro__image-catch {
  left: calc(-30 * 100vw / var(--standard-width));
}

.section-intro:nth-child(even) .section-intro__image-catch {
  right: calc(-30 * 100vw / var(--standard-width));
}

.section-intro__desc {
  grid-row-gap: calc(36 * 100vw / var(--standard-width));
  width: 100%;
}

.section-intro:nth-child(odd) .section-intro__desc {
  order: -1;
}

.section-intro__desc-headline {
  grid-column-gap: calc(30 * 100vw / var(--standard-width));
}

.section-intro__desc-headline-num {
  font-size: calc(125 / var(--standard-font-size) * 1em);
}

.section-intro__desc-headline-en {
  font-size: calc(20 / var(--standard-font-size) * 1em);
  margin-bottom: calc(10 * 100vw / var(--standard-width));
}

.section-intro__desc-headline-body {
  font-size: calc(60 / var(--standard-font-size) * 1em);
}

.section-intro__desc-body:last-child {
  grid-template-columns: repeat(2, max-content);
  grid-column-gap: calc(36 * 100vw / var(--standard-width));
}

.section-intro__desc-recommend {
  font-size: calc(20 / var(--standard-font-size) * 1em);
}

.section-intro__business-list {
  grid-template-columns: repeat(auto-fit, minmax(calc(350 * 100vw / var(--standard-width)), 1fr));
  grid-column-gap: calc(36 * 100vw / var(--standard-width));
}

.section-intro__business-item {
  grid-row-gap: calc(18 * 100vw / var(--standard-width));
}

.section-intro__business-headline {
  font-size: calc(25 / var(--standard-font-size) * 1em);
}


/*
** .real
*/

.real {
  clip-path: polygon(0 calc(126 * 100vw / var(--standard-width)), 100% 0%, 100% 100%, 0% 100%);
  margin-top: calc(-126 * 100vw / var(--standard-width));
}

.real__inner {
  grid-template-columns: repeat(3, 1fr);
  grid-gap: calc(54 * 100vw / var(--standard-width)) calc(108 * 100vw / var(--standard-width));
  padding-top: calc(216 * 100vw / var(--standard-width));
  padding-bottom: calc(108 * 100vw / var(--standard-width));
}

.real__notice-item {
  grid-template-rows: 1fr max-content max-content;
  grid-row-gap: calc(27 * 100vw / var(--standard-width));
}

.real__notice-headline {
  font-size: calc(25 / var(--standard-font-size) * 1em);
}

.real__notice-desc {
  font-size: calc(15 / var(--standard-font-size) * 1em);
}


/*
** .reason
*/

.reason__inner {
  padding-top: calc(108 * 100vw / var(--standard-width));
  padding-bottom: calc(108 * 100vw / var(--standard-width));
}

.reason__headline {
  font-size: calc(45 / var(--standard-font-size) * 1em);
  text-align: center;
  margin-bottom: calc(108 * 100vw / var(--standard-width));
}

.reason__headline span {
  display: inline-block;
}

.reason__headline span:first-child {
  transform: unset;
}

.reason__headline span:last-child {
  transform: unset;
}

.reason__headline span::after {
  width: 110%;
}

.reason__headline span:first-child::after {
  left: -5%;
}

.reason__headline span:last-child::after {
  right: -5%;
}

.reason__headline i {
  font-size: 1.1em;
}

.reason__staff-list {
  grid-row-gap: calc(72 * 100vw / var(--standard-width));
}

.reason__staff-item {
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: calc(72 * 100vw / var(--standard-width));
  align-items: center;
  padding-bottom: calc(72 * 100vw / var(--standard-width));
}

.reason__staff-item:nth-child(even) .reason__staff-contents {
  order: -1;
}

.reason__staff-catch {
  font-size: calc(25 / var(--standard-font-size) * 1em);
  margin-bottom: calc(54 * 100vw / var(--standard-width));
}

.reason__staff-message {
  grid-row-gap: calc(54 * 100vw / var(--standard-width));
}

.reason__staff-message-profile-name {
  font-size: calc(20 / var(--standard-font-size) * 1em);
}

.reason__staff-message-profile-position {
  font-size: calc(15 / var(--standard-font-size) * 1em);
}


/*
** .other
*/

.other {
  margin-bottom: 0;
}

.other__inner {
  grid-template-columns: 864fr 576fr;
  align-items: center;
}

.other__catch {
  top: calc(56 * 100vw / var(--standard-width));
  bottom: unset;
  right: calc(-20.5 * 100vw / var(--standard-width));
  width: calc(130 * 100vw / var(--standard-width));
}

.other__notice-list {
  grid-row-gap: calc(54 * 100vw / var(--standard-width));
  width: 100%;
  padding-left: calc(54 * 100vw / var(--standard-width));
  padding-right: calc(54 * 100vw / var(--standard-width));
}

.other__notice-item {
  grid-template-columns: 200fr 241fr;
  grid-column-gap: calc(27 * 100vw / var(--standard-width));
  align-items: center;
}

.other__notice-headline {
  font-size: calc(25 / var(--standard-font-size) * 1em);
  text-align: left;
  margin-bottom: calc(18 * 100vw / var(--standard-width));
}


/*
** .cta
*/

.cta::before {
  height: calc(820 * 100vw / var(--standard-width));
  background-image: url(../image/aviation-department/bg_cta@xl.jpg);
}

.cta__inner {
  padding-top: calc(144 * 100vw / var(--standard-width));
}

.cta__contents {
  grid-template-columns: 50%;
  grid-row-gap: calc(36 * 100vw / var(--standard-width));
}

.cta__headline {
  font-size: calc(60 / var(--standard-font-size) * 1em);
  text-shadow: 0 0 calc(25 * 100vw / var(--standard-width)) #fff;
}

.cta__message-lead {
  margin-bottom: calc(18 * 100vw / var(--standard-width));
}

.cta__message-body {
  font-size: calc(18 / var(--standard-font-size) * 1em);
}

.cta__button a {
  width: unset;
  font-size: calc(22 / var(--standard-font-size) * 1em);
}


/*
** #aviation-department-fixed
*/

#aviation-department-fixed {
  padding: calc(30 * 100vw / var(--standard-width));
}

#recruit-button a {
  font-size: calc(25 / var(--standard-font-size) * 1em);
  padding: calc(15 * 100vw / var(--standard-width)) calc(30 * 100vw / var(--standard-width));
}


/*
** .aviation-department-footer
*/

.aviation-department-footer__inner {
  padding-bottom: calc(144 * 100vw / var(--standard-width));
}

.aviation-department-footer__sign {
  width: calc(350 * 100vw / var(--standard-width));
}