/*
Theme Name: SIRCARS CATERING GLOBAL
*/

*{
  font-family: "Waiting for the Sunrise", cursive;
  font-family: "Optima", "Segoe UI", "Arial", sans-serif;
  font-family: "Cormorant", serif;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  margin: 0;
  padding: 0;
}

body{
  background-color: #F5F4ED;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 480px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

html {
  scroll-behavior: smooth;
}

h4{
  font-size: 10px;
  font-family: "Optima", "Segoe UI", "Arial", sans-serif;
  letter-spacing: 2px;
  font-weight: 300;
  margin-bottom: 0;
  color: #3F270A;
}

h2{
  display:flex;
  align-items: center;
  justify-content: center;
}

h2 img{
  width: 10px;
}

h2 span{
  color: #3F270A;
  text-decoration: none;
  font-family: "Cormorant", serif;
  font-size: 60px;
  letter-spacing: -1px;
  font-weight: 400;
  margin: 0 24px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
h2 span{
  color: #3F270A;
  text-decoration: none;
  font-family: "Cormorant", serif;
  font-size: 40px;
  letter-spacing: -1px;
  font-weight: 400;
  margin: 0 16px;
}
}

p{
  color: #3F270A;
  font-size: 13px;
  line-height: 1.6em;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
}

main{
  position: relative;
}

.header {
  position: fixed;
  top: 0;
  width: 94%;
  background: transparent;
  z-index: 1000;
  transition: all 0.3s ease;
  margin: 6% 4% 0;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
  .header {
    position: fixed;
    top: 0;
    width: 92%;
    background: transparent;
    z-index: 1000;
    transition: all 0.3s ease;
    margin: 8% 4% 0;
  }
}

.header-inner {
  display: flex;
  justify-content:flex-end;
  align-items: center;
}

.header-link-container{
  position: absolute;
  top: 50%;               
  left: 4%;               
  transform: translateY(-50%); 
  display: flex;
  align-items: center;
  list-style: none;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.header-link-container{
  position: absolute;
  top: 50%;               
  left: 4%;               
  transform: translateY(-50%); 
  display: block;
  align-items: center;
  list-style: none;
}
}

.header-link-container li{
  margin-right: 24px;
  line-height: .8em;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.header-link-container li{
  margin-right: 0;
}
}

.header-link-container li a{
  text-decoration: none;
  color: #FFF3D3;
  transition: color 0.3s ease;
  font-size: 10px;
  font-family: "Optima", "Segoe UI", "Arial", sans-serif;
  letter-spacing: 2px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.header-link-container li a{
  text-decoration: none;
  color: #FFF3D3;
  transition: color 0.3s ease;
  font-size: 8px;
  font-family: "Optima", "Segoe UI", "Arial", sans-serif;
  letter-spacing: 2px;
}
}

.header.scrolled .header-link-container li a {
  color: #483911;
}

.header-link-container li a:hover{
  opacity: .5;
  transition: .5s;
}

.logo {
  transition: opacity 0.5s ease;
  position: absolute;
  top: 0;               
  left: 50%;        
  transform: translateX(-50%); 
  height: 70px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.logo {
  transition: opacity 0.5s ease;
  position: absolute;
  top: 0;               
  left: 50%;        
  transform: translateX(-50%); 
  height: 50px;
}
}


.logo-scroll {
  opacity: 0;
}

.header.scrolled .logo-default {
  opacity: 0;
}

.header.scrolled .logo-scroll {
  opacity: 1;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
  .nav{
    display: none;
  }
}

.nav-list {
  list-style: none;
  display: flex;
}

.nav-list li a {
  text-decoration: none;
  color: #483911;
  transition: color 0.3s ease;
  font-size: 10px;
  font-family: "Optima", "Segoe UI", "Arial", sans-serif;
  letter-spacing: 2px;
  background-color: #FFF3D3;
  border: solid 1px #FFF3D3;
  padding: 14px 32px;
  border-radius: 50px;
  display: inline-flex;         
  align-items: center;
}

.nav-list li a:hover{
  opacity: .5;
  transition: .5s;
}

.header.scrolled .nav-list li a {
  background-color: #f5f4ed83;
  border: solid 1px #483911;
}

.headercontact {
  width: 200px;
}

.headercontact a{
  border: solid 1px #fff;
  padding: 6% 4%;
}

.hamburger-overlay span {
  background: #FFF3D3;
  transition: background 0.3s ease;
}


.hamburger-overlay {
  z-index: 1000;
  width: 50px;
  height: 50px;
  border: none;
  background: #fff3d330;
  cursor: pointer;
  position: relative;
  border: solid 1px #FFF3D3;
  border-radius: 50%;
  margin-left: 16px;
  margin-right: 4%;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.hamburger-overlay {
  z-index: 1000;
  width: 40px;
  height: 40px;
  border: none;
  background: #fff3d330;
  cursor: pointer;
  position: relative;
  border: solid 1px #FFF3D3;
  border-radius: 50%;
  margin-left: 16px;
  margin-right: 4%;
}
}

.hamburger-overlay__line {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); 
  width: 25px;
  height: 1px;
  transition: all .6s;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.hamburger-overlay__line {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); 
  width: 20px;
  height: 1px;
  transition: all .6s;
}
}

.header.scrolled .hamburger-overlay {
  border-color: #483911;      
  background: #fff3d330;
}

.header.scrolled .hamburger-overlay__line {
  background-color: #483911;   
}

.hamburger-overlay.active {
  border-color: #483911 !important;
}


.hamburger-overlay__line:nth-of-type(1) {
  transform: translate(-50%, calc(-50% - 3px));
}
.hamburger-overlay__line:nth-of-type(2) {
  display: none;
}
.hamburger-overlay__line:nth-of-type(3) {
  transform: translate(-50%, calc(-50% + 3px));
}


.hamburger-overlay.active .hamburger-overlay__line:nth-of-type(1) {
  transform: translate(-50%, -50%) rotate(25deg);
  background: #483911;
}
.hamburger-overlay.active .hamburger-overlay__line:nth-of-type(2) {
  opacity: 0;
}
.hamburger-overlay.active .hamburger-overlay__line:nth-of-type(3) {
  transform: translate(-50%, -50%) rotate(-25deg);
  background: #483911;
}

.nav-overlay {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background-color: #F5F4ED;
  visibility: hidden;
  opacity: 0;
  transition: all .6s;
  z-index: 900;
  overflow: hidden; 
}

.nav-overlay.active {
  visibility: visible;
  opacity: 1;
}

.nav-overlay__content {
  max-width: 1600px;
  margin: 10% auto;
  padding: 0 14%;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.nav-overlay__content {
  max-width: 1600px;
  margin: 20% auto;
  padding: 0 14%;
}
}

.nav-overlay__manu_list{
  display: flex;
  justify-content: space-between;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.nav-overlay__manu_list{
  display: block;
  justify-content: space-between;
}
}

.nav-overlay__manu_list li{
  list-style: none;
  margin-bottom:24px;
}

.nav-overlay__manu_list a{
  color: #3F270A;
  text-decoration: none;
  font-family: "Cormorant", serif;
  font-size: 30px;
  letter-spacing: 1px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.nav-overlay__manu_list li{
  list-style: none;
  margin-bottom:16px;
}

.nav-overlay__manu_list a{
  color: #3F270A;
  text-decoration: none;
  font-family: "Cormorant", serif;
  font-size: 20px;
  letter-spacing: 1px;
  line-height: .5em;
}
}


.nav-overlay__manu_list li a span{
  margin-bottom: 0px;
  font-size: 10px;
  font-family: "Optima", "Segoe UI", "Arial", sans-serif;
  letter-spacing: 2px;
  opacity: .7;
  display: block;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.nav-overlay__manu_list li a span{
  margin-bottom: 0px;
  font-size: 8px;
  font-family: "Optima", "Segoe UI", "Arial", sans-serif;
  letter-spacing: 2px;
  opacity: .7;
  display: block;
}
}

.nav-overlay__manu_list li a:hover{
  opacity: 0.5;
  transition: .5s;
}

.nav-overlay__manu_list-right{
  margin-top: 150px;
  margin-left: 80px;
}

.nav-overlay__manu_list-right a{
  color: #3F270A;
  text-decoration: none;
  font-family: "Cormorant", serif;
  font-size: 40px;
  letter-spacing: 1px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.nav-overlay__manu_list-right{
  margin-top: 24px;
  margin-left: 0;
  text-align: right;
}

.nav-overlay__manu_list-right a{
  color: #3F270A;
  text-decoration: none;
  font-family: "Cormorant", serif;
  font-size: 30px;
  letter-spacing: 1px;
  line-height: .7em;
}
}

.nav-overlay__manu_list-right a:hover{
  opacity: 0.5;
  transition: .5s;
}

.nav-overlay__manu_list-right a span{
  margin-bottom: 0px;
  font-size: 10px;
  font-family: "Optima", "Segoe UI", "Arial", sans-serif;
  letter-spacing: 2px;
  opacity: .7;
  display: block;
}

.nav-overlay__list_bottom{
  display: flex;
  list-style: none;
  margin-top: 64px;
}

.nav-overlay__list_bottom a{
  font-size: 12px;
  font-family: "Optima", "Segoe UI", "Arial", sans-serif;
  letter-spacing: 2px;
  text-decoration: none;
  color: #3F270A;
}

.nav-overlay__list_bottom li{
  margin-right: 40px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.nav-overlay__list_bottom{
  display: flex;
  list-style: none;
  margin-top: 40px;
  justify-content: center;
}

.nav-overlay__list_bottom a{
  font-size: 10px;
  font-family: "Optima", "Segoe UI", "Arial", sans-serif;
  letter-spacing: 2px;
  text-decoration: none;
  color: #3F270A;
}

.nav-overlay__list_bottom li{
  margin-right: 24px;
}
}

.nav-overlay__list_bottom a:hover{
  opacity: 0.5;
  transition: .5s;
}



