@charset "utf-8";
/* Base ------------------------------------------- */
body {
    color: #888;
    font-family: Arial, Helvetica, "微軟正黑體", sans-serif;
    background-color: #f6f6f6;
}

a {
    text-decoration: none;
}

/* Helper ------------------------------------------- */
.text-center { text-align: center;}

.marginfix { border-top: solid 1px transparent; border-bottom: solid 1px transparent; margin-top: -1px; margin-bottom: -1px;}

.img-container {	margin: 2rem;}

.img-container img { display: block; max-width: 100%;}

.overlay { position: relative;}

.overlay:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:#000; opacity: .5; z-index: 0; transition: opacity .3s ease;}

.overlay:hover:before { opacity: 0;}

/* Layout ------------------------------------------- */
.header { background: url('../images/banner.jpg') no-repeat fixed center -200px; background-size: cover;}

.navi { border-bottom: solid 1px #e5e5e5; margin-bottom: 2em;}

.content { width: 1200px; margin-left: auto; margin-right: auto; background-color: #fff;}

.footer { background: #333; line-height: 100px; text-align: center;}

.slogan { color: #fff; font-size: 5rem; line-height: 300px; margin: 0; z-index: 1; position: relative; font-family:  "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","Sawarabi Mincho","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;}

/* Module ------------------------------------------- */
.navi-list { padding: 0; list-style-type: none;}

.navi-list li { display: inline-block; margin: 2rem 1rem}

.navi-list a { color: #666; transition: opacity .3s ease;}

.navi-list a:hover { opacity: .7;}

.content h1 { font-size: 20px; margin: 3em 0 5em; color: #333;}

.content p { margin: 2rem; line-height: 1.5;}

.content img { width: 100%;}

.footer p { color: #999;}