@charset "UTF-8";

#mainImage {
  position: relative;
  height: 64vw;
  z-index: 1;
}
#mainImage::before, #mainImage::after{
  width: 100%;
  height: 40.5vw;
  position: absolute;
  content: "";
  z-index: 1;
  left: 0;  
}
#mainImage::before {
  background: linear-gradient(90deg, #62deb5 0%, #63cde0 100%);
  top: 56vw;
  clip-path: polygon(0 0, 100% 43%, 100% 100%, 0 57%);
}
#mainImage::after {
  background: #d3fc32;
  top: 51vw;
  clip-path: polygon(0 44%, 100% 0, 100% 56%, 0 100%);
}

.hero-contents, .mvs {
  width: 100%;
  height: 100%;
  position: absolute;
}
#video, #video video {
  height: 100%;
}
#mainImage .mv {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
}
#mainImage .mainImage01 { background-image: url(../img/top/mv-1.jpg);}
.mvs img {
  position: absolute;
  bottom: -27.7vw;
  left: 0;
  z-index: 2;
  height: auto;
}
.hero-contents {
  top: 0;
  left: 0;
  color: #fff;
  text-align: left;
  margin: 0 27vw 0 14.5vw;
  width: 60vw;
  max-width: 864px;
  padding: 17vw 0 0;
  font-weight: 700;
}

.hero-copy {
  margin-left: -2rem;
  margin-bottom: 0rem;
  position: relative;
  z-index: 1;
}
.hero-copy::after{
  content: '';
  background: url(../img/top/blush-yl.png) top left / contain no-repeat;
  width: 91%;
  height: 100%;
  position: absolute;
  top: 2.4vw;
  left: -4rem;
  z-index: -1;
}

.hero-contents .en {
  transform: rotate(-10deg);
  transform-origin: left;
  font-style: italic;
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.15));
}
.hero-contents h1 {
  font-size: clamp(5.8rem, 10.2vw,15rem);
  line-height: 0.95;
  margin-left: -1.4vw;
  letter-spacing: 0;
}
.hero-contents h1:first-child {
  margin-left: -2.7vw;
}
.hero-contents h2 {
  font-size: clamp(2.6rem, 4.8vw, 7.2rem);
  font-weight: 900;
  background: linear-gradient( 180deg, rgba(203, 255, 0, 1), rgba(93, 219, 0, 1));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 0.9;
  margin-top: clamp(0.7rem, 1.8vw, 2.2rem);
  letter-spacing: 0;
}
.hero-contents h5 {
  font-size: clamp(1.1rem, 1.64vw, 2.4rem);
  font-weight: 900;
  margin: 0.5vw 0 1vw;
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.35));
}
.hero-contents p {
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.35));
  font-size: clamp(0.8rem, 1.05vw, 1.5rem);
  line-height: 2;
}

@media only screen and (max-width: 640px) {
  #mainImage {
    height: 179vw;
  }
  #mainImage::before, #mainImage::after{
    top: 137vw;
  }
  #mainImage::before {
    height: 121vw;
    clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 85%);
  }
  #mainImage::after {
    height: 84vw;
    clip-path: polygon(0 21%, 100% 0, 100% 79%, 0 100%);
  }

  #mainImage .mv {
    height: 150vw;
  }
  #mainImage .mainImage01 { background-image: url(../img/top/mv-1_sp.jpg);}
  #mainImage .mainImage02 { background-image: url(../img/top/mv-2_sp.jpg);}
  #mainImage .mainImage03 { background-image: url(../img/top/mv-3_sp.jpg);}
  #mainImage .mainImage04 { background-image: url(../img/top/mv-4_sp.jpg);}
  #mainImage .mainImage05 { background-image: url(../img/top/mv-5_sp.jpg);}

  .hero-contents{
    margin: 0 8vw;
    padding: 43vw 0 0;
    width: 84vw;
  }
  .hero-copy{
    margin-left: 1.2vw;
  }
  .hero-contents h1 {
    font-size: 15.5vw;
  }  
  .hero-contents h1:first-child {
    margin-left: -4vw;
    letter-spacing: -0.3vw;
  }
  .hero-contents h2 {
    letter-spacing: -0.1vw;
    font-size: 7vw;
  }
  .hero-copy::after{
    width: 100%;
    top: 4vw;
    left: -4vw;
  }
  .hero-contents h5 {
    margin: -1vw 0 2vw;
    font-size: 4vw;
  }
  .hero-contents p {
    line-height: 1.7;
    font-size: 2.95vw;
  }
}


