@charaset "utf-8";
/*
body{
	background-image:url(/../design.jpg);
	background-size: 1366px 1956px;
	background-position: top center;
	background-repeat: no-repeat;
}*/
header{
	width: 100%;
}
#head{
	margin-bottom: 5px;
	display: flex;
	justify-content: space-between;
}
#head a{
	text-decoration: none;
}
#siteTitle{
	margin-left: 35px;
	flex: 0 0 auto;
	width: 350px;
}
#siteTitle img{
	width: 100%;
	height: auto;
}
#nav{
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
#forU{
	padding: 0 10px;
	flex: 0 0 auto;
	width: 350px;
	box-sizing: border-box;
}
#supportNav{
	margin-right: 35px;
	margin-top: 5px;
}
#head #searchBox{
	width: 250px;
}
.search_text{
	border: solid 1px #999;
	width: 200px;
	height: 23px;
}
.search_icon{
	padding: 3px 9px;
	border: none;
	display: inline-block;
	background-color: #ef8b69;
	color: #fff;
	border-radius: 5px;
}
.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus{
	border-color: #ef8b69!important;
	background-color: #ef8b69!important;
}
#globalNav ul{
	margin: 0 auto;
	max-width: 670px;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	list-style: none;
}
#globalNav li{
	flex: 0 0 auto;
}
.nav_home img{
	width: 35px;
	height: auto;
}
.nav_rengou img{
	width: 154px;
	height: auto;
}
.nav_pta img{
	width:185px;
	height: auto;
}
.nav_news img{
	width: 116px;
	height: auto;
}
/*トップ・イメージ*/
/*
.top_img{
	margin: 0 auto;
	max-width: calc(100% - 70px);
	height: 407px;
	background-image: url(/../images/top_img.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 	15px;
	position: relative;
}
*/
.top_img{
	margin: 0 auto;
	max-width: calc(100% - 70px);

	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 	15px;
	position: relative;
}
/*
.top_img_box{
	margin-top: 25px;
	width: 508px;
	height: 105px;
	position: absolute;
	bottom: 50%;
	left: 50%;
	transform: translate(-50% , 50%);
	background-color: rgba(239,139,105,0.75);
	display: flex;
	justify-content: center;
	align-items: center;
}
*/
.top_img_box p{
	flex: 0 1 auto;
	text-align: center;
	color: #fff;
	font-size: 1.6em;
}
/*slick*/
.fade_slide{
	width: 100%;
}
/*
.slide{
    width: 100%;
	height:407px;
    background-repeat: no-repeat;
    background-size: cover;
	border-radius: 15px;
}
*/
.slide {
    width: 100%;
    height: auto;
    padding-bottom: 31%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
}

.one{
    background-image: url(/../images/slide_pc1.jpg?new);
}
.two{
    background-image: url(/../images/slide_pc3.jpg?new);
}
.three{
    background-image: url(/../images/slide_pc4.jpg?new);
}
.four{
    background-image: url(/../images/slide_pc2.jpg?new);
}


/*フッター*/
#foot{
	padding-top: 5px;
}
#foot span{
	margin: 0 35px;
}
#foot ul li ul li span{
	margin: 0;
}
#foot ul.link li ul{
	margin-left: 35px;
}
#foot ul.link ul li:not(:first-child){
	margin-left: 5px;
}
#foot .ex_banner_wrap {
    margin-left: 35px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.ex_banner_wrap a:nth-child(1) {
    background: #FFF;
    padding: 12px 15px 10px 14px;
    border: 1px solid #3f6eb3;
}

.ex_banner_wrap a:nth-child(1) img {
    width: 277px;
    height: auto;
}
.ex_banner_wrap a:nth-child(2) img {
    width: 268px;
    height: auto;
    margin-left: 22px;
}
.ex_banner:not(:last-child){
	margin-right: 17px;
	display: inline-block;
	flex: 0 0 auto;
}
#foot .ex_banner span{
	margin:0;
}
/*トップ・アサイド*/
#home #ehon2,
#aside .side_banner,
#home #survey_2017{
	margin-bottom: 18px
}
#home #survey_2017 .block{
	padding: 15px 12px;
}
#aside .side_banner .block {
    padding: 16px 12px 15px;
}
.top_shiyojiho img{
	width:88%;
}
.top_shiyojiho div{
    text-align: center;
}
.top_shiyojiho li{
	text-align:center;
}
#home #license .block{
	padding: 18px 12px;
}
#home #survey_2017 .block{
    padding: 13px 12px 15px;
}
#home #aside ul.btn_link{
    margin-top: 17px;
}
#aside ul.btn_link{
    margin-top: 17px;
}
#home #aside #survey_2017 h2 {
    line-height: 1.7;
	padding-bottom: 0;
}
#contents #aside .side_banner{
    max-width: 180px;
    margin: 0 auto 16px;
}