.nav-overlay__manu_list li {
  opacity: 0;
  transition: opacity 0.5s ease, transform 0.5s ease;
}

/* activeになったら表示される */
.nav-overlay.active .nav-overlay__manu_list li {
  opacity: 1;
}

.nav-overlay.active .nav-overlay__manu_list li:nth-child(1) { transition-delay: 0.1s; }
.nav-overlay.active .nav-overlay__manu_list li:nth-child(2) { transition-delay: 0.2s; }
.nav-overlay.active .nav-overlay__manu_list li:nth-child(3) { transition-delay: 0.3s; }
.nav-overlay.active .nav-overlay__manu_list li:nth-child(4) { transition-delay: 0.4s; }
.nav-overlay.active .nav-overlay__manu_list li:nth-child(5) { transition-delay: 0.5s; }
.nav-overlay.active .nav-overlay__manu_list li:nth-child(6) { transition-delay: 0.6s; }


.nav-overlay__manu_list-right{
  opacity: 0;
  transition: opacity 0.5s ease, transform 0.5s ease;
}

/* activeになったら表示される */
.nav-overlay.active .nav-overlay__manu_list-right {
  opacity: 1;
}


.nav-overlay.active .nav-overlay__manu_list-right{ transition-delay: 0.6s; }

.nav-overlay__list_bottom{
  opacity: 0;
  transition: opacity 0.5s ease, transform 0.5s ease;
}

/* activeになったら表示される */
.nav-overlay.active .nav-overlay__list_bottom {
  opacity: 1;
}


.nav-overlay.active .nav-overlay__list_bottom{ transition-delay: 0.7s; }



.fv-container {
  position: relative;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.fv-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100vw - 40px);
  height: calc(100vh - 40px);
  margin: 20px;
  border-radius: 10px;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 1.5s ease-in-out;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.fv-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100vw - 16px);
  height: calc(100dvh - 16px);
  margin: 8px;
  border-radius: 10px;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 1.5s ease-in-out,height .6s ease-in-out; 
}
}

.fv-slide.active {
  opacity: 1;
}

.fv-slide::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #3f270a80;
  border-radius: 10px;
}

.fv-text {
  position: absolute;
  left: 10%;
  bottom: 15%;
  color: #FFF3D3;
  line-height: 1.1em;
  z-index: 2;
  font-family: "Cormorant", serif;
  font-size: 50px;
  font-weight: 300;
  text-transform: uppercase;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.fv-text {
  position: absolute;
  left: 8%;
  bottom: 25%;
  color: #FFF3D3;
  line-height: 1.1em;
  z-index: 2;
  font-family: "Cormorant", serif;
  font-size: 30px;
  font-weight: 300;
  text-transform: uppercase;
}
}

.top-section2{
  padding: 0 12%;
  margin: 80px auto;
  text-align: center;
  max-width:1600px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.top-section2{
  padding: 0 8%;
  margin: 64px auto;
  text-align: center;
  max-width:1600px;
}
}

.top-section2 h1{
  font-size: 10px;
  font-family: "Optima", "Segoe UI", "Arial", sans-serif;
  letter-spacing: 2px;
  font-weight: 300;
  margin-bottom: 0;
  color: #3F270A;
}

.top-section2-content-list{
  margin: 40px 0 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.top-section2-content-list li{
  width: 50%;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.top-section2-content-list{
  margin: 24px 0 0;
  list-style: none;
  display: block;
  justify-content: space-between;
  align-items: center;
}

.top-section2-content-list li{
  width: 100%;
}
}

.top-section2-content-list li img{
  width: 100%;
}

.top-section2-content-list li:nth-child(2){
  width: 45%;
  text-align: left;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.top-section2-content-list li:nth-child(2){
  width: 100%;
  text-align: left;
  margin-top: 8px;
}
}

.top-section2-content-list li h6{
  color: #3F270A;
  font-family: "Cormorant", serif;
  font-size: 23px;
  font-weight: 300;
  line-height: 1.5em;
  text-transform: capitalize;
  margin-bottom: 8px;
}

.top-section2-content-list li span{
  font-size: 10px;
  display: block;
  line-height: 1.6em;
  opacity: .7;
  margin-top: 8px;
}

.top-section2-content-link{
  align-items: center;
  justify-content: center;
  border-bottom: solid 1px #3f270a55;
  display: inline-block;
  padding-bottom: 12px;
  margin-top: 24px;
	text-transform: uppercase;
}

.top-section2-content-link a{
  font-size: 10px;
  font-family: "Optima", "Segoe UI", "Arial", sans-serif;
  letter-spacing: 2px;
  font-weight: 300;
  color: #3F270A;
  text-decoration: none;
}

.top-section2-content-link a:hover{
  opacity: .5;
  transition: .5s;
}

.top-section2-content-link a img{
  width: 6px;
  margin-right: 8px;
}

.top-section3 {
  position: relative; 
  max-width: 1600px;
  margin: 80px auto;
  padding: 80px 12%;
  background: url(img/top3-bg.jpg) center / cover no-repeat;
  text-align: center;
  z-index: 0; 
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.top-section3 {
  position: relative; 
  max-width: 1600px;
  margin: 64px auto;
  padding: 64px 4%;
  background: url(img/top3-bg.jpg) center / cover no-repeat;
  text-align: center;
  z-index: 0; 
}
}

.top-section3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(63, 39, 10, 0.6); 
  z-index: -1; 
}


.top-section3 h4{
  color: #FFF3D3;
}

.top-section3 h2 span{
  color: #FFF3D3;
}

.top-section3 h2 img{
  color: #FFF3D3;
}

.top-section3-content{
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  margin-bottom: 40px;
  align-items: flex-start;
}

.top-section3-content li{
  list-style: none;
  width: 23%;
  background-color: #D3C6A5;
  padding: 4% 3%;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.top-section3-content{
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
  margin-bottom: 40px;
}

.top-section3-content li{
  list-style: none;
  width: 28%;
  background-color: #D3C6A5;
  padding: 2% 2% 4%;
}

}

.top-section3-content li:nth-child(2){
  transform: translateY(40px);
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.top-section3-content li:nth-child(2){
  transform: translateY(32px);
}
}

.top-section3-content li img{
  width: 60%;
  margin: 0 20% ;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.top-section3-content li img{
  width: 80%;
  margin: 0 10% ;
}
}

.top-section3-content li h6{
  color: #3F270A;
  font-family: "Cormorant", serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.4em;
  text-transform: capitalize;
  margin-bottom: 8px;
}

.top-section3-content li p{
  font-size: 12px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.top-section3-content li h6{
  color: #3F270A;
  font-family: "Cormorant", serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.2em;
  text-transform: capitalize;
  margin-bottom: 8px;
}

.top-section3-content li p{
  font-size: 10px;
  text-align: left;
}
}

.top-section4{
  max-width: 1600px;
  margin: 80px auto;
  padding: 0 12%;
  text-align: center;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.top-section4{
  max-width: 1600px;
  margin: 64px auto;
  padding: 0 8%;
  text-align: center;
}
}

.top-section4 h5{
  font-family: "Waiting for the Sunrise", cursive;
  font-size: 18px;
  color: #11527B;
  margin: 8px 0;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.top-section4 h5{
  font-family: "Waiting for the Sunrise", cursive;
  font-size: 16px;
  color: #11527B;
  margin: 4px 0;
}
}

.top-section4-content{
  margin: 40px 0 0;
  list-style: none;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.top-section4-content{
  margin: 24px 0 0;
  list-style: none;
}
}

.top-section4-content li img{
  width: 40%;
  margin: 0 30%;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.top-section4-content li img{
  width: 70%;
  margin: 0 15%;
}
}

.top-section4-content li:nth-child(2){
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}

.top-section4-content li p{
  width: 45%;
  text-align: left;
}

.top-section5{
  max-width: 1600px;
  margin: 0 auto;
  padding: 80px 8%;
  text-align: center;
  background-color: #342912;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.top-section5{
  max-width: 1600px;
  margin: 0 auto;
  padding: 64px 8%;
  text-align: center;
  background-color: #342912;
}
}

.top-section5 h4{
  color: #FFF3D3;
}

.top-section5 h2 span{
  color: #FFF3D3;
}

.top-section5-content{
  display: flex;
  align-items: center;
  margin: 40px 0 24px;
  justify-content: center;
}

.top-section5-content li{
  background-color: #423923;
  padding: 12px 12px 24px;
  width: 29%;
  list-style: none;
  border: solid 1px #423923;
  margin: 0 1%;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.top-section5-content{
  display: block;
  align-items: center;
  margin: 0 0 24px;
  justify-content: center;
}

.top-section5-content li{
  background-color: #423923;
  padding: 4% 4% 6%;
  width: 80%;
  list-style: none;
  border: solid 1px #423923;
  margin: 24px 6% 0;
}
}

.top-section5-content li:hover{
  background-color: #fff3d333;
  transition: .5s;
  cursor: pointer;
}

.top-section5-content li a img{
  width: 100%;
}

.top-section5-content li a{
  text-decoration: none;
}

.top-section5-content li a h3{
  color: #FFF3D3;
  font-family: "Cormorant", serif;
  font-size: 18px;
  font-weight:300;
  line-height: 1.4em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 4px;
}

.top-section5-content-link{
  align-items: center;
  justify-content: center;
  border-bottom: solid 1px #FFF3D355;
  display: inline-block;
  padding-bottom: 12px;
  margin-top: 24px;
}

.top-section5-content-link a{
  font-size: 10px;
  font-family: "Optima", "Segoe UI", "Arial", sans-serif;
  letter-spacing: 2px;
  font-weight: 300;
  color: #FFF3D3;
  text-decoration: none;
}

.top-section5-content-link a:hover{
  opacity: .5;
  transition: .5s;
}

.top-section5-content-link a img{
  width: 6px;
  margin-right: 8px;
}

.top-section6{
  max-width: 1600px;
  margin: 0 auto;
  padding: 80px 8%;
  text-align: center;
  background-color: #EBE8D8;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.top-section6{
  max-width: 1600px;
  margin: 0 auto;
  padding: 64px 8%;
  text-align: center;
  background-color: #EBE8D8;
}
}

