@charset "UTF-8";
/* CSS Document */

html {
  background: #dbdbdd;
}
body {
  background: #F4F4F4 url("../images/AAC_white.png") center center no-repeat;
  background-attachment: fixed;
  background-size:contain;
}
body::before {
  content: "";
  position: absolute;
  top:0;
  background:#dbdbdd;
  width:100%;
  height:5rem;
}

@media(max-width:560px) {
  body {
    background-image:url("../images/AAC_white_sp.png");
  }
}

header {
  background: rgba(244, 244, 244, 0);
  transition:background-color 0.3s linear;
}

body.scrolled header {
  background: rgba(244, 244, 244, 1);
}

#mvis {
  position: relative;
  background: linear-gradient(0deg, rgba(219,219,221,0) 0%, rgba(219,219,221,1) 56%); 
}
#mvis h1 {
  position: absolute;
  top:0;
  width:100%;
  font-size: 4.25vw;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1;
  text-align: center;
  z-index: 1;
  white-space: nowrap;
}

#mvis .constbox {position:relative;padding-left: 8vw;padding-right: 8vw;max-width: calc(1600px + 16vw);}

#mvis .box {
  position: relative;
}
#mvis .box .flex {
  justify-content: space-between;
  position: absolute;
  top:56.3%;
  left:50%;
  transform:translate(-50%, -50%);
  width:51%;
}
#mvis .box .flex > img {width:42.5%;}

#mvis .conv_area {
  width:110%;
  max-width:90vw;
  position: absolute;
  bottom:-1.5em;
  left:50%;
  display:flex;
  justify-content: space-between;
  transform:translateX(-50%);
}
#mvis .conv_area a {
  display:block;
  aspect-ratio:1 / 1;
  width:20%;
  position: relative;
}

#mvis .conv_area a img {
  width:100%;
  transition:transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}
#mvis .conv_area a:hover img {
  transform:scale(1.1);
}

#mvis .conv_area a::after {
  content:"";
  display:block;
  width:100%;
  height:100%;
  position: absolute;
  top:0;
  left:0;
  background:url("../images/top/rotate_text.png") no-repeat center center;
  background-size:100% 100%;
  animation: rotate 150s linear infinite;
}
#mvis .conv_area a:first-child::after {
  animation-direction:reverse;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

#mvis .bg {
  width:100%;
  height:auto;
  aspect-ratio:3200 / 1800;
}

@media(max-width:560px) {
  #mvis {
    background: linear-gradient(0deg, rgba(244, 244, 244,0) 0%, rgb(253, 253, 253) 30%, rgb(253, 253, 253) 90%, rgb(219, 219, 221) 100%);
    padding-top:3vw;
  }
  #mvis h1 {
    position: relative;
    text-align: left;
    font-size:11vw;
    padding:0 4vw;
    z-index: 1;
    line-height: 1.04;
  }
  
  #mvis .constbox {
    padding:0;
    margin-top:-22vw;
  }
  
  #mvis .box .flex {
    width:90%;
    top: 41.7%;
  }
  #mvis .box .flex > img {
    width:45%;
  }
  #mvis .conv_area {
    position:relative;
    bottom: 0;
    margin-top: -10vw;
    max-width: 96vw;
  }
  #mvis .conv_area a {
    width:48%;
  }
  #mvis .bg {
    aspect-ratio:780 / 798;
  }
}


.aboutAAC {
  text-align: center;
  margin-top:8.2rem;
}
.aboutAAC .sec_tit {font-size:3.1rem;margin-bottom: 0;}

@media(max-width:560px) {
  .aboutAAC {padding-top:0.4rem;}
  .aboutAAC .sec_tit {font-size:3.3rem;}
}

#info_area .constbox > .flex {
  align-items: flex-start;
  /*! gap:4em; */
  justify-content: space-between;
}
#info_area .constbox > .flex > * {
  width:46%;
}

#info_area .news_list article a {
  background: var(--color-white);
  padding:0.5em 0.9em;
  display:flex;
  gap:0.6em;
  align-items: flex-start;
  color:inherit;
  text-decoration: none;
}
#info_area .news_list article:nth-child(n+2) {margin-top:0.8rem;}

#info_area .news_list article .cat {
  background:var(--color-darkgray);
  color:#fff;
  display:flex;
  justify-content: center;
  align-items:center;
  font-size: 0.7em;
  white-space: nowrap;
  width:5em;
  flex-shrink:0;
  padding:1.1em 0;
}
#info_area .news_list article .content {
  font-size: 0.76em;
}

@media(max-width:560px) {
  #info_area .constbox > .flex {
    gap:5.5rem;
  }
  #info_area .news_list article a {
    padding:1.3em 0.6em;
    gap: 1.1em;
  }
  #info_area .news_list article:nth-child(n+2) {margin-top:1rem;}
  #info_area .news_list article:nth-child(n+4) {display:none;}
  #info_area .news_list article .cat {
    width:23vw;
    font-size: 1.3em;
  }
  #info_area .news_list article .content {
    font-size: 1em;
  }
}


.x_area > .timeline {
  /*height:min(634px, 100vw);*/
  width:100%;
  aspect-ratio:577 / 634;
  overflow: auto;
}
.x_area > .timeline > .twitter-timeline {
  
}
.x_area > .flex {
  justify-content: space-between;
  margin-bottom:2.5rem;
}

@media(min-width:961px) {
  .x_area .sec_tit {margin-bottom: 0;}
}

.x_area .sns .flex {
  gap:0.8rem;
}
.x_area .sns .flex li {
  width:3.8rem;
}

