@charset "UTF-8";

@keyframes zoomUp {

	0% {
		transform: scale(1);
	}
	
	100% {
		transform: scale(1.15); /* 拡大率 */
	}
	
}

/* ========================================
   @media screen and (min-width: 768px),print
======================================== */
@media screen and (min-width: 768px),print {  
main {
   background: #E5E2DD;
   max-width: 1920px;
   width: 100%;
   margin-inline: auto;
}
  
/* main スライダー
-------------------------------------*/
.sliderArea {
   position: relative;
   height: calc(912 / 1920 * 100vw);
   overflow: hidden;
}
.full-screen{ position: relative; }
.full-screen .sliderArea { max-width: 100%; margin: 0 auto;}
.full-screen .slick-slide img {  width: 100%;  height: auto;}
.add-animation {
	animation: zoomUp 10s linear 0s normal both;
}
.sliderArea #g-nav {
   position: absolute;
   top: 42px;
   left: 31px;
   z-index: 11;
}
.sliderArea #g-nav .menu-list {
   display: grid;
   gap: 15px;
}
.sliderArea #g-nav .menu-list li a {
   font-weight: 500;
   font-size: 13px;
   letter-spacing: 0.16em;
   line-height: 2.82692;
   color: #fff;
}

/* intro
-------------------------------------*/
.intro {
   padding-block: 101px 60px;
}
.intro .ttl {
   font-size: 26px;
   letter-spacing: 0.62em;
   line-height: 1.461538;
   text-align: center;
   color: #181818;
   margin-bottom: 168px;
   padding-left: 15px;
}
.intro .logo {
   text-align: center;
}

/* menu
-------------------------------------*/
.menu {
   margin: 0;
   padding: 0;
   display: grid;
   gap: calc(10 / 1920 * 100vw); 
}
.menu li {
   opacity: 0;
   transform: translateY(30px);
}

.menu li a {
   text-align: center;
}
.menu li .photo-wrap {
   position: relative;
}
.menu li .photo {
   overflow: hidden;
}
.menu li .photo picture {
   display: block;
   transition: transform 2.5s cubic-bezier(0.25, 1, 0.5, 1);
}
.menu li .photo img {
   width: 100%;
   vertical-align: middle;
}
.menu li:hover .photo picture {
   transform: scale(1.12);
}
.menu li .ttl-wrap {
   position: absolute;
   top: 51.5%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.menu li .enttl {
   font-weight: 600;
   font-size: 28px;
   letter-spacing: 0.08em;
   line-height: 1.3125;
   text-align: center;
   color: #fff;
}
.menu li .ttl {
   font-weight: 600;
   font-size: 16px;
   letter-spacing: 0.32em;
   line-height: 2.8;
   text-align: center;
   color: #fff;
}

.menu-row01 {
   grid-template-columns: 1fr;
   margin-bottom: calc(50 / 1920 * 100vw);
}
.menu-row02 {
   grid-template-columns: repeat(3, 1fr);
   margin-bottom: calc(50 / 1920 * 100vw);
}
.menu-row03-04 {
   margin-bottom: calc(51 / 1920 * 100vw);
}
.menu-row03-04 .list05 {
   grid-row: 1 / 3; 
   grid-column: 1 / 2;
}
.menu-row03-04 .list06 {
   grid-row: 1 / 2;
   grid-column: 2 / 3;
}
.menu-row03-04 .list07 {
   grid-row: 2 / 3;
   grid-column: 2 / 3;
}
.menu-row05 {
   grid-template-columns: 1fr;
   padding-bottom: calc(70 / 1920 * 100vw);
}

}


/* ========================================
   @media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {
main {
   background: #E5E2DD;
}
   
/* main スライダー
-------------------------------------*/
.sliderArea {
   position: relative;
   height: 173.91vw;
   overflow: hidden;
}
.full-screen{ position: relative; }
.full-screen .sliderArea { max-width: 100%; margin: 0 auto;}
.full-screen .slick-slide img {  width: 100%;  height: auto;}
.add-animation {
	animation: zoomUp 10s linear 0s normal both;
}
.sliderArea #g-nav {
   display: none;
}

/* intro
-------------------------------------*/
.intro {
   padding-block: 18.17vw 12.32vw;
}
.intro .ttl {
   font-size:4.348vw;
   letter-spacing: 0.47em;
   line-height: 2.1111;
   text-align: center;
   color: #181818;
   margin-bottom: 25.07vw;
   padding-left: 1.8vw;
}
.intro .logo {
   text-align: center;
}
.intro .logo img {
   width: 15.78vw;
}


/* menu
-------------------------------------*/
.menu {
   margin: 0;
   padding: 0;
   display: grid;
}
.menu li {
   opacity: 0;
   margin:0 0 6.83vw 0;
   transform: translateY(30px);
}

.menu li a {
   text-align: center;
}
.menu li .photo-wrap {
   position: relative;
}
.menu li .photo {
   overflow: hidden;
}
.menu li .photo picture {
   display: block;
   transition: transform 2.5s cubic-bezier(0.25, 1, 0.5, 1);
}
.menu li .photo img {
   width: 100%;
   vertical-align: middle;
}
.menu li:hover .photo picture {
   transform: scale(1.12);
}
.menu li .ttl-wrap {
   position: absolute;
   top: 51%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.menu li .enttl {
   font-weight: 600;
   font-size:6.763vw;
   letter-spacing: 0.08em;
   line-height: 1.3125;
   text-align: center;
   color: #fff;
}
.menu li .ttl {
   font-weight: 600;
   font-size:3.865vw;
   letter-spacing: 0.32em;
   line-height: 2;
   text-align: center;
   color: #fff;
}

.menu-row01 {
   margin-bottom: 16.91vw;
}
.menu-row02 {
   gap: 4.83vw;
   margin-bottom: 16.91vw;
}
.menu-row03-04 {
   gap: 3.62vw;
   margin-bottom: 16.91vw;
}
.menu-row05 {
   padding-bottom: 16.91vw;
}

}