.top-section6-content{
  display:flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  flex-wrap: wrap;
  margin-top: 40px;
}

.top-section6-content li {
  flex: 0 1 23%;
  margin: 0 1% 24px;
  text-align: center;
  position: relative; 
  overflow: hidden;     
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.top-section6-content{
  display:flex;
  align-items: center;
  justify-content:flex-start;
  list-style: none;
  flex-wrap: wrap;
  margin-top: 24px;
}

.top-section6-content li {
  flex: 0 1 48%;
  margin: 0 1% 2%;
  text-align: center;
  position: relative; 
  overflow: hidden;     
}
}

.top-section6-content li .top-section6-content-thumbnail {
	display: block;
  aspect-ratio: 3 / 2;
  overflow: hidden;   
}

.top-section6-content li .top-section6-content-thumbnail img{
  width: 100% !important;   
  height: 100% !important;   
  object-fit: cover;
  display: block;
}
.top-section6-content li > a::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #3f270a5b; 
  z-index: 1; 
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.top-section6-content li > a::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #3f270a67; 
  z-index: 1; 
}
}

.top-section6-content li > a:hover::after {
  background: #3f270a22;
  transition: .5s;
}
 
.top-section6-content li h3 {
  position: absolute;
  bottom: 6%;
  left: 6%;
  color: #FFF3D3;
  font-family: "Cormorant", serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4em;
  z-index: 2;
  text-align: left;
	text-transform: uppercase;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.top-section6-content li h3 {
  position: absolute;
  bottom: 6%;
  left: 6%;
  margin-right: 6%;
  color: #FFF3D3;
  font-family: "Cormorant", serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4em;
  z-index: 2;
  text-align: left;
	text-transform: uppercase;
}
}

.top-section6-content li h3 span{
	display:block;
	font-size: 10px;
    font-family: "Montserrat", sans-serif;
	letter-spacing: 1px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
	.top-section6-content li h3 span{
	display:block;
	font-size: 8px;
    font-family: "Montserrat", sans-serif;
	letter-spacing: 1px;
}
}

.top-section7{
  max-width: 1600px;
  margin: 80px auto;
  padding: 0 12%;
  text-align: center;
}

.top-section7-content{
  margin-top: 40px;
  display:flex;
  justify-content:flex-start;
  list-style: none;
  flex-wrap: wrap;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.top-section7{
  max-width: 1600px;
  margin: 64px auto;
  padding: 0 16%;
  text-align: center;
}

.top-section7-content{
  margin-top: 24px;
  display:block;
  justify-content:flex-start;
  list-style: none;
  flex-wrap: wrap;
}
}

.top-section7 h5 {
  font-family: "Waiting for the Sunrise", cursive;
  font-size: 18px;
  color: #11527B;
  margin: 8px 0;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.top-section7 h5 {
  font-family: "Waiting for the Sunrise", cursive;
  font-size: 16px;
  color: #11527B;
  margin: 4px 0;
}
}

.top-section7-content li{
  flex: 0 1 31%;
  margin: 0 1% 24px;
  text-align: left;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.top-section7-content li{
  flex: 0 1 31%;
  margin: 0 1% 24px;
  text-align: left;
}
}

.top-section7-content li .top-section7-content-thumbnail {
	display: block;
  aspect-ratio: 5 / 3;
  overflow: hidden;   
}

.top-section7-content li .top-section7-content-thumbnail img{
  width: 100% !important;   
  height: 100% !important;  
  object-fit: cover;
  display: block;
}

.top-section7-content li a{
  text-decoration: none;
  color: #483911;
}

.top-section7-content li a:hover{
  opacity: .5;
  transition: .5s;
}

.top-section7-content li a .caseday{
  font-size: 10px;
  line-height: 1.6em;
  font-family: "Montserrat", sans-serif;
  margin: 8px 0 0;
}

.top-section7-content li a .casetitle{
  font-family: "Cormorant", serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.4em;
  text-transform: uppercase;
}

.top-section8{
  max-width: 1600px;
  margin: 0 auto;
  padding: 80px 8%;
  width: 76%;
  text-align: center;
  background-color: #EFEDE2;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.top-section8{
  max-width: 1600px;
  margin: 0 auto;
  padding: 64px 8%;
  width: 76%;
  text-align: center;
  background-color: #EFEDE2;
}
}

.top-section8-content{
  margin: 40px 0 24px;
  text-align: left;
  list-style: none;
  border-top: solid 1px #4839113c;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.top-section8-content{
  margin: 24px 0;
  text-align: left;
  list-style: none;
  border-top: solid 1px #4839113c;
  display: flex;
  overflow-x: auto;        
  -webkit-overflow-scrolling: touch; 
  gap: 16px;             
  padding: 0 8px;
}
}
.top-section8-content li{
  padding: 24px 0;
  border-bottom: solid 1px #4839113c;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  color: #483911;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.top-section8-content li{
  padding: 24px 0;
  border-bottom: solid 1px #4839113c;
  display:block;
  justify-content: space-between;
  align-items:flex-start;
  text-decoration: none;
  color: #483911;
  flex: 0 0 80%;   
}
}

.top-section8-content li .voice-list-right{
  width: 72%;
  white-space: normal;     
  word-break: break-word;  
  overflow-wrap: anywhere;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.top-section8-content li .voice-list-right{
  width: 100%;
  white-space: normal;     
  word-break: break-word;  
  overflow-wrap: anywhere;
}
}


.top-section8-content-thumbnail {
	display: block;
  aspect-ratio: 3 / 2;
  overflow: hidden;  
	width:25%;
}

.top-section8-content-thumbnail img{
  width: 100% !important;   
  height: 100% !important;  
  object-fit: cover;
  display: block;
}


/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.top-section8-content-thumbnail {
	display: block;
  aspect-ratio: 3 / 2;
  overflow: hidden;  
	width:100%;
}
}

.voice-list-right .voice-info{
  font-family: "Cormorant", serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.4em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
	.voice-list-right .voice-info{
  font-family: "Cormorant", serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.4em;
  text-transform: uppercase;
  display:block;
  align-items: center;
		margin-top:8px;
}
}

.voice-list-right .voice-info span{
  font-size: 10px;
  line-height: 1.6em;
  font-family: "Montserrat", sans-serif;
  margin-left: 8px;
  display: block;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
	.voice-list-right .voice-info span{
  font-size: 10px;
  line-height: 1.6em;
  font-family: "Montserrat", sans-serif;
  margin-left: 0;
  display: block;
}
}

.voice-list-right .voice-text{
  font-size: 13px;
  font-weight: 300;
  line-height: 1.4em;
  font-family: "Montserrat", sans-serif;
  margin-top: 8px;
}

.voice-list-right .voice-text a{
  color: #11527B;
  display:inline-block;
  margin-right: 8px;
  text-transform: capitalize;
  text-decoration: none;
}

.voice-list-right .voice-text a:hover{
  color: #48391176;
  transition: .5s;
}


.top-section9{
  max-width: 1600px;
  margin: 80px auto;
  padding: 0 12%;
  text-align: center;
  display: flex;
  justify-content: space-between;
  list-style: none;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.top-section9{
  max-width: 1600px;
  margin: 64px auto;
  padding: 0 6%;
  text-align: center;
  display: flex;
  justify-content: space-between;
  list-style: none;
}
}

.top-section9 li{
  background-color: #ffffff;
  padding: 8% 2%;
  width: 43%;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.top-section9 li{
  background-color: #ffffff;
  padding: 8% 2%;
  width: 45%;
}
}

.top-section9 li:nth-child(1){
  margin-bottom: 40px;
}

.top-section9 li:nth-child(2){
  margin-top: 40px;
}

.top-section9 li h2 span{
  font-size: 55px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.top-section9 li h4{
  font-size: 8px;
} 

.top-section9 li h2 span{
  font-size: 30px;
}
}

.top-section9 li a{
  align-items: center;
  justify-content: center;
  border-bottom: solid 1px #3f270a55;
  display: inline-block;
  padding-bottom: 12px;
  margin-top: 24px;
  font-size: 10px;
  font-family: "Optima", "Segoe UI", "Arial", sans-serif;
  letter-spacing: 2px;
  font-weight: 300;
  color: #3F270A;
  text-decoration: none;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.top-section9 li a{
  align-items: center;
  justify-content: center;
  border-bottom: solid 1px #3f270a55;
  display: inline-block;
  padding-bottom: 12px;
  margin-top: 24px;
  font-size: 8px;
  font-family: "Optima", "Segoe UI", "Arial", sans-serif;
  letter-spacing: 2px;
  font-weight: 300;
  color: #3F270A;
  text-decoration: none;
}
}

.top-section9 li a:hover{
  opacity: .5;
  transition: .5s;
}

.top-section10{
  max-width: 1600px;
  margin: 80px auto;
  padding: 80px 22%;
  width: 40%;
  text-align: center;
  border: solid 1px #48391175;
}


/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.top-section10{
  max-width: 1600px;
  margin: 64px auto;
  padding: 64px 8%;
  width: 65%;
  text-align: center;
  border: solid 1px #48391175;
}
}

.top-section10-content{
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.top-section10-content{
  margin-top: 24px;
  display: block;
  align-items: center;
  justify-content: space-between;
  list-style: none;
}
}

.top-section10-content li a{
  align-items: center;
  justify-content: center;
  border-bottom: solid 1px #3f270a55;
  display: inline-block;
  padding-bottom: 12px;
  margin-top: 24px;
  font-size: 10px;
  font-family: "Optima", "Segoe UI", "Arial", sans-serif;
  letter-spacing: 2px;
  font-weight: 300;
  color: #3F270A;
  text-decoration: none;
}

.top-section10-content li a:hover{
  opacity: .5;
  transition: .5s;
}

