@charset "UTF-8";

/*-------------------------
__search_style
-------------------------*/

#contents_title{background:url("images/title_back.jpg")no-repeat center center;background-size:cover; position: relative;}
#contents_title:after { content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.4); position: absolute; top: 0; left: 0; display: block;}

#main{width: 1200px; margin: 0 auto; position: relative;}

.search_box{ padding: 0 50px; box-sizing: border-box; margin-bottom: 100px;}
.search_box h2{ color: #2A2C8B; font-size: 2em; font-weight: 700; margin-bottom: 40px;}
.search_box h2 span.mid_title{display: block; padding-left: 55px; padding-top: 10px; width: 100%; position: relative;}
.search_box h2 span.mid_title:before{content: ''; display: inline-block; width: 46px; height: 46px; background-size: cover; background-repeat: no-repeat; position: absolute; left: 0; top: 0; bottom: 0;}
.search_box .area_box h2 span.mid_title:before{ background-image: url(images/title_icon01@2x.png);}
.search_box .rosen_box h2 span.mid_title:before{ background-image: url(images/title_icon02@2x.png);}
.search_box#search_map h2 span.mid_title:before{ background-image: url(images/title_icon03@2x.png);}
.search_box#search_school h2 span.mid_title:before{ background-image: url(images/title_icon04@2x.png);}
.search_box#search_keywords h2 span.mid_title:before{ background-image: url(images/title_icon05@2x.png);}


/* エリアから探す・路線から探す */
.search_box#search_area_rosen{}
.search_box#search_area_rosen .search_box_inner{ width: 100%; margin-bottom: 100px;}
.search_box#search_area_rosen .search_box_inner .kind_box{ position:relative; z-index:100;}
.search_box#search_area_rosen .search_box_inner .kind_box .inner{width:100%; box-sizing:border-box; background: linear-gradient(to right,#2A2C8B, #2878D2); padding:0 0 30px;box-sizing: border-box; pointer-events:all; text-align: center;}
.search_box#search_area_rosen .search_box_inner .kind_box .contents_title{text-align:center; margin:30px 30px 18px; font-weight: 700;}
.search_box#search_area_rosen .search_box_inner .kind_box .contents_title span{ font-size:1em; line-height:1.1; text-align:left; display:inline-block; color: #fff;}
.search_box#search_area_rosen .search_box_inner .kind_box .sph_text{ display:none;}
.search_box#search_area_rosen .search_box_inner .kind_box .inner ul{ letter-spacing:-1em; text-align:center; padding: 30px 30px 20px; box-sizing: border-box; display: flex; justify-content: space-between;}
.search_box#search_area_rosen .search_box_inner .kind_box .inner ul li{ width:calc(33.33333% - 2px); box-sizing:border-box; border-radius:5px; display:inline-block; letter-spacing:normal; vertical-align:top; margin:0 0 5px;}
.search_box#search_area_rosen .search_box_inner .kind_box .inner ul li a{ background-color: #fff; padding:25px 0 25px; box-sizing:border-box; display:block; text-decoration:none;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s; align-items: center; justify-content: center; display: flex; justify-content: center; align-items: center;}
.search_box#search_area_rosen .search_box_inner .kind_box .inner ul li a:hover{}
.search_box#search_area_rosen .search_box_inner .kind_box .inner ul li .icon{ margin: 0 10px 0 0;}
.search_box#search_area_rosen .search_box_inner .kind_box .inner ul li:nth-of-type(1) .icon{width:40px;}
.search_box#search_area_rosen .search_box_inner .kind_box .inner ul li:nth-of-type(2) .icon{width:40px;}
.search_box#search_area_rosen .search_box_inner .kind_box .inner ul li:nth-of-type(3) .icon{width:40px;}
.search_box#search_area_rosen .search_box_inner .kind_box .inner ul li:nth-of-type(4) .icon{width:40px;}
.search_box#search_area_rosen .search_box_inner .kind_box .inner ul li .icon img{ width: 100%; height: auto;}
.search_box#search_area_rosen .search_box_inner .kind_box .inner ul li h3{ text-align:center; color: #2A2C8B; font-weight: 700; font-size: 1.7em; margin-bottom: 0;}
.search_box#search_area_rosen .search_box_inner .kind_box .inner ul li .count{ text-align:center; font-size:10px; line-height:1.1; color:#9192C3;}
.search_box#search_area_rosen .search_box_inner .kind_box .inner ul li .count span{font-size:15px; font-weight:400; color:#9192C3;}
.search_box#search_area_rosen .search_box_inner .kind_box .inner .kind_box_bottom{ color: #fff; font-size: 1.3em;}


/* マップから探す */
.search_box#search_map{}
.search_box#search_map .search_tab_p { display: flex; cursor: pointer;}
.search_box#search_map .tab_p{ width: calc(100%/2); text-align: center; font-size: 1.8em; color: #2A2C8B; background-color: #fff; padding: 15px 0; box-sizing: border-box; border-bottom: 3px solid #F0F0F0; font-weight: 700;}
.search_box#search_map .tab_p.active { background-color: #2A2C8B; color: #fff; border-bottom: 3px solid #2A2C8B;}
.search_box#search_map .tab_p:first-child{ border-radius: 10px 0 0 0;}
.search_box#search_map .tab_p:last-child{ border-radius: 0 10px 0 0;}
.search_box#search_map .tab_p:first-child.active{ border-right: 3px solid #F0F0F0;}
.search_box#search_map .tab_p:last-child.active{ border-left: 3px solid #F0F0F0;}
.search_box#search_map .panel_p { display: none; text-align: center; width: 100%; height: 650px; overflow: hidden;}
.search_box#search_map .panel_p.active { display: block;}
.search_box#search_map .panel_p .pc_map{ }
.search_box#search_map iframe{ overflow: hidden; border: none;}

/* 学区から探す */
.search_box#search_school{}
.search_box#search_school .search_box_inner{ display: flex; justify-content: space-between;}
.search_box#search_school .search_box_inner .tokyo,
.search_box#search_school .search_box_inner .saitama{ width: calc(50% - 25px); background-color: #fff; padding: 30px; box-sizing: border-box;}
.search_box#search_school .search_box_inner h3{ color: #2A2C8B; font-size: 2em; font-weight: 700; margin: 0 auto 20px; text-align: center;}
.search_box#search_school .search_box_inner .school_list{}
.search_box#search_school .search_box_inner .school_list ul{ height: 260px; overflow-y: scroll; margin-bottom: 15px; padding-right: 20px;}
.search_box#search_school .search_box_inner .school_list ul::-webkit-scrollbar{ width: 10px;}
.search_box#search_school .search_box_inner .school_list ul::-webkit-scrollbar-track{ background-color: #E6E6E6;}
.search_box#search_school .search_box_inner .school_list ul::-webkit-scrollbar-thumb{ background-color: #283279;}
.search_box#search_school .search_box_inner .school_list ul li:nth-child(1){ border-top: 1px solid #E6E6E6;}
.search_box#search_school .search_box_inner .school_list ul li{ border-bottom: 1px solid #E6E6E6;}
.search_box#search_school .search_box_inner .school_list ul li a{ display: block; font-size: 1.5em; padding: 13px; box-sizing: border-box;}
.search_box#search_school .search_box_inner .school_list .kind_box_bottom{ text-align: center; font-size: 1.3em;}


/* キーワードから探す */
.search_box#search_keywords{ margin-bottom: 0!important;}
.search_box#search_keywords ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.search_box#search_keywords ul li{ width: calc(50% - 25px); height: 110px;}
.search_box#search_keywords ul li:nth-child(-n+2){ margin-bottom: 50px;}
.search_box#search_keywords ul li a{ background-color: #2A2C8B; display: flex; align-items: center;}
.search_box#search_keywords ul li a .pic{ width: 160px; height: 110px; overflow: hidden; margin-right: 40px;}
.search_box#search_keywords ul li a .pic img{ width: 160px; height: 100%; object-fit: cover;}
.search_box#search_keywords ul li a p{ color: #fff; font-size: 2em; font-weight: 700;}
.search_box#search_keywords h3{ color: #2A2C8B; font-size: 2em; font-weight: 700; margin-bottom: 20px;}
.search_box#search_keywords ul{ margin-bottom: 50px;}


@media screen and (min-width: 768px) {
.search_box#search_area_rosen .search_box_inner .kind_box .inner ul li a,
.search_box#search_school .search_box_inner .school_list ul li a,
.search_box#search_keywords ul li a{ -webkit-transition: .2s; -ms-transition: .2s; transition: .2s;}
.search_box#search_area_rosen .search_box_inner .kind_box .inner ul li a:hover{ opacity: 0.8;}
.search_box#search_school .search_box_inner .school_list ul li a:hover{ background-color: #DCE8F4;}
.search_box#search_keywords ul li a:hover{ opacity: 0.7;}
.sp_map_btn{ display: none;}
}

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

#main{ width: 100%;}
    
.search_box{ padding: 0 20px; margin-bottom: 40px; box-sizing: border-box; overflow: hidden;}
.search_box h2{ font-size: 1.6em; margin-bottom: 20px;}
.search_box h2 span.mid_title{ display: block; padding-left: 32px; padding-top: 5px;}
.search_box h2 span.mid_title:before{ width: 28px; height: 28px; top: 0;}

/* エリアから探す・路線から探す */
.search_box#search_area_rosen{ display: block;}
.search_box#search_area_rosen .search_box_inner.area_box{ margin-bottom: 30px;}
.search_box#search_area_rosen .search_box_inner{ width:100%; margin-bottom: 0;}
.search_box#search_area_rosen .search_box_inner .kind_box .inner{ padding-bottom: 15px;}
.search_box#search_area_rosen .search_box_inner .kind_box .inner ul{ display: block; padding: 15px 15px 10px;}
.search_box#search_area_rosen .search_box_inner .kind_box .inner ul li{ width:100%;}
.search_box#search_area_rosen .search_box_inner .kind_box .inner ul li a{ display: flex; justify-content: center; padding: 12px 0;}
.search_box#search_area_rosen .search_box_inner .kind_box .inner ul li .icon{ margin: 0 10px 0 0;}
.search_box#search_area_rosen .search_box_inner .kind_box .inner ul li:nth-of-type(1) .icon,
.search_box#search_area_rosen .search_box_inner .kind_box .inner ul li:nth-of-type(2) .icon,
.search_box#search_area_rosen .search_box_inner .kind_box .inner ul li:nth-of-type(3) .icon,
.search_box#search_area_rosen .search_box_inner .kind_box .inner ul li:nth-of-type(4) .icon{width:30px;}
.search_box#search_area_rosen .search_box_inner .kind_box .inner ul li h3{ font-size: 1.5em; margin-bottom: 5px;}
.search_box#search_area_rosen .search_box_inner .kind_box .inner .kind_box_bottom{ font-size: 1.2em;}
 
/* マップから探す */
.search_box#search_map .tab_s{ font-size: 1.5em; padding: 12px 0;}
.search_box#search_map .pc_map{ display: none;}
.search_box#search_map .search_tab_p,
.search_box#search_map .search_panel{ display: none;}
.sp_map_btn{}
.sp_map_btn ul{}
.sp_map_btn ul li{ width: 100%; text-align: center; font-size: 1.4em; margin-bottom: 10px;}
.sp_map_btn ul li a{ display: block; background: linear-gradient(to right,#2F62BE, #5DAFFF); color: #fff!important; padding: 18px 0; box-sizing: border-box; border-radius: 5px; font-weight: 700;}

/* 学区から探す */
.search_box#search_school .search_box_inner{ display: block;}

/* キーワードから探す */
.search_box#search_school .search_box_inner .tokyo,
.search_box#search_school .search_box_inner .saitama{ width: 100%; padding: 15px 15px 20px;}
.search_box#search_school .search_box_inner .tokyo{ margin-bottom: 20px;}
.search_box#search_school .search_box_inner h3{ font-size: 1.6em; margin: 0 auto 15px;}
.search_box#search_school .search_box_inner .school_list ul{ height: 200px;}
.search_box#search_school .search_box_inner .school_list ul li a{ font-size: 1.3em;}

/* キーワードから探す */
.search_box#search_keywords{ }
.search_box#search_keywords ul{ display: block;}
.search_box#search_keywords ul li{ width: 100%; height: 80px;}
.search_box#search_keywords ul li:nth-child(-n+3){  margin-bottom: 15px!important;}
.search_box#search_keywords ul li a .pic{ width: 100px; height: 80px; margin-right: 15px;}
.search_box#search_keywords ul li a .pic img{ width: 100px; height: 100%; object-fit: cover;}
.search_box#search_keywords ul li a p{ font-size: 1.4em; font-weight: 700;}
.search_box#search_keywords h3{ font-size: 1.6em; margin-bottom: 10px;}
.search_box#search_keywords ul{ margin-bottom: 30px;}

}

@media screen and (max-width: 374px) {
.search_box#search_keywords ul li a p{ font-size: 1.2em;}
}

/* =========================== 物件マップ =========================== */


/*-------------------------
__search
-------------------------*/
#search_box{ padding: 0 50px; box-sizing: border-box; margin-bottom: 130px;}
#search_box > .inner{ background-image: url(../images/search_back.jpg); background-size: cover; background-position: center; padding: 130px 0; box-sizing: border-box;}
#search_box .inner .title_text{ color: #fff; margin-top: -20px;}
#search_box .inner .title_text:before{ background-color: #fff;}
#search_box .inner .title_text:after{ background-color: #009A47;}
#search_box .inner .search_box_inner{ max-width: 1200px; margin: 0 auto;}
#search_box .inner .search_top{ display: flex; justify-content: space-between; align-items: flex-start; margin: 0 0 90px; padding: 0 50px; box-sizing: border-box;}
#search_box .inner .search_top .member_box{ display: flex; justify-content: flex-end;}
#search_box .inner .search_top .member_box table{ width: 220px; border-collapse: collapse; margin-right: 30px;}
#search_box .inner .search_top .member_box table tr{ border: 1px solid #fff;}
#search_box .inner .search_top .member_box table tr th,
#search_box .inner .search_top .member_box table tr td{ padding: 8px; box-sizing: border-box; color: #fff; border-top: 1px solid #fff; font-size: 1.2em;}
#search_box .inner .search_top .member_box table tr td{ text-align: right;}
#search_box .inner .search_top .member_box table tr td span{ font-size: 1.3em;}
#search_box .inner .search_top .member_box .inner{ width: 260px;}
#search_box .inner .search_top .member_box .inner .member_join_btn{ text-align: center; width: 100%; height: 65px; margin-bottom: 20px;}
#search_box .inner .search_top .member_box .inner .member_join_btn a{ display: block; font-size: 1.8em; font-weight: 700; color: #fff; line-height: 65px; background: linear-gradient(270deg, #B4DE4F 0%, #4BCD6E 25%, #4BCD6E 51%, #008F2A 100%); background-position: 1% 50%; background-size: 200% auto; border-radius: 5px;}
#search_box .inner .search_top .member_box .inner .member_login_btn{ text-align: center;}
#search_box .inner .search_top .member_box .inner .member_login_btn a{ color: #fff; font-size: 1.3em; text-decoration: underline;}
#search_box .inner .search_btm{ padding: 0 50px; box-sizing: border-box;}
#search_box .inner .search_btm .search_btm_box{ display: flex; justify-content: space-between;}
#search_box .inner .search_btm .search_btm_box p.mid_title{ color: #fff; font-size: 1.8em; font-weight: 700; margin-bottom: 25px;}
#search_box .inner .search_btm .search_btm_box .search_btm_left{ width: 750px;}
#search_box .inner .search_btm .search_btm_box .search_btm_left p.mid_title span{ display: block; padding-left: 40px; width: 100%; position: relative;}
#search_box .inner .search_btm .search_btm_box .search_btm_left p.mid_title span:before{ content: ''; display: inline-block; width: 34px; height: 34px; background-size: cover; background-repeat: no-repeat; position: absolute; left: 0; top: -5px; bottom: 0; background-image: url(../images/icon_area@2x.png);}
#search_box .inner .search_btm .search_btm_box .search_btm_right{ width: 280px;}
#search_box .inner .search_btm .search_btm_box .search_btm_right ul li{ margin-bottom: 40px;}
#search_box .inner .search_btm .search_btm_box .search_btm_right ul li p.mid_title{ margin-bottom: 20px;}
#search_box .inner .search_btm .search_btm_box .search_btm_right ul li p:nth-child(2){ display: flex;}
#search_box .inner .search_btm .search_btm_box .search_btm_right ul li a{ display: block; text-align: center; font-weight: 700; color: #fff; /*background:linear-gradient(to right,#2F62BE, #5DAFFF);*/background: linear-gradient(270deg, #4FDDFF 0%, #5DAFFF 25%, #5DAFFF 51%, #2F62BE 100%); background-position: 1% 50%; background-size: 200% auto; width: 100%; height: 65px; font-size: 1.6em; line-height: 65px; border-radius: 5px;}
#search_box .inner .search_btm .search_btm_box .search_btm_right ul li p:nth-child(2) a:nth-child(1){ width: calc(100% - 1px); border-radius: 5px 0 0 5px; margin-right: 2px;}
#search_box .inner .search_btm .search_btm_box .search_btm_right ul li p:nth-child(2) a:nth-child(2){ width: calc(100% - 1px); border-radius: 0 5px 5px 0;}
#search_box .inner .search_btm .search_btm_box .search_btm_right ul li p.mid_title span{ display: block; padding-left: 40px; width: 100%; position: relative;}
#search_box .inner .search_btm .search_btm_box .search_btm_right ul li p.mid_title span:before{ content: ''; display: inline-block; width: 34px; height: 34px; background-size: cover; background-repeat: no-repeat; position: absolute; left: 0; top: -5px; bottom: 0;}
#search_box .inner .search_btm .search_btm_box .search_btm_right ul li:nth-child(1) p.mid_title span:before{ background-image: url(../images/icon_train@2x.png);}
#search_box .inner .search_btm .search_btm_box .search_btm_right ul li:nth-child(2) p.mid_title span:before{ background-image: url(../images/icon_map@2x.png);}
#search_box .inner .search_btm .search_btm_box .search_btm_right ul li:nth-child(3) p.mid_title span:before{ background-image: url(../images/icon_school@2x.png);}
#search_box .inner .search_btm .search_btm_box .search_btm_right ul li:nth-child(4) p.mid_title span:before{ background-image: url(../images/icon_keyword@2x.png);}
/*タブ設定*/
.search_tab { display: flex; cursor: pointer;}
.tab_s{ width: calc(100%/2); text-align: center; font-size: 18px; color: #3264BE; background-color: #fff; padding: 15px 0; box-sizing: border-box; border-bottom: 3px solid #f0f0f0; font-weight: 700;}
.tab_s.active { background-color: #3264BE; color: #fff; border-bottom: 3px solid #f0f0f0;}
.tab_s:first-child{ border-radius: 10px 0 0 0;}
.tab_s:last-child{ border-radius: 0 10px 0 0;}
.tab_s:first-child.active{ border-right: 3px solid #f0f0f0;}
.tab_s:last-child.active{ border-left: 3px solid #f0f0f0;}
.panel_s { display: none; text-align: center; background-color: #DCE8F4;}
.panel_s.active { display: block;}


#movie_box{ margin: 0 auto 130px; width: 1100px; position: relative;}
#movie_box:after{ content: ""; display: block; position: absolute; top: 400px; left: 0; margin: 0 calc(50% - 80vw); width: 100vw; height: 700px; background-color: #E1E1E1; z-index: 0;}
#movie_box .inner{ display: block; width: 100%; height: 100%; background-color: #fff; position: relative; z-index: 1;}
.youtube_movie{ position:relative; width:100%; padding-top:56.25%;}
.player { position: absolute; top: 0; left: 0; z-index: 1;}
.thumb{ position:absolute; top:0; left:0; z-index:1;}
.youtube_movie iframe{ position:absolute; top: 0; left: 0; width:100%; height:100%;}
.youtube_movie img{ width: 100%; height: auto;}


@media screen and (min-width: 768px) {
#search_box .inner .search_top .member_box .inner .member_join_btn a:hover{ background-position: 99% 50%;}
#search_box .inner .search_top .member_box .inner .member_login_btn a:hover{ opacity: 0.6;}
#search_box .inner .search_btm .search_btm_box .search_btm_right ul li a:hover{ background-position: 99% 50%;}
.youtube_movie img{ -webkit-transition: .2s; -ms-transition: .2s; transition: .2s;}
.youtube_movie:hover img{ opacity: 0.6; cursor: pointer;}
}

.search_panel_sp{display: none;}
.svg_map .clippath{fill:none;stroke-width:0px;}
.svg_map .line{fill:none;stroke:#feffff;stroke-width:1px;}
.svg_map .box{cursor:pointer;}
.svg_map .box .ground01{fill:#2A2C8B;fill-opacity:0;stroke:#feffff;transition:fill-opacity 0.3s;}
.svg_map .box:hover .ground01{fill-opacity:1;}
.svg_map .box .town01,
.svg_map .box .town02{/*font-family:'Noto Sans JP',YuGo-Bold-83pv-RKSJ-H,YuGothic;*/font-weight:700;}
.svg_map .box .town01{stroke:#2f62be;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;}
.svg_map .box .town02{fill:#FFF;}
.svg_map .box .tb{glyph-orientation-vertical:0deg;text-orientation:upright;writing-mode:tb;}
.svg_map #tokyo_background{clip-path:url(#tokyo_clippath);fill:#dce8f4;}
.svg_map #tokyo_background .area{fill:url(#back_gradation_tokyo);stroke-width:0px;}
.svg_map #tokyo_background .b01{fill:#b4e1fa;stroke:#FFF;stroke-width:4px;}
.svg_map #tokyo_background .b02{fill:#dce8f4;stroke:#FFF;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;}
.svg_map #tokyo_background .b03{fill:none;stroke:#FFF;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;}
.svg_map #tokyo_background .b04{fill:none;stroke:#fff;stroke-width:4px;}
.svg_map #tokyo_town{clip-path:url(#clippath);}
.svg_map #tokyo_town .box .town01,
.svg_map #tokyo_town .box .town02{font-size:12px;}
.svg_map #saitama_background{clip-path: url(#saitama_clippath);fill:#dce8f4;}
.svg_map #saitama_background .area1{fill:url(#back_gradation_saitama1);stroke-width:0px;}
.svg_map #saitama_background .b01{fill:none;stroke:#FFF;stroke-width:3.17px;stroke-linecap:round;stroke-linejoin:round;}
.svg_map #saitama_background .st5{fill:none;}
.svg_map #saitama_town{clip-path:url(#clippath);}
.svg_map #saitama_town .box .town01,
.svg_map #saitama_town .box .town02{font-size: 11.88px;}


@media screen and (max-width: 767px){
	.search_tab,
	.search_panel{display: none;}
	.search_panel_sp{display: block;}
	.search_panel_sp .area_wrap:not(:last-child){margin-bottom: 10px;}
	.search_panel_sp .area,
	.search_panel_sp .btn_lst_wrap li > span{cursor: pointer}
	.search_panel_sp .area{width: 100%;height: 50px;font-size: 1.3em;line-height: 50px;border-radius: 5px;text-align: center;font-weight: 700;color: #fff;background: linear-gradient(to right,#2F62BE, #5DAFFF);position: relative;}
	.search_panel_sp .area::before,
	.search_panel_sp .area::after{content: "";width: 1em;height: 2px;background-color: #DCE8F4;transform: translateY(-50%);position: absolute;top: 50%;right: 18px;transition: all .3s;}
	.search_panel_sp .area::after{transform: translateY(-50%) rotate(90deg);}
	.search_panel_sp .area.active{border-radius: 5px 5px 0 0;}
	.search_panel_sp .area.active::after{opacity: 0;transform: translateY(-50%) rotate(0);}
	.search_panel_sp .btn_lst_wrap{background-color: #fff;padding: 5px;border-radius: 0 0 5px 5px;display: none;}
	.search_panel_sp .btn_lst_wrap ul{display: block;flex-wrap:wrap;}
	.search_panel_sp .btn_lst_wrap li{width: 100%;padding: 5px;box-sizing: border-box;}
	.search_panel_sp .btn_lst_wrap li > span{font-size: 1.3em;font-weight: 700;color: #2A2C8B;text-align: center;padding: 1em;background-color: #DCE8F4;border-radius: 5px;box-sizing: border-box;display: block;}
    .search_panel_sp .btn_lst_wrap li > span > span{ font-size: 0.8em; color: #9192C3;}
}

/* ========================== 学区検索一覧ページ ========================== */

#school_list{ padding: 0 50px; box-sizing: border-box;}
#school_list .school_list_inner{ display: flex; text-align: center;}
#school_list .school_list_inner .primary_school,
#school_list .school_list_inner .junior_high_school{ width: calc(50% - 25px);}
#school_list .school_list_inner .primary_school{ margin-right: 50px;}
#school_list .school_list_inner h2{ font-size: 2.2em; font-weight: 700; color: #2A2C8B; margin-bottom: 30px;}
#school_list .school_list_inner ul{}
#school_list .school_list_inner ul li{ width: 100%; text-align: center; margin-bottom: 10px;}
#school_list .school_list_inner ul li a{ display: block; background-color: #fff; font-size: 1.5em; padding: 24px 0; border-radius: 5px;}

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

#school_list .school_list_inner ul li a{ -webkit-transition: .2s; -ms-transition: .2s; transition: .2s;}
#school_list .school_list_inner ul li a:hover{ opacity: 0.4;}

}

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

#school_list{ padding: 0 20px;}
#school_list .school_list_inner h2{ font-size: 1.7em; margin-bottom: 25px;}
#school_list .school_list_inner{ display: block;}
#school_list .school_list_inner .primary_school,
#school_list .school_list_inner .junior_high_school{ width: 100%;}
#school_list .school_list_inner .primary_school{ margin-right: 0; margin-bottom: 30px;}
#school_list .school_list_inner ul{ display: flex; flex-wrap: wrap;}
#school_list .school_list_inner ul li{ width: calc(50% - 5px);}
#school_list .school_list_inner ul li:nth-child(odd){ margin-right: 10px;}
#school_list .school_list_inner ul li a{ font-size: 1.3em; padding: 15px 0;}
#school_list .school_list_inner ul li a span{ display: block;}
#school_list .school_list_inner ul li a span > span{ margin-top: 5px;}

}

@media screen and (max-width: 374px) {
#school_list .school_list_inner ul li a{ font-size: 1.2em; padding: 10px 0;}
}