@charset "utf-8";

/* ----------------------------------------

テーマカラー

---------------------------------------- */

.contactbox{
	background-color: #eaf7f2;
	
}
.contactbox .tel a,
.contactbox .fax,.contactbox .fax a,
.contactbox .tel a:before {
	color: #51b07a;
}
#mainVisual .mv_txtbox{
	border-top: 6px solid #61bd89 !important;		
}
#mainVisual .mv_txtbtit {
  	color: #61bd89;
}
/* ----------------------------------------

アンカーリンク

---------------------------------------- */

#section01,
#section02,
#section03,
#section04{
	margin-top:-100px;
  	padding-top:100px;
}
#section03{
	margin-top:-40px;
  	padding-top:40px;
}
@media screen and (max-width:999px){
	#section01,
	#section02,
	#section03,
	#section04{
		margin-top:-56px;
	  	padding-top:56px;
	}
	#section03{
		margin-top:-26px;
	  	padding-top:26px;
	}

}

/* ----------------------------------------

画面サイズ

---------------------------------------- */
.col2_01,
.peoplebox,
#section02,
#section03 .newsList{	
	max-width: 1104px;
	margin:0 auto;
}
#section04{
	max-width: 1264px;
	margin:0 auto;
}
.col2_01,
.peoplebox,
#section02,
#section03 .newsList{	
	max-width: 1104px;
	margin:0 auto;
}
#section04{
	max-width: 1264px;
	margin:0 auto;
}
.map .map_txtarea{
	width: 80%;
	margin: 0 auto;
}

@media screen and (max-width:1366px){
	#section01 .lead,
	.col2_01,
	.peoplebox,
	#section02,
	#section03 .newsList,
	.map .map_txtarea{	
		max-width: inherit;
		width: 90%;
		margin: 0 auto;
	}
	#section04{
		max-width: inherit;
	}

}


/* ----------------------------------------

mainVisual

---------------------------------------- */

#mainVisual{
	position: relative;
	max-width: 1367px;
	margin: 0 auto 60px;
}
#mainVisual .mv_txtbox{
	width: 290px;
	padding: 15px 20px 15px;
	background-color: #fff;
	position: absolute;
	bottom: 20px;
	right: 50px;
	box-sizing: border-box;
}
#mainVisual .mv_txtbox .tbl01 {
   font-size: 80%;
   margin-bottom: 12px;
}
#mainVisual .mv_txtbtit {
   font-weight: bold;
   padding-bottom: 10px;
   font-size: 105%;
}
#mainVisual .mv_txtbox .tbl01 th,
#mainVisual .mv_txtbox .tbl01 td {
    padding: 3px 0 !important;
}
#mainVisual .mv_txtbox .tag01,
#mainVisual .mv_txtbox .tag02 {
    margin-bottom: 0;
   height: 25px;
}
#mainVisual .mv_txtbox .tag01 dt,
#mainVisual .mv_txtbox .tag02 dt {
    font-size: 73.4%;
    margin-right: 3px;
    width: 50px;
    height: 21px;
    line-height: 21px;
}
#mainVisual .mv_txtbox .tag01 dd,
#mainVisual .mv_txtbox .tag02 dd {
    font-size: 86.7%;
    line-height:13px; 
    padding-left: 8px;
    line-height: 21px;
    padding-left: 60px;
}
#mainVisual .mv_txtbox ul{
	font-size: 80%;
	padding-top: 3px;
}
@media screen and (max-width:767px){
	#mainVisual .mv_txtbox{
		width: 90%;
		margin: 0 auto;
		position: inherit;
		bottom: inherit;
		right: inherit;
		border: 1px solid #c6c6c6;
	}	
	#mainVisual #mv_top{
		margin-bottom: 20px;
	}
}


/* ----------------------------------------

col2

---------------------------------------- */

