@charset "utf-8";
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* 81-XXX */
/* 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;}
/*------------------------------------------------------------
	common
------------------------------------------------------------*/
.inter {
	font-family: "Inter", sans-serif;
}
.teachers {
	font-family: "Teachers", sans-serif;
}
.content {
	margin: 0 auto;
	max-width: 115rem;
}
.content01 {
	margin: 0 auto;
	max-width: 120rem;
}
@media all and (max-width: 896px) {
	.content {
		max-width: inherit;
	}
	.content01 {
		max-width: inherit;
	}
}
/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01 {
	margin-bottom: 6.7rem;
	font-size: 3.6rem;
	font-weight: 400;
	text-align: center;
}
@media all and (max-width: 896px) {
	.headLine01 {
		margin-bottom: 3rem;
		font-size: 2.4rem;
	}
}
/*------------------------------------------------------------
	headLine02
------------------------------------------------------------*/
.headLine02 {
	font-size: 3rem;
}


/*------------------------------------------------------------
	comLink01
------------------------------------------------------------*/
.comLink01 {
	padding: 0.7rem 4.7rem;
	font-size: 1.6rem;
	font-weight: normal;
	text-align: center;
	display: inline-block;
	border-radius: 2rem;
	color: #003DA6 !important;
	border: 1px solid #003DA6;
	background: url("../img/common/icon06.png") no-repeat center right 1.5rem;
}
@media all and (min-width: 897px) {
	.comLink01:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 896px) {
	.comLink01 {
		padding: 0.4rem 3.5rem;
		font-size: 1.4rem;
		border-radius: 2rem;
		max-width: 32rem;
		background-size: 0.6rem;
		background-position: center right 1.2rem;
	}
}
/*------------------------------------------------------------
	comLink02
------------------------------------------------------------*/
.comLink02 {
	margin: 0 auto 14rem;
	padding: 2.4rem 4.7rem;
	font-size: 2rem;
	font-weight: normal;
	width: 55rem;
	text-align: center;
	display: block;
	border-radius: 5rem;
	color: #000 !important;
	border: 1px solid #000;
	background: url("../img/common/icon05.png") no-repeat center right 3.3rem / 1.1rem;
}
@media all and (min-width: 897px) {
	.comLink02:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 896px) {
	.comLink02 {
		margin: 0 auto 7rem;
		padding: 1.4rem 4.7rem;
		font-size: 1.6rem;
		width: 80%;
		background-size: 0.8rem;
		background-position: center right 2rem;
	}
}
/*------------------------------------------------------------
	comImgBox
------------------------------------------------------------*/
.comImgBox h2 {
	margin-bottom: 3.1rem;
	font-size: 3.6rem;
	font-weight: normal;
	line-height: 1.3;
	color: #003DA6;
}
.comImgBox h2 .sml {
	margin-bottom: 2.5rem;
	font-size: 2rem;
	font-weight: normal;
	display: block;
}
.comImgBox .linkUl li:not(:last-child) {
	margin-bottom: 2rem;
}
.comImgBox .linkUl a {
	min-width: 24rem;
}
@media all and (max-width: 896px) {
	.comImgBox h2 {
		margin-bottom: 2.3rem;
		font-size: 3.2rem;
		line-height: 1.19;
	}
	.comImgBox h2 .sml {
		margin-bottom: 1rem;
		font-size: 1.6rem;
	}
	.comImgBox .linkUl li:not(:last-child) {
		margin-bottom: 1.6rem !important;
	}
	.comImgBox .linkUl a {
		padding-bottom: 0.6rem;
		min-width: 18rem;
	}
}
/*------------------------------------------------------------
	comImgBox01
------------------------------------------------------------*/
.comImgBox01 h2,
.comImgBox01 .linkUl a {
	color: #fff !important;
}
.comImgBox01 .linkUl a {
	border-color: #fff;
	background-image: url("../img/common/icon07.png");
}
@media all and (max-width: 896px) {
}
/*------------------------------------------------------------
	comImgBox02
------------------------------------------------------------*/
.comImgBox02 {
	padding: 3.5rem 2rem 0;
}
.comImgBox02 h2 {
	margin-bottom: 2.3rem;
	color: #000;
}
.comImgBox02 h2 .sml {
	color: #003DA6;
}
.comImgBox02 p {
	margin-bottom: 3.3rem;
	line-height: 1.6;
}
@media all and (max-width: 896px) {
	.comImgBox02 {
		padding: 2.5rem 2rem 0;
	}
	.comImgBox02 h2 {
		margin-bottom: 1.5rem;
		line-height: 1.3;
	}
	.comImgBox02 h2 .sml {
		margin-bottom: 0.8rem;
	}
	.comImgBox02 p {
		margin-bottom: 2.2rem;
		font-size: 1.6rem;
	}
}

/*------------------------------------------------------------
	review　staricon
------------------------------------------------------------*/
.fs-c-productList__list .productRating {
    padding: 0 10px;
	align-items: center;
}
.fs-c-productList__list .productRating .fs-c-reviewStars::before{
	font-size: 1.2em;
}
.fs-c-productList__list .productRating .review_count {
	font-size: 1.2rem;
  }