.top-section11{
  max-width: 1600px;
  margin: 80px auto;
  padding: 0 12%;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.top-section11{
  max-width: 1600px;
  margin: 64px auto;
  padding: 0 8%;
}
}

.top-section11-content{
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.top-section11-content{
  display: block;
  align-items: center;
  justify-content: space-between;
  list-style: none;
}
}

.top-section11-content li img{
  width: 100%;
}

.top-section11-content li{
  width: 40%;
  text-align: center;
}

.top-section11-content li:nth-child(2){
  width: 55%;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.top-section11-content li{
  width: 100%;
  text-align: center;
}

.top-section11-content li:nth-child(2){
  width: 80%;
  margin: 0 10%;
  margin-top: 24px;
}
}

.top-section11-content li h2 span{
  font-size:30px;
}

.top-section11-content li h2 img {
    width: 10px;
}


.top-section11-content li a{
  align-items: center;
  justify-content: center;
  border-bottom: solid 1px #3f270a55;
  display: inline-block;
  padding-bottom: 12px;
  margin-top: 24px;
  font-size: 10px;
  font-family: "Optima", "Segoe UI", "Arial", sans-serif;
  letter-spacing: 2px;
  font-weight: 300;
  color: #3F270A;
  text-decoration: none;
}

.top-section11-content li a:hover{
  opacity: .5;
  transition: .5s;
}

footer{
  background-color: #342912;
  margin: 80px 2% 2%;
  border-radius: 20px;
  padding: 80px 8%;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
footer{
  background-color: #342912;
  margin: 64px 2% 2%;
  border-radius: 20px;
  padding: 40px 8%;
}
}

.footer-top{
  display: flex;
  list-style: none;
  justify-content: space-between;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.footer-top{
  display:block;
  list-style: none;
  justify-content: space-between;
}
}

.footer-top li:nth-child(2){
  margin-left: 200px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.footer-top li:nth-child(2){
  margin-left: 0;
  margin-top: 24px;
  margin-bottom: 24px;
}

.footer-top li{
  line-height: 1em;
}
}

.footer-top li img{
  height: 100px;
  margin-bottom: 16px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.footer-top li img{
  height: 50px;
  margin-bottom: 16px;
}
}

.footer-top li p{
  color: #FFF3D3;
  font-size: 12px;
  font-weight: 300;
}

.footer-top li a{
  color: #FFF3D3;
  font-size: 12px;
  font-weight: 300;
  text-decoration: none;
  font-family: "Montserrat", sans-serif;
  line-height: 1.7em;
}

.footer-top li a:hover{
  opacity: .5;
  transition: .5s;
}

.footer-top li h6 {
  font-size: 13px;
  font-family: "Optima", "Segoe UI", "Arial", sans-serif;
  letter-spacing: 2px;
  font-weight: 300;
  margin-bottom: 0;
  color: #FFF3D3;
  display: flex;             
  align-items: center;   
  margin-bottom: 8px;   
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.footer-top li h6 {
  font-size: 13px;
  font-family: "Optima", "Segoe UI", "Arial", sans-serif;
  letter-spacing: 2px;
  font-weight: 300;
  margin-bottom: 0;
  color: #FFF3D3;
  display: flex;             
  align-items: center;   
  margin-bottom: 4px;   
}
}

.footer-top li h6 img {
  height: 10px;
  margin: 0;
  margin-right: 8px;
  display: block;
}

.footer-center{
  margin: 40px 0 24px;
  display: flex;
  justify-content: flex-start;
  list-style: none;
  align-items: center;
}

.footer-center li{
  margin-right: 24px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.footer-center{
  margin: 40px 0 24px;
  display: flex;
  justify-content: flex-start;
  list-style: none;
  align-items: center;
  flex-wrap: wrap;
}

.footer-center li{
  margin-right: 16px;
}
}

.footer-center li a:hover{
  opacity: .5;
  transition: .5s;
}

.footer-center li img{
  height: 30px;
}

.footer-center li:nth-child(2) img{
  height: 25px;
}

.footer-center li:nth-child(3) img{
  height: 40px;
}

.footer-center li:nth-child(4) img{
  height: 80px;
}

.footer-center li:nth-child(5) img{
  height: 60px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.footer-center li img{
  height: 25px;
}

.footer-center li:nth-child(2) img{
  height: 20px;
}

.footer-center li:nth-child(3) img{
  height: 25px;
}

.footer-center li:nth-child(4) img{
  height: 60px;
}

.footer-center li:nth-child(5) img{
  height: 40px;
}
}


.footer-middle-bottom p{
color: #FFF3D3;
  font-size: 12px;
  font-weight: 300;
  font-family: "Montserrat", sans-serif;
  line-height: 1.7em;
	margin-bottom:16px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
	.footer-middle-bottom p{
color: #FFF3D3;
  font-size: 10px;
  font-weight: 300;
  font-family: "Montserrat", sans-serif;
  line-height: 1.7em;
		margin-bottom:16px;
}
}

.footer-bottom{
  display: flex;
  justify-content: space-between;
  list-style: none;
}

.footer-bottom li p{
  color: #FFF3D3;
  font-size: 10px;
  font-weight: 300;
  font-family: "Montserrat", sans-serif;
  line-height: 1.7em;
}

.footer-bottom li a{
  color: #FFF3D3;
  font-size: 10px;
  font-weight: 300;
  text-decoration: none;
  font-family: "Montserrat", sans-serif;
  line-height: 1.7em;
}

.footer-bottom li a:hover{
  opacity: .5;
  transition: .5s;
}

/*ABOUT US*/
.pagetop{
  padding: 200px 0 40px;
  text-align: center;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.pagetop{
  padding: 140px 0 24px;
  text-align: center;
}
}

.pagetop h2{
  justify-content: center;
}