.col2_01{
	margin-bottom: 60px;
}
.col2_01 .col2_img,
.col2_01 .col2_txt{
	width: 50%;
	float: left;
}
.col2_01 .col2_img img{
	width: 100%;
}
.col2_01 .col2_txt{
	padding-right: 30px;
}
.col2_01_L .col2_txt {
	padding-right: 0;
	padding-left: 30px;
}
.col2_01_R .col2_img{
	float: right;
}





.col2_02{
	margin-bottom: 30px;
}
.col2_02 .col2_txt{
	width: 48.5%;
	float: left;
}
.col2_02 .col2_txt:first-child{
	margin-right: 3%;
}
.col2_02 .col2_txt .sec_subInner > p{
	margin-bottom: 20px;
}

@media screen and (max-width:767px){
	.col2_01{
		margin-bottom: 30px;
	}
	.col2_01 .col2_img,
	.col2_01 .col2_txt{
		width: 100%;
		float: none;
	}
	.col2_01 .col2_txt{
		padding-right: 0;
	}	
	.col2_01 .col2_img{
		margin-bottom: 20px;
	}
	.col2_01 .col2_txt:nth-child(2){
		padding-right: 0;
		padding-left: 0;
	}
	.col2_02{
		margin-bottom: 0;
	}
	.col2_02 .col2_txt{
		width: 100%;
		float: none;
	}
	.col2_02 .col2_txt:first-child{
		margin-right: 0;
	}

}


/* ----------------------------------------

peoplebox

---------------------------------------- */

.peoplebox .peoplebox_img,
.peoplebox .peoplebox_txt{
	float: left;
}
.peoplebox .peoplebox_img{
	width:30%;
	text-align: center;
}
.peoplebox .peoplebox_img img{
	width: 100%;
	margin-bottom: 20px;
}
.peoplebox .peoplebox_txt{
	width: 70%;
	padding-left: 30px;
}

@media screen and (max-width:767px){
	.peoplebox .peoplebox_img,
	.peoplebox .peoplebox_txt{
		float: none;
	}
	.peoplebox .peoplebox_img{
		width:70%;
		margin: 0 auto;
	}
	.peoplebox .peoplebox_img img{
		width: 100%;
	}
	.peoplebox .peoplebox_txt{
		width: 100%;
		padding-left: 0;
	}
}

/* ----------------------------------------

contactbox

---------------------------------------- */

.contactbox{
	width: 100%;
	text-align: center;
	padding: 30px 0;
}
.contactbox > p{
	font-weight: bold;
}
.contactbox .tel{
	font-size: 200%;
	font-weight: bold;
	line-height: 1;
}
.contactbox .fax{
	font-size: 133.4%;
}
.contactbox .tel,
.contactbox .fax{
	padding-bottom: 5px;
}
.contactbox .tel a{
	position: relative;
	padding-left: 30px;
} 
.contactbox .tel a:before {
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    left: 0;
    margin: auto;
    content: "\f879";
    font-family: "Font Awesome 5 Free";
    font-size: 25px;
    display: inline-block;
    text-align: center;
}


/* ----------------------------------------

map

---------------------------------------- */

.map > iframe{
	margin-bottom: 30px;
	width: 100%;
}
.map > .map_txtarea{

	
}
.map .map_img{
	float: left;
	width: 20%;
}
.map .map_txt{
	float: left;
	width: 76%;
	margin-left: 4%;
}
.map .map_txt > dl{
	margin-bottom: 15px;	
}
.map  .map_txt > dl dt{
	font-weight: bold;
	font-size: 106.7%;
}

@media screen and (max-width:767px){
	.map > iframe{
		height: 350px;
	}
	.map .map_img{
		float: none;
		width: 60%;
		margin: 0 auto 30px;
	}
	.map .map_txt{
		float: none;
		width: 90%;
		margin: 0 auto;
		margin-left: 0;
	}

}


/* ----------------------------------------

clearfix

---------------------------------------- */

/* Modern Browsers
------------------------------- */
#xxxx:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* Legacy IE
------------------------------- */
#xxxx {
	*zoom: 1;
}