/*-----------*/
/*common
/*-----------*/
html{
    font-size: 62.5%;
}

*,*::after,*::before{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body{
    font-size: min(1.4rem,3.54vw);
    font-weight: 500;
    background: var(--c-yellow);
    color: var(--color-black);
    font-family:"Poppins","Zen Kaku Gothic New", 'YuGothic', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', sans-serif;
    line-height: 1.6;
    letter-spacing: 0.01em;
    position: relative;
    -webkit-appearance: none;
    appearance: none;
}

:root{
    --c-white:#fefefe;
    --c-black:#000;
    --c-blue:#7dccf3;
    --c-dBlue:#03b8df;
    --c-yellow:#fff23f;
    --c-lYellow:#fff779;
    --c-orange:#f39800;
    --c-pink:#f3a8c9;
    --c-lPink:#f8cce0;
    --c-red:#e50012;
    --c-lYellow:#fffac6;
    --c-brown:#542b19;
    --c-yg:#abcd03;
    --border-radius:min(1em,3vw);
    --transition:cubic-bezier(.4,.4,0,1) .1s ;
    --c-margin: min(48px, 7vw);
    --c-width:min(1240px,90%);
    --roboto:"Roboto", sans-serif;
}

img{
    max-width: 100%;
    vertical-align: bottom;
}

a{
    text-decoration: none;
    color: var(--c-black);
    position: relative;
}

ul,li,tr,th,td,dl,dt,dd{
    text-decoration: none;
    list-style: none;
}

.section-wrapper{
    padding: 40px 10vw;
}

.contents{
    width: var(--c-width);
    margin: 0 auto;
    z-index: 1;
    position: relative;
}

.contents-title{
    margin-bottom: min(10rem,12vw);
}

.contents-title img{
    display: block;
    height: min(6rem,8vw);
    margin: 0 auto;
}

.deco-img{
    position: absolute;
}


/*----- swiper -----*/
.swiper-wrapper{
  transition-timing-function: linear!important;
}

.swiper-slide{
  padding: 0 2px;
}

.swiper-slide img {
  width: 100%;
  width: 100%;
}

.swiper-slide > div {
  height: 100%;
  width: 100%;
}

.swiper-controller .swiper-pagination-fraction{
  color: var(--kaisei-green);
  position: static;
  width: auto;
  margin: 0px min(16px, 3vw) 0 0;
}



/*--- works swiper -----*/
.gallery01 .swiper-main {
overflow: visible;
}

.gallery01 .swiper-thumb {
  padding-top: 12px;
}

.gallery01 .swiper-fade .swiper-slide {
  -webkit-transition-property: opacity, -webkit-transform !important;
  transition-property: opacity, -webkit-transform !important;
  transition-property: opacity, transform !important;
  transition-property: opacity, transform, -webkit-transform !important;
  pointer-events: none;
}
.gallery01 .swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.gallery01 .swiper-controller {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 62.5%;
}

.gallery01 .swiper-button-prev, .gallery01 .swiper-button-next {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: var(--transition);
}
.gallery01 .swiper-button-prev:hover, .gallery01 .swiper-button-next:hover{
    transform: scale(1.1);
}

.gallery01 .swiper-button-prev::before,
.gallery01 .swiper-button-next::before{
background-color: #fff23fc4;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  border-radius: 50%;
}

.gallery01 .swiper-button-prev::after,
.gallery01 .swiper-button-next::after {
border-color: #542b19c9;
width: min(1.5rem, 2.4vw);
height: min(1.5rem, 2.4vw);
content: "";
border: solid #542b19c9;
border-width: 3px 3px 0 0;
}

.swiper-button-prev::after {
  margin-left: 0.4rem;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.swiper-button-next::after {
  margin-right: 0.4rem;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.gallery01 .swiper-button-prev {
  left: -1rem;
}

.gallery01 .swiper-button-next {
  right: -1rem;
}

.swiper-button-prev,
.swiper-button-next{
  width: min(5.6rem,9vw);
  height: min(5.6rem,9vw);
  transition: var(--transition);
}

.gallery01 .swiper-scrollbar {
  position: relative;
  margin-top:1.8rem;
}

.gallery01 .swiper-scrollbar::after {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  margin: auto;
  content: "";
  background-color: #fefefe;
}

.gallery01 .swiper-scrollbar-drag {
  height: 4px;
  cursor: pointer;
  background-color: var(--color-brawn);
  background-clip: content-box;
}

.gallery01 .swiper-scrollbar-drag:active {
  background-color: var(--color-theme-darken);
}

.gallery01 .swiper-scrollbar-drag:hover {
  background-color: var(--color-theme-darken);
}

.gallery01 .slide {
  display: block;
  overflow: hidden;
}

.gallery01 .slide-media {
  padding-top: 62.5%;
}

.gallery01 .slide-media img {
  object-fit: cover;
}

.gallery01 .thumb-media {
    padding-top: 100%;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    padding-top: 68%;
    overflow: hidden;
}

.slide-media img, .thumb-media img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.gallery01 .thumb-media img {
  height: calc(100% + 8px);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

.gallery01 .swiper-thumb .swiper-slide{
    cursor: pointer;
}

.gallery01 .swiper-slide-thumb-active {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  opacity: 0.5;
  transform: translate(0, -6%);
}

.gallery01 .swiper-slide-thumb-active .thumb-media img {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.swiper-button-prev::before, .swiper-button-next::before{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
}


/*----- animation -----*/
.fade-in2{
    transform: translateY(50%);
    opacity: 0;
}

.fade-in2.is-active{
    animation: slide-in .3s cubic-bezier(.37,.49,.35,1.28) .4s forwards;
}
@keyframes slide-in {
    0% {
        transform: translateY(50%);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    70% {
        transform: translateY(-5%);
        opacity: 1;
    }
    100% {
        transform: translateY(0%);
        opacity: 1;
    }
}

.scroll-contents{
    transition: .3s cubic-bezier(.37, .49, .35, 1.28) .4s;
    transform: scaleX(0);
}
.scroll-contents.is-active{
    transform: scaleX(1);
}

.fuwafuwa{
    animation: fuwafuwa 4s infinite ease-in-out 0s alternate;
}
.fuwafuwa2{
    animation: fuwafuwa 5s infinite ease-in-out 0s alternate;
}
@keyframes fuwafuwa{
    0% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(0, -6px);
    }
    100% {
        transform: translate(0, 0px);
    }
}

.a-human{
    animation: human-jump 3s linear infinite -3s;
}

@keyframes human-jump {
    0% {
    transform: translateY(0);
    }
    20% {
        transform: translateY(0);
    }
    24% {
        transform: translateY(-8%);
    }
    28% {
        transform: translateY(0);
    }
    32% {
        transform: translateY(-8%);
    }
    36% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(0);
    }
}

.a-human2{
    animation: human-shake 3.4s linear infinite .5s;
}

@keyframes human-shake {
    0% {
        transform: rotate(0);
    }
    20% {
        transform: rotate(0);
    }
    24% {
        transform: rotate(4deg);
    }
    28% {
        transform: rotate(-4deg);
    }
    32% {
        transform: rotate(4deg);
    }
    36% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(0);
    }
}

.gatagata{
    animation: gatagata 1.2s infinite;
}
.gatagata2 {
    animation: gatagata 1.6s infinite;
}

@keyframes gatagata {
    20% {
        transform: translateY(-2px);
        animation-timing-function: cubic-bezier(.4, 0, 1, 1.3);
    }
    25% {
        transform: translateY(0px);
    }
    55% {
        transform: translateY(-2px);
        animation-timing-function: cubic-bezier(.4, 0, 1, 1.3);
    }
    60% {
        transform: translateY(0px);
    }
}


.a-zoomInOut{
    animation: zoomInOut 2s steps(2, end) infinite;
    transform-origin: center center;
}

@keyframes zoomInOut {
    0% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

.a-up{
    animation: upDown 2s steps(2, end) infinite;
}

@keyframes upDown {
    0% {
        transform: translateY(-4%);
    }
    100% {
        transform: translateY(0%);
    }
}

/*-----------*/
/*header
/*-----------*/
header{
    position: fixed;
    width: 100%;
    top: 1%;
    left: 0;
    z-index: 10;
    opacity: 0;
    -webkit-animation: slide-in .25s cubic-bezier(.37, .49, .35, 1.28) 1.5s forwards;
    animation: slide-in .25s cubic-bezier(.37, .49, .35, 1.28) 1.5s forwards;
}

.header-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: min(2vw);
}

.header-wrapper > h1{
    width: min(39vw);
}
.header-wrapper > h1 a img{
    display: block;
}

.header-menu{
    border-radius: 9999px;
    width: calc(88% - min(34vw));
    background: var(--c-white);
    padding: min(3vw) min(4vw);
    border: var(--c-brown) 1px solid;
}

.header-menu>ul{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: min(3vw);
}
.header-menu>ul li{
    width: calc((100% - calc(min(3vw) * 2)) / 3);
}
.header-menu>ul li img{
    display: block;
}

/*-----------*/
/*KV
/*-----------*/
.KV{
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.KV::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 45%;
    left: 0;
    bottom: 0;
    background: var(--c-lYellow);
    z-index: -1;
}

.KV-main{
    position: relative;
    max-width: 1820px;
    width: 100%;
    margin: 0 auto;
}

.KV-main_title{
    width: min(98rem, 88vw);
    margin: 27vw auto 17vw;
}

.KV-main .deco-img{
    z-index: -1;
}
.KV-main .deco-img.-img_cloud1{
    width: min(20vw);
    top: -26%;
    left: 4%;
}
.KV-main .deco-img.-img_cloud2{
    width: 30%;
    top: -24%;
    right: -9%;
}
.KV-main .deco-img.-img_cloud3{
    width: 33%;
    top: 89%;
    left: -11%;
}
.KV-main .deco-img.-img_cloud4{
    width: 19%;
    top: 93%;
    right: 1%;
}

.KV-main .deco-img.-img_conffi1{
    width: 13vw;
    top: -9%;
    left: 3%;
}
.KV-main .deco-img.-img_conffi2{
    width: 15vw;
    top: -3%;
    right: 2%;
}
.KV-main .deco-img.-img_conffi3{
    width: 16vw;
    top: 93%;
    left: 4%;
}
.KV-main .deco-img.-img_conffi4{
    width: 14vw;
    top: 85%;
    right: 6%;
}

.deco-img.-img_cloud,.deco-img.-img_conffi{
    transform: scale(0);
    animation: zoomInOut-loading .3s cubic-bezier(.37,.49,.35,1.28) calc(.2s * var(--delay)) forwards;
    -webkit-animation: zoomInOut-loading .3s cubic-bezier(.37,.49,.35,1.28) calc(.2s * var(--delay)) forwards;
}

@keyframes zoomInOut-loading {
    0% {
        transform: scale(0);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

.KV-main_title .kuruma-logo{
    width: 75%;
    margin: 0 auto 5vw;
    opacity: 0;
    -webkit-animation: slide-in .25s cubic-bezier(.37,.49,.35,1.28) .85s forwards;
    animation: slide-in .25s cubic-bezier(.37,.49,.35,1.28) .85s forwards;
}

.KV-main_title .title-image{
    opacity: 0;
    -webkit-animation: slide-in .25s cubic-bezier(.37,.49,.35,1.28) .9s forwards;
    animation: slide-in .25s cubic-bezier(.37,.49,.35,1.28) .9s forwards;
}

.KV-intro{
    width: var(--c-width);
    margin: 0 auto min(10rem, 8vw);
    background: var(--c-orange);
    border-radius: calc(var(--border-radius) * 2);
    padding:min(10rem, 8vw) min(8rem, 4vw);
    position: relative;
    z-index: 1;
    opacity: 0;
    -webkit-animation: slide-in .25s cubic-bezier(.37,.49,.35,1.28) 1.5s forwards;
    animation: slide-in .25s cubic-bezier(.37,.49,.35,1.28) 1.5s forwards;
}
.KV-intro::before{
    position: absolute;
    content: "";
    background: var(--c-white);
    border-radius: calc(var(--border-radius) * 2);
    width: 100%;
    height: 100%;
    top: 1%;
    right: 1.4%;
    z-index: -1;
}

.KV-intro p{
    text-align: center;
    font-weight: 600;
    font-size: min(2.4rem, 4vw);
    line-height: 2;
    padding-bottom: min(2rem, 4vw);
    color: var(--c-brown);
    letter-spacing: 0;
}
.KV-intro p:last-of-type{
    padding-bottom: 0;
}

.KV-intro p span{
    display: block;
}

.KV-intro .deco-img.-img1{
    width: min(11rem, 13vw);
    left: 0;
    bottom: -6%;
}
.KV-intro .deco-img.-img2{
    width: min(12rem, 15vw);
    right: 4%;
    top: -14%;
}

.KV-slide{
    margin: min(7rem, 7vw) 0 min(14rem, 14vw);
}

.KV-slide .swiper-slide picture{
    overflow: hidden;
    border-radius: var(--border-radius);
    display: block;
    margin: 0 min(1rem, 1vw);
}

@media screen and (min-width:768px) {

    /*-----------*/
    /*header
    /*-----------*/
    .header-wrapper > h1{
        width: min(32rem, 32vw);
    }

    .header-menu{
        width: min(48rem, 32vw);
        padding: min(2rem, 2vw) min(4rem, 5vw);
        border: var(--c-brown) 2px solid;
    }

    .header-menu>ul{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: min(2vw, 4rem);
    }

    .header-menu>ul li{
        width: calc((100% - calc(min(2vw, 4rem) * 2)) / 3);
    }

    .header-wrapper > h1 a:hover img,.header-menu>ul li a:hover img{
        transform: translateY(-12%) scale(1.1);
    }


    /*-----------*/
    /*KV
    /*-----------*/
    .KV-main_title{
        width: min(110rem, 64vw);
        margin: min(14rem, 16vw) auto;
    }

    .KV-main_title .kuruma-logo{
        width: 70%;
        margin: 0 auto min(3rem);
    }

    .KV-intro::before{
        top: 3%;
    }

    .KV-intro p span{
        display: inline-block;
    }

    .KV-main .deco-img.-img_cloud1{
        width: min(22rem, 15vw);
        top: 0;
    }

    .KV-main .deco-img.-img_cloud2{
        width: min(31rem, 18vw);
        top: -7%;
        right: 4%;
    }

    .KV-main .deco-img.-img_cloud3{
        width: min(28rem, 18vw);
        top: 66%;
        left: 6%;
    }

    .KV-main .deco-img.-img_cloud4{
        width: min(19rem, 15vw);
        right: 9%;
    }

    .KV-main .deco-img.-img_conffi1{
        width: min(19rem, 9vw);
        top: 9%;
        left: 7%;
    }

    .KV-main .deco-img.-img_conffi2{
        width: min(13rem, 12vw);
        top: 5%;
        right: 7%;
    }

    .KV-main .deco-img.-img_conffi3{
        width: min(15rem, 11vw);
        top: 91%;
        left: 7%;
    }

    .KV-main .deco-img.-img_conffi4{
        width: min(21rem, 13vw);
        top: 79%;
        right: 6%;
    }
}

@media screen and (min-width:1024px) {
}


/*-----------*/
/*Details
/*-----------*/
.details{
    position: relative;
    padding: min(12rem, 14vw) 0;
}

.details-intro{
    position: relative;
    margin-bottom: min(14rem, 10vw);
}

.details-intro>h2{
    width: min(68rem, 68%);
    margin: 0 auto min(6rem,9vw);
}

.details-intro_cars{
    display: flex;
    justify-content: center;
    align-items: baseline;
    width: min(92rem, 100%);
    margin: 0 auto;
    gap: min(4rem, 4vw);
}

.details-intro .-img_wood1{
    width: 15vw;
    top: -34%;
    left: 0;
}
.details-intro .-img_wood1 img{
    animation: upDown 2s steps(2, end) infinite;
}

.details-intro .-img_wood2{
    width: 11vw;
    bottom: 43%;
    right: -2%;
}
.details-intro .-img_wood2 img{
    animation: upDown 2.5s steps(2, end) infinite;
}

.details-intro .-img_cloud1{
    width: 14vw;
    top: 34%;
    left: 0;
    z-index: -1;
}
.details-intro .-img_cloud2{
    width: 34%;
    top: -15%;
    right: 0;
    z-index: -1;
}

.details-contents{
    width: var(--c-width);
    margin: 0 auto min(12rem, 14vw);
    background: var(--c-white);
    border-radius: calc(var(--border-radius) * 2);
    padding: min(12rem, 14vw) min(6rem, 6vw) min(8rem, 6vw);
    position: relative;
}

.details .details-contents:last-of-type{
    margin: 0 auto min(12rem, 8vw);
}

.details-contents h3.details-contents_eventTitle{
    text-align: center;
    font-size: min(5.24rem, 5.4vw);
    line-height: 1.4;
    letter-spacing: 0;
    border-radius: calc(var(--border-radius) / 2);
    padding: min(2rem, 3vw) min(13rem, 2vw);
    display: inline-block;
    position: absolute;
    left: 50%;
    top: -7vw;
    transform: translate(-50%, 0);
    width: min(94rem, 77vw);
}

.details-contents.-contents_engineer h3.details-contents_eventTitle{
    background: #005952;
    color: var(--c-white);
}

.details-contents_flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: min(4rem,4vw);
}

.details-contents_flex>.textArea{
    width: 100%;
}

.details-contents_flex>.imageArea{
    width: min(90rem,100%);
}

.details-contents_flex>.textArea p{
    font-size: min(2rem, 3.83vw);
    line-height: 1.85;
    letter-spacing: 0;
}

.details-contents_flex>.textArea .textArea-credit{
    margin-top: min(2rem, 2vw);
}
.details-contents_flex>.textArea .textArea-credit p a{
    font-weight: 700;
    font-size: 90%;
    text-decoration: underline;
    color: var(--c-orange);
}

.details-links {
    width: min(82rem, 72%);
    margin: min(12rem, 12vw) auto min(12rem, 2vw);
    position: relative;
}

a.siteLink{
    display: block;
    border-radius: var(--border-radius);
    padding: min(4rem, 5vw) min(16rem, 10vw);
}
a.siteLink img{
    display: block;
}

.details-links .deco-img.-img_linkImg1{
left: -8%;
    bottom: -32%;
}

.details-links .deco-img.-img_linkImg2{
    right: -4%;
    bottom: -32%;
}

.details-links .img-bubble{
    position: absolute;
    width: 100%;
    top: 0;
    right: -102%;
}

/*-----2023------*/
.details-2023{
    background: var(--c-blue);
}

.details-2023 a.siteLink{
    background: var(--c-orange);
    border: solid min(.4rem,.6vw) var(--c-white);
}

.details-2023 .deco-img.-img_linkImg1{
    width: 11%;
}

.details-2023 .deco-img.-img_linkImg2{
    width: 9%;
}

.details-2023 h3.details-contents_eventTitle{
    background: var(--c-yg);
    color: var(--c-white);
    border: solid min(.4rem, .6vw) var(--c-white);
}

/*-----2024------*/
.details-2024{
    background: var(--c-pink);
    z-index: 1;
}
.details-2024::before{
    position: absolute;
    content: "";
    background: url(img/2024/2024-bgImage.webp) no-repeat top;
    background-size: 132%;
    width: 100%;
    height: 53vw;
    bottom: 0;
    z-index: -1;
}

.details-2024 .details-intro_cars{
    margin-top: -6%;
}

.details-2024 h3.details-contents_eventTitle{
    background: #a66aaa;
    color: var(--c-white);
}

.details-2024 .details-contents.-contents2 h3.details-contents_eventTitle{
    background: var(--c-orange);
    color: var(--c-white);
    padding: min(2rem, 3vw) min(13rem, 3vw);
    font-size: min(5.24rem, 5vw);
}

.details-2024 a.siteLink{
    background: var(--c-dBlue);
    border: solid min(.4rem,.5vw) var(--c-white);
}

.details-2024 .deco-img.-img_linkImg1{
    width: 13%;
}

.details-2024 .deco-img.-img_linkImg2{
    width: 10%;
}

/*-----2025------*/
.details-2025{
    background: url(img/2025/bg-deco.webp) repeat center;
    background-size: 152%;
    z-index: 1;
}
.details-2025::before{
    position: absolute;
    content: "";
    background: url(img/2025/2025-bgImage.webp) no-repeat bottom;
    background-size: 170%;
    width: 100%;
    height: 36vw;
    bottom: 0;
    z-index: -1;
}

.details-2025 a.siteLink{
    background: var(--c-yg);
    border: solid min(.4rem,.6vw) var(--c-brown);
}

.details-2025 .deco-img.-img_linkImg1{
    width: min(22%);
}

.details-2025 .deco-img.-img_linkImg2{
    width: 14%;
}

.details-2025 h3.details-contents_eventTitle{
    border: solid min(.4rem,.6vw) var(--c-brown);
    background: var(--c-yg);
    color: var(--c-white);
}

.details-2025 .details-contents.-contents2 h3.details-contents_eventTitle{
    background: #616161;
    color: var(--c-white);
    font-size: min(5.24rem, 5vw);
}

.details-2025 .details-contents.-contents3 h3.details-contents_eventTitle{
    background: #16b8d3;
    color: var(--c-white);
    font-size: min(5.24rem, 5vw);
}

/*-----------*/
/*Archive
/*-----------*/
.archives{
    margin: min(12%) 0 min(24%);
}

.archives h2{
    width: 52vw;
    margin: 0 auto min(6rem, 6vw)
}

.archives-list{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: min(10rem, 5vw);
    flex-wrap: wrap;
}

.archives-list>li{
    width: calc((100% - min(10rem, 5vw)) / 2);
}

.archives-list>li a{
    display: block;
}

.archives .deco-img.-img1{
    width: 16%;
    top: -11%;
    left: -5%;
}
.archives .deco-img.-img2{
    width: 12%;
    top: -11%;
    right: -5%;
}

/*-----------*/
/*footer
/*-----------*/
footer{
    position: relative;
    text-align: center;
    z-index: 1;
    background: #b3d21c;
    width: 100%;
    height: 14vw;
    margin-top: 48vw;
}

.footer-inner{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    bottom: 42%;

}

.footer-deco{
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    bottom: 99%;
    z-index: -1;
}

.footer-logo{
    width: min(44rem, 53%);
    margin: 0 auto min(4rem, 4vw);
}

.footer-illust{
    width: 24vw;
    position: absolute;
    top: -35vw;
    left: 50%;
    transform: translateX(-50%);
}

.footer-illust .deco-img.-img1{
    width: 11vw;
    top: -40%;
    left: -90%;
}
.footer-illust .deco-img.-img2{
    width: 14vw;
    top: -70%;
    right: -90%;
}

footer .copyRight{
    width: min(65rem, 90vw);
    margin: 0 auto;
}


@media screen and (min-width: 768px){
    :root{
        --c-margin: 28px;
        --c-width: min(1180px, 84%);
    }

    /*-----------*/
    /*common
    /*-----------*/
    body{
        font-size: 1.6rem;
    }

    /*-----------*/
    /*archives
    /*-----------*/
    .archives{
        margin: min(14rem, 12vw) 0 min(38rem, 20vw);
    }

    .details-intro .-img_wood1{
        width: min(18rem, 14vw);
        top: -34%;
        left: 0;
    }
    .details-intro .-img_wood2{
        width: min(12rem, 10vw);
        right: -4%;
            bottom: 31%;
    }

    .details-intro .-img_cloud1{
        width: min(16rem, 10vw);
        top: 31%;
    }

    .details-intro .-img_cloud2{
        width: min(28rem, 20vw);
        top: -6%;
    }

    .details-contents h3.details-contents_eventTitle{
        top: -5%;
    }

    a.siteLink:hover,.footer-logo a:hover img{
        transform: scale(1.06);
    }

    .archives-list>li a:hover img{
        transform: scale(1.06) rotate(4deg);
    }

    .details-contents_flex>.textArea .textArea-credit p a:hover{
        color: #ffc460;
    }

    /*-----2023------*/
    .details-2023 a.siteLink:hover{
        background: #f2b651;
    }

    /*-----2024------*/
    .details-2024::before{
        height: 39vw;
        bottom: 0;
        background-size: 100%;
    }

    .details-2024 .deco-img.-img_linkImg1{
        width: min(12%);
    }

    .details-2024 .deco-img.-img_linkImg2{
        width: 9%;
    }

    .details-2024 a.siteLink:hover{
        background: var(--c-blue);
    }

    /*-----2025------*/
    .details-2025{
        background-size: 62%;
    }

    .details-2025 .deco-img.-img_linkImg1{
        width: min(17%);
    }
    .details-2025 .deco-img.-img_linkImg2{
        width: 12%;
    }

    .details-2025::before{
        background-size: 137%;
        height: 28vw;
    }

    .details-2025 a.siteLink:hover{
        background: #d7ea74;
    }

    /*-----------*/
    /*footer
    /*-----------*/
    footer{
        height: 3vw;
        margin-top: 48vw;
    }

    .footer-illust{
        width: min(16vw);
        top: -30vw;
    }

    .footer-illust .deco-img.-img1{
        width: min(9rem,9vw);
        top: -50%;
        left: -120%;
    }

    .footer-illust .deco-img.-img2{
        top: -93%;
        right: -120%;
        width: min(12rem,12vw);
    }

    .footer-logo{
        width: 43vw;
    }

    .footer-inner{
        bottom: 136%;
    }

    footer .copyRight{
        width: min(65rem, 55vw);
    }

    a.pageTop{
        position: absolute;
        top: -24px;
        right: 4vw;
        width: 66px;
    }
}

@media screen and (min-width:1024px) {

    .archives h2{
        width: min(55rem, 40vw);
    }

    .archives-list>li{
        width: calc((100% - calc(min(10rem,5vw) * 2)) / 3);
    }

    .archives .deco-img.-img1{
        width: min(16rem, 12vw);
        top: -23%;
        left: 0;
    }
    .archives .deco-img.-img2{
        width: min(10rem,8vw);
        top: -23%;
        right: 0;
    }

    /*-----------*/
    /*footer
    /*-----------*/
    footer{
        margin-top: 36vw;
    }

    .footer-illust{
        width: min(22rem, 12vw);
        top: -23vw;
    }

    .footer-logo{
        width: min(33rem, 32vw);
    }
}