.pagetop h1{
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagetop h1 img {
  width: 10px;
}

.pagetop h1 span{
  color: #3F270A;
  text-decoration: none;
  font-family: "Cormorant", serif;
  font-size: 60px;
  letter-spacing: -1px;
  font-weight: 400;
  margin: 0 24px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.pagetop h1 span{
  color: #3F270A;
  text-decoration: none;
  font-family: "Cormorant", serif;
  font-size: 40px;
  letter-spacing: -1px;
  font-weight: 400;
  margin: 0 16px;
}
}

.about-section1 {
  text-align: center;
  max-width: 1600px;
  padding: 0px 12% 80px;
  margin: 0 auto;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.about-section1 {
  text-align: center;
  max-width: 1600px;
  padding: 0px 8% 64px;
  margin: 0 auto;
}
}

.about-section1-content{
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.about-section1-content li {
    width: 50%;
    text-align: left;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.about-section1-content{
  list-style: none;
  display: block;
  justify-content: space-between;
  align-items: center;
}

.about-section1-content li {
  width: 100%;
  text-align: left;
}
}

.about-section1-content li img {
    width: 100%;
}

.about-section1-content li:nth-child(2) {
    width: 45%;
    text-align: left;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.about-section1-content li img {
    width:70%;
    margin: 0 15%;
    margin-top: 16px;
}

.about-section1-content li:nth-child(2) {
    width: 100%;
    text-align: left;
}
}

.about-section1-content li h6 {
    color: #3F270A;
    font-family: "Cormorant", serif;
    font-size: 23px;
    font-weight: 300;
    line-height: 1.5em;
    text-transform: capitalize;
    margin-bottom: 8px;
}

.about-section1-content li p span {
    font-size: 10px;
    display: block;
    line-height: 1.6em;
    opacity: .7;
    margin-top: 8px;
}

.about-section1-content2{
    margin: 40px 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.about-section1-content2 li {
    width: 45%;
    text-align: left;
    flex: 1;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.about-section1-content2{
  margin: 24px 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}

.about-section1-content2 li {
    width: 100%;
    text-align: left;
}
}

.about-section1-content2 li img {
    width: 100%;
}

.about-section1-content2 li:nth-child(2) {
    width: 50%;
    text-align: left;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.about-section1-content2 li img {
    width: 70%;
    margin: 0 15%;
    margin-top: 16px;
}

.about-section1-content2 li:nth-child(2) {
    width: 100%;
    text-align: left;
}

.about-section1-content2 li:first-child {
    order: 2;
  }

  /* 2番目の li（画像）を前に持ってくる */
  .about-section1-content2 li:last-child {
    order: 1;
  }
}

.about-section1-content2 li h6 {
    color: #3F270A;
    font-family: "Cormorant", serif;
    font-size: 23px;
    font-weight: 300;
    line-height: 1.5em;
    text-transform: capitalize;
    margin-bottom: 8px;
}

.about-section2 {
  max-width: 1600px;
  margin: 0 auto;
  padding: 80px 8%;
  width: 76%;
  text-align: center;
  background-color: #EFEDE2;
  border-radius: 60px 0 0 0;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.about-section2 {
  max-width: 1600px;
  margin: 0 auto;
  padding: 64px 8%;
  width: 76%;
  text-align: center;
  background-color: #EFEDE2;
  border-radius: 60px 0 0 0;
}
}

.about-section2 h2 span{
  font-size: 45px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.about-section2 h2 span{
  font-size: 30px;
}
}


.about-section2-content{
  padding: 0 8%;
}

.about-section2-content-top{
  margin-top: 40px;
  display: flex;
  list-style: none;
  text-align: left;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.about-section2-content{
  padding: 0 0;
}

.about-section2-content-top{
  margin-top: 24px;
  display: block;
  list-style: none;
  text-align: left;
}
}

.about-section2-content-top li:nth-child(1){
  font-size: 13px;
  font-weight: 300;
  line-height: 1.4em;
  font-family: "Montserrat", sans-serif;
  width: 40%;
  color: #483911;
  text-transform: uppercase;
}

.about-section2-content-top li:nth-child(2){
  font-size: 13px;
  font-weight: 300;
  line-height: 1.4em;
  font-family: "Montserrat", sans-serif;
  width: 57%;
  color: #483911;
}

.about-section2-content-top li a{
  text-decoration: none;
  color: #483911;
}


/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.about-section2-content-top li:nth-child(1){
  font-size: 13px;
  font-weight: 300;
  line-height: 1.4em;
  font-family: "Montserrat", sans-serif;
  width: 100%;
  color: #483911;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.about-section2-content-top li:nth-child(2){
  font-size: 13px;
  font-weight: 300;
  line-height: 1.4em;
  font-family: "Montserrat", sans-serif;
  width: 100%;
  color: #483911;
}
}

.about-section2-content2{
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  margin-top: 80px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.about-section2-content2{
  display: block;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  margin-top: 64px;
}
}

.about-section2-content2 li {
  width: 48%;
  text-align: center;
}

.about-section2-content2 li:nth-child(2) {
  width: 50%;
}


/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.about-section2-content2 li {
  width: 100%;
  text-align: center;
}

.about-section2-content2 li:nth-child(2) {
  width: 80%;
  margin: 0 10%;
  margin-top: 24px;
}

}

.about-section2-content2 li h2 span {
  font-size: 40px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.about-section2-content2 li h2 span {
  font-size: 30px;
}
}

.about-section2-content2 li img {
  width: 100%;
}

.about-section2-content2 li h2 img {
    width: 10px;
}

.about-section2-content2 li a {
  align-items: center;
  justify-content: center;
  border-bottom: solid 1px #3f270a55;
  display: inline-block;
  padding-bottom: 12px;
  margin-top: 24px;
  font-size: 10px;
  font-family: "Optima", "Segoe UI", "Arial", sans-serif;
  letter-spacing: 2px;
  font-weight: 300;
  color: #3F270A;
  text-decoration: none;
}

.about-section2-content2 li a:hover{
  opacity: .5;
  transition: .5s;
}


/*STRENGTHS*/
.pagetop h5{
  font-family: "Waiting for the Sunrise", cursive;
  font-size: 18px;
  color: #11527B;
  margin: 8px 0 0;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.pagetop h5{
  font-family: "Waiting for the Sunrise", cursive;
  font-size: 16px;
  color: #11527B;
  margin: 4px 0;
}
}

.strenghs-section1 {
  max-width: 1600px;
  margin: 0 auto 40px;
  padding: 0 12%;
  text-align: center;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.strenghs-section1 {
  max-width: 1600px;
  margin: 0 auto 40px;
  padding: 0 8%;
  text-align: center;
}
}

.strenghs-section1-content {
  list-style: none;
}

.strenghs-section1-content li img {
  width: 40%;
  margin: 0 30%;
  transform: rotate(5deg);
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.strenghs-section1-content li img {
  width: 70%;
  margin: 0 15%;
  transform: rotate(5deg);
}
}

.strenghs-section1-content li:nth-child(3) {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.strenghs-section1-content li:nth-child(3) {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}
}

.strenghs-section1-content li p {
  width: 45%;
  text-align: left;
}

.strenghs-section1-content li:nth-child(2){
  color: #3F270A;
  font-family: "Cormorant", serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5em;
  margin: 40px 0 16px;
  text-align: center;
  text-transform:capitalize;
}

.strenghs-section2{
  max-width: 1600px;
  margin: 80px auto;
  padding: 0 16%;
  display: block;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.strenghs-section2{
  max-width: 1600px;
  margin: 64px auto;
  padding: 0 8%;
  display: block;
}
}

.strenghs-section2-content{
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  border-bottom: solid 1px #4839113c;
  padding: 16px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  color: #483911;
}

.strenghs-section2 ul:first-of-type{
  border-top: solid 1px #4839113c;
}

.strenghs-section2-content li:nth-child(1){
  width: 15%;
}

.strenghs-section2-content li:nth-child(2){
  width: 82%;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.strenghs-section2-content li:nth-child(1){
  width:30%;
}

.strenghs-section2-content li:nth-child(2){
  width: 67%;
}
}

.strenghs-section2-content li img{
  width: 100%;
}

.strenghs-section2-content li h6{
  color: #483911;
  font-family: "Cormorant", serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
  text-transform:uppercase;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.strenghs-section2-content li h6{
  color: #483911;
  font-family: "Cormorant", serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
  text-transform:uppercase;
}
}

.strenghs-section3 {
  max-width: 1600px;
  margin: 80px auto;
  padding: 0 8%;
  text-align: center;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.strenghs-section3 {
  max-width: 1600px;
  margin: 64px auto;
  padding: 0 16%;
  text-align: center;
}

.strenghs-section3 .top-section5-content li a h3{
  font-size: 16px;
}
}

.strenghs-section3 .top-section5-content li:hover{
  background-color: #423923bf;
  transition: .5s;
  cursor: pointer;
}

.strenghs-section3 .top-section5-content-link{
  border-bottom: solid 1px #3f270a55;
}

.strenghs-section3 .top-section5-content-link a{
  color: #3F270A;
}

/*PLAN*/
.plan-section1{
  padding: 0 12%;
  margin: 0px auto 80px;
  text-align: center;
  max-width: 1600px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.plan-section1{
  padding: 0 8%;
  margin: 0px auto 64px;
  text-align: center;
  max-width: 1600px;
}
}

.plan-section1-content{
  padding: 40px 6%;
  background-color: #ffffff;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  margin-bottom: 24px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.plan-section1-content{
  padding: 24px 6%;
  background-color: #ffffff;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  margin-bottom: 24px;
  flex-direction: column;
}
}

.plan-section1-content li h3 {
    color: #3F270A;
    font-family: "Cormorant", serif;
    font-size: 23px;
    font-weight: 300;
    line-height: 1.5em;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.plan-section1-content li {
  width: 47%;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.plan-section1-content li {
  width: 100%;
}

.plan-section1-content li:nth-child(1){
  order: 2;
}

.plan-section1-content li:nth-child(2){
  order: 1;
  width: 70%;
  margin: 0 15%;
  margin-bottom: 16px;
}
}

.plan-section1-content li:nth-child(2) img{
  width: 100%;

}

.plan-section1-content-icon{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 25px 0 0;
}
.plan-section1-content-icon img{
  width: 80px;
  margin-right: 16px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.plan-section1-content-icon img{
  width: 60px;
  margin-right: 8px;
}
}

/*CUSTOM CATERING*/
.customcatering-section1{
  text-align: center;
  max-width: 1600px;
  padding: 0 12% 80px;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.customcatering-section1{
  text-align: center;
  max-width: 1600px;
  padding: 0 8% 64px;
  list-style: none;
  display:block;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}

.pagetop .pagetitile-sp-small span{
  font-size: 30px;
}
}

.customcatering-section1 li {
  width: 50%;
  text-align: left;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.customcatering-section1 li {
  width: 100%;
  text-align: left;
}
}

.customcatering-section1 .customcatering-section1-left img {
    width: 100%;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.customcatering-section1 .customcatering-section1-left img {
  width: 70%;
  margin: 0 15%;
  margin-bottom: 16px;
}


}

.customcatering-section1 li:nth-child(2) {
  width: 45%;
  text-align: left;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.customcatering-section1 li:nth-child(2) {
  width: 100%;
  text-align: left;
}
}

.customcatering-section1-icon{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 24px;
}

.customcatering-section1-icon img{
  width: 80px;
  margin-right: 16px;
}

.customcatering-section1-icon  p span{
  color: #483911;
  font-family: "Cormorant", serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4em;
  text-transform: uppercase;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.customcatering-section1-icon  p{
  font-size: 11px;
}

.customcatering-section1-icon  p span{
  color: #483911;
  font-family: "Cormorant", serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4em;
  text-transform: uppercase;
}
}

.customcatering-section2 {
  max-width: 1600px;
  margin: 0 auto;
  padding: 80px 8%;
  width: 65%;
  text-align: center;
  background-color: #EFEDE2;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.customcatering-section2 {
  max-width: 1600px;
  margin: 0 auto;
  padding: 40px 4%;
  width: 76%;
  text-align: center;
  background-color: #EFEDE2;
}
}

.customcatering-section2 h6{
  color: #3F270A;
  font-family: "Cormorant", serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5em;
  text-align: center;
  text-transform: uppercase;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.customcatering-section2 h6{
  color: #3F270A;
  font-family: "Cormorant", serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5em;
  text-align: center;
  text-transform: uppercase;
}
}

.customcatering-section2-title-b {
  color: #3F270A;
  font-size: 10px;
  line-height: 1.6em;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
}

.customcatering-section2-content{
  margin: 40px 0 0;
  text-align: left;
}

.customcatering-section2-content-b{
  color: #3F270A;
  font-family: "Cormorant", serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.5em;
  text-transform: uppercase;
}

.drink-menu {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  color: #483911;
  background-color: #4a3e0f24;
  margin-top: 16px;
}

.drink-menu tr {
  border: 1px solid #4d410e1c;
}

.drink-menu td {
  padding: 20px;
  vertical-align:center;
  width: 50%;
}
/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.drink-menu td {
  padding: 10px;
  vertical-align:center;
  width: 50%;
}
}

.drink-menu b {
  margin: 0 0 8px;
  font-size: 12px;
  line-height: 1.6em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
	.drink-menu b {
  margin: 0 0 8px;
  font-size: 11px;
  line-height: 1.6em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
}

.drink-menu p {
  margin: 0;
  font-size: 10px;
  line-height: 1.6em;
}

.drink-menu .price {
  width: 220px;
  font-size: 12px;
  line-height: 1.6em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  background-color: #ffffffe3;
  width: 50%;
}
/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.drink-menu .price {
  width: 220px;
  font-size: 10px;
  line-height: 1.6em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  background-color: #ffffffe3;
  width: 50%;
}
}

.drink-menu .price span {
  font-size: 10px;
}

.customcatering-section2-content-b-2{
  font-size: 10px;
  font-weight: 300;
  margin-top: 8px;
  text-align: right;
}

.customcatering-section3{
  max-width: 1600px;
  margin: 80px auto;
  padding:0 12%;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.customcatering-section3{
  max-width: 1600px;
  margin: 64px auto;
  padding:0 8%;
}

}

