@charset "UTF-8";

/*-------------------------
__style（扉ページ）
-------------------------*/

.school_list{}
.school_list .basic_sub_title{ margin-bottom: 20px;}
.school_list .elementary h3{ color: #00349f; font-size: 1.8em; line-height: 2em; font-weight: 700; margin-bottom:15px; margin-top:-60px; padding-top:60px;}
.school_list .elementary ul{ margin-bottom: 30px;}
.school_list .elementary ul li{ font-size: 1.4em; line-height: 1.8em; text-align: center;
	float:left;
	margin-right:25px;
    margin-bottom: 15px;
	width: 33.3333%;
	width: calc((100% - 51px) / 3);
	width: -webkit-calc((100% - 51px) / 3);
	width: -moz-calc((100% - 51px) / 3);
	box-sizing:border-box;}
.school_list .elementary ul li:nth-child(3n){ margin-right: 0;}
.school_list .elementary ul li a{ display: block; text-decoration: none; background-color: #e6ebf6; color: #00349f; padding: 15px 0; border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}
.school_list .elementary h4{ color: #00349f; font-size: 1.8em; line-height: 2em; font-weight: 700; margin: 25px 0 15px; border-bottom: 2px solid #00349f;}

@media screen and (min-width: 768px) {
.school_list .elementary ul li a:hover{background-color: #00349f; color: #fff;}
}

@media screen and (max-width: 767px) {

.school_list .basic_sub_title{ margin-bottom: 10px;}
.school_list .elementary h3{ color: #00349f; font-size: 1.6em; line-height: 1.6em; margin-bottom:5px; margin-top:-20px; padding-top:20px;}
.school_list .elementary ul{ margin-bottom: 10px;}
.school_list .elementary ul li{ font-size: 1.4em; line-height: 1.8em; text-align: center;
	float:none;
	width: 100%;
	margin-right:0;
    margin-bottom: 5px;}
.school_list .elementary ul li a{ padding: 7px 0;}
.school_list .elementary h4{ color: #00349f; font-size: 1.6em; line-height: 1.6em; margin: 15px 0 5px; border-bottom: 2px solid #00349f;}
    
}