@charset "utf-8";

/* ------------------------------------------------------------------------------------------------------ 学校一覧 */

.school-list {
}

.school-list section {
}

.school-list section h3 {
    margin: 0;
    padding: 0;
    text-align: center;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1.5em;
}

.school-list section h3:after {
    display: block;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.0em;
    font-weight: normal;
    color: #40b2be;
}

/*
 * 高等学校
 */
.school-list section.highschool {
    margin-bottom: 20px;
}

.school-list section.highschool h3:after {
    content: "High school";
}

/*
 * 中学校
 */
.school-list section.highschool {
}

.school-list section.jrhschool h3:after {
    content: "Junior high school";
}


@media screen and (min-width: 641px) {

.school-list {
    padding-right: 20px;
    *zoom:1;
}
.school-list:before,
.school-list:after { content: ""; display: table; }
.school-list:after { clear: both; }

.school-list section {
    float: left;
    width: 50%;
    margin-right: -20px;
}

.school-list section:first-child {
    margin-right: 20px;
}

.school-list section h3 {
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1.5em;
}

.school-list section h3:after {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.0em;
}

} /* min 641px -- */

@media screen and (min-width: 769px) {

.school-list {
    padding-right: 40px;
}

.school-list section {
    margin-right: -40px;
}

.school-list section:first-child {
    margin-right: 40px;
}

.school-list section h3 {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.5em;
}

.school-list section h3:after {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.0em;
}

} /* min 769px -- */


/***********************************************
 五十音順
 ***********************************************/
.list-frame {
    margin-top: 10px;
    padding: 10px;
    /* border: 1px solid #d6d6d6; */
}

.list-frame h4 {
    margin: 20px 0 10px;
    padding: 10px 0;
    background-color: #edf5fa;
    border-bottom: 1px solid #d6d6d6;
    text-align: center;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.0em;
    color: #333;
}

.list-frame h4:first-child {
    margin-top: 0;
}

.list-frame ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.list-frame ul li {
    margin: 8px 0 0;
    padding: 0 0 0 22px;
    background-image: url("../common/icon_arrow_blue.svg");
    background-size: 14px 14px;
    background-position: 2px 3px;
}


@media screen and (min-width: 641px) {

.list-frame {
    margin-top: 20px;
    padding: 20px;
}

.list-frame h4 {
    margin: 30px 0 15px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.0em;
}

} /* min 641px -- */

@media screen and (min-width: 769px) {

.list-frame {
    padding: 40px;
}

.list-frame h4 {
    margin-bottom: 20px;
}

.list-frame ul li {
    padding-left: 28px;
    background-position: 4px 7px;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.5em;
}

} /* min 769px -- */

/* ------------------------------------------------------------------------------------------------------ コース＆エリアから探す */

.comn-search {
}

.comn-search section {
}

.comn-search section h3 {
    position: relative;
    margin: 0 0 20px;
    padding: 10px 0 8px 16px;
    background-color: #4a89bb;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.0em;
    color: #fff;
}

.comn-search section h3:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 8px;
    height: 24px;
    margin-top: -12px;
    background-color: #40b2be;
}


@media screen and (min-width: 641px) {

.comn-search section h3 {
    padding: 14px 0 12px 20px;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.0em;
}

.comn-search section h3:before {
    height: 30px;
    margin-top: -15px;
}

} /* min 641px -- */

@media screen and (min-width: 769px) {

.comn-search section h3 {
    padding: 20px 0 18px 20px;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1.0em;
}

} /* min 769px -- */



/* ------------------------------------------------------------------------------------------------------ エリアから探す */

.school-map {
    margin-bottom: 30px;
}

.school-map div {
}

.school-map div:first-child {
    margin-bottom: 10px;
}

.school-map div h3 {
    margin: 0 0 4px;
    padding: 0;
    text-align: center;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1.5em;
}

/*!
 * 各エリア色分け
 */
#area01 h3:before { background-color: #6ea7d4; }
#area02 h3:before { background-color: #a072c4; }
#area03 h3:before { background-color: #bbb24a; }
#area04 h3:before { background-color: #4abb83; }
#area05 h3:before { background-color: #bb7b4a; }
#area06 h3:before { background-color: #de5b5b; }


@media screen and (min-width: 641px) {

.school-map {
    padding-right: 20px;
    *zoom:1;
}
.school-map:before,
.school-map:after { content: ""; display: table; }
.school-map:after { clear: both; }

.school-map div {
    float: left;
    width: 50%;
    margin-right: -20px;
}

.school-map div:first-child {
    margin-right: 20px;
    margin-bottom: 0;
}

.school-map div h3 {
    margin-bottom: 15px;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1.5em;
}

} /* min 641px -- */

@media screen and (min-width: 769px) {

.school-map {
    margin-bottom: 60px;
    padding-right: 40px;
}

.school-map div {
    margin-right: -40px;
}

.school-map div:first-child {
    margin-right: 40px;
}

.school-map div h3 {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.5em;
}

} /* min 769px -- */



/* ------------------------------------------------------------------------------------------------------ 設備から探す */

.facility-search {
}

.facility-search section {
}

.facility-search section h3 {
    position: relative;
    margin: 0 0 20px;
    padding: 14px 0 12px 50px;
    background-color: #edf5fa;
    background-size: contain;
    border: 1px solid #4a89bb;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.0em;
    color: #333;
}

.facility-search section h3[title="男子寮"],
.facility-search section h3[title="女子寮"] {
    background-image: url("../search/images/lbl_ryo.svg");
}

.facility-search section h3[title="通学バス"] {
    background-image: url("../search/images/lbl_bus.svg");
}

.facility-search section h3[title="食堂"] {
    background-image: url("../search/images/lbl_canteen.svg");
}


@media screen and (min-width: 641px) {

.facility-search section h3 {
    padding: 16px 0 14px 68px;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.0em;
}

} /* min 641px -- */

@media screen and (min-width: 769px) {

.facility-search section h3 {
    padding: 19px 0 17px 76px;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1.0em;
}

} /* min 769px -- */