@charset "UTF-8";
/* Break point
---------------------------------------------------------- */
/* Font
---------------------------------------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Petrona:ital,wght@0,100..900;1,100..900&family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap");
/* Mixin
---------------------------------------------------------- */
/* animation
---------------------------------------------------------- */
/* ==========================================================================//
//
//　変数
//
// ========================================================================== */
:root {
  /* Color
  ---------------------------------------------------------- */
  --color-main: #194873;
  --color-sub: #EDF1F6;
  --color-point: #56C7E0;
  --color-red: #D11B1B;
  --color-font: #272727;
  /* font
  ---------------------------------------------------------- */
  --font-en: "Petrona", "serif";
  --font-mincho: "Zen Old Mincho", "serif";
  --font-r: 300;
  --font-m: 500;
  --font-b: 700;
  --font-bl: 900;
  --lhS: 1.2;
  --lhM: 1.5;
  --lhL: 1.8;
  --lhLL: 2.3;
  --font8: 0.5rem;
  --font9: 0.56rem;
  --font10: 0.62rem;
  --font11: 0.7rem;
  --font12: 0.79rem;
  --font13: 0.81rem;
  --font14: 0.88rem;
  --font15: 0.94rem;
  --font16: 1rem;
  --font18: 1.12rem;
  --font20: 1.25rem;
  --font22: 1.42rem;
  --font23: 1.5rem;
  --font24: 1.5rem;
  --font25: 1.6rem;
  --font26: 1.62rem;
  --font28: 1.8rem;
  --font29: 1.85rem;
  --font30: 1.87rem;
  --font32: 2rem;
  --font33: 2.06rem;
  --font36: 2.28rem;
  --font37: 2.31rem;
  --font38: 2.37rem;
  --font41: 2.56rem;
  --font46: 2.88rem;
  --font50: 3.12rem;
  --font52: 3.25rem;
  --font55: 3.43rem;
  --font61: 3.81rem;
  --font66: 4.12rem;
  --font70: 4.37rem;
  --font74: 4.62rem;
  /* width
  ---------------------------------------------------------- */
  --maxWidth: 1040px;
  /* margin padding
  ---------------------------------------------------------- */
  --margin: 15px;
  --slide-padding: 7.5px;
  /* animation
  ---------------------------------------------------------- */
  --fadeInDelay: 0.3s;
}
@media screen and (min-width: 768px) {
  :root {
    --margin: 20px;
  }
}
@media screen and (min-width: 960px) {
  :root {
    --margin: 20px;
  }
}
@media screen and (min-width: 960px) {
  :root {
    --slide-padding: 25px;
  }
}
@media screen and (min-width: 960px) {
  :root {
    --slide-padding: 35px;
  }
}

body {
  background: #EEF3F9;
}
body > * {
  position: relative;
  z-index: 2;
}

.c-top-ttl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (min-width: 960px) {
  .c-top-ttl {
    margin-bottom: 40px;
  }
}
.c-top-ttl .-en {
  font-size: var(--font28);
  font-family: var(--font-en);
  font-weight: var(--font-r);
  color: var(--color-main);
}
@media screen and (min-width: 960px) {
  .c-top-ttl .-en {
    font-size: var(--font52);
    line-height: 1.2;
  }
}
.c-top-ttl .-jp {
  font-family: var(--font-mincho);
  letter-spacing: 0.7px;
  font-size: var(--font14);
}
@media screen and (min-width: 960px) {
  .c-top-ttl .-jp {
    font-size: var(--font18);
    letter-spacing: 0.9px;
  }
}