@media(max-width:560px) {
  .x_area > .flex {
    margin-bottom:2em;
  }
  .x_area .sns .flex {gap:1.4rem;}
  .x_area .sns .flex li {
    width:20.7vw;
  }
  .x_area .sns .flex li img {width:100%;}
  .x_area > .timeline {
    height:97vw;
  }
}

.current_compe_3d .roundbox .flex {
  gap:4em;
}
.current_compe_3d .roundbox .flex > * {width:100%;}

@media(max-width:560px) {
  .current_compe_3d .roundbox .flex {
    gap:0.5em;
  }
}

.current_compe_poster .roundbox .constbox > .flex {
  align-items:flex-start;
  justify-content: space-between;
}
.current_compe_poster .roundbox .flex .main {
  width:28.75%;
}
.current_compe_poster .roundbox .sub.flex {
  flex-wrap: wrap;
  gap:0.5rem 1.55rem;
  width:64.3%;
}
.current_compe_poster .roundbox .sub.flex > * {
  width:22%;
}

@media(max-width:560px) {
  .current_compe_poster .roundbox .constbox > .flex {
    align-items: center;
  }
  .current_compe_poster .roundbox .flex .main {
    width:70% !important;
  }
  .current_compe_poster .roundbox .sub.flex {
    gap:1.5vw;
    margin-top: 3em;
  }
  .current_compe_poster .roundbox .sub.flex > * {
    width:calc(97vw / 3.3);
  }
}

.current_compe_poster .sub .hover_caption.icon figcaption::after {
  height:2.5rem;
}
.current_compe_poster .sub .hover_caption .inner .tit {
  font-size:0.9rem;
  /*! white-space: nowrap; */
}
.current_compe_poster .sub .hover_caption .inner .sub {
  font-size:0.56rem;
}

.sec.aac_archive .sec_head2 {
  margin-bottom: 4rem;
}
.sec.aac_archive .sec_head2 .left {
  flex:1;
}
.sec.aac_archive .sec_head2 .right.flex {
  width:63.75%;
  gap:3.1rem;
}
.sec.aac_archive .sec_head2 .right.flex > a {
  position: relative;
  display:block;
  color:#fff;
  overflow: hidden;
}
.sec.aac_archive .sec_head2 .right.flex > a::before {
  content:"";
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
}
.sec.aac_archive .sec_head2 .right.flex > a .inner {
  position: absolute;
  top:0;
  width:100%;
  height:100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1;
  text-align: center;
}
.sec.aac_archive .sec_head2 .right.flex > a .inner p.tit {
  font-size: 2rem;
  font-weight: 750;
  line-height: 1.2;
}
.sec.aac_archive .sec_head2 .right.flex > a .inner p.sub {
  margin-top:0.5rem;
  font-size:0.9rem;
}
.sec.aac_archive .sec_head2 .right.flex > a:last-child .inner {
  align-items: flex-start;
  padding-left:2rem;
  
}
.sec.aac_archive .sec_head2 .right.flex > a:last-child .inner p.tit {
  text-align:left;
}

.sec.aac_archive .sec_head2 .right.flex > a img {
  transition:transform 3s linear;
}
.sec.aac_archive .sec_head2 .right.flex > a:hover img {
  transform:scale(1.1);
}

.sec.aac_archive ul.flex {
  gap:3rem;
}
.sec.aac_archive ul.flex li figure {
  position:relative;
}
.sec.aac_archive ul.flex li figure figcaption {
  position: absolute;
  bottom:-0.5em;
  left:50%;
  text-align: center;
  line-height: 1;
  font-size:5rem;
  font-weight: 900;
  transform:translateX(-50%);
}

@media(max-width:560px) {
  .sec.aac_archive .sec_head2 {margin-bottom:2em;}
  .sec.aac_archive .sec_head2 .right.flex {
    gap:2em;
  }
  .sec.aac_archive .sec_head2 .right.flex > a .inner {
    align-items: start;
    padding-left:2em;
  }
  .sec.aac_archive .sec_head2 .right.flex > a .inner::after {
    content:"";
    position: absolute;
    width:2em;
    aspect-ratio: 1 / 1;
    background:url(../images/icon_arrow.svg) no-repeat right center;
    background-size:contain;
    top:50%;
    right:2em;
    transform:translate(0, -50%);
  }
  .sec.aac_archive .sec_head2 .right.flex > a .inner p.tit {
    font-size:6.7vw;
  }
  .sec.aac_archive .sec_head2 .right.flex > a .inner p.sub {
    font-size:1.15em
  }
  .sec.aac_archive ul.flex {
    flex-wrap: wrap;
    gap:3rem 0.5rem;
  }
  .sec.aac_archive ul.flex > li {width:calc( 50% - ( 0.5rem / 2) );}
  .sec.aac_archive ul.flex li figure figcaption {
    font-size:4.3rem;
  }
  .sec.aac_archive ul.flex + .btn {margin-top:6rem;}
}

.sec.report .sec_head2 .right {
  width:43.8%;
  gap:3.1rem;
}

@media(max-width:560px) {
  .sec.report .sec_head2 .right {
    gap:1.6rem;
  }
}

.book_area .flex > * {width:50%;}
.book_area .flex .left {
  flex:1;
}
.book_area .flex .left .btn {
  margin-left: 0;
}
.book_area .flex .right {
  display:flex;
  justify-content: center;
}
.book_area .flex .right figure {
  width:51%;
}

@media(max-width:560px) {
  .book_area .flex {
    gap:2.5rem;
  }
  .book_area .flex .right figure {
    width:61vw;
  }
}