body
{
}



#eyecatch img
{
	width:100%;
	height: 100vh;
	object-fit: cover;
}

#about ul
{
	margin: 0px;
	padding: 0px;
}

#about ul li
{
	display: block;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: relative;
}

#about ul li .photo
{
	position: absolute;
	margin: 0px;
	padding: 0px;
	width: 50%;
}

#about ul li .photo img
{
	width:auto;
	height:auto;
}


#about ul li .text
{
	width: 560px;

}



#about ul li:nth-child(2n-1) .photo
{
	left: 50%;
	text-align: left;

}

#about ul li:nth-child(2n) 
{
	background-color: #fcfbec;
}

#about ul li:nth-child(2n) .photo
{
	right: 50%;
}

#about ul li:nth-child(2n) .text
{
	margin-right: 0px;
	margin-left: auto;
}


article .contents_box
{
	display: flex;
	justify-content: space-between;
}

article .contents_box .news,
article .contents_box .contact
{
	width: 48%;
}

article .contents_box .news table
{
	width: 100%;
	margin-bottom: 30px;
}

article .contents_box .news table th
{
	font-weight: normal;
	width: 120px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: var(--font-color);
}

article .contents_box .news table td
{
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: var(--font-color);
}

article .contents_box .tel_box
{
	box-sizing: border-box;
	background-color: #fcfbec;
	text-align: center;
	padding: 20px;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;

}

article .contents_box .tel_box small
{
	display: block;
	font-size: 16px;
	line-height: 1.4;
}

article .contents_box .tel_box a
{
	font-family: "Roboto", sans-serif;
	font-size: 36px;
	line-height: 1.4;
	font-weight: bold;
	pointer-events:none;
}


/* PCのみ設定  768 以上*/
@media screen and (min-width:1200px)
{



}


@media (max-width: 1199px) 
{

#eyecatch
{
	position: relative;
}


#eyecatch img
{
	width:100vw;
	height: auto;
}


#about ul li .text
{
	width: 46%;
}




}

/* タブレットレイアウト : 768 px 〜 959 px */
@media screen and (min-width:768px) and (max-width:1199px)
{



}


/* スマホ設定  767 以下*/
@media screen and (max-width:767px)
{

article .contents_box
{
	display: block;
}

article .contents_box .news,
article .contents_box .contact
{
	width: auto;
	margin-bottom: 20px;
}




}

/* スマホ設定  599 以下*/
@media screen and (max-width:599px)
{

#eyecatch img
{
	width:100%;
	height: auto;

}

#about ul li .photo
{
	padding: 0px;
	width: auto;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: static;
}


#about ul li .text
{
	width: auto;

}

article .contents_box .tel_box
{
	width: auto;
}


}