@charset "utf-8";

/* ----------------------------------------------------------------------
 下層 pref.html
---------------------------------------------------------------------- */
/* top画像 */

#pref_top {width: 100%; height: auto; position: relative; margin: 0; overflow: hidden;}
.pref_topimage {position: relative; width: 100%; height: 360px; background-color: #000000; text-align: center; overflow: hidden;}
.pref_topimage img {overflow: hidden; width: 100%; height: auto; min-width: 1200px;}
.pref_topimage .pref_midashi {position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); margin-top: 40px; line-height: 1.6; text-align: center; width: 100%;}
.pref_topimage .pref_midashi h3 {color: #fff; font-size: 36px;}
@media only screen and (max-width:1230px){
	.pref_topimage .pref_midashi h3 {font-size: 30px;}
}
@media only screen and (max-width:991px){
	.pref_topimage img {height: auto;}
}
@media only screen and (max-width:767px){
	.pref_topimage {height: 280px;}
	.pref_topimage img {height: auto;}
	.pref_topimage .pref_midashi h3 {font-size: 28px;}
}
@media only screen and (max-width: 429px) {
	.pref_topimage .pref_midashi {line-height: 1.6;}
	.pref_topimage {height: 240px;}
}


/* SEARCH */
article {padding-top: 40px;}
.todoufuken-border {border: 2px solid #ddd; border-top: 1px solid #ddd; border-left: 1px solid #ddd;}
#sec-left .todoufuken-border form select {
	border-style: none;
    font-size: 16px;
    width: 100%;
    color: #adadad;
    font-family: "Segoe UI", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.free-sagasuarea {margin: 0 auto; padding: 30px;}
.free-sagasuarea #sagasu-free {margin: 0; width: 100%; height: 36px;}
.free-sagasuarea #sagasu-free form input.searchform_box {width: 100%; height: 36px; transform: scale(1); top: 0; left: 0;}

#saerch-osubg {background: url('../images/pref/search-osusume-bg3_pc.webp') no-repeat center center; background-size: cover; padding-bottom: 90px;}
@media only screen and (max-width:767px){
#saerch-osubg {background: url('../images/pref/search-osusume-bg3.webp') no-repeat center center; background-size: cover;}
}