@charset 'utf-8';

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');
@import url('normalize.css');
@import url('master.css') screen and (min-width: 768px),print;
@import url('sp_master.css') screen and (max-width: 767.99px);

:root {
	/* ベースカラーを変更する場合はこちら */
	--font: #384456; /* var(--font) */
	--primary: #0097CE; /* var(--primary) */
	--primary_light: #E3EBF3; /* var(--primary_light) */
	--primary_light02: #C2E5F6; /* var(--primary_light02) */
	--sub_color: #5BEAFA; /* var(--sub_color) */
	--backgroud_th: #E1F2FA; /* var(--backgroud_th) */
	--line_table: #C2DBE9; /* var(--line_table) */
	--background_primary: #EFF7F9; /* var(--background_primary) */
	--gray_light: #8C9BA4; /* var(--gray_light) */
	--gray_dark: #3D6A8A; /* var(--gray_dark) */
	--red: #E14949; /* var(--red) */
	--green: #57C74F; /* var(--green) */
	--yellow: #EAB224; /* var(--yellow) */
	/* コンテンツの幅を変更する場合はこちら */
	--contents_size: 1180px; /* var(--contents_size) */
}

@media screen and (max-width: 767.99px) {
	:root {
		--contents_size: 89.3%; /* var(--contents_size) */
	}
}

.color_font {color: var(--font)!important;}
.color_primary {color: var(--primary)!important;}

/* slick
======================================================= */

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	overflow: hidden;
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}
.slide-arrow {
	position: absolute;
	top: calc( 50% - 20px );
	border: none;
	z-index: 1;
	cursor: pointer;
	display: block;
	overflow: hidden;
	width: 40px;
	height: 0;
	padding-top: 40px;
	border-radius: 50%;
	background: var(--primary) url(../img/ico_arw_white.svg) no-repeat 50% 50%;
	background-size: 8px auto;
	text-indent: 100%;
	white-space: nowrap;
}
.slide-arrow.slick-disabled{
	display: none!important;
}
.slide-arrow.slick-prev {
	left: calc(50% - 620px);
	transform: rotate(180deg);
}
.slide-arrow.slick-next {
	right: calc(50% - 620px);
}
@media screen and (width <= 768px) {
	.slide-arrow {
		top: auto;
		bottom: -20px;
	}
	.slide-arrow.slick-prev {
		left: 5%;
	}
	.slide-arrow.slick-next {
		right: 5%;
	}
}


.slick-prev:hover,
.slick-next:hover {
	opacity: 0.8;
}
.slick-dots {
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 100%;
	height: 10px;
	line-height: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
.slick-dots li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: #D9D9D9;
	border: 1px solid #D9D9D9;
	border-radius: 50%;
	box-sizing: border-box;
	cursor: pointer;
}
.slick-dots li.slick-active,
.slick-dots li:hover {
	border: 1px solid var(--primary);
	background: var(--primary);
}

/* 縦並び防止 */
.slider {
		visibility:hidden;
}

.slider.slick-initialized {
		visibility: visible;        /*slick-initializedが付与されたら表示*/
}