@charset "utf-8";
/* CSS Document */

/*共通CSS*/
.inner {
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

.ds_f {
	display: flex;
}
.jc_sa {
	justify-content: space-around;

}
.jc_sb {
	justify-content: space-between;
}

.clearfix::after {
	content: "";
	display: block;
	clear: both;
}
a {
	text-decoration: none;
}
body {
	color: #009eb0;
	font-family: 'YuGothic','Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif;
}
.wrap{
	width:1280px;
	margin-left:auto;
	margin-right:auto;
}

/*footer*/
footer {
	color: #FFF;
	background-color:#009eb0;
	height:220px;
	box-sizing:border-box;
}
footer .inner {
	position:relative;
}
footer .to_top {
	position:absolute;
	top:-54px;
	right:0;
	z-index:10;
	transition:0.5s;
}
footer .to_top:hover {
	top:-75px;
	
}
footer .inner .f_box{
	padding:25px 0 15px 0;
	position: relative;
    z-index: 50;
    background-color: #009eb0;
}
footer .f_logo p{
	text-align:center;
	font-size:10px;
}
footer p{
	font-size:14px;
	line-height:1.7;
}
footer p a{
	color:#ec7266;
	text-decoration:underline;
}
footer .tel{
	font-size:18px;
}
footer .tel span{
	font-size:20px;
	letter-spacing:1px;
	color:#fff;
}
footer .tel span a{
	text-decoration:none;
	color:#fff;
	display:inline-block;
}
footer .fax a {
	text-decoration:none;
	color:#fff;
	display:inline-block;
}
/*footer*/

@media screen and (max-width:640px){
	img{
		max-width:100%;
		height:auto;
	}
	.inner{
		width: 100%;
		box-sizing: border-box;
	}
	main .ds_f {
		display: block;
	}
	
	header {
		width: 100%;
		position: fixed;
		top:0;
		padding:10px;
		z-index: 999;
		box-sizing:border-box;
	}
	header p{
		display:block;
	}
	/*ボタン*/
	button{
		background-color:transparent;
		border:none;
		cursor:pointer;
		display:block;
	}
	button:focus{
		outline:none;
	}
	header ul li::before {
		display:none;
	}
	/*nav_hover*/
	header ul li a:hover::after{
		left:0%;
	}
	nav{
		display:none;
			}
	nav ul{
		width:100%;
		padding:0;
	}
	header ul li{
		margin-left:0;
		margin-bottom:20px;
		padding-bottom:20px;
		border-bottom: 1px solid;
		border-color: rgba(255,255,255,0.3);
	}
	header ul li:first-child{
		padding-top:20px;
	}
	header ul li:last-child{
		border:none;
		margin-bottom:0;
	}
	
	body{
		width:100%;
	}
	.wrap{
		width:100%;
	}
		footer {
		height:auto;
	}
	footer .inner {
		padding:0 25px;
	}
	footer .jc_sb {
	flex-direction: column-reverse;
	}
	footer .inner div .div{
		margin-bottom:20px;
	}
	footer p a{
		display:block;
	}
	footer .to_top {
		right:5%;
	}
	.ds_f_sp{
		flex-direction:column;
	}
}