.js-scroll .c-top-ttl div {
  overflow: hidden;
}
.js-scroll .c-top-ttl div span {
  display: inline-block;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.5s ease-out var(--fadeInDelay);
  transition: -webkit-transform 0.5s ease-out var(--fadeInDelay);
  transition: transform 0.5s ease-out var(--fadeInDelay);
  transition: transform 0.5s ease-out var(--fadeInDelay), -webkit-transform 0.5s ease-out var(--fadeInDelay);
}
.js-scroll .c-top-ttl div span.-jp {
  -webkit-transition: -webkit-transform 0.3s ease-out calc(var(--fadeInDelay) + 0.6s);
  transition: -webkit-transform 0.3s ease-out calc(var(--fadeInDelay) + 0.6s);
  transition: transform 0.3s ease-out calc(var(--fadeInDelay) + 0.6s);
  transition: transform 0.3s ease-out calc(var(--fadeInDelay) + 0.6s), -webkit-transform 0.3s ease-out calc(var(--fadeInDelay) + 0.6s);
}
.js-scroll.-start .c-top-ttl span {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.l-top-earth {
  position: fixed;
  bottom: 0;
  left: 0;
  height: calc(100vh - 53px);
  width: 100%;
  z-index: 1;
}
@media screen and (min-width: 960px) {
  .l-top-earth {
    height: calc(100vh - 83px);
  }
}
.l-top-earth picture {
  height: 66%;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (min-width: 960px) {
  .l-top-earth picture {
    height: 85%;
  }
}
.l-top-earth picture img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 auto;
}

.l-top-mv {
  height: 100svh;
  padding-top: 53px;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .l-top-mv {
    padding-top: 83px;
  }
}
.l-top-mv__ttl {
  display: inline-block;
  margin: 0 auto;
  font-family: var(--font-mincho);
  margin-top: 15svh;
}
@media screen and (min-width: 960px) {
  .l-top-mv__ttl {
    margin-top: 20svh;
  }
}
.l-top-mv__ttl .-sub {
  font-size: var(--font13);
  letter-spacing: 0.653px;
  font-weight: var(--font-b);
  margin-bottom: 5px;
}
@media screen and (min-width: 960px) {
  .l-top-mv__ttl .-sub {
    font-size: var(--font25);
    letter-spacing: 1.27px;
  }
}
.l-top-mv__ttl .-main {
  color: var(--color-main);
  font-size: var(--font33);
  font-weight: var(--font-b);
  letter-spacing: 6.798px;
  border-top: 1px solid var(--color-main);
}
@media screen and (min-width: 960px) {
  .l-top-mv__ttl .-main {
    font-size: var(--font66);
    letter-spacing: 13.23px;
  }
}
.l-top-mv__ttl .-main span {
  font-size: var(--font38);
  font-weight: var(--font-m);
  letter-spacing: 7.619px;
  font-family: "Roboto serif";
}
@media screen and (min-width: 960px) {
  .l-top-mv__ttl .-main span {
    font-size: var(--font74);
    letter-spacing: 14.83px;
  }
}
.l-top-mv__scroll {
  padding-top: 40px;
  position: absolute;
  bottom: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (min-width: 960px) {
  .l-top-mv__scroll {
    padding-top: 65px;
  }
}
.l-top-mv__scroll .-line {
  display: inline-block;
  width: 1px;
  height: 35px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-animation: lineAnime 2s infinite;
          animation: lineAnime 2s infinite;
  --lineHeight: 35px;
}
@media screen and (min-width: 960px) {
  .l-top-mv__scroll .-line {
    height: 60px;
  }
}
@media screen and (min-width: 960px) {
  .l-top-mv__scroll .-line {
    --lineHeight: 60px;
  }
}
@-webkit-keyframes lineAnime {
  0% {
    height: 0px;
    top: 0;
  }
  50% {
    height: var(--lineHeight);
    top: 0;
  }
  100% {
    height: 0px;
    top: var(--lineHeight);
  }
}
@keyframes lineAnime {
  0% {
    height: 0px;
    top: 0;
  }
  50% {
    height: var(--lineHeight);
    top: 0;
  }
  100% {
    height: 0px;
    top: var(--lineHeight);
  }
}
.l-top-mv__scroll span {
  font-size: var(--font12);
  color: #fff;
  font-family: var(--font-en);
  font-weight: 400;
}
@media screen and (min-width: 960px) {
  .l-top-mv__scroll span {
    font-size: var(--font16);
  }
}

.l-top-mv__ttl div {
  overflow: hidden;
}
.l-top-mv__ttl .-sub p {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.l-top-mv__ttl .-main p {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.7s 0.5s;
  transition: -webkit-transform 0.7s 0.5s;
  transition: transform 0.7s 0.5s;
  transition: transform 0.7s 0.5s, -webkit-transform 0.7s 0.5s;
}

.l-top-earth {
  -webkit-filter: blur(10px);
          filter: blur(10px);
  opacity: 0;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: all 1s 1.2s;
  transition: all 1s 1.2s;
}

.js-opAnime.-start .l-top-mv__ttl .-sub p {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.js-opAnime.-start .l-top-mv__ttl .-main p {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.js-opAnime.-start .l-top-earth {
  -webkit-filter: blur(0);
          filter: blur(0);
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.l-top-grdOuter {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(238, 243, 249, 0)), color-stop(16.5%, rgba(238, 243, 249, 0.7)));
  background: -webkit-linear-gradient(top, rgba(238, 243, 249, 0) 0%, rgba(238, 243, 249, 0.7) 16.5%);
  background: linear-gradient(180deg, rgba(238, 243, 249, 0) 0%, rgba(238, 243, 249, 0.7) 16.5%);
}

.l-top-outer__newsAndWarmtopic {
  padding: 0 10px;
  margin-top: 20px;
}
@media screen and (min-width: 960px) {
  .l-top-outer__newsAndWarmtopic {
    max-width: 930px;
    padding: 0 40px;
    margin: 100px auto 0;
  }
}

.l-top-news {
  background: #fff;
}
@media screen and (min-width: 960px) {
  .l-top-news {
    display: grid;
    grid-template-columns: auto 1fr;
  }
}
.l-top-news__ttlBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--color-sub);
  padding: 10px 20px;
}
@media screen and (min-width: 960px) {
  .l-top-news__ttlBox {
    padding: 60px 60px 60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 20px;
  }
}
.l-top-news__ttlBox a {
  color: var(--color-main);
  padding-right: 10px;
}
.l-top-news__ttlBox a::after {
  width: 6px;
  height: 6px;
  background: none;
  border-radius: 0%;
  border-top: 1px solid var(--color-main);
  border-right: 1px solid var(--color-main);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  right: 0;
  top: calc(50% - 3px);
}
@media screen and (min-width: 960px) {
  .l-top-news__ttlBox a::after {
    top: calc(50% - 2px);
  }
}
@media screen and (min-width: 960px) {
  .l-top-news__ttlBox a:hover::after {
    right: -5px;
  }
}
.l-top-news__ttl {
  font-size: var(--font25);
  font-family: var(--font-en);
  font-weight: var(--font-r);
  color: var(--color-main);
}
@media screen and (min-width: 960px) {
  .l-top-news__ttl {
    font-size: var(--font41);
  }
}
.l-top-news.js-scroll .l-top-news__ttl {
  overflow: hidden;
}
.l-top-news.js-scroll .l-top-news__ttl span {
  display: inline-block;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.4s ease-out var(--fadeInDelay);
  transition: -webkit-transform 0.4s ease-out var(--fadeInDelay);
  transition: transform 0.4s ease-out var(--fadeInDelay);
  transition: transform 0.4s ease-out var(--fadeInDelay), -webkit-transform 0.4s ease-out var(--fadeInDelay);
}
.l-top-news.js-scroll.-start .l-top-news__ttl span {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.l-top-news__mainBox {
  padding: 0 20px 30px;
}
@media screen and (min-width: 960px) {
  .l-top-news__mainBox {
    padding: 30px 60px 60px;
  }
}
.l-top-news__label {
  margin-top: 20px;
  display: inline-block;
  font-size: var(--font10);
  width: 90px;
  padding: 1px 0;
  text-align: center;
  background: var(--color-main);
  color: #fff;
  font-weight: var(--font-m);
}
@media screen and (min-width: 960px) {
  .l-top-news__label {
    margin-top: 30px;
    width: 120px;
    font-size: var(--font12);
  }
}
.l-top-news__label.-info {
  background: var(--color-point);
}
.l-top-news__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.l-top-news__list li {
  display: inline-grid;
  grid-template-rows: auto 1fr;
  gap: 3px;
  margin-top: 10px;
}
@media screen and (min-width: 960px) {
  .l-top-news__list li {
    grid-template-columns: auto 1fr;
    gap: 0 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.l-top-news__list li .-day {
  color: var(--color-main);
  font-size: var(--font12);
}
@media screen and (min-width: 960px) {
  .l-top-news__list li .-day {
    font-size: var(--font14);
  }
}
.l-top-news__list li a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.l-top-news__list li a span {
  background: -webkit-linear-gradient(top, #fff calc(100% - 1px), var(--color-font) 1px);
  background: linear-gradient(to bottom, #fff calc(100% - 1px), var(--color-font) 1px);
}
.l-top-news__list li.-memberOnly {
  grid-template-areas: "day day" "main member";
}
@media screen and (min-width: 960px) {
  .l-top-news__list li.-memberOnly {
    grid-template-columns: auto 1fr auto;
    grid-template-areas: none;
  }
}
.l-top-news__list li.-memberOnly .-day {
  grid-area: day;
}
@media screen and (min-width: 960px) {
  .l-top-news__list li.-memberOnly .-day {
    grid-area: auto;
  }
}
.l-top-news__list li.-memberOnly p {
  grid-area: main;
}
@media screen and (min-width: 960px) {
  .l-top-news__list li.-memberOnly p {
    grid-area: auto;
  }
}
.l-top-news__list li.-memberOnly::after {
  content: "会員限定";
  grid-area: member;
  width: auto;
  height: auto;
  -webkit-clip-path: none;
          clip-path: none;
  position: static;
  border-radius: 0;
  display: inline-block;
  font-size: var(--font12);
  color: var(--color-main);
  padding: 0px 5px 2px;
  background: #C8DCF2;
}
@media screen and (min-width: 960px) {
  .l-top-news__list li.-memberOnly::after {
    font-size: var(--font14);
    grid-area: auto;
  }
}
.l-top-news__list li a {
  color: var(--color-font);
}
.l-top-news__list li a::after {
  content: none;
}
@media screen and (min-width: 960px) {
  .l-top-news__list li a:hover span {
    background: none;
  }
}

.l-top-about {
  padding: 50px 10px 0;
}
@media screen and (min-width: 960px) {
  .l-top-about {
    margin: 130px auto 0;
    padding: 0 40px 0;
    max-width: calc(var(--maxWidth) + 40px + 40px);
  }
}
.l-top-about__btnBox {
  display: grid;
  grid-template-columns: repeat(2, 50%);
  grid-template-areas: "first first" "second third";
}
.l-top-about__btnBox .c-btn-1 a {
  font-family: var(--font-mincho);
  font-weight: var(--font-b);
  line-height: normal;
}
@media screen and (min-width: 960px) {
  .l-top-about__btnBox .c-btn-1 a {
    font-size: var(--font20);
    letter-spacing: 1px;
  }
  .l-top-about__btnBox .c-btn-1 a::after {
    top: auto;
    bottom: 20px;
  }
  .l-top-about__btnBox .c-btn-1 a::before {
    top: auto;
    bottom: 16.5px;
    right: 16.5px;
  }
  .l-top-about__btnBox .c-btn-1 a:hover::after {
    right: 13.5px;
    bottom: 13.5px;
  }
}
.l-top-about__btnBox .c-btn-1 + .c-btn-1 {
  margin-top: 0;
}
.l-top-about__btnBox .c-btn-1:first-child {
  grid-area: first;
  background: -webkit-gradient(linear, left top, right top, color-stop(11.5%, #C4EEFE), color-stop(35.5%, #79C1DE), color-stop(99.5%, #598AB3));
  background: -webkit-linear-gradient(left, #C4EEFE 11.5%, #79C1DE 35.5%, #598AB3 99.5%);
  background: linear-gradient(90deg, #C4EEFE 11.5%, #79C1DE 35.5%, #598AB3 99.5%);
  position: relative;
}
.l-top-about__btnBox .c-btn-1:first-child a {
  padding: 40px 45px 40px 150px;
  background: none;
}
@media screen and (min-width: 768px) {
  .l-top-about__btnBox .c-btn-1:first-child a {
    padding: 60px 45px 60px 150px;
  }
}
@media screen and (min-width: 960px) {
  .l-top-about__btnBox .c-btn-1:first-child a {
    padding: 130px 170px 130px 150px;
    font-size: var(--font25);
    text-align: right;
    letter-spacing: 1.25px;
    font-weight: var(--font-b);
  }
}
.l-top-about__btnBox .c-btn-1:first-child::before {
  content: "";
  display: inline-block;
  width: 50%;
  height: 100%;
  background: url("/ajec/images/img-top_aboutBtn.svg") no-repeat;
  background-size: cover;
  background-position: center right;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 960px) {
  .l-top-about__btnBox .c-btn-1:first-child::before {
    width: 65%;
    background-size: auto 100%;
    background-position: center right;
    -webkit-transition: background-size 0.3s;
    transition: background-size 0.3s;
  }
}
@media screen and (min-width: 1060px) {
  .l-top-about__btnBox .c-btn-1:first-child::before {
    width: 70%;
    background-size: 100% auto;
  }
}
@media screen and (min-width: 960px) {
  .l-top-about__btnBox .c-btn-1:first-child:hover::before {
    background-size: 110% auto;
  }
}
.l-top-about__btnBox .c-btn-1:nth-child(2)::before, .l-top-about__btnBox .c-btn-1:nth-child(3)::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
  will-change: width;
}
.l-top-about__btnBox .c-btn-1:nth-child(2):hover::before, .l-top-about__btnBox .c-btn-1:nth-child(3):hover::before {
  width: 100%;
}
.l-top-about__btnBox .c-btn-1:nth-child(2) a, .l-top-about__btnBox .c-btn-1:nth-child(3) a {
  background: none;
  padding: 25px 35px 25px 20px;
}
@media screen and (min-width: 960px) {
  .l-top-about__btnBox .c-btn-1:nth-child(2) a, .l-top-about__btnBox .c-btn-1:nth-child(3) a {
    padding: 50px 35px 50px 20px;
  }
}
.l-top-about__btnBox .c-btn-1:nth-child(2) {
  grid-area: second;
  background: #21373C;
}
.l-top-about__btnBox .c-btn-1:nth-child(3) {
  grid-area: third;
  background: var(--color-main);
}
.l-top-about__btnBox.js-scroll .c-btn-1 {
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: opacity 0.5s ease-out, width 0.3s, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, width 0.3s, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out, width 0.3s;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out, width 0.3s, -webkit-transform 0.5s ease-out;
}
.l-top-about__btnBox.js-scroll .c-btn-1:nth-child(2) {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.l-top-about__btnBox.js-scroll .c-btn-1:nth-child(3) {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.l-top-about__btnBox.js-scroll.-start .c-btn-1 {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.l-top-activities {
  margin: 60px 10px 0;
  padding: 20px 0 30px;
  position: relative;
}
@media screen and (min-width: 960px) {
  .l-top-activities {
    margin: 130px auto 0;
    padding: 90px 0 110px;
    max-width: 1440px;
  }
}
.l-top-activities::before, .l-top-activities::after {
  content: "";
  display: inline-block;
  width: calc(100% - 40px);
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (min-width: 960px) {
  .l-top-activities::before, .l-top-activities::after {
    width: calc(100% - 80px);
    max-width: var(--maxWidth);
  }
}
.l-top-activities::before {
  background: #D4E3EF;
  z-index: -2;
}
.l-top-activities::after {
  background: url("/ajec/images/img-activities_bg.png") no-repeat;
  background-size: 150%;
  background-position: top center;
  z-index: -1;
}
@media screen and (min-width: 960px) {
  .l-top-activities::after {
    background-size: 100%;
  }
}
@media screen and (min-width: 960px) {
  .l-top-activities .c-top-ttl {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 768px) {
  .l-top-activities__btnBox {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
  }
}
.l-top-activities__btnBox .c-btn-1 {
  background-size: cover;
}
@media screen and (min-width: 960px) {
  .l-top-activities__btnBox .c-btn-1 {
    background-size: auto 100%;
    background-position: center center;
    position: relative;
    -webkit-transition: background-size 0.3s;
    transition: background-size 0.3s;
  }
  .l-top-activities__btnBox .c-btn-1::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 50%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(25, 67, 115, 0)), to(#194373));
    background: -webkit-linear-gradient(top, rgba(25, 67, 115, 0) 0%, #194373 100%);
    background: linear-gradient(180deg, rgba(25, 67, 115, 0) 0%, #194373 100%);
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .l-top-activities__btnBox .c-btn-1::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(25, 67, 115, 0)), to(#194373));
    background: -webkit-linear-gradient(top, rgba(25, 67, 115, 0) 0%, #194373 100%);
    background: linear-gradient(180deg, rgba(25, 67, 115, 0) 0%, #194373 100%);
    mix-blend-mode: multiply;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: height 0.3s;
    transition: height 0.3s;
  }
  .l-top-activities__btnBox .c-btn-1:hover {
    background-size: auto 110%;
  }
  .l-top-activities__btnBox .c-btn-1:hover::after {
    height: 100%;
  }
}
.l-top-activities__btnBox .c-btn-1 a {
  font-family: var(--font-mincho);
  letter-spacing: 0.84px;
  padding: 40px 35px 40px 20px;
  background-size: cover;
  background-position: center center;
  background: none;
}
@media screen and (min-width: 768px) {
  .l-top-activities__btnBox .c-btn-1 a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    aspect-ratio: 1/1.1;
    padding: 20px 20px 30px;
  }
  .l-top-activities__btnBox .c-btn-1 a::after {
    top: auto;
    bottom: 20px;
  }
  .l-top-activities__btnBox .c-btn-1 a::before {
    top: auto;
    bottom: 16.5px;
    right: 16.5px;
  }
}
@media screen and (min-width: 960px) {
  .l-top-activities__btnBox .c-btn-1 a {
    padding: 20px 30px 45px;
    font-size: var(--font25);
    letter-spacing: 1.5px;
    z-index: 1;
  }
  .l-top-activities__btnBox .c-btn-1 a:hover::after {
    right: 13.5px;
    bottom: 13.5px;
  }
}
.l-top-activities__btnBox .c-btn-1 + .c-btn-1 {
  margin-top: 2px;
}
@media screen and (min-width: 960px) {
  .l-top-activities__btnBox .c-btn-1 + .c-btn-1 {
    margin-top: 0;
  }
}
.l-top-activities__btnBox .c-btn-1:first-child {
  background-image: url("/ajec/images/img-top-activities_01-sp.jpg");
}
@media screen and (min-width: 960px) {
  .l-top-activities__btnBox .c-btn-1:first-child {
    background-image: url("/ajec/images/img-top-activities_01.jpg");
  }
}
.l-top-activities__btnBox .c-btn-1:nth-child(2) {
  background-image: url("/ajec/images/img-top-activities_02-sp.jpg");
}
@media screen and (min-width: 960px) {
  .l-top-activities__btnBox .c-btn-1:nth-child(2) {
    background-image: url("/ajec/images/img-top-activities_02.jpg");
  }
}
.l-top-activities__btnBox .c-btn-1:nth-child(3) {
  background-image: url("/ajec/images/img-top-activities_03-sp.jpg");
}
@media screen and (min-width: 960px) {
  .l-top-activities__btnBox .c-btn-1:nth-child(3) {
    background-image: url("/ajec/images/img-top-activities_03.jpg");
  }
}
.l-top-activities__btnBox.js-scroll .c-btn-1 {
  opacity: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: opacity 0.3s ease-out, background-size 0.3s, -webkit-transform 0.8s ease-out;
  transition: opacity 0.3s ease-out, background-size 0.3s, -webkit-transform 0.8s ease-out;
  transition: opacity 0.3s ease-out, transform 0.8s ease-out, background-size 0.3s;
  transition: opacity 0.3s ease-out, transform 0.8s ease-out, background-size 0.3s, -webkit-transform 0.8s ease-out;
}
.l-top-activities__btnBox.js-scroll .c-btn-1:nth-child(2) {
  -webkit-transition: opacity 0.8s ease-out 0.3s, background-size 0.3s, -webkit-transform 0.8s ease-out 0.3s;
  transition: opacity 0.8s ease-out 0.3s, background-size 0.3s, -webkit-transform 0.8s ease-out 0.3s;
  transition: opacity 0.8s ease-out 0.3s, transform 0.8s ease-out 0.3s, background-size 0.3s;
  transition: opacity 0.8s ease-out 0.3s, transform 0.8s ease-out 0.3s, background-size 0.3s, -webkit-transform 0.8s ease-out 0.3s;
}
.l-top-activities__btnBox.js-scroll .c-btn-1:nth-child(3) {
  -webkit-transition: opacity 0.8s ease-out 0.6s, background-size 0.3s, -webkit-transform 0.8s ease-out 0.6s;
  transition: opacity 0.8s ease-out 0.6s, background-size 0.3s, -webkit-transform 0.8s ease-out 0.6s;
  transition: opacity 0.8s ease-out 0.6s, transform 0.8s ease-out 0.6s, background-size 0.3s;
  transition: opacity 0.8s ease-out 0.6s, transform 0.8s ease-out 0.6s, background-size 0.3s, -webkit-transform 0.8s ease-out 0.6s;
}
.l-top-activities__btnBox.js-scroll.-start .c-btn-1 {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.l-top-outer__docAndMember {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .l-top-outer__docAndMember {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 960px) {
  .l-top-outer__docAndMember {
    margin-top: 130px;
  }
}
.l-top-outer__docAndMember > * {
  padding: 40px;
  background-size: cover;
  position: relative;
}
@media screen and (min-width: 960px) {
  .l-top-outer__docAndMember > * {
    padding: 100px 0;
  }
}
.l-top-outer__docAndMember > * > * {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 960px) {
  .l-top-outer__docAndMember > * > * {
    max-width: calc(var(--maxWidth) / 2 - 80px);
  }
}
.l-top-outer__docAndMember > *::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 768px) {
  .l-top-outer__docAndMember > * .c-top-ttl {
    text-align: left;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media screen and (min-width: 960px) {
  .l-top-outer__docAndMember > * .c-top-ttl {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px) {
  .l-top-outer__docAndMember > * .c-top-ttl .-en {
    font-size: var(--font36);
  }
}
@media screen and (min-width: 1100px) {
  .l-top-outer__docAndMember > * .c-top-ttl .-en {
    font-size: var(--font52);
  }
}
@media screen and (min-width: 960px) {
  .l-top-outer__docAndMember > * .c-btn-1 {
    max-width: 350px;
  }
  .l-top-outer__docAndMember > * .c-btn-1 + .c-btn-1 {
    margin-top: 30px;
  }
}
.l-top-outer__docAndMember > * .c-btn-1 a {
  padding: 25px 35px 25px 20px;
}

.l-top-doc {
  background-image: url("/ajec/images/img-documents.jpg");
  background-position: center center;
}
@media screen and (min-width: 960px) {
  .l-top-doc {
    padding-right: 80px;
    padding-left: 40px;
  }
}
.l-top-doc::before {
  background: -webkit-linear-gradient(246deg, #CAD8E4 29.96%, rgba(202, 216, 228, 0) 66.14%);
  background: linear-gradient(204deg, #CAD8E4 29.96%, rgba(202, 216, 228, 0) 66.14%);
}
@media screen and (min-width: 960px) {
  .l-top-doc > * {
    margin: 0 0 0 auto;
  }
}
@media screen and (min-width: 960px) {
  .l-top-doc__btnBox {
    margin-top: 75px;
  }
}
.l-top-doc__btnBox .c-btn-1 a {
  display: inline-grid;
  grid-template-columns: auto 15px;
  gap: 0 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 960px) {
  .l-top-doc__btnBox .c-btn-1 a {
    grid-template-columns: auto 16px;
  }
}

.l-top-member {
  background-image: url("/ajec/images/img-member.jpg");
  background-position: top center;
}
@media screen and (min-width: 960px) {
  .l-top-member {
    padding-left: 80px;
    padding-right: 40px;
  }
}
.l-top-member::before {
  background: -webkit-linear-gradient(289deg, #EDF0F1 29.89%, rgba(237, 240, 241, 0.3) 97.27%);
  background: linear-gradient(161deg, #EDF0F1 29.89%, rgba(237, 240, 241, 0.3) 97.27%);
}
@media screen and (min-width: 960px) {
  .l-top-member > * {
    margin: 0 auto 0 0;
  }
}
.l-top-member .-txt {
  line-height: var(--lhL);
  margin-bottom: 20px;
  font-weight: 400;
}
@media screen and (min-width: 960px) {
  .l-top-member .-txt {
    margin-bottom: 30px;
  }
}

.l-top-footBnr {
  background: var(--color-main);
  padding: 50px 20px 0;
}
@media screen and (min-width: 960px) {
  .l-top-footBnr {
    padding-top: 60px;
  }
}
.l-top-footBnr__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px 20px;
}
.l-top-footBnr__list li {
  max-width: 167px;
}
.l-top-footBnr__list li a::after {
  content: none;
}
@media screen and (min-width: 960px) {
  .l-top-footBnr__list li a:hover {
    opacity: 0.7;
  }
}