@charset "utf-8";
@import url("/include/css/common/default.css");
@import url("/include/css/common/common.css");
@import url("/include/css/common/button.css");
@import url("layout.css");

.mainVisual {padding:100px 0;color:#fff;text-align:center;background:url("/include/image/lang/common/bg_visual.jpg") 50% 0 no-repeat;background-size:cover}
.mainVisual .slogan {margin-bottom:30px;font-weight:normal;font-size:2.2em;line-height:1}
.mainVisual .greeting {position:relative;padding-bottom:20px;font-weight:normal;font-size:1.933em}
.mainVisual .greeting strong {font-weight:600;font-size:1.483em;color:#fff000}
.mainVisual .greeting::after {content:"";display:block;position:absolute;top:100%;left:50%;width:300px;height:2px;margin-left:-150px;background-color:rgba(255,255,255,.6)}

.shortcut {padding:20px 0;text-align:center;background-color:#f4f4f4}
.shortcut ul {max-width:1200px;margin:0 auto}
.shortcut li {float:left;width:14.285%;margin:10px 0;text-align:center}
.shortcut a {display:inline-block;position:relative;color:#333}
.shortcut .tit {display:block;font-size:1.133em}
.shortcut .ico {display:inline-block;margin:0 auto 10px;padding:12px;border-radius:50%;background-color:#fff}
.shortcut .ico::before {content:"";display:block;width:60px;height:60px;vertical-align:top;background:url("/include/image/lang/common/ico_shortcut.png") 0 0 no-repeat}
.shortcut li:nth-of-type(2) .ico::before {background-position-x:-60px}
.shortcut li:nth-of-type(3) .ico::before {background-position-x:-120px}
.shortcut li:nth-of-type(4) .ico::before {background-position-x:-180px}
.shortcut li:nth-of-type(5) .ico::before {background-position-x:-240px}
.shortcut li:nth-of-type(6) .ico::before {background-position-x:-300px}
.shortcut li:nth-of-type(7) .ico::before {background-position-x:-360px}

.introduce {display:table;width:100%}
.introduce > article {display:table-cell;width:33.333%;padding:60px 15px;color:#fff;text-align:center;box-sizing:border-box}
.introduce > article.state {background:url("/include/image/lang/common/bg_main_guide01.jpg") center top no-repeat;background-size:cover}
.introduce > article.hours {background:url("/include/image/lang/common/bg_main_guide02.jpg") center top no-repeat;background-size:cover}
.introduce > article.service {background:url("/include/image/lang/common/bg_main_guide03.jpg") center top no-repeat;background-size:cover}
.introduce > article h1 {position:relative;margin-bottom:15px;padding-top:15px;font-size:1.600em;line-height:1}
.introduce > article h1::before {content:"";display:block;position:absolute;top:0;left:50%;width:60px;height:3px;margin-left:-30px;background-color:#fff}
.introduce > article p {font-size:1.200em}


@media screen and (max-width:1000px){
	.mainVisual {padding:75px 15px}
}
@media screen and (max-width:800px){
	.mainVisual {padding:60px 0}
	.shortcut li {width:25%}
}
@media screen and (max-width:640px){
	.mainVisual .slogan {margin-bottom:20px;font-size:1.8em;line-height:1.3}
	.mainVisual .greeting {font-size:1.5em}
	.mainVisual .greeting strong {font-size:1.214em}
	.mainVisual .greeting::after {width:120px;margin-left:-60px}
	.introduce {display:block}
	.introduce > article {display:block;width:100%}
}
@media screen and (max-width:480px){
	.shortcut li {width:33.333%}
}