@charset "utf-8";

/* 20240516 add */
.slideInner01 { position:relative; overflow:hidden; }
.slideInner .erabareruriyu { display:block; position:absolute; top:0; left:-5%; z-index:2; width:38.3333%; height:80%; background:rgba(0,0,0,0.0); transform:skew(-14deg); }
.slideInner .erabareruriyu a { display:block; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:rgba(0,134,60,0); transition:0.25s; }
.slideInner .erabareruriyu a:hover { background:rgba(0,134,60,0.25); transition:0.25s; }
.slideInner .lp202311campaign { display:block; position:absolute; top:0; left:50%; z-index:3; width:33.3333%; height:80%; background:rgba(0,0,0,0.0); transform:skew(-14deg) translate(-50%,0); }
.slideInner .lp202311campaign a { display:block; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:rgba(0,134,60,0); transition:0.25s; }
.slideInner .lp202311campaign a:hover { background:rgba(0,134,60,0.25); transition:0.25s; }
.slideInner .bc_mobile { display:block; position:absolute; top:0; right:-5%; z-index:2; width:38.3333%; height:80%; background:rgba(0,0,0,0.0); transform:skew(-14deg); }
.slideInner .bc_mobile a { display:block; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:rgba(0,134,60,0); transition:0.25s; }
.slideInner .bc_mobile a:hover { background:rgba(0,134,60,0.25); transition:0.25s; }

@media screen and (max-width:1024px) {}

@media screen and (max-width:767px) {
	.slideInner .erabareruriyu { width:40%; height:72.5%; }
	.slideInner .lp202311campaign { width:32.5%; height:72.5%; transform:skew(-14deg) translate(-47%,0); }
	.slideInner .bc_mobile { width:37.8%; height:72.5%; }
}

.cooperation_box a img { transition:0.2s; }
.cooperation_box a:hover img { opacity:0.3; transition:0.2s; }
.cooperation_box_btnWrap { padding:20px 0 0; text-align:right; }
a.btn_small, a.btn_middle, a.btn_large { display: inline-block; color: #fff; text-align: center; background: #00843f; border-radius: 25px; position: relative; padding: 10px 20px; margin: 0 auto; transition: 0.3s; }
a.btn_small { min-width: 230px; }
a.btn_middle { min-width: 300px; }
a.btn_large { min-width: 500px; }
a.btn_large:hover, a.btn_middle:hover, a.btn_small:hover { color: #fff; opacity: 0.5; }
a.btn_large::after, a.btn_middle:after, a.btn_small::after { font-family: "Font Awesome 5 Free"; content: "\f101"; font-weight: 900; margin: 0 0 0 10px; }
.logo_box { padding-bottom:80px; }
@media screen and (max-width:767px) {
	.cooperation_box_btnWrap { text-align:center; }
}