/* CSS Document */

/* PC/スマホ共通表示 */

.-----PC_MOBILE_COMMON_CSS_START----- {}


.local_nav ul{
	width: 100%;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	margin-bottom: 0px;
	box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.2);
	background-color: #FFF;
	border-radius: 5px;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 2px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}
.local_nav ul li{
	flex: 1 0 auto;
	min-width: 240px;
	margin-bottom: 1px;
}
.local_nav ul li + li{
	border-left:1px #FFFFFF solid;
}
.local_nav ul li:nth-of-type(1){
		border-left:1px solid #80C4C5; 
}
.local_nav ul li:nth-of-type(4){
		border-right:1px solid #80C4C5; 
}
.local_nav ul li:first-child{
	border-radius:3px 0 0 3px;
}
.local_nav ul li:last-child{
	border-radius:0 3px 3px 0;
}
.local_nav ul li.multi_first{
	border-radius:3px 0 0 0;
}
.local_nav ul li.multi_first:first-child{
	border-radius:3px 0 0 0;
}
.local_nav ul li.multi_4th{
	border-radius:0 3px 0 0;
}
.local_nav ul li.multi_5th{
	border-radius: 0 0 0 3px;
		border-left:1px solid #80C4C5; 
}
.local_nav ul li.multi_last{
	border-radius:0 0 3px 0;
}
.local_nav ul li.multi_last:last-child{
	border-radius:0 0 3px 0;
		border-right:1px solid #80C4C5; 
}


.local_nav ul li.blank{
	height: 68px;
	padding: 0;
	background-color: #22A7AA;

	background-repeat: repeat-x;
	background-position: center center;
}


.local_nav ul li a{
	display:flex;
	align-items:center;
	justify-content:center;
	text-decoration:none;
	height:68px;
	padding:0;
	color:#FFFFFF;
	font-size: 16px;
	background-color: #22A7AA;
	transition:0.2s;
}
.local_nav ul li .focused01{

}
.local_nav ul li a:hover{
	opacity:0.8;
}
.local_nav ul li:first-child a{
	border-radius:3px 0 0 3px;
}
.local_nav ul li:last-child a{
	border-radius:0 3px 3px 0;
}
.local_nav ul li.multi_first a{
	border-radius:3px 0 0 0;
}
.local_nav ul li.multi_4th a{
	border-radius:0 3px 0 0;
}
.local_nav ul li.multi_5th a{
	border-radius:0 0 0 3px;
}
.local_nav ul li.multi_last a{
	border-radius:0 0 3px 0;
}
.content_area .wrapper {
	padding: 20px;
}
.content_area .wrapper table {
	border-collapse:collapse;
	width:100%;
	border-top: 1px #1E9696 dotted;
}
.content_area .wrapper table th {
	color: #1A7D80;
	border-bottom: 1px #1E9696 dotted;
	width: 23%;
	font-weight: normal;
	padding-top: 1em;
	padding-bottom: 1em;
	font-size: 107%;
}
.content_area .wrapper table td {
	border-bottom: 1px #1E9696 dotted;
	padding-left: 1em;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;

}
.content_area .wrapper .table_header {
	margin-bottom: 0.8em;

}
.content_area .wrapper .table_footer {
	margin-top: 0.8em;

}
.content_area .wrapper .entry_btn {
	margin-top: 2em;

}
.content_area .wrapper .entry_btn a {
	transition: 0.4s;
	padding: 15px;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
	font-size: 130%;
	display: block;
	text-align: center;
	border-radius: 4px;
	background-color: #F80;
	text-decoration: none;
}
.content_area .wrapper .entry_btn a:hover {
	opacity:0.7;
}
#index {
	width: 920px;
}
#index .lead {
	margin-bottom: 2em;
}
#index .index_item {
	height: 190px;
	width: 100%;
	margin-bottom: 20px;
	color: #FFF;
	position: relative;
	padding-right: 460px;
	box-sizing: border-box;
	text-align: center;
	transition:0.4s;
	cursor:pointer;
}
#index .index_item:hover {
	opacity:0.7;
}
#index .index_item .bg {
	height: 190px;
	width: 460px;
	position: absolute;
	top: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}
#index .index_item .bg:after {
	content: " ";
	display: block;
	height: 30px;
	width: 30px;
	transform: rotate(-45deg);
	position: absolute;
	left: -16px;
	top: 80px;
}



#index .index_item.item01 {
	background-color: #2FB359;
}
#index .index_item.item01 .bg {
	background-image: url(../img/index_p01.jpg);
}
#index .index_item.item01 .bg:after {
	background-color: #2FB359;
}
#index .index_item.item02 {
	background-color: #2FB388;
}
#index .index_item.item02 .bg {
	background-image: url(../img/index_p02.jpg);
}
#index .index_item.item02 .bg:after {
	background-color: #2FB388;
}
#index .index_item.item03 {
	background-color: #34ADA7;
}
#index .index_item.item03 .bg {
	background-image: url(../img/index_p03.jpg);
}
#index .index_item.item03 .bg:after {
	background-color: #34ADA7;
}




#index .index_item h1{
	height: 190px;
	width: 100%;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	font-weight: normal;
	font-size: 30px;
	line-height: 120%;
}
#index .index_item h1 a{
	color: #FFF;
	text-decoration: none;
}
#index .index_item h1 a:first-line{
	font-size: 25px;
	line-height: 120%;
}
#index .index_item h1 a img{
	margin-top:15px;
}

.-----PC_MOBILE_COMMON_CSS_END----- {}

/* スマートフォン用CSS */
@media screen and (max-width: 640px) {
	
.-----MOBILE_ONLY_CSS_START----- {}


.local_nav {
	width:615px;
	margin-top:15px;
}
.local_nav ul li{
	min-width: 300px;
	max-width: 310px;
	border: 1px solid #FFF;
}
.local_nav ul li + li{
	border-left-style: none;
}
.local_nav ul li:nth-of-type(1){
	border-left-style: none;
}
.local_nav ul li:nth-of-type(4){
	border-right-style: none;
}
.local_nav ul li:first-child{
	border-radius:0;
}
.local_nav ul li:last-child{
	border-radius:0;
}
.local_nav ul li.multi_first{
	border-radius:0;
}
.local_nav ul li.multi_first:first-child{
	border-radius:0;
}
.local_nav ul li.multi_4th{
	border-radius:0;
}
.local_nav ul li.multi_5th{
	border-radius:0;
	border-left-style: none;
}
.local_nav ul li.multi_last{
	border-radius:0;
}
.local_nav ul li.multi_last:last-child{
	border-radius:0;
	border-right-style: none;
}


.local_nav ul li.blank{
	display:none;
}
.local_nav ul li.blank.multi_last{
	min-width: 300px;
	max-width: 310px;
	display:block;
}


#index {
	width: 600px;
}
#index .lead {

}
#index .index_item {
	height: 190px;
	padding-right: 280px;
}
#index .index_item .bg {
	width: 280px;
}



.-----MOBILE_ONLY_CSS_END----- {}

}