@charset "UTF-8";

/* Mask */
div#mqMask { width:100%; height:100%; position:fixed; top:0; left:0; background-image:url('../img/common/img_mask.png'); opacity:.6; display:none; z-index:110; }

/* Header */
header#mqHeader > h1 { height:70px; background:url('../img/common/img_logo.png') center center no-repeat; text-align:center; }
header#mqHeader > h1 > a { width:200px; height:70px; display:inline-block; }
header#mqHeader > a { width:20px; height:20px; position:absolute; top:25px; right:20px; z-index:112; display:block; background:url('../img/common/img_menu_toggle.png') no-repeat; }

nav#mqNavi { width:180px; height:100%; position:fixed; top:0; left:-180px; background-color:#ff9600; overflow-y:auto; z-index:111; }
nav#mqNavi > p { height:150px; background:url('../img/common/img_logo_headnavi.png') center top no-repeat; }
nav#mqNavi > ul > li a { display:block; color:#fff; text-align:center; }
nav#mqNavi > ul > li { border-bottom:1px solid #cc7700; }
nav#mqNavi > ul > li > a { background-color:#e58600; font-weight:bold; padding:10px 0; font-size:1.2em; }
nav#mqNavi > ul > li > a.enter { background-color:#bf5656; }
nav#mqNavi > ul > li > ul > li:not(:last-of-type) { border-bottom:1px solid #b37724; }
nav#mqNavi > ul > li > ul > li > a { background-color:#cc7700; padding:8px 0; }
nav#mqNavi > ul > li > ul > li > a.enter { background-color:#994545; }
nav#mqNavi > ul > li > ul > li > ul > li > a { background-color:#b37724; padding:6px 0; }
nav#mqNavi > ul > li > ul > li > ul > li > a.enter { color:#ff0; }

section#scContent > header > h1 { text-align:center; color:#fff; padding-top:25px; padding-bottom:25px; background-size:cover; background-position:center center; background-repeat:no-repeat; }
section#scContent > header > p { text-align:right; padding:10px 15px; border-bottom:1px solid #b2b2b2; }
section#scContent > header > p > span { width:13px; height:15px; display:inline-block; background:url('../img/content/img_home.png') center center no-repeat; vertical-align:middle; }
section#scContent > header > h2  { margin-top:15px; margin-left:15px; margin-right:15px; padding-top:5px; padding-bottom:15px; border-bottom:1px solid #dadada; background:url('../img/content/img_tt_line.png') left top no-repeat; }
section#scContent > div { padding:15px; }

div.scData * { line-height:1.6; }
div.scData div.box,
div.scData p.box { padding:10px; background-color:#f0f0f0; border:1px solid #ccc; border-top:2px solid #5ba74c; }
div.scData h3.icon { background:url('../img/content/img_bullet.png') left center no-repeat; padding-left:18px; margin-bottom:4px; color:#4c8c3f; }
div.scData h3.icon:not(:first-of-type) { margin-top:20px; }
div.scData h4.icon { font-size:1.1em; background:url('../img/content/img_bullet_c.png') 1px center no-repeat; padding-left:18px; margin-top:10px; margin-bottom:4px; }
div.scData h4.text { font-size:1.1em; margin-bottom:4px; }
div.scData h3.icon+h4.icon { margin-top:0; }
div.scData ul.icon > li { background:url('../img/content/img_bullet_s.png') 8px 1.1vh no-repeat; padding-left:18px; }
div.scData ul#scTab { margin-bottom:15px; }
div.scData ul#scTab > li > a { display:block; border:1px solid #dadada; margin-bottom:-1px; background-color:#efefef; color:#707070; font-weight:bold; font-size:1.1em; padding:6px 12px; }
div.scData ul#scTab > li.active > a { background-color:#fff; border-color:#0769b4; color:#0769b4; margin-bottom:0; }
div.scData ul#scTab > li.active+li > a { padding-top:7px; border-top:none; }

/* Footer */
footer#mqFooter > ul { background-color:#5d5d5d; overflow:hidden; }
footer#mqFooter > ul > li { width:33.33%; float:left; }
footer#mqFooter > ul > li > a { display:block; font-weight:bold; color:#fff; padding:10px 5px; text-align:center; }
footer#mqFooter > ul > li > a:focus,
footer#mqFooter > ul > li > a:hover { background-color:#5a6a5a; }
footer#mqFooter > ul > li:nth-of-type(1) > a { border-right:1px solid #4f4f4f; }
footer#mqFooter > ul > li:nth-of-type(2) > a { border-left:1px solid #6a6a6a; border-right:1px solid #4f4f4f; }
footer#mqFooter > ul > li:nth-of-type(3) > a { border-left:1px solid #6a6a6a; }
footer#mqFooter > div { padding-top:20px; padding-bottom:20px; }
footer#mqFooter > div > * { text-align:center; line-height:1.6; }