@charset 'UTF-8';
/*  Add Custom CSS here.  */

@keyframes FloatVerticalCloud {
  0% {
    transform: translate3d(0,0, 0);
  }
  50% {
    transform: translate3d(30%, 0, 0);
  }
  100% {
    transform: translate3d(0,0, 0);
  }
}

@keyframes FloatHorizontalCloud {
  0% {
    transform: translate3d(0, 0.7vh, 0);
  }
  50% {
    transform: translate3d(0, -0.7vh, 0);
  }
  100% {
    transform: translate3d(0, 0.7vh, 0);
  }
}

.baloon{
	animation: FloatHorizontalCloud 6.5s ease-in-out infinite alternate;
}

.top-messeger{
	display: none;
}

@media screen and (max-width: 767px) {
	.top-messeger{
		background: #FFF360;
		color: #FFF;
		font-size: 1.24rem;
		line-height: 21px;
		font-weight: bold;
		display: flex;
		padding: 3px;
    height: 55px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width:100%;
	}

	.top-messeger__bicycle{
		width: 20%;
		position: relative;
	}

	.top-messeger__bicycle img{
		position: absolute;
		max-width: 50px;
		animation: FloatVerticalCloud 4.5s ease-in-out infinite alternate;
	}

	.top-messeger__text{
		width: 80%;
		padding: 5px 0;
		position: relative;
		display: inline-block;
		max-width: 270px;
	}

	.top-messeger__text::before{
		content: '';
		background: url(../img/top/arrow-sp.svg);
		width: 17px;
		height: 17px;
		position: absolute;
		bottom: 7px;
		right: 0;
	}

	.top-messeger__text img{
		max-width: 230px;
  }
}

#custom-update.covaco .sec01 .three-points{
	width: 206px;
	height: 315px;
	background-size: cover;
}

@media screen and (min-width: 1024px) {
	#custom-update.covaco .sec01 .three-points{
		width: 311px;
		height: 465px;
		background-size: cover;
		background-size: 300px 409px;
	}
}

@media screen and (max-width: 767px) {
  #custom-update.covaco .sec01{

  }
}
/*_20200109 */
.footer__wrap02--container ul li.meritfooter:first-child:after {
    content: none;
}
@media screen and (max-width: 767px) {
.footer__wrap02--container ul li.meritfooter {
    display: block;
    margin: 0 auto;
    padding: 10px 0;
    width: 80%;
}
    .footer__wrap02--container ul li.meritfooter:last-child a {
        padding-left: 60px;
        text-align: center;
    }
    .footer__wrap02--container ul li.meritfooter:first-child:after {
        content: none;
    }
    .footer__wrap02--container ul li.meritfooter:first-child a:before {
        content: none;
    }
    .footer__wrap02--container ul li.meritfooter a span {
        background: url(../img/top/sp/ico_arr_ft.svg) no-repeat right bottom;
        padding-right: 26px;
        position: relative;
    }
    .footer__wrap02--container ul li.meritfooter a span:before {
        content: "";
        background: url(../img/top/sp/ico_bubble.svg) no-repeat;
        width: 46px;
        height: 36px;
        position: absolute;
        left: -54px;
        top: -10px;
    }
}
/*ギャラリー*/
.sec_add202010{
	padding: 130px 0 50px;
	overflow: hidden;
}
.sec_add202010 .inner{
	margin: 0 auto;
}
.sec_add202010_title{
	text-align: center;
	margin: 0 auto 80px;
}
.sec_add202010 .gallery {
    position: relative;
    margin: 0 auto 60px;
    text-align: center;
    height: auto;
    width: auto;
}
.sec_add202010 .gallery .swiper-wrapper {
    margin:0 auto
}
.sec_add202010 .gallery .swiper-slide {
    background: #fff;
    width:auto !important
}
.sec_add202010 .gallery .swiper-slide img {
    height: 100%;
    margin: 0 auto;
    width:auto
}
.sec_add202010 .gallery a {
    display: block;
    width: 100%;
    height: 100%;
    margin:0 auto
}
.sec_add202010 .gallery a:hover {
    opacity:.7
}
.sec_add202010 .gallery .swiper-button-next, .sec_add202010 .gallery .swiper-button-prev {
    width: 25px;
    height: 48px;
    -webkit-transition: all .5s;
    transition:all .5s
}
.sec_add202010 .gallery .swiper-button-next:hover, .sec_add202010 .gallery .swiper-button-prev:hover {
    opacity:.7
}
.sec_add202010 .gallery .swiper-button-next {
    background: url(../img/top/arw-next.svg) no-repeat 50%/100%;
    right: 2%;
    left:auto
}
.sec_add202010 .gallery .swiper-button-prev {
    background: url(../img/top/arw-prev.svg) no-repeat 50%/100%;
    left: 2%;
    right:auto
}
.sec_add202010 .gallery.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin:0 5px
}
.sec_add202010 .gallery .swiper-pagination-bullet {
    background: #b2b2b2;
    border: 1px solid #b2b2b2;
    opacity:1
}
.sec_add202010 .gallery .swiper-pagination-bullet-active {
    background:#fff
}
.sec_add202010 .swiper-container-horizontal>.swiper-pagination-bullets, .sec_add202010 .swiper-pagination-custom, .sec_add202010 .swiper-pagination-fraction{bottom:-35px}

/*DESIGN*/
.covaco .sec03__box02 .text02.is-active {
	top: 70px!important;
}
.covaco .sec03__box03 .text03.is-active {
	top: 57px!important;
}
.covaco .sec03__box03 .text03 span:nth-child(1) {
	padding: 20px 25px;
}
.covaco .sec03__box03 .text03 span:nth-child(1) img {
    width: 100%;
}

@media screen and (max-width: 767px) {
/*ギャラリー*/
.sec_add202010{
	padding: 50px 0 25px;
	overflow: hidden;
}
.sec_add202010_title{
	margin: 0 auto 40px;
}
.sec_add202010 .gallery .swiper-slide{
	width: 280px !important;
	height: 195px !important;
	margin: 0 auto;
}
.sec_add202010 .gallery .swiper-button-next, .sec_add202010 .gallery .swiper-button-prev {
    width: 15px;
    height: 38px;
}
/*DESIGN*/
.covaco .sec03__box02 .text02.is-active {
	top: 28px!important;
}
.covaco .sec03__box03 .text03.is-active {
	top: 19px!important;
}
.covaco .sec03__box03 .text03 span:nth-child(1) {
	padding: 2px 4px 5px;
}
}
/*Modify 2023/02/06 */
  body.loafer main .section07 .tab-box .tab li.col02 {
  width: calc(100%/2 - 10px);}
  @media only screen and (max-width: 767px) {
    body.loafer main .section07 .tab-box .tab li.col02 { width: 100%; } 
    }