/* .section {
  position: relative;
} */
section .section-content {
  align-items: flex-start;
  flex-wrap: wrap;
  z-index: 1;
}
.section-content.flex .flex-box .hero-copy::after {
  content: '';
  width: 104%;
  height: clamp(8rem,16vw, 23rem);
  position: absolute;
  top: 0;
  bottom: -3.6rem;
  left: 0;
  z-index: -1;
  max-width: 850px;
}
.flex-box h5 {
  font-size: clamp(1.0rem, 2.0vw, 2.9rem);
  font-weight: 900;
  /* margin: 1.5rem 0 2.3rem; */
  margin: 1.2vw -2vw 1.5vw 0;
  /* filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.35)); */
}
.flex-box p {
  font-size: clamp(0.9rem, 1.05vw, 1.5rem);
  line-height: 2;
  font-weight: 700;
  padding-bottom: 2.5vw;
  margin-bottom: 0;
}
.section-content.flex .flex-box.text-content {
  margin: -7vw 0 0 0vw;
  width: 43%;
  text-align: left;
  z-index: 1;
}
@media only screen and (max-width: 640px) {
  .section-content.flex .flex-box .hero-copy::after {
    width: 100%;
    height: 31vw;
    bottom: 0;
    top: -1vw;
  }
  .section-content.flex .flex-box.text-content {
    width: 90%;
    margin: -14vw auto 0;
    position: relative;
  }
  .flex-box h5 {
    line-height: 1.6;
    margin-bottom: 3vw;
    text-align: center;
    font-size: 6.4vw;
  }
  .flex-box p {
    line-height: 1.8;
    padding-bottom: 6vw;
    font-size: 3.2vw;
  }
}

.section-yards{ z-index: 2; }
.section-yards .section-content {
  padding-top: 15vw;
  margin-top: -13vw;
}
.flex.col-2 > .flex-box{
  width: 50%;
}
.section-yards .section-content.flex > img.flex-box {
  margin-left: calc(50% - 50vw);
  width: 49vw;
}
.section-content.flex .flex-box .hero-copy {
  margin-left: -2rem;
  margin-bottom: 0rem;
  position: relative;
  z-index: 1;
  top: 0;
  left: 0;
  text-align: left;
  margin: 12vw -3.5vw 0 3.5vw;
  padding: 0;
  font-weight: 700;
  justify-content: flex-start;
}
.section-content.flex .flex-box .hero-copy h1 {
  transform: rotate(-10deg);
  transform-origin: left;
  font-style: italic;
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.15));
  font-size: clamp(5.5rem, 7.7vw, 11rem);
  line-height: 0.85;
  letter-spacing: 0;
}
.section-content.flex .flex-box .hero-copy h1:last-child {
  left: 2.8vw;
  position: relative;
}
.section-yards .section-content.flex .flex-box .hero-copy::after {
  background: url(../img/top/blush-gn.png) top left / contain no-repeat;
}
.section-yards .section-content.flex .flex-box.img {
  content: url(../img/top/yards-2.png);
  /* height: 39vw; */
  margin-top: -7vw;
  position: relative;
  object-fit: contain;
}
@media only screen and (min-width: 641px) {
  .section-yards{ height: 74.6vw;}
  .section-90min{ height: 56vw;}
  .section-member { height: 72vw;}

}
@media only screen and (max-width: 640px) {
  .section-yards .section-content {
  padding-top: 27vw;
  }
  .section-yards .section-content.flex > img.flex-box {
    margin: 0;
    width: 89vw;
  }
  .section-content.flex > .flex-box {
    width: 100%;
  }
  .section-content.flex .flex-box .hero-copy {
    margin: 2vw 0 0 2vw;
  }
  .section-content.flex .flex-box .hero-copy h1{
    font-size: 14.7vw;
  }
  .section-content.flex .flex-box .hero-copy h1:last-child{
    left: 5vw;
  }
  .section-yards .section-content.flex .flex-box.img {
    width: 65%;
    margin: -22vw auto 0 0;
    height: auto;
    left: 49%;
  }
  .section-yards .flex-box h5 {
    text-align: left;
    font-size: 6.4vw;
  }
}

