@charset 'UTF-8';


#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:192px;}
#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 p {color:#000;}
#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 {}

}