@charset "utf-8";
@media screen and (max-width: 1120px){
	/*
	3:Common style
	------------------------------------------------------------
	*/
	.mgl320{
		margin-left: 0;
	}
	/*
	4:Header
	------------------------------------------------------------
	*/
	ul.conList{
		width: 8%;
		top: auto;
		bottom: 4%;
	}
	.menu-iconWrap{
		position: fixed;
		right: 0;
		top: 0;
		z-index: 260;
		width: 20px;
		height: 18px;
		padding: 15px;
	}
	.logo,
	.logo2{
		width: 150px;
	}
	.logo2{
		top: 10px;
		left: 6%;
	}
	.navi_inner{
		width: 88%;
		margin: 90px auto;
	}
	#navL{
		width: 100%;
		float: inherit;
		margin-bottom: 30px;
	}
	#navR{
		width: 100%;
		float: inherit;
	}
	#navL ul li{
		float: inherit;
		margin: 0 0 20px 0;
		width: 100%;
	}
	#navL ul li a{
		display: flex;
		align-content: center;
	}
	#navL ul li a span.nav_img{
		margin-right: 20px;
	}
	#navL ul li a img{
		vertical-align: middle;
		padding-bottom: 3px;
	}
	ul.list1{
		margin-bottom: 40px;
	}
	ul.bnrList li{
		text-align: center;
	}
	ul.list2 li{
		width: 48%;
		margin-right: 4%;
	}

	/*
	1:Base
	------------------------------------------------------------
	*/
	#containerWrap {
		min-width: inherit;
	}
}

@media screen and (max-width: 1050px){
	.qasp{
		display: block;
	}
	.qapc{
		display: none;
	}
}

@media screen and (max-width: 768px){
	.sp{
		display: block;
	}
	.pc{
		display: none;
	}
	img{
		max-width: 100%;
		height: auto;
	}

	

	/*
	3:Common style
	------------------------------------------------------------
	*/
	.mgl320{
		margin-left: 0;
	}
	.mgt55{
		margin-top: 35px;
	}

	/*
	4:Header
	------------------------------------------------------------
	*/
	ul.conList{
		width: 8%;
		top: auto;
		bottom: 4%;
	}
	.menu-iconWrap{
		position: fixed;
		right: 0;
		top: 0;
		z-index: 260;
		width: 20px;
		height: 18px;
		padding: 15px;
	}
	.logo,
	.logo2{
		width: 150px;
	}
	.logo2{
		top: 10px;
		left: 6%;
	}
	.navi_inner{
		width: 88%;
		margin: 90px auto;
	}
	#navL{
		width: 100%;
		float: inherit;
		margin-bottom: 30px;
	}
	#navR{
		width: 100%;
		float: inherit;
	}
	#navL ul li{
		float: inherit;
		margin: 0 0 20px 0;
		width: 100%;
	}
	#navL ul li a{
		display: flex;
		align-content: center;
	}
	#navL ul li a span.nav_img{
		margin-right: 20px;
	}
/*
	#navL ul li a span{
		display: inline-block;
		padding-bottom: 0;
		margin-right: 10px;
	}
	#navL ul li a:after{
		top: 7px;
	}
*/
	#navL ul li a img{
		vertical-align: middle;
		padding-bottom: 3px;
	}
	ul.list1{
		margin-bottom: 40px;
	}
	ul.bnrList li{
		text-align: center;
	}
	ul.list2 li{
		width: 48%;
		margin-right: 4%;
	}
}

/*
コンテンツ上下マージン
------------------------------------------------------------
*/
@media screen and (max-width: 768px){
.content_wrap{
	margin:35px 0 30px;
}
}

/*
社長メッセージだけヘッダーずれる調整
------------------------------------------------------------
*/
@media screen and (max-width: 768px){
.message_header{
	top: -25px;
}
}


/*
fixボタンボーダー
------------------------------------------------------------
*/
@media screen and (max-width: 1050px){
img.fix_btn_border{
	border-top: none;
	border-right: none;
	border-bottom: none;
}
}