.section-90min{z-index: 1;}
.section-90min::before {
  background: #62deb5;
  width: 100%;
  height: 71vw;
  position: absolute;
  content: "";
  z-index: 0;
  top: 1vw;
  left: 0;
  clip-path: polygon(0 0, 100% 25%, 100% 100%, 0 75%);
}
.section-90min::after {
  background: #d3fc32;
  width: 100%;
  height: 71vw;
  position: absolute;
  content: "";
  z-index: 0;
  top: 1vw;
  left: 0;
  clip-path: polygon(0 25%, 100% 0, 100% 75%, 0 100%);
}
.section-90min .section-content {
  padding-top: 0vw;
  margin-top: -15vw;
}
.section-90min .section-content.flex > .img.flex-box {
  /* order: 2; */
  width: 100vw;
  position: absolute;
  height: 71vw;
  margin-left: calc(50% - 50vw);
}
.section-90min .section-content.flex .img.flex-box .clip img {
  width: 74vw;
  height: auto;
  right: -18.5vw;
  bottom: -27.5vw;
  position: absolute;
}
.section-90min .section-content.flex .img.flex-box .clip {
  width: 100vw;
  height: 71vw;
  position: absolute;
  display: block;
  content: "";
  top: 1vw;
  clip-path: polygon(0 25%, 100% 0, 100% 75%, 0 100%);
}
.section-90min .section-content.flex .img.flex-box picture img {
  position: absolute;
  width: 100vw;
  height: auto;
  top: -12.8vw;
  left: 0;
  pointer-events: none;
}
.section-90min .flex-box.content:nth-child(2) {
  order: 1;
  width: 100%;
}
.section-90min .section-content.flex .flex-box .hero-copy {
  margin: 23.5vw 0 0 0;
  position: relative;
}
.section-90min .section-content.flex .flex-box .hero-copy::before {
  background: url(../img/top/90min_flame.png) top left / contain no-repeat;
  content: "";
  position: absolute;
  width: 18.5vw;
  height: 18.5vw;
  top: -17vw;
  left: 53%;
  transform: translate(-50%);
}

.section-90min .section-content.flex .flex-box .hero-copy::after {
  background: url(../img/top/blush-wh.png) top left / contain no-repeat;
  height: 17vw;
  top: -2vw;
  left: -3vw;
}
.section-90min .section-content.flex .flex-box.text-content {
  order: 3;
  margin: -0.5vw 0 0 5vw;
}
.section-90min .section-content.flex .flex-box .hero-copy h1:last-child {
  left: 1.4vw;
  margin-top: 0.5vw;
}
@media only screen and (max-width: 640px) {
  .section-90min::before {
    top: -1vw;
    clip-path: polygon(0 0, 100% 7%, 100% 100%, 0 93%);
    height: 263vw;
    top: -1vw;
  }
  .section-90min::after {
    top: 0;
    clip-path: polygon(0 7%, 100% 0, 100% 93%, 0 100%);
    height: 244vw;
  }
  .section-90min .section-content{
    margin-top: 17vw;
  }
  .section-90min .section-content.flex > .flex-box {
    margin-bottom: 0;
  }
  .section-90min .section-content.flex > .img.flex-box {
    width: 98vw;
    height: 122vw;
    position: relative;
    margin-left: 0;
    top: -6vw;
    left: -1vw;
  }
  .section-90min .section-content.flex .img.flex-box picture img{
    top: 0;
  }
  .section-90min .section-content.flex .img.flex-box .clip {
    height: 100%;
    clip-path: unset;
  }
  .section-90min .section-content.flex .img.flex-box .clip img {
    width: 143vw;
    position: relative;
    top: -28vw;
    right: 0;
    bottom: 0;
    left: -24vw;
  }
  .section-90min .section-content.flex .flex-box .hero-copy {
    margin: -8.5vw 0 0 10vw;
  }
  .section-90min .section-content.flex .flex-box .hero-copy::before{
    width: 36vw;
    height: 36vw;
    left: 10vw;
    top: -35vw;
  }
  .section-90min .section-content.flex .flex-box .hero-copy::after{
    left: -3vw;
    height: 30vw;
    top: -3vw;
  }
  .section-90min .flex-box h5 {
    margin: 2vw 0;
  }
}




