@charset 'UTF-8';
.main_slider {
	margin: 150px auto 50px;
	padding: 0px;
	opacity: 0;
	transition: 3s;
	position: relative;
	top: 0px;
	left: 0px;
}
.slick-initialized {
	opacity: 1;
}
.main_slider li {
	margin: 0px 50px;
}
.main_slider li img {
	width: 100%;
	height: auto;
}
.main_slider .prev {
	width: 50px;
	height: 50px;
	display: block;
	position: absolute;
	left: 18.5vw;
	top: 45%;
	z-index: 50;
	border: solid 1px #CCC;
	white-space: nowrap;
	background: #fff;
	cursor: pointer;
	transition-duration: 0.4s;
}
.main_slider .prev:hover {
	background: #000;
}
.main_slider .prev:hover::before {
	border-top: solid 2px #fff;
	border-left: solid 2px #fff;
}
.main_slider .prev::before {
	content: "";
	width: 10px;
	height: 10px;
	border-top: solid 2px #000;
	border-left: solid 2px #000;
	display: block;
	transform: rotate(-45deg);
	position: absolute;
	top: 20px;
	left: 22px;
}
.main_slider .next {
	width: 50px;
	height: 50px;
	display: block;
	position: absolute;
	right: 18.5vw;
	top: 45%;
	z-index: 50;
	border: solid 1px #CCC;
	white-space: nowrap;
	background: #fff;
	cursor: pointer;
	transition-duration: 0.4s;
}
.main_slider .next:hover {
	background: #000;
}
.main_slider .next:hover::before {
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
}
.main_slider .next::before {
	content: "";
	width: 10px;
	height: 10px;
	border-top: solid 2px #000;
	border-right: solid 2px #000;
	display: block;
	transform: rotate(45deg);
	position: absolute;
	top: 20px;
	right: 22px;
}
.slick-dots button {
	background: none;
	border: none;
	content: "";
	font-size: 0;
	padding: 0;
}
.slick-dots li button:before {
	font-family: 'slick';
	font-size: 18px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	content: '';
	background: #f0efee;
	text-align: center;
	color: #dcd;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	cursor: pointer;
}
.slick-dots li.slick-active button:before {
	background: #beaf88;
}
.slick-dots {
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	margin-top: 15px;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	margin: 0 5px;
	max-width: 13px;
	padding: 0;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	cursor: pointer;
}
/*--------bukken_slider------------*/
.result_slide {
	width: 370px;
	margin: 0 auto;
	position: relative;
}
.result_slide .slick-list {
	overflow: visible;
}
.slick-initialized {
	opacity: 1;
}
.result_slide li {}
.result_slide li img {
	height: auto;
}
.result_slide .prev_a {
	width: 50px;
	height: 50px;
	display: block;
	position: absolute;
	left: -342px;
	top: 144px;
	z-index: 50;
	border-radius: 50%;
	box-sizing: border-box;
	border: solid 1px #fff;
	white-space: nowrap;
	background: linear-gradient(to left, #043894, #15a0da);
	background: -moz-linear-gradient(to left, #043894, #15a0da);
	background: -webkit-linear-gradient(to left, #043894, #15a0da);
	cursor: pointer;
	transition-duration: 0.3;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}
.result_slide .prev_a::before {
	content: "";
	width: 8px;
	height: 8px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	display: block;
	transform: rotate(225deg);
	position: absolute;
	top: 20px;
	right: 17px;
}
.result_slide .next_a {
	width: 50px;
	height: 50px;
	display: block;
	position: absolute;
	right: -342px;
	top: 144px;
	z-index: 50;
	border-radius: 50%;
	box-sizing: border-box;
	border: solid 1px #fff;
	white-space: nowrap;
	background: linear-gradient(to left, #043894, #15a0da);
	background: -moz-linear-gradient(to left, #043894, #15a0da);
	background: -webkit-linear-gradient(to left, #043894, #15a0da);
	cursor: pointer;
	transition-duration: 0.3;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}
.result_slide .next_a::before {
	content: "";
	width: 8px;
	height: 8px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	display: block;
	transform: rotate(45deg);
	position: absolute;
	top: 20px;
	right: 20px;
}
.result_slide .next_a:hover,
.result_slide .prev_a:hover {
	background: #15a0da;
	transition: 1s;
}
.result_slide .slick-dots button {
	background: none;
	border: none;
	content: "";
	font-size: 0;
	padding: 0;
}
.result_slide .slick-dots li button:before {
	font-family: 'slick';
	font-size: 18px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	content: '';
	background: #ccc;
	text-align: center;
	color: #ccc;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	cursor: pointer;
}
.result_slide .slick-dots li.slick-active button:before {
	background: #beaf87;
}
.result_slide .slick-dots {
	overflow: hidden;
	width: 100%;
	padding: 0;
	list-style: none;
	text-align: center;
	margin: 40px 0 0;
}
.result_slide .slick-dots li {
	position: relative;
	display: inline-block;
	margin: 0 5px;
	max-width: 13px;
	padding: 0;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	cursor: pointer;
}
/*--------staff_slider------------*/
.staff_slider {
	width: 370px;
	margin: 0 auto;
	position: relative;
}
.staff_slider .slick-list {
	overflow: visible;
}
.slick-initialized {
	opacity: 1;
}
.staff_slider .slick-dots button {
	background: none;
	border: none;
	content: "";
	font-size: 0;
	padding: 0;
}
.staff_slider .slick-dots li button:before {
	font-family: 'slick';
	font-size: 18px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	content: '';
	background: #ccc;
	text-align: center;
	color: #ccc;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	cursor: pointer;
}
.staff_slider .slick-dots li.slick-active button:before {
	background: #0d7fc3;
}
.staff_slider .slick-dots {
	overflow: hidden;
	width: 100%;
	padding: 0;
	list-style: none;
	text-align: center;
	margin: 40px 0 0;
}
.staff_slider .slick-dots li {
	position: relative;
	display: inline-block;
	margin: 0 5px;
	max-width: 13px;
	padding: 0;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	cursor: pointer;
}
.slick-next, .slick-prev {
	display: none !important;
}

.gb_pick_slider {
	padding: 65px 0 60px 0;
}
.gb_slider-wrapper .slick-dots{
	padding-top: 10px;

}
.gb_slider-wrapper .slick-dots li button:before {
	font-family: 'slick';
	font-size: 18px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	content: '';
	background: #ccc;
	text-align: center;
	color: #dcd;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	cursor: pointer;
	border-radius: 30px;

}
.gb_slider-wrapper .slick-dots li.slick-active button:before {
	background: #0058a0;
}
/* コントロール全体を囲むコンテナ */
.gb_slick-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 400px;
    margin: auto;
	position: relative;
}

/* 矢印のデフォルトスタイルをリセット */
.gb_slider-wrapper .slick-arrow {
	font-size: 0; /* テキストを非表示にする */
    line-height: 0; /* テキストを非表示にする */
    width: 30px;  /* 画像の幅に合わせる */
    height: 30px; /* 画像の高さに合わせる */
    border: none; /* デフォルトの枠線を消す */
    outline: none; /* クリック時の青い枠線を消す */
    background-color: transparent; /* 背景色を透明に */
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; /* 画像がボタン内に収まるように調整 */
    position: static; /* position:absoluteを解除 */
    transform: none;  /* transformを解除 */
    display: block !important;
	position: absolute;
}
.gb_slider-wrapper .slick-arrow:nth-child(1){
	left: 0;
}
.gb_slider-wrapper .slick-arrow:nth-child(2){
	right: 0;
}

/* ドットのデフォルトスタイルをリセット */
.gb_slider-wrapper .slick-dots {
    position: static; /* position:absoluteを解除 */
    display: inline-block;
    vertical-align: middle;
    margin: auto;
}

/* 「前へ」ボタンに画像を指定 */
.gb_slider-wrapper .slick-prev {
    background-image: url('../img/guidebook/pick_arrow02.webp'); /
}

/* 「次へ」ボタンに画像を指定 */
.gb_slider-wrapper .slick-next {
    background-image: url('../img/guidebook/pick_arrow01.webp'); 
}

@media screen and (max-width: 768px) {
	.gb_pick_slider {
		padding: 50px 0 35px 0;
	}
	.gb_slider-wrapper .slick-dots li button:before{
		width: 10px;
		height: 10px;
	}
	.gb_slider-wrapper .slick-arrow{
		width: 22px;
		height: 22px;
	}
	.gb_slider-wrapper .slick-arrow:nth-child(1){
		left: 45px;
	}
	.gb_slider-wrapper .slick-arrow:nth-child(2){
		right: 45px;
	}

}