/*
===========================================================================

	Title : quality.css

===========================================================================
*/


/***************************************************************
*
*	PC view
*
****************************************************************/


/* pc 嫟捠
------------------------------------------------------------ */

.pcBlc {
	display: block;
}
.spBlc {
	display: none;
}

#wrap #content {
	width: 1500px;
	margin: 0 auto;
}
#wrap #content p {
    font-size: 14px;
    line-height: 0;
    margin-bottom: 0;
}

.hiahai_bnr{ background-color: #fff0f2; padding: 30px 20px; text-align: center; border-top: 2px solid #fff; }
.gungun_bnr{ background-color: #ecf5fc; padding: 30px 20px; text-align: center; border-top: 2px solid #fff; }
.gungun_bnr a img.spNon,.hiahai_bnr a img.spNon{ display: inline; }
p.gungun_link {
    margin: 0 auto;
    padding-bottom: 50px;
    text-align: center;
}
p.gungun_link img.spNon{ display: inline; }



.pcNon {
	display: none;
}

#overlay {
	display: none;
}

@media screen and (min-width:1160px) and (max-width:1499px) {
	#wrap #content {
		width: 100%;
	}
}
@media screen and (min-width:770px) and (max-width:1159px) {

	#wrap #content {
		width: 1159px;
	}
}


/***************************************************************
*
*	SP view
*
****************************************************************/

@media screen and (max-width:769px){

.pcBlc {
	display: none !important;
}
.spBlc {
	display: block;
}

	

	#wrap #content {
		width: 100%;
	}
	.pagetop {
		width: 43.6%;
		margin: -22% auto 10%;
		padding: 0;
	}
	.pagetop p {
		float: none;
		width: 100%;
	}

	

	.spNon {
		display: none !important;
	}
	.pcNon {
		display: block;
	}
	img {
		width: 100% !important;
	}

	#overlay{
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0.8;
		width: 100%;
		background-color: #FFFFFF;
	}
}

/*20170224捛婰*/

.foot_bnr_area {
	width: 1000px;
	margin: 80px auto 30px;
}

@media screen and (max-width:769px){

.foot_bnr_area {
	width: 95%;
	margin: 3% auto 3%;
}
}

/*20170618捛婰*/

#brand_footer *{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	list-style: none;
	line-height: 1;
}
#brand_footer a{
	color: #000;
	text-decoration: none;
	transition: opacity ease .3s;
}
#brand_footer a:hover{
	opacity: .7;
}
#brand_footer a:focus{
	outline: none;
}
#brand_footer img{
	backface-visibility: hidden;
}

/* =======================================

	brand footer pc

======================================= */

#brand_footer .sp{
	display: none;
}
#brand_footer{
	margin-top: 30px;
	padding: 20px 0 20px;
	background: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 3px solid #004099;
	font-family: Hiragino Kaku Gothic ProN, '僸儔僊僲妏僑 ProN W3', Meiryo, '儊僀儕僆', sans-serif;
	font-size: 12px;
}
#brand_footer .b_foot_inner{
	width: 1020px;
	margin: auto;
	overflow: hidden;
}

/*儘僑*/

#brand_footer .b_foot_logo{
	margin-right: 270px;
	float: left;
}

/*儕儞僋僄儕傾*/

#brand_footer .b_foot_link{
	width: 451px;
	margin: 5px 0 0;
	float: left;
}

#brand_footer .b_foot_link p{
	margin: 0 0 13px;
}
#brand_footer .b_foot_link ul li{
	display: inline-block;
}
#brand_footer .b_foot_link ul li:not(:last-child){
	margin: 0 26px 0 0;
}
#brand_footer .b_foot_link ul li a{
	padding-left: 15px;
	background: url(../image/arr_blue.png) no-repeat left center;
	background-size: 10px 11px;
}

/*僐僺乕儔僀僩*/

#brand_footer .b_foot_copy{
	width: 226px;
	margin-top: 40px;
	float: right;
	text-align: right;
}

/* =======================================

	brand footer sp

======================================= */

@media screen and (max-width: 768px){
	#brand_footer a:hover{
		opacity: 1;
	}
	#brand_footer .pc{
		display: none;
	}
	#brand_footer .sp{
		display: block;
	}
	#brand_footer{
		margin-top: 20px;
		padding: 20px 0 12px;
	}
	#brand_footer .b_foot_inner{
		width: 100%;
	}

	/*儘僑*/

	#brand_footer .b_foot_logo{
		width: 12%;
		margin: 12px auto 0;
		float: none;
	}
	#brand_footer .b_foot_logo img{
		width: 100%;
		max-width: 123px;
	}

	/*儕儞僋僄儕傾*/

	#brand_footer .b_foot_link{
		width: 100%;
		margin: 0;
		float: none;
		border-bottom: 1px solid #ccc;
	}

#brand_footer .b_foot_link p{
	width: 90%;
	text-align: center;
	margin: 0 auto 15px;
}

	#brand_footer .b_foot_link ul{
		width: 75%;
		margin: 0 auto 4px;
		overflow: hidden;
	}
	#brand_footer .b_foot_link ul li{
		margin-bottom: 8px;
		display: block;
		float: left;
	}
	#brand_footer .b_foot_link ul li:nth-child(odd){
		width: 58%;
	}
	#brand_footer .b_foot_link ul li:nth-child(even){
		width: 42%;
	}
	#brand_footer .b_foot_link ul li:not(:last-child){
		margin: 0 0 8px 0;
	}

	/*僐僺乕儔僀僩*/

	#brand_footer .b_foot_copy{
		width: 100%;
		margin-top: 6px;
		float: none;
		text-align: center;
	}
	
	.gungun_bnr{
		padding: 30px 5%;
		box-sizing: border-box;
	}
	p.gungun_link {
		margin: 0 5% 50px !important;
		width: 90%;
		padding: 0 !important;
	}
	
}