@charset "utf-8";





#customer_comment_box {
	background-color: #fbeded;
}

#customer_comment {
	max-width: 1000px;
	width: 96%;
	margin: 0 auto;
	padding: 75px 0 90px;
}

#experience_box {
	overflow: hidden;
	padding-top: 90px;
}

#customer_comment li {
	border-radius: 12px;
	background-color: #fff;
	padding: 25px;
	margin-bottom: 43px;
	line-height: 1.6;
}

#experience {
	max-width: 1000px;
	width: 90%;
	margin: 0 auto;
}

.experience_section {
	max-width: 770px;
	margin: 0 auto 100px;
	overflow: hidden;
	font-size: 90%;
}

.experience_per_year {
	background: url('/images/jisseki/year_of_experience.png') no-repeat center center;
	background-size: 469px auto;
	margin-bottom: 60px;
	padding: 10px 0 31px;
	text-align: center;
	font-size: 180%;
	color: #fff;
}
.experience_detail {
	text-align: center;
	margin-bottom: 60px;
	font-size: 200%;
	color: #c92221;
}

.experience_section ul {
	float: left;
	box-sizing: border-box;
	width: 50%;
}

.experience_section li {
	line-height: 1.3;
}

.experience_section ul:first-child {
	padding-right: 40px;
}


#image_girl {
	float: none;
}

#image_girl ul {
	margin-bottom: 20px;
	width: 100%;
}

#image_girl ul:nth-of-type(2n) {
	padding-left: 0;
}

#image_girl ul li:first-child {
	font-size: 120%;
	color: #c92221;
}

#experience_banner {
	overflow: hidden;
	margin-bottom: 50px;
}

#experience_banner ul {
	box-sizing: border-box;
}

#experience_banner ul li {
	float: left;
	box-sizing: border-box;
	width: 25%;
	padding: 0 3px;
}

#experience_banner ul li a {
	text-align: center;
}

#experience_banner ul li img {
	width: 100%;
	max-width: 175px;
	text-align: center;
}

/*===============================================
●ブレイクポイント
===============================================*/
@media screen and (max-width: 768px){



}/* 768pxの閉じカッコ */







/*===============================================
●ブレイクポイント
===============================================*/
@media screen and (max-width: 640px) {

.experience_section ul {
	width: 100%;
}
.experience_section ul:first-child {
	padding-right: 0;
}
.experience_section ul:nth-of-type(2n) {
	padding-left: 0;
}
#experience_banner ul li {
	width: 50%;
}

}/* 640pxの閉じカッコ */


/*===============================================
●ブレイクポイント
===============================================*/
@media screen and (max-width: 503px) {

	.experience_per_year {
		background-size: 100% auto;
		font-size: 6vw;
	}
	
	.safari .experience_per_year, .safari3 .experience_per_year {
		font-size: 140%;
	}
	
	.iphone .experience_per_year {
		font-size: 6vw;
	}

}/* 503pxの閉じカッコ */


/*===============================================
●ブレイクポイント
===============================================*/
@media screen and (max-width: 480px) {

	.experience_detail {
		font-size: 150%;
	}
	
	#experience_banner ul li {
		float: none;
		margin: 0 auto;
	}
	
	#experience_banner ul li:first-child {
		margin-bottom: 15px;
	}

}/* 480pxの閉じカッコ */


/*===============================================
●ブレイクポイント
===============================================*/
@media screen and (max-width: 400px) {

	.experience_per_year {
		padding: 20px 0 31px;
	}

}/* 400pxの閉じカッコ */