.customcatering-section3 h2 span{
  font-size: 45px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
  .customcatering-section3 h2 span{
  font-size: 20px;
  text-align: center;
}
}

.customcatering-section3-content {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;          
  justify-content: space-between;
  list-style: none;
  padding: 0;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.customcatering-section3-content {
  margin-top: 40px;
  display: block;
  flex-wrap: wrap;          
  justify-content: space-between;
  list-style: none;
  padding: 0;
}
}

.customcatering-section3-content li {
  flex: 0 0 46%;
  margin: 0 1% 24px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
	.customcatering-section3-content li {
  flex: 0 0 46%;
  margin: 0 1% 16px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

}

.customcatering-section3-content li img{
  width: 50%;
  margin-right: 24px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.customcatering-section3-content li img{
  width: 40%;
  margin-right: 16px;
}
}

.customcatering-section3-content li h6{
  color: #483911;
  font-family: "Cormorant", serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-transform:capitalize;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.customcatering-section3-content li h6{
  color: #483911;
  font-family: "Cormorant", serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-transform:capitalize;
}

.customcatering-section3-content li p{
  font-size: 11px;
}
}

.customcatering-section3-content li b{
  color: #483911;
  font-family: "Cormorant", serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 4px 0;
  text-transform:capitalize;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.customcatering-section3-content li b{
  color: #483911;
  font-family: "Cormorant", serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 4px 0;
  text-transform:capitalize;
}

}

.customcatering-section3-content li p span{
  font-size: 10px;
}

.customcatering-section4{
  max-width: 1600px;
  margin: 80px auto;
  padding: 0 12%;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.customcatering-section4{
  max-width: 1600px;
  margin: 64px auto;
  padding: 0 8%;
}
}

.customcatering-section4 h2 span {
  font-size: 45px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.customcatering-section4 h2 span {
  font-size: 20px;
  text-align: center;
}
}

.customcatering-section4-content .drink-menu b{
  color: #3F270A;
  font-family: "Cormorant", serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.5em;
  text-transform: uppercase;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
	.customcatering-section4-content .drink-menu b{
  color: #3F270A;
  font-family: "Cormorant", serif;
  font-size: 11px;
  font-weight: 300;
  line-height: 1.5em;
  text-transform: uppercase;
}

}

.customcatering-section4-content p{
  text-align: center;
  margin-top: 8px;
  font-size: 10px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.customcatering-section4-content p{
  text-align: left;
  margin-top: 8px;
  font-size: 10px;
}
}

.customcatering-section4-content p a{
  color: #3F270A;
}

.customcatering-section4-content p a:hover{
  transition: .5s;
  opacity: .5;
}

/*BASIC CATERING*/
.basiccatering-section2 {
  max-width: 1600px;
  margin: 0 auto;
  padding: 80px 8%;
  width: 65%;
  text-align: center;
  background-color: #EFEDE2;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.basiccatering-section2 {
  max-width: 1600px;
  margin: 0 auto;
  padding: 40px 4%;
  width: 76%;
  text-align: center;
  background-color: #EFEDE2;
}
}

.basiccatering-section2 h2 span{
  font-size: 45px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.basiccatering-section2 h2 span{
  font-size: 20px;
  text-align: center;
}
}

.basiccatering-section2-content {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  list-style: none;
  flex-wrap: wrap;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.basiccatering-section2-content {
  margin-top: 40px;
  display: block;
  justify-content: space-between;
  list-style: none;
  flex-wrap: wrap;
}
}

.basiccatering-section2-content li {
  flex: 0 1 32%;
  margin: 0 0% 24px;
  text-align: left;
}

.basiccatering-section2-content li a {
  text-decoration: none;
  color: #483911;
}

.basiccatering-section2-content li a:hover{
  opacity: .7;
  transition: .5s;
}


.basiccatering-section2-thumbnail {
	display: block;
    aspect-ratio: 3 / 2;
    overflow: hidden;
}

.basiccatering-section2-thumbnail img{
  width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
}


.basiccatering-section2-content li a h6 {
  font-family: "Cormorant", serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4em;
  text-transform: uppercase;
  margin: 8px 0 0;
}

.basiccatering-section2-content li a p {
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.4em;
  text-transform:uppercase;
}

.basiccatering-section2-content li a b{
  color: #ab0a3b;
  font-size: 11px;
  line-height: 1.6em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin: 4px 0;
}

.basiccatering-section2-content li a .cateringmenu-tag{
  display: flex;
  align-items: center;
  margin-top: 8px;
  flex-wrap: wrap;
}

.basiccatering-section2-content li a .cateringmenu-tag p{
  color: #3F270A;
  font-size: 8px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  border: solid 1px #3F270A;
  padding: 2px 8px;
  margin-right: 4px;
  margin-bottom: 4px;
}

/*BASIC PLAN DETAILS*/
.plandetails{
  text-align: center;
  max-width: 1600px;
  padding: 200px 12% 80px;
  display: flex;
  justify-content:space-between;
  margin: 0 auto;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.plandetails{
  text-align: center;
  max-width: 1600px;
  padding: 140px 8% 64px;
  display:block;
  justify-content:space-between;
  margin: 0 auto;
}
}

.plandetails-img{
  width: 50%;
}

.plandetails-info{
  width: 45%;
  text-align: left;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.plandetails-img{
  width: 100%;
}

.plandetails-info{
  width: 100%;
  text-align: left;
}
}

.bl_imgSwitcher {
  inline-size: min(100%);
  margin-inline: auto;
}

/* メイン画像 */
.bl_imgSwitcher_main img {
  aspect-ratio: 3/2;
  inline-size: 100%;
  object-fit: cover;
  transition: opacity .4s cubic-bezier(.25, 1, .5, 1);
  opacity: 1; 
}

/* サムネイルのエリア（横スクロール） */
.bl_imgSwitcher_thumb {
  display: flex;
  gap: 0;
  margin-block-start: 24px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  padding-bottom: 0rem; 
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.bl_imgSwitcher_thumb {
  display: flex;
  gap: 0;
  margin-block-start: 24px;
  overflow-x: auto; 
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  padding-bottom: 0rem; 
}
}

/* サムネイルのボタン */
.bl_imgSwitcher_btn {
  flex-shrink: 0;
  inline-size: 10rem;
  overflow: hidden;
  position: relative;
  border: none;
  background: transparent;
  cursor: pointer;
  outline-offset: 2px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.bl_imgSwitcher_btn {
  flex-shrink: 0;
  inline-size: 6rem;
  overflow: hidden;
  position: relative;
  border: none;
  background: transparent;
  cursor: pointer;
  outline-offset: 2px;
}
}

/* サムネイル画像 */
.bl_imgSwitcher_btn img {
  aspect-ratio: 3 / 2;
  inline-size: 100%;
  object-fit: cover;
  display: block;
  transition: transform .2s ease;
}

/* アクセント用オーバーレイ */
.bl_imgSwitcher_btn::before {
  content: "";
  border-radius: inherit;
  position: absolute;
  inset: 0;
  z-index: 10;
  transition: background-color .4s;
  background-color: transparent;
}

/* ホバー時（ポインタ環境のみ） */
@media (any-hover: hover) {
  .bl_imgSwitcher_btn:hover::before {
    background-color: var(--overlay-color);
  }
  .bl_imgSwitcher_btn:hover img {
    transform: scale(1.03);
  }
}

/* アクティブ時の強調 */
.bl_imgSwitcher_btn.is_active::before {
  background-color: var(--overlay-color);
}

.plandetails-info {
  list-style: none;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.plandetails-info {
  list-style: none;
  margin-top: 24px;
}
}

.plandetails-info li h1{
  display: flex;
  align-items: center;
  justify-content:flex-start;
}

.plandetails-info li h1 img {
  width: 10px;
}

.plandetails-info li h1 span{
  color: #3F270A;
  text-decoration: none;
  font-family: "Cormorant", serif;
  font-size: 18px;
  letter-spacing: -1px;
  font-weight: 400;
  margin: 0 8px;
  text-transform: uppercase;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.plandetails-info li h1 span{
  color: #3F270A;
  text-decoration: none;
  font-family: "Cormorant", serif;
  font-size: 18px;
  letter-spacing: -1px;
  font-weight: 400;
  margin: 0 8px;
  text-transform: uppercase;
}
}

.plandetails-info  .plan-info-price{
  color: #3F270A;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 300;
  margin-top: 8px;
  text-transform:uppercase;
}

.plandetails-info  .plan-info-menuinfo{
  color: #3F270A;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 300;
  margin: 4px 0 16px;
  text-transform: uppercase;
}

.live-info-price{
	color: #3F270A;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    font-weight: 300;
    margin-top: 8px;
    text-transform: uppercase;
	margin-bottom:16px;
}

.plandetails-info .plan-info-text{
  white-space: normal;   
  word-break: break-word;
} 

.plandetails-info .plan-info-text a{
  color: #3F270A;
    font-size: 13px;
    line-height: 1.6em;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
} 

.plandetails-info .plan-info-text a:hover{
  opacity: .5;
  transition: .5s;
}

.plandetails-info .plan-info-come{
  font-size: 10px;
  margin-top: 4px;
}

.plandetails-info .plan-info-quantity{
  margin-top: 24px;
  background-color: #EFEDE2;
  padding: 12px;
  color: #3F270A;
  font-family: "Cormorant", serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
}

.plandetails-info .plan-info-quantity-text{
  white-space: normal;  
  word-break: break-word;
  margin-top: 8px;
}

