@charset "utf-8";

/* --------------------------------------
     Zoom 
-------------------------------------- */
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}

.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img{
  animation: zoomUp 10s linear 0s 1 normal both;  
}

.slide-img img{display: block;}
.slide-img img{width: 100%; height: auto;}

/* --------------------------------------
     Text with Image 
-------------------------------------- */

.swiper-bg-gray{
    position: absolute;
    top: 0;left: 0;
    width: 100%; height: 100%;
    background-color: rgba(0,0,0,0.3);
} 
.zone p.mess {
    font-size: 4.2rem;
    padding: 1.0rem;
    display: block;
}
.zone p.desc {
    font-size: 2.6rem;
    padding: 1.0rem;
    display: block;
}
.zone p img {
    width:30.0rem;height: auto;
    padding: 1.0rem;
}

.zone2 p.mess {
    font-size: 4.2rem;
    padding: 1.0rem;
    display: block;
}
.zone2 p.desc {
    font-size: 2.6rem;
    padding: 1.0rem;
    display: block;
}
.zone2 p img {
    width:30.0rem;height: auto;
    padding: 1.0rem;
}
.slider-btn {
  display: inline-block;
  text-align: center;
  /*font-size: 2.0rem;*/
  color: #3759e7;
  text-decoration: none;
  padding: 0.8rem 1.6rem;
    border: 1px solid #3759e7;;
    margin-right: 1.0rem;
    margin-left: 1.0rem;
    margin-top: 1.0rem;
    border-radius: 5px;
    background-color: #ffffff;
}
.swiper-slide .slide-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* background-color: rgba(0,0,0,0.2); */
    width: 80%;
}
.swiper-slide .slide-content-l {
    text-align: left;
}
.swiper-slide .slide-content-r {
    text-align: right;
}
/* 20260113 CHANGE  */
/* --------------------------
20260110 SLIDE
-------------------------- */
@media only screen and ( max-width : 1280px ) {
    .swiper-slide .slide-content p.mess,.swiper-slide .slide-content p.desc{line-height: 1.2;}
    .swiper-slide .slide-content-r,.swiper-slide .slide-content-l {text-align: left;left: 50%;}
}
@media only screen and ( max-width : 1024px ) {
    .swiper-slide .slide-content p img { width:24.0rem;}
    .swiper-slide .slide-content p.mess{font-size: 4.0rem;}
    .swiper-slide .slide-content p.desc{font-size: 2.6rem;}
    .slider-btn2{font-size: 1.8rem;padding: .5rem 1.0rem;}
    .slider-btn{font-size: 1.8rem;padding: .5rem 1.0rem;}
}
@media only screen and ( max-width : 960px ) {
    .swiper-slide .slide-content p img { width:20.0rem;}
    .swiper-slide .slide-content p.mess{font-size: 3.6rem;}
    .swiper-slide .slide-content p.desc{font-size: 2.4rem;}
}
@media only screen and ( max-width : 800px ) {
    .swiper-slide .slide-content p img { width:18.0rem;padding: 0.5rem;}
    .swiper-slide .slide-content p.mess{font-size: 3.4rem;padding: 0.5rem;}
    .swiper-slide .slide-content p.desc{font-size: 2.2rem;padding: 0.5rem;}
    .slider-btn{font-size: 1.6rem;padding: .3rem .6rem;}
    .slider-btn2{font-size: 1.6rem;padding: .3rem .6rem;}
}
@media only screen and ( max-width : 560px ) {
    .swiper-slide .slide-content p img { width:16.0rem;}
    .swiper-slide .slide-content p.mess{font-size: 2.6rem;}
    .swiper-slide .slide-content p.desc{font-size: 1.8rem;display: none;}
    .slider-btn{font-size: 1.4rem;padding: .2rem .4rem;}
    .slider-btn2{font-size: 1.4rem;padding: .2rem .4rem;}
}
/* -- For English Contents--*/
.swiper-slide .slide-content .zone {
    position: relative;
    z-index: 1;
    /* padding-top: 2.0rem;padding-bottom: 2.0rem;*/
}
.swiper-slide .slide-content .zone a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2; 
}

.zone:hover > .slider-btn{
    color: #ffffff;
    background-color: #3759e7;
}
/* -- For Japanese Contents--*/
.swiper-slide .slide-content .zone2 {
    /*position: relative;
    z-index: 1;
    /* padding-top: 2.0rem;padding-bottom: 2.0rem;*/
}
.swiper-slide .slide-content .zone2 p.slider-btn2 a{
  display: inline-block;
  text-align: center;
  /*font-size: 1.6rem;*/
  color:  #3759e7;
  text-decoration: none;
  padding: 0.8rem 1.6rem;
    border: 2px solid #3759e7;
    margin-right: 1.0rem;
    margin-left: 1.0rem;
    margin-top: 1.0rem;
    border-radius: 5px;
    background-color: #ffffff;
}

.swiper-slide .slide-content .zone2 p.jirei a {
  color: #739f3d;
  border: 2px solid #739f3d;
  background: #ffffff;
}


.swiper-slide .slide-content .zone2 p.jirei a{
  display: inline-block;
  text-align: center;
  /*font-size: 1.6rem;*/
  color: #739f3d;
  text-decoration: none;
  padding: 0.8rem 1.6rem;
    border: 2px solid #739f3d;
    margin-right: 1.0rem;
    margin-left: 1.0rem;
    margin-top: 1.0rem;
    border-radius: 5px;
    background-color: #ffffff;
}
.swiper-slide .slide-content .zone2 p.jirei a:hover{
    color: #ffffff;
    background-color: #739f3d;
}

.horizontal-p {
    display: flex;
    gap: 1rem;     /* 要素間のすき間（任意） */
    align-items: center; /* 上下位置をそろえる（任意） */
}