section.section-bunker {
  background: #000;
}
.section-bunker .section-content {
  margin-top: 0;
  padding-top: 4vw;
  padding-bottom: 4vw;
}
.section-bunker .section-content.flex > .img.flex-box {
  position: relative;
  height: 65vw;
  content: none;
  margin-top: 0;
}
.section-bunker .section-content.flex .img.flex-box .clip {
  /* height: 71vw; */
  position: absolute;
  /* display: block;
  content: ""; */
  top: 3.8vw;
  clip-path: polygon(76.1% 0%, 100% 4.4%, 100% 100%, 0 100%, 0% 13.9%);
  width: 72vw;
  margin-left: calc(89% - 50vw);
  z-index: 0;
}
.section-bunker .section-content.flex .img.flex-box > img {
  position: absolute;
  width: 44vw;
  max-width: 730px;
  height: auto;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 1;
}
.section-bunker .flex-box.content {
  color: #fff;
  width: 43%;
  z-index: 1;
}
.section-bunker .section-content.flex .flex-box .hero-copy {
  margin: 8.5vw -5vw 0 -4vw;
}
.section-bunker .section-content.flex .flex-box .hero-copy h1 {
  line-height: 1;
  letter-spacing: 0.05vw;
}
.section-bunker .section-content.flex .flex-box .hero-copy h1:last-child {
  letter-spacing: 0.2vw;
}
.section-bunker .section-content.flex .flex-box .hero-copy::after{
  content: '';
    background: url(../img/top/blush-org.png) top left / contain no-repeat;
    top: 1.2vw;
    left: 1vw;
    height: 15.7vw;
}
.section-bunker .flex-column.text-content {
  z-index: 1;
  position: relative;
  text-align: left;
}

@media only screen and (max-width: 640px) {
  .section-bunker .section-content {
    padding-top: 20vw;
    padding-bottom: 34vw;
  }
  .section-bunker .section-content.flex > .img.flex-box{
    height: 105vw;
  }
  .section-bunker .section-content.flex .img.flex-box .clip{
    margin-left: 0;
    width: 139vw;
    left: -18vw;
    top: 8vw;
    clip-path: polygon(0 0, 100% 37%, 100% 100%, 0% 100%);
  }
  .section-bunker .section-content.flex .img.flex-box > img {
    position: relative;
    width: 85vw;
    margin: 0 auto;
  }
  .section-bunker .flex-box.content{
    width: 90%;
    margin: 0 auto;
  }
  .section-bunker .section-content.flex .flex-box .hero-copy{
    margin: 8.5vw 0 -2vw;
  }
  .section-bunker .section-content.flex .flex-box .hero-copy h1{letter-spacing: 0.2vw;}
  .section-bunker .section-content.flex .flex-box .hero-copy h1:last-child{letter-spacing: 0.3vw; margin-left: 2vw;}
  .section-bunker .section-content.flex .flex-box .hero-copy::after{height: 31vw; top: 1.5vw;}
  .section-bunker .flex-box h5 {
    margin-bottom: 4vw;
  }
  .section-bunker .flex-box p {
    padding-bottom: 9vw;
  }
}


.section-member {
  z-index: 1;
}
.section-member .section-content {
  margin-top: -18vw;
  padding-bottom: 12.5vw;
}
.section-member::before {
  background: #d3fc32;
  width: 100%;
  height: 71vw;
  position: absolute;
  content: "";
  z-index: 0;
  top: 0;
  left: 0;
  clip-path: polygon(0 25%, 100% 0, 100% 75%, 0 100%);
}
.section-member::after {
  background: #62deb5;
  width: 100%;
  height: 71vw;
  position: absolute;
  content: "";
  z-index: -1;
  top: 0;
  bottom: 0;
  right: 0;
  clip-path: polygon(0 25%, 100% 25%, 100% 100%, 0 75%);
}