.plandetails-info  .plan-info-quantity-allergie{
  margin-top: 8px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.allergie-icon{
  width: 50px;
  box-sizing: border-box;
  margin-bottom: 8px;
  margin-right: 8px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.allergie-icon{
  width: 32px;
  box-sizing: border-box;
  margin-bottom: 8px;
  margin-right: 8px;
}
}

.allergie-icon img{
  width: 100%;
}

.basiccatering-details-section3 {
  max-width: 1600px;
  margin: 80px auto;
  padding: 0 12%;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.basiccatering-details-section3 {
  max-width: 1600px;
  margin: 64px auto;
  padding: 0 8%;
}
}

.basiccatering-details-section3 h2 span {
  font-size: 45px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.basiccatering-details-section3 h2 span {
  font-size: 20px;
}
}

.basiccatering-details-section3-content {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  padding: 0;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.basiccatering-details-section3-content {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  padding: 0;
}
}

.basiccatering-details-section3-content li {
  flex: 0 0 31%;
  margin: 0 1% 40px;
  box-sizing: border-box;
}


/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.basiccatering-details-section3-content li {
  flex: 0 0 47%;
  margin: 0 1% 24px;
  box-sizing: border-box;
}
}

.basiccatering-details-section3-content li img {
  width: 100%;
}

.basiccatering-details-section3-content li h6{
  color: #483911;
  font-family: "Cormorant", serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-transform: capitalize;
  margin: 8px 0 0;
}

.basiccatering-details-section3-content li b{
  color: #483911;
  font-size: 13px;
  line-height: 1.6em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  margin-bottom: 8px;
  display: block;
}

/*USER GUIDE*/
.guidetop{
  margin:0 auto;
  max-width: 1600px;
  padding: 200px 12% 0;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.guidetop{
  margin:0 auto;
  max-width: 1600px;
  padding: 140px 8% 0;
}
}

.guidetop h1 {
  display: flex;
  align-items: center;
  justify-content:flex-start;
}

.guidetop h1 img {
  width: 10px;
}

.guidetop h1 span {
  color: #3F270A;
  text-decoration: none;
  font-family: "Cormorant", serif;
  font-size: 60px;
  letter-spacing: -1px;
  font-weight: 400;
  margin: 0 24px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.guidetop h1 span {
  color: #3F270A;
  text-decoration: none;
  font-family: "Cormorant", serif;
  font-size: 40px;
  letter-spacing: -1px;
  font-weight: 400;
  margin: 0 16px;
}
}

.guide-section1 {
  margin-top: 40px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.guide-section1 {
  margin-top: 24px;
}
}

.guide-section1 .scroll-section {
  position: relative;
}

.guide-section1 .scroll-section .content-wrapper {
  display: flex;
  align-items: flex-start;
}


/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
  .guide-section1 .scroll-section .content-wrapper {
    display: block;
    align-items: flex-start;
  }

  .sidebar{
    display: none;
  }
}

.guide-section1 .scroll-section .content-wrapper .sidebar {
  position: sticky;
  top: 104px;
  height: fit-content;
  flex-shrink: 0;
  left: 12%;
  width: 35%;
}

.guide-section1 .scroll-section .content-wrapper .sidebar a{
  display: block;
  color: #3F270A;
  font-family: "Cormorant", serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.8em;
  text-transform:capitalize;
  text-decoration: none;
}

.guidecontent {
  margin-left: 5%;
  width: 70%;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
  .guidecontent {
    margin-left: 0;
    width: 100%;
  }
}

#guidecontent1 {scroll-margin-top: 200px;}
#guidecontent2 {scroll-margin-top: 200px;}
#guidecontent3 {scroll-margin-top: 200px;}
#guidecontent4 {scroll-margin-top: 200px;}
#guidecontent5 {scroll-margin-top: 200px;}
#guidecontent6 {scroll-margin-top: 200px;}
#guidecontent7 {scroll-margin-top: 200px;}
#guidecontent8 {scroll-margin-top: 200px;}
#guidecontent9 {scroll-margin-top: 200px;}

.guidecontent div h3{
  color: #3F270A;
  font-family: "Cormorant", serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.8em;
  text-transform:capitalize;
  letter-spacing: 1px;
  margin-bottom: 18px;
}

.guidecontent div h3 span {
  color: #3F270A;
  font-family: "Cormorant", serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 1.8em;
  margin-right: 8px;
}

.guidecontent .guide{
  margin: 0 0 64px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.guidecontent .guide{
  margin: 0 0 40px;
}
}

.guide .guide1-info li{
  background-color: #e8e6d872;
  padding: 4%;
  list-style: none;
  margin-bottom: 4px;
}

