@charset 'utf-8';

/*メディアクエリー
スマホ @media (max-width: 768px)
タブレットのみ @media (min-width:768px) and (max-width:1000px)
タブレット・PC @media (min-width:768px)
PCのみ　@media (max-width: 1000px)
PC大 @media (min-width:1200px) 
※上記以外のブレイクポイントは、例外的に設定。その場合はコメントアウトを記載すること。
*/



/* 検索ボタン */


.searchbutton_wrap {
    margin-bottom: 0;
}
.searchbutton_wrap li a span {
    width: 100%;
}
.searchbutton_wrap li a span.inline_pc {
    display: none;
}

@media screen and (min-width: 768px) {
    .searchbutton_wrap li a span.inline_pc {
        display: inline-block;
    }
    .searchbutton_wrap li a span {
        width: auto;
    }
    .searchbutton_wrap {
        margin-bottom: 0;
    }
}

.searchbutton_wrap li a.button_school:link { background:#E5EDE6; }
.searchbutton_wrap li a.button_school:visited { background:#E5EDE6; }




.title_wrap .title h1::before {content: ''; display: inline-block; width:31px; height:31px; background-image: url('/img/icon_school.svg'); background-size: contain; background-repeat: no-repeat; margin-right:20px; }

.tab_contents_box { width:100%; background:#F6F5F0; }
.tab_wrap { width:1080px; margin:0 auto; display:block; }
.tab_menu {z-index: 2;position: relative;width: 120px;margin: 0 5px;background-color: #fff;line-height: 36px;float: left;text-align: center;transition: all 0.2s ease;border: solid 1px #5C9062;border-bottom:0; border-radius: 5px 5px 0 0;cursor: pointer;box-sizing: border-box;}
.searchlist { /*border-top:0;*/flex-wrap:wrap; border-top: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; padding: 0; }
@media screen and (min-width: 768px) {
    .tab_menu { width:175px; }
    .searchlist { margin-bottom:80px; }
    .searchlist li { width: calc(100% / 3); padding: 29px 0; color: #5C9062; }
    /*.searchlist li:nth-child(1) { border-bottom:1px solid #DBDBDB; }
    .searchlist li:nth-child(2) { border-bottom:1px solid #DBDBDB;} 
	.searchlist li:nth-child(3) { border-bottom:1px solid #DBDBDB;} */
 
    
}

.title_furigana { width:100%; display:inline-block; font-size:18px; font-family: 'GenJyuuGothic-Bold'; font-style: normal;}
.tab_menu:hover {color: #838383;}
.tab_menu:first-of-type{margin: 0 5px 0 20px;}
input:checked + .tab_menu {background-color: #E5EDE6; color:#5C9062; }
input[name="tab_menu"] {display: none;}
.tab_content {display: none;clear: both; padding:0 20px 15px 20px; margin: 0 0 0 0;position: relative; background:#E5EDE6; }
#tab_a:checked ~ #tab_a_content,
#tab_b:checked ~ #tab_b_content {display: block;}
.searchlist.marginbottom0 { margin-bottom:30px; }
.tab_content h2 { width:100%; margin:35px auto 24px auto; font-size:20px; display:inline-block; font-family: 'GenJyuuGothic-Bold'; }
.tab_content .h2_kensu { width:100%; font-size:16px; }
.tab_content h2:nth-of-type(n+2) { margin-top:72px; }
.box_contents .inner.searchlist_wrap { width:90%; margin:0 5%; }
.search_history { width:90%; margin:0 auto; }
@media screen and ( min-width: 768px ) {
    .schoollist { width:90%; max-width:1080px; margin:0 auto; background:#fff; padding:35px 50px 65px 50px; }
    .title_furigana { margin:30px 0; }
    .tab_content { padding: 1px 20px 15px 20px; }
    .tab_content h2 { width:90%; margin:40px auto 35px auto; font-size:24px; display:block; }
    .tab_content h2:nth-of-type(n+2) { margin-top:85px; }
    .tab_menu { position: relative; left:5%;}
    .tab_content .searchlist { margin-bottom:0; border-bottom:1px solid #DBDBDB; }
    .box_contents .inner.searchlist_wrap { margin:0 auto; }
    .searchbutton_wrap.nolist { margin-bottom:80px; }

    /*.jokenDetail { display:none;}白幡追加2/27*/
}
@media screen and ( min-width:1200px ) {
    .tab_menu { position: relative; left: calc(50% - 550px);}
    .tab_content h2 { width:1050px; }
}

.kensakubutton_wrap.school { width:100%; background-color: #E5EDE6; padding:25px 0 80px 0; }

.searchbutton_wrap.nolist { margin-bottom:0px; }
.box_contents.beige_back.history .inner .search_history { width:90%; margin:0 auto; }
@media screen and ( min-width:1200px ) {
    .searchbutton_wrap.nolist { margin-top:0; margin-bottom:80px; }
	.box_contents.beige_back.history .inner { padding-bottom:0; }
    .box_contents.beige_back.history { padding-bottom:0; }
	.box_contents.beige_back.history .inner .search_history { width:100%; padding-bottom:80px; }
}

@media screen and ( max-width:374px ) {
    .title_text br { display:none; }
}