@charset "utf-8";
/* CSS Document */



/* 基本
------------------------------------------------------*/
body {
  font: 14px/22px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.wrap a {
	transition: .2s;
}
.wrap a:hover,
#page-top:hover {
  filter: alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;
}


.wrap-pt {
	display: none;
}


@media (min-width: 630px) {

	.wrap-pt {
		display: block;
	}
	
}


#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	cursor: pointer;
	z-index: 3;
}


.wrap img {
	max-width: 100%;
}

.position-relative {
	position: relative;
}
.position-absolute {
	position: absolute;
}

.mw-768px {
	max-width: 768px;
}
.mw-460px {
	max-width: 460px;
}
.mx-auto {
	margin-right: auto;
	margin-left: auto;
}

.swiper {
	width: 100%;
	height: 100%;
	padding-bottom: 30px;
}
.sl.sl5 .swiper,
.sl.sl6 .swiper {
	padding-bottom: 50px;
}
.sl.sl7 .swiper {
	padding-bottom: 40px;
}

.swiper-slide {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.swiper-button-next,.swiper-button-prev {
    color: #006432;
}
.swiper-pagination-bullet-active {
    background: #006432;
}
.swiper-pagination-bullet {
    border-radius: 0;
}


.acmenu .acbtn {
	cursor:pointer;
}

.acmenu .cls,
.acmenu .acbtn.active .opn,
.acmenu .acctt {
	display: none;
}
.acmenu .acbtn.active .cls {
	display: inline;
}


.sl {
	width: 97.4%;
	top: 28.2%;
	left: 1.3%;
}


.sl2,
.sl3,
.sl4 {
	width: 94%;
	top: 32.1%;
	left: 3%;
}


.wrap-sl {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	overflow-x: scroll;
	width: 205.99%;
}

.btn_cv {
	left: 0;
	bottom: 0;
}

.btn-cv2 {
	display: block;
	width: 78.13%;
	left: 10.94%;
	bottom: 9.5%;
	z-index: 1;
}
.btn-cv2.btn-cv2-3 {
	bottom: 2.5%;
}




.sl.sl5,
.sl.sl6 {
	width: 73.96%;
	top: 20.4%;
	left: 13.02%;
}
.sl.sl7 {
	width: 89.58%;
	top: 48.4%;
	left: 5.2%;
}



.sl.sl5 .swiper-button-next,
.sl.sl6 .swiper-button-next {
    right: -13%;
}
.sl.sl5 .swiper-button-prev,
.sl.sl6 .swiper-button-prev {
    left: -13%;
}
.sl.sl7 .swiper-button-next {
    right: -5%;
}
.sl.sl7 .swiper-button-prev {
    left: -5%;
}



.btn-instagram {
	width: 13.02%;
	top: 58.5%;
	left: 44.5%;
}
.btn-str {
	width: 89.58%;
	top: 71.7%;
	left: 5.3%;
}


#followup-bg {
	width: 100%;
	bottom: 0;
	left:0;
	position: fixed;
	z-index: 2;
	display: none;
	background: #fff;
}