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

/** ================================================================================
		レスポンシブ　ベース
		sp (max-width: 768px)
================================================================================ **/
@media screen and (max-width: 768px) {
	body{
		min-width: 100%;
	}
	/* -------------------------------------
	ヘッダー
	-------------------------------------*/
	.header{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
		width: 100%;
		background: #ffffff;
	}
	.header header{
		display: block;
		overflow: hidden;
		position: relative;
		margin: 0;
		padding: 0;
		width: 100%;
		min-height: 49px;
	}
	.header header h1 img{
		display: block;
		margin: 5px 0 0 15px;
		max-width: 170px;
		width: 40vw;
		height: auto;
	}
	.header header nav{
		position: fixed;
		top: 0;
		right: -174px;
		padding: 50px 0 0;
		width: 174px;
		height: 100vh;
		background: #ebf2f5;
		-webkit-transition: .5s;
		transition: .5s;
		z-index: 0;
	}
	.header header.on nav{
		top: 0;
		right: 0;
	}
	.header header nav ul li{
		display: block;
		margin: 0;
		padding: 15px;
		border-bottom: 1px dotted #65a9dc;
	}
	.header header nav ul li.add1 a{
		background: none;
	}
	.header header nav ul li.add1 a,
	.header header nav ul li a{
		display: block;
		padding: 0;
		color: #65a9dc;
		height: auto;
	}
	.header header nav ul li.add2 a{
		background: none;
	}
	.header header nav ul li.add2 a,
	.header header nav ul li a{
		display: block;
		padding: 0;
		color: #65a9dc;
		height: auto;
	}
	.header header nav ul li a:hover{
	}
	#menu{
		position: absolute;
		top: 0;
		right: 0;
		z-index: 100;
		display: block;
		width: 100px;
		cursor: pointer;
		-webkit-transition: .5s;
		transition: .5s;
	}

	.on #menu{
		width: 174px;
	}
	.on #menu i:before,
	.on #menu i:after{
		display: block;
		margin-top: -2px;
		width: 20px;
		height: 0px;
		border-top: none;
		border-bottom: 2px solid #ffffff;
		content: "";
		transform: rotate(45deg);
	}
	.on #menu i:after{
		border-top: none;
		transform: rotate(-45deg);
	}

/* -------------------------------------
コンテンツ
-------------------------------------*/
main{
	padding: 42px 0 0;
}


	/* -------------------------------------
	フッター
	-------------------------------------*/
	/**背景**/
	.footer footer{
		position: relative;
		width: 100%;
	}
	/**つばめ**/
	.footer footer:before{
		position: absolute;
		top:-120px;
		left: 0;
		z-index: 100;
		width: 100px;
		height: 100px;
		background: url(../images/bg_footer_tsubame.png) no-repeat left top;
		background-size: 100%;
		content: "";
	}
	/****/
	.footer footer nav{
		display: block;
		margin: 10px 0 50px;
	}
	.footer footer nav .name{
		border-right:none;
		padding: 0 20px 30px;
		text-align: center;
	}
	.footer footer nav .sitemap{
		display: none;
	}
	/**社名**/
	.footer footer .name .fbnr{
		margin: 20px auto 0;
		text-align: left;
	}
	/**サイトマップ**/

	/**gnavi**/
	.footer footer .gnavi{
		text-align: center;
	}
	.footer footer .gnavi li{
	border-right: none;
	}
	/**コピーライト**/
	.footer footer .copy{
		margin: 30px auto 10px;
		text-align: center;
	}
	/**バナー**/
	.bnr{
		display: block;
		width: 90%;
	}
	.bnr a{
		margin: 0 0 50px;
		width: 100%;
	}
	.bnr a em{
		width: 80%;
	}

	/**ツイッター**/

	.twitter{
		width: 90%;
	}
	.twitter img{
		width: 50px;
	}

}