@charset "UTF-8";
/* CSS Document */
html,body {
	margin: 0;
	padding: 0;
	background-image: url("../img_common/bgicon.png");
	background-repeat: repeat;
	background-color: #EFEBEA;
	font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	overflow-x: hidden;
}
img {vertical-align: bottom; }
.spNone{
	display: inherit;
}
.pcNone{
	display:none;
}
p.back_bttn {
	text-align: center;
	font-size: 1.3rem;
	letter-spacing: 0.8em;
}
.button01{
     display:block;
     width: 200px;
     height:40px;
     line-height: 40px;
     color: #FFF;
     text-decoration: none;
     text-align: center;
     background-color: #f39800; /*ボタン色*/
     border-radius: 5px; /*角丸*/
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
	margin: 4rem auto;
}
.button01:hover{
     background-color: #f9c500; /*ボタン色*/
}
/*===================

 各地BOX

===================*/

.hirei_head {
	width: 60%;
	margin: 0 auto 4rem auto;
}
.hirei_head img{
	width: 100%;
}
/*
上下スペースありボックス
———————————*/
.box_out {
	width: 60%;
	margin: 0 auto 50% auto;
	background: rgba(238,239,239,0.5);
}

.area_name {
	width: 30%;
	margin-top: 1.5em;
}
.area_name img{
	width: 100%;
}

.hirei-area_name {
	/*width: 45%;*/
	width: 65%;
	margin-top: 1.5em;
}
.hirei-area_name img{
	width: 100%;
}
/*ul.koho_top {
	width: 95%;
	margin: 1em 0;
	
	display: flex;
	justify-content: space-between;
}
li.koho_name {
	width: 60%;
	background: #FEFEFE;
	display: flex;
	justify-content: center;
	align-items: center;
}
li.koho_name img{
	width: 100%;
}
li.koho_status {
	width: 40%;
}
.koho_status_icon {
	width: 40%;
	margin: 0 auto;
}
.koho_status_icon img{
	width: 100%;
	margin: 0 auto;
}*/
.koho_name {
	width: 100%;
	margin: 3rem 0 0 0;
}


/*h3.koho_age {
	display:inline-block;
	margin: 0.5rem 0;
	width: 20%;
	background: #FFFFFF;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 700;
}*/

.box_in {
	width: 95%;
	margin: 1em 0;
	background: rgba(238,239,239,0.5);
}
ul.koho_info {
	width: 100%;
	
	display: flex;
	justify-content: space-between;
}
li.koho_info_pic {
	width: 30%;
}
li.koho_info_pic img{
	width: 100%;
}
li.koho_info_tex {
	width: 60%;
}
h4.koho_catch{
	background: #FFFFFF;
	text-align: left;
	padding: 0.5em;
	box-sizing: content-box;
	font-weight: 700;
	font-size: 1.5rem;
	margin-bottom: 0.5rem;
}
h4.koho_toitsu{
	color: #A39377;
	background: #FFFFFF;
	text-align: left;
	padding: 0.5em;
	box-sizing: content-box;
	font-weight: 700;
	font-size: 1.5rem;
	margin-bottom: 0.5rem;
}
p.koho_tex {
	font-size: 1.2rem;
}
p.koho_tex span{
	font-size: 1.6rem;
	font-weight: 700;
	/*color: #0A8FBE;*/
}
.koho_maplink {
	width: 25%;
	margin: 1rem 0;
}
.koho_maplink img{
	width: 100%;
}
ul.koho_link_icon {
	width: 100%;
	display: flex;
}
ul.koho_link_icon li{
	width: 10%;
	margin-right: 4%;
}
ul.koho_link_icon li:last-child{
	margin-right: 0%;
}
ul.koho_link_icon li img{
	width: 100%;
}

hr.koho_sep {
	width: 98%;
	margin: 1rem auto;
	height: 6px;
	background: url("../img_common/hr.png") repeat-x 0 0;
    border: 0;
}
ul.timeline_01 {
	width: 80%;
	margin: 0 auto;
}
ul.timeline_02 {
	width: 80%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
ul.timeline_02 li {
	width: 48%;
	margin-bottom: 1%;
}
/*===================

 SP縦向き

===================*/
@media screen and (orientation: portrait) and (max-width: 480px){
	.spNone{
		display: none;
	}
	
	.pcNone{
		display:inherit;
	}
/*===================

 各地BOX

===================*/

/*
上下スペースありボックス
———————————*/
	.box_out {
		width: 90%;
	}
	h1{
		font-size: 2.5rem;
	}
	.koho_name {
		width: 100%;
		margin: 1rem 0 0 0;
	}
	.hirei_head {
		margin: 0 auto 1rem auto;
	}
/*	ul.koho_top {
		width: 100%;
	}
	li.koho_name {
		width: 80%;
	}
	li.koho_name h2{
		font-size: 1.5rem;
	}
	li.koho_status {
		width: 20%;
	}
	.koho_status_icon {
		width: 90%;
		margin: 0 auto;
	}
	.koho_status_icon img{
		width: 100%;
		margin: 0 auto;
	}

	h3.koho_age {
		width: 60%;
		font-size: 1.2rem;
	}*/
	
	h4.koho_catch{
		text-align: left;
		font-size: 1rem;
	}
	p.koho_tex {
		font-size: 1rem;
	}
	p.koho_tex span{
		font-size: 1.1rem;
	}
	.koho_maplink {
		width: 60%;
	}
	ul.koho_link_icon {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	ul.koho_link_icon li{
		width: 26%;
		margin-right: 6%;
		margin-bottom: 6%;
	}
	ul.timeline_01 {
		width: 90%;
		margin: 0 auto;
	}
	ul.timeline_01 li {
		width: 100%;
	}
	.twitter-timeline { width: 740px !important; }
	ul.timeline_02 {
		width: 90%;
		margin: 0 auto;
		display: inherit;
	}
	ul.timeline_02 li {
		width: 100%;
	}
}


/*===================

SP横向き

===================*/
@media screen and (orientation: landscape) and (max-width: 896px){
}


/*===================

タブレット縦向き

===================*/
@media screen and (min-width: 481px) and (max-width: 1024px) and (orientation: portrait){
}


/*===================

タブレット横向き

===================*/
@media screen and (min-width: 897px) and (max-width: 1112px) and (orientation: landscape){
}