@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) 
※上記以外のブレイクポイントは、例外的に設定。その場合はコメントアウトを記載すること。
*/

/*検索ボタンの表示・非表示*/




.title_wrap .title {position: relative; text-align: center; }
.title_wrap .title h1 {font-size: 24px;width: 100%; margin: 0 0 24px 0; }
.title_wrap .title h1::before {content: '';position: absolute; top: -40px; left: 50%;transform: translateX(-50%);width: 31px;height: 31px;background-image: url('/img/icon_train.svg');background-size: contain;background-repeat: no-repeat;}


.kensakubutton_wrap li:first-child { width:48%; display:flex; flex-wrap:wrap; }
.kensakubutton_wrap li:first-child .button_search { height:48px; margin-bottom:0; }
.kensakubutton_wrap li:first-child .button_search span { font-size:16px; }
.kensakubutton_wrap li:nth-child(2){ width:48%; display:flex; flex-wrap:wrap; flex:initial;}/*PCの時にうまくいく*/




.button_search span { line-height:48px; }

.search_bar { margin-bottom:0px;}
.box_contents .inner h2 { font-size:18px; margin-bottom:20px; }
.box_contents .inner h2 .custom-checkbox { margin-left:0; }
.box_contents .inner.searchlist_wrap { width:90%; margin:0 5%; }
.custom-checkbox .checkbox-icon { margin-right:16px; }
.title_wrap .title h1::before {display: inline-block; width:31px; height:31px;  position:relative; top:initial; left:initial; margin-right:0; }
.search_history { width:90%; margin:0 auto; }
@media screen and ( min-width: 768px ) {

    .title_wrap .title h1 { font-size:32px;}
    .title_wrap .title h1 span { font-size:24px; width:auto; color:#1B1B1B; margin-bottom:0;  }
    .title_wrap .title h1 { font-size:32px; display:flex; align-items:center; justify-content:center; margin-bottom:28px; }
    .title_wrap .title h1::before { margin-right:15px; }

    .button_search span { line-height:56px; }
    .search_bar { margin-bottom:0px;}
    .box_contents .inner.searchlist_wrap { width:initial; margin:0 auto; }
    .searchlist { padding-top:0; }
    .searchlist li { margin-bottom:0; }



}

@media screen and ( max-width: 768px ) {
    .searchbutton_wrap { width:90%; margin:0 5%; }
    .jokenDetail .button_search .exec_search span {  font-size:20px; }


    
}

.h2_kensu { font-size:16px; color:#000; }

.box_contents.beige_back.history { padding-bottom:0; }