@charset "utf-8";

.contents{
	margin-bottom: 40px !important;	
}

.contents h2{
	margin-bottom: 0;
}

.main_inner {
	background-color: #fff;
	padding: 2rem 0 5rem 0;
}

.top{
	background: url(../images/voice/top_bg.png) no-repeat center center;
	background-size: cover;	
}

.top h2{
	padding: 50px 0;
	margin: 0 auto;
	width: 95%;
}

.nav ul{
	background-color: #fa7557;	
}

.nav ul li{
	padding: 20px 36px;
	border-bottom: solid 1px #FFF;	
}

.nav ul li a{
	display: block;
	position: relative;
	font-size: 1.8rem;
	color: #FFF;
}

.nav ul li a span{
	position: absolute;
	top: -2px;
	right: 0;
	font-size: 2.2rem;
}

h3.img_ttl {
	padding: 15px 0;
/* 	background: url(../images/voice/title_bg.png) repeat-x top left; */
	background-size:contain;
	background-color: #f8dcdc;
}

.voice-block h3 img{
/* 	padding-left: 15px;	 */
}

.voice-block dl{
/* 	margin: 0 15px 30px;	 */
}

.voice-block dd{
	margin-bottom: 10px;
	display: none;
}

.history h2{
	padding: 16px 0;
/* 	background: url(../images/voice/title_bg.png) repeat-x center left; */
	background-size: contain;	
}

.history ul{
	background-color: #fa7557;	
}

.history ul li{
	padding: 20px 36px;
	border-bottom: solid 1px #FFF;	
}

.history ul li a{
	display: block;
	position: relative;
	font-size: 1.8rem;
	color: #FFF;
}

.history ul li span{
	position: absolute;
	top: -2px;
	right: 0;
	font-size: 2.2rem;
}

#detailHistory{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(255,255,255,0.5) url(../images/voice/lightbox_bg.png) left center repeat;
	height:100%;
	z-index: 100;
}

#detailHistory .detail-inner{
	margin: 18px 18px 30px;
	padding: 2rem 0;
/* 	background: url(../images/voice/lightbox_text_bg.jpg) repeat-y top left; */
	background-color: rgba(255, 255, 255, 1);
/* 	border: solid 1px #ccc; */
	border-radius: 5px;
	height: 70%;
	overflow: auto;
	line-height: 2.5rem;
	box-shadow:1px 1px 9px -7px #000000;
	-moz-box-shadow:1px 1px 9px -7px #000000;
	-webkit-box-shadow:1px 1px 9px -7px #000000;

}

#detailHistory .detail-inner h2{
	margin-bottom: 30px;	
}

.detail-text{
	padding-bottom: 60px;	
}

.text-inner{
	margin: 0 26px 10px;
	font-size: 1.4rem;
	line-height: 2.2rem;
}

.closeBtn {
    width: 150px;
    margin: 0 auto 100px;
    padding: 10px 0;
    background-color: #fb8c74;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    font-size: 18px;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s;
}




/* add 2017 */

.student_listbox {
	position: relative;
	width: 50%;
	height: 380px;
	float: left;
	padding: 1rem 0;
}
	.student_listbox:nth-child(2n) {
		margin-right: 0px;
	}
	
	.student_listbox a {
		position: absolute;
		top: 0;
		left: 0;
		width:100%;
		height:100%;
		text-indent:-9999px;
	}
	.student_listbox a:hover {
		background-color: rgba(255, 255, 255, 0.4);
		border-radius: 10px;
	}


.student_listbox img {
	width: 70%;
	border-radius: 50%;
}

.student_listbox dl {
}

.student_listbox dt {
	text-align: center;
}

.student_listbox dd {
	padding: 0 1rem;
	text-align: center;
	line-height: 1.4;
}

.student_listbox dd:nth-child(2) {
	font-size: 1.2rem;
	color: #ee594a;
	border-bottom: dashed 1px #ccc;
	padding: 0.7rem 0.5rem;
}
.student_listbox dd:nth-child(3) {
	font-size: 1.5rem;
	/* font-weight: bold; */
	padding: 0.7rem;
	background: url(../images/voice/2017/bg_marker_sakura.png) no-repeat 1rem center;
	background-size: 10%;
	text-align: center;
}
.student_listbox dd:nth-child(4) {
	font-size: 1.2rem;
	text-align: center;
}
.student_listbox dd:nth-child(5) {
	text-align: center;
	padding-bottom: 1rem;
}
.student_listbox dd:nth-child(6) {
	font-style: italic;
	color: #666;
}