ul.btn_link a, ul.btn_link span{
	padding: 0.6em 0.9em 0.6em 0.6em;
}
/*トップへ戻る*/
.top_page #pageNav{
	position: absolute;
	bottom: 2%;
	right:0;
}
#pageNav .before_arrow_top{
	padding: 0.65em 1.2em 0.65em 3.3em;
	position: relative;
}
#pageNav .before_arrow_top::before{
	width: 2.7em;
	font-size: 1.5em;
	position: absolute;
	left: 0;
}
/*トップ・コンテンツ*/
#contents {
    max-width: 1300px;
    margin-bottom: 20px;
    min-height: calc(100vh - 540px);
}
#pickup{
	margin-top: 53px;
}
#home #pickup .block{
	min-height: 150px;
	position: relative;
}
#home #pickup ul.btn_link{
	position: absolute;
	bottom: 5%;
	right: 2%;
}
#home #pickup img{
		width: 100%;
		height: auto;
}

#catName{
	position:relative;
}
#catName::before{
content: "";
    position: absolute;
    background: #ef8b69;
    top: 12%;
    left: -1.2em;
    height: 75%;
    width: 7px;
    border-radius: 3px;
}
.p_8000 span{
	font-size: 1.7em;
	color: #e85927;
	font-weight: bold;
	display: inline-block;
}
.map_img{
	width: 60%;
}
.map_img img{
	width: 100%;
	height: auto;
}
/*スマホ〜900*/
@media(min-width: 670px) and (max-width: 900px){
	#supportNav{
		display: flex;
		flex-direction: column;
	}
	#helpNav,
	#searchBox{
		flex: 0 0 auto;
	}
	.search_text input{
		width: 90px;
	}
	#foot ul.link ul li{
		width: 40%;
	}
}
/*スマホ*/
@media(max-width: 670px){
	/*ヘッダー*/
	#head{
		flex-direction: column;
		overflow-x: hidden;
	}
	h1#siteTitle{
		display: flex;
		justify-content: space-between;
	}
	#siteTitle{
		margin-left: 10px;
	}
	
	#nav{
		height: 70px;
	}
	#home #head #searchBox{
		margin-top: 70px;
	}
	h1#siteTitle .logo img{
		width: 240px;
	}
	#m_globalNav #toggle a.btn{
		width: 70px;
		height: 50px;
	}
	#m_globalNav #toggle a.btn{
		padding-top: 15px;
	}
	#head i.fa-bars{
		width: 50px;
		height: 40px;
	}
	#head .fa-bars:before{
		font-size: 1.6em;
		line-height: 1.4em;
	}
	#contents {
		padding-top: 70px;
	}
	#contents {
    	min-height: calc(100vh - 400px);
	}
	#m_globalNav ul{
		top: 70px;
	}
	#supportNav{
		margin: 0;
		width: 100%;
	}
	#searchBox{
		background-color: #ef8b69;
	}
	#head #searchBox{
	width: 100%;
}
	#searchBox form{
		text-align: center;
	}
	.search_text{
		width: 80%;
		border-radius: 5px;
	}
	/*フッター*/
	#foot span,
	#foot ul.link li ul,
	#foot ul.link ul li:not(:first-child){
		margin-left: 0;
	}
	/*トップ・メインイメージ*/
	#home #mainImg{
		padding-top: 10%;
	}
	.top_img {
    	max-width: none;
    	width: calc(100% - 20px);
	}
	.top_img_box{
		width: calc(100% - 40px);
	}

	.slide {
    	padding-bottom: 125.5%;
		border-radius: 15px;
	}
	.one{
 	   background-image: url(/../images/slide_sp1.jpg?new);
	}
	.two{
	    background-image: url(/../images/slide_sp3.jpg?new);
	}
	.three{
    	background-image: url(/../images/slide_sp4.jpg?new);
	}
	.four{
	    background-image: url(/../images/slide_sp2.jpg?new);
	}
	
	
	/*トップ・ピックアップ*/
	#home #pickup .block{
		min-height: 0;
	}
	#home #ehon2 .block{
		display: flex;
	}
	#home #aside #ehon2 .block h2{
		float: none;
		flex: 0 1 auto;
	}
	#home #aside #ehon2 .block p.img{
		margin: 0 0 0 auto;
		flex: 0 1 auto;
		width: 175px;
	}
	#home #aside #ehon2 .block p.img img{
		width: 100%;
		height: auto;
	}
	#home #ehon2, 
	#home #survey_2017{
		margin-bottom: 0;
	}
	#home #aside .side_banner {
    	max-width: 100%;
    	height: 100%;
    	box-sizing: border-box;
    	margin: 0 auto 10px;
	}
	#home #survey_2017 .block {
    	padding: 13px 12px 15px;
	}
	.side_banner_flex{
		
	}
	#pageNav{
		bottom: 1%;
		margin-top: 35px;
	}
	.top_page #pageNav{
		bottom: 1%;
	}
	.side_banner_flex{
    	display: flex;
    	justify-content: space-between;
	    margin-bottom: 10px;
	}
	.side_banner_flex a{
    	width: 48.8%;
	}
	#home .side_banner.top_shiyojiho img{
    	width:62%;
	}
	#home .side_banner.top_shiyojiho img{
    	margin:0;
	}
	#home #aside .side_banner.top_shiyojiho .block {
    	padding: 0;
    	display: flex;
    	align-items: center;
	}
	.side_banner_flex #ehon2 h2{
		display:none;
	}
	/*下層ページ*/
	.map_img{
		width: calc(100% - 2%);
	}
}