.section-member .section-content.flex > .img.flex-box {
  /* order: 2; */
  width: 100vw;
  position: absolute;
  height: 71vw;
  margin-left: calc(50% - 50vw);
}
.section-member .section-content.flex .img.flex-box .clip img {
  width: 55.5vw;
  height: auto;
  right: 0;
  top: 0;
  position: absolute;
}
.section-member .section-content.flex .img.flex-box .clip {
  width: 100vw;
  height: 71vw;
  position: absolute;
  display: block;
  content: "";
  top: 0;
  clip-path: polygon(0 25%, 100% 0, 100% 75%, 0 100%);
}
.section-member .section-content.flex .img.flex-box > img {
  position: absolute;
  width: 100vw;
  height: auto;
  top: -12.8vw;
  left: 0;
  pointer-events: none;
}
.section-member .flex-box.content:nth-child(2) {
  order: 1;
  width: 100%;
}
.section-member .section-content.flex .flex-box .hero-copy {
  margin: 22.5vw 0 0 -1vw;
  position: relative;
}
.section-member .section-content.flex .flex-box .hero-copy::before {
  background: url(../img/top/member_flame.png) top left / contain no-repeat;
  content: "";
  position: absolute;
  width: 14.6vw;
  height: 14.6vw;
  top: -16.3vw;
  left: 55.5%;
  transform: translate(-50%);
}

.section-member .section-content.flex .flex-box .hero-copy::after {
  background: url(../img/top/blush-wh-member.png) top left / contain no-repeat;
  height: 17.7vw;
  top: -2.5vw;
  left: 0;
}
.section-member .section-content.flex .flex-box.text-content {
  order: 3;
  margin: -0.5vw 0 0 6vw;
  width: 36%;
}
.section-member .section-content.flex .flex-box .hero-copy h1 {
  letter-spacing: 2px;
}
.section-member .section-content.flex .flex-box .hero-copy h1:last-child {
  left: 3.0vw;
  margin-top: 0;
}
@media only screen and (max-width: 640px) {
  .section-member::before{
    height: 241vw;
    clip-path: polygon(0 7%, 100% 0, 100% 93%, 0 100%);
  }
  .section-member::after{
    height: 241vw;
    clip-path: polygon(0 80%, 100% 80%, 100% 100%, 0 93%);
  }
  .section-member .section-content{
    margin-top: -18vw;
    padding-bottom: 32vw;
  }
  .section-member .section-content.flex > .img.flex-box{
    position: relative;
    margin-left: 0;
    left: -3.1%;
    top: -3vw;
    height: auto;
  }
  .section-member .section-content.flex .img.flex-box .clip{
    position: relative;
    height: auto;
    clip-path: unset;
  }
  .section-member .section-content.flex .img.flex-box .clip img{
    width: 100%;
    position: relative;
  }
  .section-member .section-content.flex .flex-box .hero-copy{
    margin: 2vw 0 0 2vw;
  }
  .section-member .section-content.flex .flex-box .hero-copy::before{
    width: 34vw;
    height: 34vw;
    top: -37vw;
    left: 17vw;
  }
  .section-member .section-content.flex .flex-box .hero-copy::after {
    height: 29vw;
  }
  .section-member .section-content.flex .flex-box .hero-copy h1{
    font-size: 13.3vw;
    letter-spacing: 0;
  }
  .section-member .section-content.flex .flex-box .hero-copy h1:last-child {
    left: 5.0vw;
  }
  .section-member .section-content.flex .flex-box.text-content{
    width: 90%;
    margin: 0 auto;
  }
}



