@charset "utf-8";

/* アクセス、フッターメニュー */


@media screen and (min-width: 320px){


	#access{
		margin-bottom:25px;
		padding:0 5%;
	}

	#access:before{
		content:url(../../images/access_photo.jpg);
		display:block;
		margin-bottom:15px;
		text-align:center;
	}

	#access .access{
		margin-bottom:30px;
		text-align:center;
	}

	#access .access address{
		display:inline-block;
		margin-bottom:35px;
		line-height:1.4;
		font-style:normal;
		text-align:left;
	}

	#access .access ul{
		display:inline-block;
	}

	#access .access li{
		display:inline-block;
		margin-bottom:12px;
	}

	#access .access li a{
		display:block;
		width:192px;
		padding:10px 0 14px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
		-webkit-border-radius:16px;
		-moz-border-radius:16px;
		border-radius:16px;
		background-color:#fff;
		border:2px solid #898989;
	}

	#access .access li:last-child a{
		padding:6px 0 14px;
	}

	#access .access li a:before{
		display:inline-block;
		margin:0 7px 0 15px;
		position:relative;
		top:3px;
	}

	#access .access li:first-child a:before{
		content:url(../../images/icon_mail.png);
	}
		
	#access .access li:last-child a:before{
		content:url(../../images/icon_car.png);
		top:5px;
	}

	#access .map{
		clear:both;
	}

	#access .map h1{
		margin-bottom:15px;
		padding:30px 0 5px;
		background-image:url(../../images/access_bg.gif);
		background-repeat:no-repeat;
		background-position:center top;
		background-size:65%;
		font-size:1.6rem;
		font-weight:400;
		text-align:center;
	}

	#access .map .googlemap{
		position:relative;
		width:100%;
		height:0;
		padding-bottom:56.25%;
		overflow:hidden;
	}

	#access .map .googlemap iframe{
		position:absolute;
		top:0;
		left:0;
		width:100% !important;
		height:100% !important;
	}

}





@media screen and (min-width: 480px){


	#access:before{
		float:left;
		width:48%;
		text-align:left;
	}

	#access .access{
		float:right;
		width:48%;
		text-align:left;
	}

	#access .map h1{
		background-size:50%;
	}

}


@media screen and (min-width: 568px){

	#access .map h1{
		margin-bottom:25px;
	}
}



@media screen and (min-width: 980px){
	#access:before{
		width:25%;
		padding:25px 0 0 30px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
	}

	#access .access{
		float:left;
		width:25%;
		padding:25px 0 0 30px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
	}

	#access .map{
		clear:none;
		float:right;
		width:42.5%;
		padding-right:30px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
	}

	#access .map h1{
		margin-bottom:5px;
	}

}


	#mainpage .access{
		margin-bottom:30px;
		text-align:center;
	}

	#mainpage .access address{
		display:inline-block;
		margin-bottom:10px;
		line-height:1.4;
		font-style:normal;
		text-align:left;
	}

	#mainpage .access ul{
		display:inline-block;
	}

	#mainpage .access li{
		display:inline-block;
		margin-bottom:12px;
	}

	#mainpage .access li a{
		display:block;
		width:192px;
		padding:10px 0 14px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
		-webkit-border-radius:16px;
		-moz-border-radius:16px;
		border-radius:16px;
		background-color:#fff;
		border:2px solid #898989;
	}

	#mainpage .access li:last-child a{
		padding:6px 0 14px;
	}

	#mainpage .access li a:before{
		display:inline-block;
		margin:0 7px 0 0;
		position:relative;
		top:3px;
	}

	#mainpage .access li:first-child a:before{
		content:url(../../images/icon_mail.png);
	}
		
	#mainpage .access li:last-child a:before{
		content:url(../../images/icon_car.png);
		top:5px;
	}

	#mainpage .menu{
	}

	#mainpage .menu h2{
		margin-bottom:10px;
		font-weight:400;
	}

	#mainpage .menu h2:before,
	#mainpage .menu h2:after{
		content:"★";
		display:inline-block;
	}

	#mainpage .menu ul{
		margin-bottom:40px;
	}

	#mainpage .menu li{
		margin-bottom:10px;
		padding-left:1em;
		text-indent:-0.35em;
	}
	
	#mainpage .menu li.isns{
		padding-left:0;
	}

	#mainpage .menu li:before{
		content:">";
		display:inline-block;
		margin-right:1px;
	}
	#mainpage .menu li.isns:before{
		content:"";
		display:inline-block;
		margin-right:13px;
	}



}


@media screen and (min-width: 414px){

	#mainpage .mainpage ul:last-child a{
		padding:45px 20px;
	}

	#mainpage .mainpage ul:last-child li:last-child a{
		padding:45px 15px;
	}

}



@media screen and (min-width: 480px){


	#mainpage .access{
		width:230px;
	}

	#mainpage .menu{
		padding-left:20px;
	}

}



@media screen and (min-width: 980px){




	#mainpage .access{
		float:left;
		margin-right:110px;
	}

	#mainpage .menu{
		float:left;
		padding-left:0;
	}

	#mainpage .menu div{
		float:left;
		margin-right:95px;
	}

	#mainpage .menu div:last-child{
		margin-right:0;
	}


}