.guide .guide1-info li h6{
  color: #3F270A;
  font-family: "Cormorant", serif;
  font-size: 15px;
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.guide .guide2-info li{
  background-color: #e8e6d872;
  margin-bottom: 16px;
  padding: 4%;
  list-style: none;
}

.guide .guide2-info li h6{
  color: #3F270A;
  font-family: "Cormorant", serif;
  font-size: 15px;
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.guide2-info-flow1{
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}

.guide2-info-flow1 div{
  font-size: 12px;
  width: 33%;
  padding: 3%;
  margin-right: 2%;
  background-color: #F5F4ED;
  color: #3F270A;
  font-size: 12px;
  font-weight: 300;
}

.guide2-info-flow1 div span{
  color: #3F270A;
  font-family: "Cormorant", serif;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 4px;
  display: block;
}

.guide2-info-flow1 div:nth-child(3){
  margin-right: 0;
}

.guide2-info-flow2{
  margin-top: 16px;
}

.guide2-info-flow2 div{
  font-size: 12px;
  width: 94%;
  padding: 3%;
  background-color: #F5F4ED;
  color: #3F270A;
  font-size: 12px;
  font-weight: 300;
}

.guide .guide3-info h6 {
  color: #3F270A;
  font-family: "Cormorant", serif;
  font-size: 15px;
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.guide .guide3-info p{
  margin-bottom: 16px;
}

.guide .guide3-info .kom{
  font-size: 10px;
  margin-bottom: 0;
  padding: 3%;
  border: solid 1px #4d410e2b;
}

.guide .guide4-info p{
  font-size: 13px;
}

.guide .guide4-info h6 {
  color: #3F270A;
  font-family: "Cormorant", serif;
  font-size: 15px;
  font-weight: 300;
  text-transform: uppercase;
  margin: 16px 0 8px;
}

.guide table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 24px;
}

.guide table th, td {
  border: 1px solid #4d410e2b;
  padding: 3%;
  text-align: left;
  width: 50%;
  font-size: 13px;
  color: #3F270A;
  font-weight: 300;
}

.guide table tr td span{
  color: #3F270A;
  font-family: "Cormorant", serif;
  font-size: 14px;
  font-weight: 300;
  text-transform: uppercase;
  display: block;
  margin-bottom: 4px;
}

.guide table .left-cell {
  background-color: #e8e6d88b;
}

.guide .guide5-info p{
  font-size: 13px;
}

.guide .guide5-info h6 {
  color: #3F270A;
  font-family: "Cormorant", serif;
  font-size: 14px;
  font-weight: 300;
  text-transform: uppercase;
  margin: 16px 0 8px;
}

.guide .guide6-info h6 {
  color: #3F270A;
  font-family: "Cormorant", serif;
  font-size: 14px;
  font-weight: 300;
  text-transform: uppercase;
  margin: 16px 0 8px;
}

.guide .guide7-info p{
  font-size: 13px;
}

.guide .guide7-info h6 {
  color: #3F270A;
  font-family: "Cormorant", serif;
  font-size: 14px;
  font-weight: 300;
  text-transform: uppercase;
  margin: 16px 0 8px;
}


/*CASE*/
.case-section1 {
  padding: 0 12%;
  margin: 0px auto 80px;
  text-align: center;
  max-width: 1600px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.case-section1 {
  padding: 0 8%;
  margin: 0px auto 64px;
  text-align: center;
  max-width: 1600px;
}
}

.case-section1 .top-section7-content{
  margin-top: 0;
  margin-bottom: 40px;
}

/*CASE-DETAILS*/
.pagetop2 {
  padding: 200px 0 40px;
  text-align: center;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.pagetop2 {
  padding: 140px 8% 40px;
  text-align: center;
}
}

.pagetop2 h1{
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagetop2 h1 img {
  width: 10px;
}

.pagetop2 h1 span{
  color: #3F270A;
  text-decoration: none;
  font-family: "Cormorant", serif;
  font-size: 25px;
  letter-spacing: -1px;
  font-weight: 400;
  margin: 0 24px;
	text-transform: uppercase;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.pagetop2 h1 span{
  color: #3F270A;
  text-decoration: none;
  font-family: "Cormorant", serif;
  font-size: 25px;
  letter-spacing: -1px;
  font-weight: 400;
  margin: 0 8px;
}
}

.casepage-section1{
  text-align: center;
  max-width: 1600px;
  padding: 0 12%;
  margin: 0 auto;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.casepage-section1{
  text-align: center;
  max-width: 1600px;
  padding: 0 8%;
  margin: 0 auto;
}
}

.casepage-section1 .casepage-section1-img{
  width: 60%;
  margin: 0 20%;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.casepage-section1 .casepage-section1-img{
  width: 84%;
  margin: 0 8%;
}
}

.casepage-section1 .casepage-section1-img .plandetails-img {
    width: 100%;
}

.casepage-section1-content{
  margin-top: 64px;
  display: flex;
  justify-content: space-between;
  list-style: none;
  align-items: flex-start;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.casepage-section1-content{
  margin-top: 24px;
  display: block;
  justify-content: space-between;
  list-style: none;
  align-items: flex-start;
}
}

.casepage-section1-content li{
  width: 50%;
  text-align: left;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.casepage-section1-content li{
  width: 100%;
  text-align: left;
}
}

.number-people {
  color: #3F270A;
  font-family: "Cormorant", serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5em;
  text-align: center;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}

.number-people span{
  font-size: 13px;
  margin-left: 16px;
	display:block;
}

.casepage-section1-menu{
  color: #3F270A;
  font-family: "Cormorant", serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5em;
  text-align: center;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}

.casepage-section1-menu span{
  font-size: 13px;
  display: block;
  margin-left: 16px;
}

.casepage-section1-text{
  margin: 16px 0 0;
  white-space: normal;
  word-break: break-word;
}

/*VOICE*/
.voice-section1 {
  padding: 0 12%;
  margin: 0px auto 80px;
  text-align: center;
  max-width: 1600px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.voice-section1 {
  padding: 0 8%;
  margin: 0px auto 64px;
  text-align: center;
  max-width: 1600px;
}
}

.voice-section1 .top-section8-content{
  margin-top: 0;
  margin-bottom: 40px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.voice-section1 .top-section8-content{
  margin-top: 0;
  margin-bottom: 40px;
  display: block;
}
}


/*FAQ*/
.faq-section1 {
  padding: 0 16%;
  margin: 0px auto 80px;
  max-width: 1600px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.faq-section1 {
  padding: 0 8%;
  margin: 0px auto 64px;
  max-width: 1600px;
}

}

.faq {
	position: relative;
	margin-bottom: 8px;
  background-color: #e8e6d878;
}

.toggle {
	display: none;
}

.accordion{
  margin-bottom: 40px;
}

.accordion h6{
  color: #3F270A;
  font-family: "Cormorant", serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.8em;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.question,.anser {
	transform: translateZ(0);
	transition: all 0.3s;
}

.question {
  padding: 3% 4%;
  display: flex;
  align-items: center;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.question {
  padding: 4% 6%;
  display: flex;
  align-items: center;
}

}

.question p{
  width: 95%;
  display: flex;
  align-items: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  color: #333333;
  font-size: 13px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.question p{
  width: 93%;
  display: flex;
  align-items: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  color: #333333;
  font-size: 13px;
}
}

.question p span {
  color: #333333;
  font-size: 20px;
  font-family: "Cardo", serif;
  font-weight: 100;
  margin-right: 4%;
  cursor: pointer;
}

.question:after,.question:before {
	content: "";
  position: absolute;
  right: 5%;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1px;
  height: 12px;
  background-color: #483911;
  transition: all 0.3s;
  cursor: pointer;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.question:after,.question:before {
	content: "";
  position: absolute;
  right: 6%;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1px;
  height: 12px;
  background-color: #483911;
  transition: all 0.3s;
  cursor: pointer;
}
}

.question:after {
	transform: rotate(90deg);
}

.anser {
	max-height: 0;
	overflow: hidden;
}

.anser p {
  margin: 0 3%;
  margin-bottom: 4%;
  padding: 3%;
  line-height: 2em;
  color: #483911;
  background-color: #F5F4ED;
  font-size: 13px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.anser p {
  margin: 0 5%;
  margin-bottom: 4%;
  padding: 4% ;
  line-height: 2em;
  color: #483911;
  background-color: #F5F4ED;
  font-size: 13px;
}
}

.toggle:checked + .question + .anser {
	max-height: 700px;
	transition: all 1.5s;
}

.toggle:checked + .question:before {
	transform: rotate(90deg) !important;
}

.anser .ansertable{
  margin: 3%;
  padding: 3%;
  background-color: #F5F4ED;
}

.anser .ansertable table{
  width: 100%;
  margin-bottom: 0;
  font-size: 13px;
  color: #483911;
}

.anser .ansertable p{
  margin: 0;
  padding: 0;
  margin-top: 8px;
  font-size: 12px;
}

.anser .ansertable table tr th{
  font-weight: 400;
  font-size: 13px;
  background-color: #483911;
  color: #ffffff;
  border: solid 1px #ffffff27;
  padding: 3%;
}

.anser .ansertable table tr .left-cell{
  background-color: #4d410e0f;
}

.anser .ansertable .ansertable-com{
  font-size: 10px;
}

/*CONTACT*/
.contact-section1 {
  padding: 0 16%;
  margin: 0px auto 80px;
  max-width: 1600px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.contact-section1 {
  padding: 0 8%;
  margin: 0px auto 64px;
  max-width: 1600px;
}
}

.contact-section1 p{
  color: #3F270A;
  font-size: 13px;
  line-height: 1.6em;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  text-transform:capitalize;
}


.contact-form{
  margin: 16px 0 0;
	border: solid 1px #48391127;
  padding: 6%;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
	.contact-form{
  margin: 16px 0 0;
	border: solid 1px #48391127;
  padding: 6% 4%;
}

}

/*フォーマット*/
.customform{
	padding: 40px 0;
	text-align:center;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
	.customform{
	padding: 24px 0;
	text-align:left;
}
	

.customform p .wpcf7-form-control{
	display: grid;
	}
	
	
}

.formtext{
	margin: 0 8% 40px;
    width: 84%;
}


/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
  .formtext{
	margin: 0 0 40px;
    width: 98%;
}
}

.previousbtn{
	text-align:center;
}

.submitbtn{
	text-align:center;
}

.previousbtn input{
	color:#333333;
	background-color:
		font-size: 13px;
   font-family: "Montserrat", sans-serif;
	background-color:#E8E6D8;
	padding:8px 40px;
	letter-spacing:1px;
	text-shadow:none;
	border:solid 1px #483911;
	margin-bottom:16px;
	cursor:pointer;
	width:400px;
	border-radius:0;
	font-weight: 300;
        text-transform: uppercase;
}

.previousbtn input:hover{
	background-color:#48391147;
	color:#ffffff;
	transition:.5s;
}

.submitbtn input{
	color:#ffffff;
	background-color:
		font-size: 13px;
    font-family: "Montserrat", sans-serif;
	background-color:#483911;
	padding:8px 40px;
	letter-spacing:1px;
	text-shadow:none;
	border:solid 1px #483911;
	margin-bottom:40px;
	cursor:pointer;
	width:400px;
	border-radius:0;
	font-weight: 300;
        text-transform: uppercase;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
	
	.previousbtn input{
	width: 100%;
        font-size: 12px;
        font-weight: 300;
        text-transform: uppercase;
}
	
	.submitbtn input{
	width: 100%;
        font-size: 12px;
        font-weight: 300;
        text-transform: uppercase;
}
}



.submitbtn input:hover{
	background-color:#E8E6D8;
	color:#333333;
	transition:.5s;
}


.forminput2 {
	border-bottom:solid 1px #48391130;
	padding-bottom:4px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom: 4px;
}

.forminput2 li{
	list-style:none;
	width:50%;
}

.forminput2 li:nth-child(2){
	text-align:right;
}


/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
	.forminput2 li{
	list-style:none;
	width:70%;
}

.forminput2 li:nth-child(2){
	text-align:right;
	width:30%;
}
}


/*PRIVACY POLISY*/

.privacypolicy-section1{
  padding: 0 18%;
  margin: 0px auto 80px;
  max-width: 1600px;
}

/* スマートフォン*/
@media (min-width: 0px) and (max-width: 480px) {
.privacypolicy-section1{
  padding: 0 8%;
  margin: 0px auto 64px;
  max-width: 1600px;
}
}

.privacypolicy-section1 h6{
  color: #3F270A;
  font-family: "Cormorant", serif;
  font-size: 16px;
  font-weight: 300;
  text-transform:capitalize;
  border-bottom: solid 1px #3f270a3c;
  margin-top: 32px;
  margin-bottom: 8px;
  text-transform: uppercase;
  display: inline-block;
  padding: 0;
}

.privacypolicy-section1 p a{
  color: #3F270A;
}



/*アニメーション*/
/* 文字アニメーション用 */
.top-fv .top-fv-text .char {
  opacity: 0;
  transition: opacity .45s ease;
  color: inherit;        
}
.top-fv .top-fv-text .char.is-shown {
  opacity: 1;
}


.top-fv .top-fv-text .char {
  color: inherit;
  font-weight: inherit; 
  font-family: "Montserrat", sans-serif;
}

/* 画像 & スクロールダウンのフェード用 */
.top-fv img,
.top-fv .scrolldown {
  opacity: 0;
  transition: opacity .5s ease;
}
.top-fv img.is-visible,
.top-fv .scrolldown.is-visible {
  opacity: 1;
}

header{
  opacity: 0;
  transition: opacity 1s ease;
}

header.is-visible{ opacity: 1; }



header.is-hidden {
  opacity: 0;
}




/* ① 最初の1枚だけフェードイン（拡大→等倍） */
.fv-container.is-ready .fv-slide:first-child{
  opacity: 1;
  transform: scale(1);
}

/* ③ FVテキスト：最初は非表示 → 後でフェード＋持ち上げ */
.fv-text{
  opacity: 0;
  transition: opacity 600ms ease, transform 600ms ease;
}
.fv-text.is-visible{
  opacity: 1;
  transform: none;
}

/* お好み：視覚効果を減らしたいユーザーへ配慮 */
@media (prefers-reduced-motion: reduce){
  header, .fv-slide, .fv-text{ transition: none !important; }
}


.fade-in-block {
  opacity: 0;
  transform: translateY(60px);
  transition: opacity 1s ease, transform 1s ease;
  will-change: transform, opacity;
}

.fade-in-block.visible {
  opacity: 1;
  transform: translateY(0);
}


/*フェードイン*/
.fade-in {
  opacity: 0; /* 初期状態では透明 */
  transform: translateY(10px); /* 少し下から出てくるように設定 */
  transition: opacity 0.5s ease, transform 0.5s ease; /* フェードインとスライドのトランジション */
}

/* 画面に入ったら透明度が1になり、位置が元に戻る */
.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}

.fade-in2 {
  opacity: 0; /* 初期状態では透明 */
  transform: translateY(50px); /* 少し下から出てくるように設定 */
  transition: opacity 1s ease, transform 1s ease; /* フェードインとスライドのトランジション */
}

/* 画面に入ったら透明度が1になり、位置が元に戻る */
.fade-in2.visible {
  opacity: 1;
  transform: translateY(0);
}

.fade-in3 {
  opacity: 0; /* 初期状態では透明 */
  transform: translateY(50px); /* 少し下から出てくるように設定 */
  transition: opacity 1.5s ease, transform 1.5s ease; /* フェードインとスライドのトランジション */
}

/* 画面に入ったら透明度が1になり、位置が元に戻る */
.fade-in3.visible {
  opacity: 1;
  transform: translateY(0);
}