.detail-top {
	text-align: center;
	padding: 0 2rem;
}

.detail-top p {
	margin-bottom: 1rem;
	font-size: 1.2rem;
	height: auto;
	line-height: 1.2;
	letter-spacing: 0.2rem;
}
.detail-top p:nth-child(2) {
	font-size: 2rem;
	color: #ee594a;
	background: url(../images/2017/bg_marker_sakura.png) no-repeat left center;
	background-size: 5%;
	padding: 0;
}
.detail-top p:nth-child(3) {
	font-size: 1.6rem;
}
.detail-top p:nth-child(4) {
	font-size: 2.5rem;
}
.detail-top p:nth-child(5),
.detail-top p:nth-child(6) {
	font-size: 1.2rem;
}
.detail-top p:nth-child(7) {
	font-size: 1.6rem;
	color: #666;
	font-style: italic;
	line-height: 1.4;
	padding: 2rem 0;
}

.detail-top img {
	width: 300px;
	margin: 0 auto;
	border-radius: 50%;
}

.detail-text {
	font-size: 2rem;
}





/*----------------------------------
	add 2018.04 アコーディオンテキスト（slideTgl）
----------------------------------*/

.slideTgl_area {
	margin: 0 0 2rem 0;
	padding: 0;
}

.slideTgl_area dl {
	
}

#acMenuTxt dt {
	margin: 1rem 0 0 0;
	padding: 0;
	border: solid 1px #ccc;
	border-radius: 5px;
	padding: 1rem;
	min-height: 80px;
}

#acMenuTxt dd {
	display: none;
	margin: 0 0 3rem 0;
	padding: 0;
	padding: 2rem;
	border-radius: 0 0 10px 10px;
	background: none;
	line-height: 1.6;
	font-size: 1.2rem;
}

#acMenuTxt dd.red {
	background-color: #ffecec;
}

#acMenuTxt dd.blue {
	background-color: #eef6ff;
}

	.bg_parent_m {
		background: url(/images/ph_parents_m.jpg) no-repeat 0 0;
		background-size: 23%;
		background-position: -2rem bottom;
	}
	.bg_parent_w {
		background: url(/images/ph_parents_w.jpg) no-repeat;
		background-size: 23%;
		background-position: -2rem bottom;
	}
	.bg_parent_ak {
		background: url(/voice/parent/images/ph_akamatsu.jpg) no-repeat 0 0;
		background-size: 20%;
		background-position: -1.5rem center;
	}
	.bg_parent_sk {
		background: url(/voice/parent/images/ph_shirakawa.jpg) no-repeat 0 0;
		background-size: 20%;
		background-position: -1.5rem center;
	}

#acMenuTxt dt ul {
	width: 80%;
	float: right;
}

#acMenuTxt dt ul li {
	color: #666;
	font-size: 1.1rem;
	line-height: 1.4;
}

#acMenuTxt dt ul li:first-child {
	color: #333;
	font-family: "Sawarabi Mincho";
	font-size: 1.3rem;
	font-style: italic;
	line-height: 1.4;
	margin-bottom: 1rem;
/* 	letter-spacing: 0.08rem; */
}

.closeTxt {
	font-size: 2rem;
	font-family: "Sawarabi Mincho";
	padding: 2rem;
	text-align: center;
	line-height: 1.8;
}



/*----------------------------------
	add 2021.11 評判comリンク
----------------------------------*/

.voice_notice {
	background-color: #fff0eb;
	padding: 1rem;
	text-align: center;
}

.voice_notice p {
	font-size: 1.8rem;
	line-height: 1.6;
	background-color: #fff;
	border-radius: 5px;
}

.voice_notice a {
	color: #333;
	padding: 1rem 0;
	display: block;
	text-decoration: underline;
}

.voice_notice span {
	font-size: 1.1rem;
	line-height: 1.3;
}