@charset 'UTF-8';


#sidebar dl dd li.brand_concept > a {color:#004097; font-weight:bold;}

#main > h1 {margin-bottom:0; border-bottom:none;}

#index {margin:-20px 0 0 -20px; letter-spacing:-0.4em;}
#index > div {display:inline-block; width:310px; margin:20px 0 0 20px; padding:19px; border:1px solid #e9e9e9; text-align:center; letter-spacing:normal; vertical-align:top;}
#index > div > a {display:block; margin:-19px; padding:19px; text-decoration:none;}
#index > div .image {position:relative; margin:-19px -19px 0; overflow:hidden;}
#index > div .image:after {
	display:block; content:""; width:38px; height:20px; position:absolute; left:50%; bottom:0; margin:0 0 0 -19px; background:url(../../images/index_image_ornament.png) no-repeat;}
#index > div .image > img {display:block; width:350px; max-width:none; height:160px;}
#index > div .image > img.pc {}
#index > div .image > img.sp {display:none;}
#index > div b {display:block; margin:18px 0 0; color:#014099; font-size:100%; font-weight:bold;}
#index > div#brand_concept {width:680px;}
#index > div#brand_concept .image > img {width:720px; height:220px;}
#index > div > a:hover > .image > img {opacity:0.8;}
#index > div > a:hover > b {color:#3466ad;}


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

#main > h1 {padding-top:0; border-top:0; font-size:17px; text-align:center;}

#index {margin:-10px 0 0;}
#index > div {display:block; width:auto; margin:10px 0 0; padding:9px;}
#index > div > a {margin:-9px; padding:9px;}
#index > div .image {margin:-9px -9px 0;}
#index > div .image:after {width:19px; height:10px; margin-left:-10px; background-size:contain;}
#index > div .image > img {width:100%; height:auto;}
#index > div .image > img.pc {display:none;}
#index > div .image > img.sp {display:block;}
#index > div b {font-size:14px;}
#index > div#brand_concept {width:auto;}
#index > div#brand_concept .image > img {width:100%; height:auto;}
#index > div > a:hover > .image > img {}
#index > div > a:hover > b {}

}

/*ブランドコンセプト brand_concept.css*/
#mainImg {
	position: relative;
	margin-bottom: 2%;
}
#mainImg img {
	text-align: center;
	margin: 0 auto;
}
#mainImg p {
	position: absolute;
	text-align: center;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 50%;
	height: 50%;
	font-size: 30px;
	font-weight: bold;
	color: #004097;
}
#mainImg p span {
	font-size: 50px;
}

#conceptTxt p {
	margin-bottom: 2%;
}
#conceptTxt dl dt {
	margin-bottom: 10px;
	font-weight: bold;
	color: #004097;
}
#conceptTxt dl dd {
	margin-bottom: 10px;
}
#conceptTxt dl dd span {
	font-weight: bold;
}


@media screen and (max-width: 599px) {
	#mainImg p {
		width: 60%;
		top: 40%;
		height: 50%;
		font-size: 20px;
		font-weight: bold;
		color: #004097;
	}
	#mainImg p span {
		font-size: 30px;
	}
}