@charset "utf-8";
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* 81-JYJ */
/* clearfix */	
.clearfix:after {content: "";display: block;clear: both;}
/* flex */	
.flex,.flexA,.flexB,.flexC {display: flex;flex-wrap: wrap;}
.flexA {justify-content: space-around;}
.flexB {justify-content: space-between;}
.flexC {justify-content: center;}
.en {
	font-family: "Alegreya", serif;
}
/*------------------------------------------------------------
	common
------------------------------------------------------------*/
.comBtn a {
	margin: 0 auto;
	width: fit-content;
	min-width: 38rem;
	height: 7rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 6rem;
	background: linear-gradient(175deg, #E6F5F8 34.66%, #F7D9FF 82.92%);
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.181;
}
@media all and (min-width: 897px) {
	.comBtn a:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 896px) {
}
/* headLine01 */
.headLine01 {
	margin-bottom: 5.2rem;
	padding-bottom: 1rem;
	color: #707070;
	text-align: center;
	font-size: 2.8rem;
	line-height: 1.642;
	letter-spacing: 0.1em;
	background: url(../img/index/line.png) no-repeat center bottom / 12.8rem;
}
/* comSlide */
.comSlide .slick-list {
	overflow: visible !important;
}
.comSlide .item {
	margin: 0 0.9rem;
	padding-bottom: 3rem;
	display: block !important;
	width: 41.2rem !important;
	border-radius: 2rem;
	background: linear-gradient(to bottom,transparent 3rem,#fff 0%);
	overflow: hidden;
	box-shadow: 0 0 1.2rem 0 rgba(0, 0, 0, 0.25);
	box-sizing: border-box;
}
.comSlide .subList {
	margin: 2.5rem 1rem 0 4.5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.comSlide .subList li {
	padding-left: 2rem;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.636;
	position: relative;
}
.comSlide .subList li::before {
	width: 0.7rem;
	height: 0.7rem;
	position: absolute;
	left: 0;
	top: 1.8rem;
	content: "";
	background-color: currentColor;
	border-radius: 100%;
}
.comSlide .slick-arrow {
	width: 5.1rem;
	height: 5.1rem;
	border-radius: 100%;
	background: url(../img/index/arrow_icon01.png) no-repeat center center / 100%;
	cursor: pointer;
	transition: 0.3s;
	border: none;
	font-size: 0;
	z-index: 5;
	position: absolute;
	left: 3.2rem;
	top: 26.4rem;
}
.comSlide .slick-next {
	left: auto;
	right: 3rem;
	transform: scalex(-1);
}
@media all and (min-width: 897px) {
	.comSlide .slick-arrow:hover {
		opacity: 0.7;
	}
}