:root {
    --easing: cubic-bezier(.2, 1, .2, 1);
    --transition: .8s var(--easing);
    --color-base: #f8f8f8;
    --color-gray: #ddd;
    --color-theme: #f5695f;
    --color-theme-darken: #f12617;
    --box-shadow: .8rem .8rem 1.2rem rgba(0, 0, 0, .05), -.8rem -.8rem 1.2rem #fff;
    --box-shadow-hover: 1rem 1rem 1.5rem rgba(0, 0, 0, .08), -1rem -1rem 1.5rem #fff;
    --box-shadow-inset: inset .8rem .8rem 1.2rem rgba(0, 0, 0, .05), inset -.8rem -.8rem 1.2rem #fff;
    --box-shadow-dark: .8rem .8rem 1.2rem rgba(0, 0, 0, .1), -.8rem -.8rem 1.2rem rgba(#fff,.2);
  }

  .l-inner {
    position: relative;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    /*max-width: 1700px;
    margin: 0 auto;
    padding: 0 100px;*/
  }
  .l-section .l-inner {
    padding-top: 0;
    padding-bottom: 0;
  }
	
  .slide-media{
    position: relative;
    overflow: hidden;
		width:100%;
		height:740px;
  }
  .slide-media img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }

@media only screen and (max-width: 1280px) {
	.slide-media{height:60vw;}
}

@media only screen and (max-width: 768px){
	.slide-media{height:80vw;}
}






/*

.card02 a:hover{opacity:1;}


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


  .card02 .swiper-button-prev, .swiper-button-next {
    display: grid;
    place-content: center;
    width: 72px;
    height: 72px;
    cursor: pointer;
    -webkit-transition: var(--transition);
    transition: var(--transition);
		
		background: #fff;
    border-radius: 50%;
		border:solid 4px #49B577; 
		box-sizing:border-box;
  }
  .card02 .swiper-button-prev::after, .swiper-button-next::after {
    width: 1.2rem;
    height: 1.2rem;
    content: "";
    border: solid #49B577;
    border-width: 3px 3px 0 0;
  }
  .card02 .swiper-button-prev::after {
    margin-left: 0.4rem;
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
  .card02 .swiper-button-next::after {
    margin-right: 0.4rem;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .card02 .swiper-button-disabled {
    pointer-events: none;
    opacity: 0;
  }

  .card02 {
    overflow: hidden;
  }
  .card02 .swiper {
    overflow: visible;
		padding-bottom:50px;
  }
  .card02 .swiper-controller {
		width:calc(100% + 160px);
		height:0;
		position:absolute;
		left:-80px;
		top:calc(50% - 60px);
		transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
		z-index:2;
    display: flex;
		justify-content:space-between;

  }
  .card02 .swiper-pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 1.2rem 0.8rem;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 0 auto 0 0;
    text-align: center;
  }

  .card02 .swiper-button-prev, .card02 .swiper-button-next {
    position: relative;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin: 0;
  }
  .card02 .swiper-button-disabled {
    pointer-events: none;
    opacity: 0.5;
  }
  .card02 .swiper-button-disabled::before {
    -webkit-box-shadow: var(--box-shadow-inset);
            box-shadow: var(--box-shadow-inset);
  }
  .card02 .swiper-slide {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .card02 .slide {
    overflow: hidden;
    width: 500px;

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



@media only screen and (max-width: 1024px) {
.card02 .slide{width:300px;}
.card02 .l-inner {
	padding: 0 50px;
}
.card02 .swiper-controller{
	width: calc(100% + 90px);
	top:calc(50% - 40px);
	left:-45px;
}
.card02 .swiper-button-prev, .card02 .swiper-button-next{
	width:36px;
	height:36px;
}
.card02 .swiper-button-prev::after, .card02 .swiper-button-next::after{
	width: 8px;
	height: 8px;
}
}

@media only screen and (max-width: 599px) {
.card02 .slide {width: 250px;}
}
@media only screen and (max-width: 350px) {
.card02 .slide {width: 180px;}
}


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

    .card02 .swiper-button-prev::before, .swiper-button-next::before {
      -webkit-transition: var(--transition);
      transition: var(--transition);
    }
    .card02 .slide {
      -webkit-transition: var(--transition);
      transition: var(--transition);
    }
    .card02 .slide img {
      -webkit-transition: var(--transition);
      transition: var(--transition);
    }
    .card02 .slide:hover {
      -webkit-transform: translateY(-8px);
              transform: translateY(-8px);
			opacity:1;
    }
    .card02 .slide:hover img {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
*/