@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@200;300;400;500;700;900&display=swap');
/*----------------------------------------------------

------------------------------------------------------*/
#nav_toggle{
border: none;
background: #0C3F7F;
}
#page{
background: linear-gradient(180deg, #0C3F7F 0%, #0C3F7F 50%, #ffffff 50%, #ffffff 100%);
}
#content{
background: #fff;
}

#mainimage{
padding-top: 30px;
padding-bottom: 1em;
}
#mainimage h1{
padding: 50px 0;
}
#mainimage h1 img{
max-width: 760px;
}
#mainimage .text{
padding: 50px 0;
}

@media screen and (max-width: 1000px){
#mainimage{
padding-top: 10px;
}

#mainimage img{
width: 90%;
}
}
@media screen and (max-width: 700px){
#mainimage h1{
padding: 60px 0 20px;
}
#mainimage .text{
padding: 20px 0 5px;
}

}

/*----------------------------------------------------
　service
------------------------------------------------------*/
#service{
	width:88%;
	max-width:844px;
	margin:0 auto;
	padding:3.5em 0 0;
}
#service h2{
	font-size:100%;
	margin:0 0 1.2em;
}
#service h2 img{
	max-width:422px;
}
#service img{
	width:100%;
}
#service .banner img.tit{
	max-width:422px;
}
#service .banner{
	clear:both;
	overflow:hidden;
	margin:0 0 2.6em;
}
#service .banner a{
	display:block;
	text-decoration:none;
	border:1px solid #b2b2b2;
}

#service .banner span.tit{
color: #17458F;
font-weight: 400;
font-size: 40px;
font-family: 'Noto Sans JP', sans-serif;
}
@media screen and (max-width: 700px){
#service .banner span.tit{
font-size: 200%;
}
}
@media screen and (max-width: 500px){
#service .banner span.tit{
font-size: 160%;
}
}
#service .banner .detail{
	position:relative;
	overflow:hidden;
	padding:0.2em 2em 0.7em 1em;
	display:block;
	color:#000;
	font-size:100%;
	font-family:"游明朝","Yu Mincho","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","HGS明朝E", serif;
	text-align:center;
}
#service .banner .detail:before{
	content:"→";
	position:absolute;
	right:50%;
	top:10%;
  margin-right: -3.5em;
}
@media screen and (max-width: 700px){
#service .banner .detail{
	padding-top: 0;
}
}

/*----------------------------------------------------
　
------------------------------------------------------*/
#access{
	clear:both;
	overflow:hidden;
	max-width:1000px;
	margin:0 auto;
	padding:2.25em 0 0;
}
#access h2{
	width:88%;
	max-width:844px;
	font-size:100%;
	margin:0 auto 1.2em;
}
#access h2 img{
	max-width:422px;
}
#access img{
	width:100%;
}
#access .map iframe{
vertical-align: bottom;
}
#access .img{
	float:left;
	width:50%;
}
#access .parking{
	float:left;
	width:50%;
}
@media screen and (max-width: 480px){
#access .map iframe{
	height:240px;
}
}
/*  
------------------------------------------*/
#access .addr{
	clear:both;
	overflow:hidden;
	width:88%;
	max-width:422px;
	margin:0 auto;
	padding:0.7em 0 0;
	font-size:87%;
	text-align:left;
}
#access .addr h3 img{
	width:64%;
	max-width:270px;
}
#access .addr ul{
	padding:0.5em 0 0;
}
#access .addr ul li{
	padding:0.1em 0 0;
}
#access .addr ul li img{
  max-width: 340px;
}

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