@charset "utf-8";
/* ==================================================================
CSS information
style info :生徒・保護者さまの声
================================================================== */

#gNavi li.btn5 a { background-position:left -634px bottom -5px;}

@media screen and (min-width: 768px) { /* 768px以上の記述 */
}

@media screen and (max-width: 767px) { /* スマートフォン用の記述 */
#sideMenu { display:none; }
}

/* --------------------------------------------------------
#main
-------------------------------------------------------- */
@media screen and (min-width: 768px) { /* 768px以上の記述 */
#main h2 { background:url(../_img/index/maintitle_b.jpg?v20230301) no-repeat 0 0; }
#main .catchcopy { background:url(../_img/index/catchcopy.png) no-repeat 0 0; }
}

@media screen and (max-width: 767px) { /* スマートフォン用の記述 */
#main h2 .title { padding-top:18px; padding-bottom:7px; }
#main .catchcopy { }
}


/* .menuList
-------------------------------------------------------- */
@media screen and (min-width: 768px) { /* 768px以上の記述 */
.menuList { }
.menuList dl { width:336px; float:left; margin-bottom:20px; position:relative; }
.menuList .menu02 { margin-left:20px; }
.menuList dt { font-size:138.5%; padding:10px; font-weight:bold; }
.menuList dt span { display:none; }
.menuList dd { padding:10px; }
.menuList dd .text { width:180px; min-height:65px; position:relative; z-index:10; }
.menuList dd img { z-index:5; }
.menuList dd .btn_link span { text-align:right; padding:5px 10px; }
a:hover .btn_link span { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }

.menuList .menu01 dd img { position:absolute; top:20px; right:5px; }
.menuList .menu02 dd img { position:absolute; top:20px; right:10px; }
}

@media screen and (max-width: 767px) { /* スマートフォン用の記述 */
.menuList { margin:0 10px; }
.menuList dl { margin-bottom:10px; }
.menuList dt { font-size:123.1%; padding:5px; }
.menuList dt img { display:none; }
.menuList dd { padding:5px; position:relative; }
.menuList dd .text { width:75%; min-height:60px; }
.menuList dd .btn_link span { text-align:center; padding:5px 5px; font-size:93%; box-shadow: #CCC 0px 1px 1px; }

.menuList .menu01 dd img { position:absolute; top:10px; right:10px; width:74px; height:40px; }
.menuList .menu02 dd img { position:absolute; top:10px; right:10px; width:45px; height:46px; }
}

.menuList dl { display:block;
border:3px solid #edf5ac;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
behavior: url(../../_common/PIE.htc);
}
.menuList dt { border-bottom:1px solid #edf5ac; color:#99b41a; }
.menuList dd { color:#505050; }

.menuList dd .btn_link span { display:block; background: #f3f8cd url(../../_common/img/icon_arrow_g_s2.png) no-repeat center right; padding-right:30px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
behavior: url(../../_common/PIE.htc);
}



/* #interviewList
-------------------------------------------------------- */
@media screen and (min-width: 768px) { /* 768px以上の記述 */
#interviewList img.sp { display:none; }
#interviewList a { background:#fdfee5; display:block; }
#interviewList a:hover img { filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }

}

@media screen and (max-width: 767px) { /* スマートフォン用の記述 */
#interviewList { margin:0 10px; }
#interviewList img.pc { display:none; }
}

#interviewList { clear:both; margin-bottom:40px; }
#interviewList p { margin-bottom:10px; }