.section-news .section-content {
  padding-top: 0.7vw;
  padding-bottom: 5vw;
}
.section-news .section-content.flex > .flex-box.text-box {
  width: 52%;
  margin-left: 5%;
}
.section-news h1.en {
  font-style: italic;
  line-height: 1.4;
}
.section-news h6 {
  font-size: clamp(0.8rem, 1.5vw, 2rem);
  line-height: 1.4;
  font-weight: 700;
  padding-bottom: 3.0vw;
}
.news-list dl {
  font-size: clamp(0.9rem, 1.1vw, 1.6rem);
  flex-wrap: wrap;
}
.news-list dt {
  width: 22%;
  /* padding: 1.0vw 1vw 1.0vw 2.5vw; */
  padding: 2.3% 0 2.3% 5.7%;
  font-weight: 500;
  /* border-bottom: 1px solid #d3d3d3; */
}
.news-list dd {
  width: 78%;
  padding: 1.0vw 0 0 0;
  background-image: linear-gradient(#000, #000);
  background-size: 0 1px;
  background-position: bottom left;
  background-repeat: no-repeat;
  transition: background-size 0.3s ease-out;
  margin-bottom: 1vw;
  margin-left: clamp(2rem,12vw,17rem);
  width: auto;
}
.news-list a:hover dd {
  background-size: 100% 1px;
}

.news-list a {
  color: #000;
  height: clamp(2rem,4vw,5.7rem);
  font-weight: 500;
  border-bottom: #d3d3d3 solid 1px;
  margin-bottom: 1vw;
  justify-content: flex-start;
}
.section-news .section-content.flex > .flex-box.banner {
  /* width: 43%;
  padding: 1vw 3vw; */
  width: 36%;
  margin: 1vw auto;
}
.section-news .banner a {
  padding: 0.5vw 2vw;
}

.section-news button.more a::after,
.section-insta button.more a::after{ left: -2.5vw; }

.section-news button.more a span,
.section-insta button.more a span {
  padding: 0 0 0 20%;
  font-size: clamp(0.8rem,1.0vw,1.4rem);
  width: clamp(4rem, 11.5vw, 16.6rem);
  height: 2.8vw;
  line-height: 2.8vw;
}
/* .section-insta button.more a span {
  padding: 0vw 2vw 0vw 5.5vw;
  top: -2px;
} */

span.isnew.en {
  position: absolute;
  font-size: clamp(0.75rem,0.8vw,1.2rem)/*1.2rem*/;
  background: #ff1a7b;
  padding: 0.03em 0.5em;
  border-radius: 0.3em/*5px*/;
  color: #fff;
  font-weight: 900;
  top: 50%;
  transform: translate(-50%, -50%);
}
span.cat {
  position: absolute;
  left: 22.5%;
  padding: 0.2vw 0;
  background: #000;
  border-radius: 0.3em/*5px*/;
  color: #fff;
  margin-bottom: 0.1vw;
  font-size: clamp(0.9rem, 1.1vw, 1.4rem)/*clamp(1.2rem, 1.2vw, 1.4rem)*/;
  line-height: 1.6;
  width: 20.1%;
  text-align: center;
}

.section-insta .text-box{
  width: 90%;
  margin: 0 auto;
}
.section-insta .text-box .flex{ justify-content: flex-start;
}
.section-insta .text-box img {
  width: 2vw;
  margin-right: 1.3vw;
}
.section-insta .text-box h3.en {
  margin-right: 3vw/*3.4rem*/;
  font-style: italic;
  letter-spacing: 0;
}

@media only screen and (max-width: 640px) {
  .section-news .section-content.flex > .flex-box.text-box {
    width: 95%;
  }
  .section-news h1.en {
    margin-bottom: -2vw;
    letter-spacing: -0.005em;
  }
  .section-news h6{
    padding-bottom: 4vw;
    font-size: clamp(1.3rem, 1.5vw, 2rem);
  }
  .news-list dl {
    font-size: clamp(1.2rem, 1.1vw, 1.6rem);
    width: 95%;
  }
  .news-list a {
    height: auto;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 2vw 0 3vw;
  }
  span.isnew.en {
    padding: 0.15em 0.7em;
    border-radius: 0.4em;
    top: 15%;
    transform: translate(0);
    margin-left: -5vw;
  }
  .news-list dt {
    width: 26%;
    padding: 0;
    margin: 0 0 0 5vw;
    letter-spacing: 0.5px;
    border: none;
  }
  span.cat {
    position: relative;
    text-align: center;
    width: 28%;
    left: 0;
    font-size: clamp(1.1rem, 1.1vw, 1.4rem);
  }
  .news-list dd {
    width: 100%;
    padding: 1.0vw 0 0;
    margin: 0 0 0 5vw;
  }

  .section-news button.more{ margin : 2.5vw 6% 0 auto; }
  .section-insta button.more{ margin : 0.5vw 3% 0 auto; }


  .section-news button.more a::after,
  .section-insta button.more a::after{ left: -2.5vw; }
  
  .section-news button.more a span,
  .section-insta button.more a span {
    font-size: clamp(1.0rem,1.0vw,1.4rem);
    padding: 4vw 2vw 4vw 7vw;
    width: 32vw;
    line-height: 0vw;
    height: 1vw;
  }
  .section-insta button.more a span {
    padding: 4vw 0vw 4vw 9vw;
  }
  .section-news .section-content.flex > .flex-box.banner{
    width: 100%;
    padding: 7vw 3vw;
  }
  .section-news .banner a {
    padding: 1vw 2vw;
  }

  .section-insta .section-content.row.flex {
    margin-top: 1vw;
  }
  .section-insta .section-content.flex > .flex-box{
    width: 95%;
  }
  .section-insta .text-box img {
    width: 6vw;
    margin-right: 4vw;
  }
}

/*     animation    */
/* .fadeIn{
  opacity: 0;
  transition: all 0.8s;
}
.fadeIn.active{
  opacity: 1;
  transition: all 0.8s;
}
.fadeIn .fadeUp{
  transform: translateY(20px);
}
.fadeIn.active .fadeUp{
  transform: translateY(0px);
}
.fadeIn .fadeZm{
  transform: scale(0.8);
}
.fadeIn.active .fadeZm{
  transform: scale(1);
}


.fadeIn .fade-order-1,
.fadeIn .fade-order-2,
.fadeIn .fade-order-3,
.fadeIn .fade-order-4{ 
  opacity: 0;
}
.fadeIn.active .fade-order-1,
.fadeIn.active .fade-order-2,
.fadeIn.active .fade-order-3,
.fadeIn.active .fade-order-4{ 
  opacity: 1;
  transition-property: all;
  transition-duration: 0.8s;
}

.fadeIn .fade-order-1{ transition-delay: 0s; }
.fadeIn .fade-order-2{ transition-delay: 0.5s; }
.fadeIn .fade-order-3{ transition-delay: 1.0s; }
.fadeIn .fade-order-4{ transition-delay: 1.5s; }

section .fadeIn.section-content.flex .flex-box .hero-copy::after {
  clip-path: polygon(0 0, 0 0, 0% 100%, 0 100%);
}
section .fadeIn.section-content.flex.active .flex-box .hero-copy::after {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  transition: all 0.2s cubic-bezier(1,1,0,1) 2s;
}
.section-member .fadeIn.section-content.flex.active .flex-box .hero-copy::after {
  transition: all 0.2s cubic-bezier(1,1,0,1) 0.5s;
}

.section-90min .fade-order-1.fadeZm{ transform-origin: right; }

.section-90min .section-content.flex .flex-box .hero-copy::before,
.section-member .section-content.flex .flex-box .hero-copy::before{ 
  opacity: 0;
  transform: scale(0.9) translate(-50%);
}
.section-90min .section-content.flex.active .flex-box .hero-copy::before,
.section-member .section-content.flex.active .flex-box .hero-copy::before{
    opacity: 1;
  transform: scale(1) translate(-50%);
  transform-origin: center;
  transition: all .8s 1.0s;
}

.section-bunker .fadeIn{ opacity: 1; }
.section-bunker .fadeIn .clip img {
  clip-path: inset(0 0 100% 100%);
}
.section-bunker .fadeIn.active .clip img{
  clip-path: inset(13% 0 0 0);
  transition: all 0.4s;
}
 */

@media only screen and (max-width: 640px) {
}