@charset "UTF-8";
/* ! ---------- initial ---------- ---------- ---------- ---------- */
/* ---------- setting ---------- ---------- */
/* ! ---------- area ---------- ---------- ---------- ---------- */
/* リセットCSS */
html, body { width: 100%; height: 100%; }

body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, blockquote, pre, a, div { margin: 0; padding: 0; font-size: 100%; line-height: inherit; box-sizing: border-box; }

body { -webkit-text-size-adjust: 100%; line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

th, td { vertical-align: top; text-align: left; font-weight: normal; }

img { border: 0; vertical-align: bottom; }

a { text-decoration: none; }

body { font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; font-size: 16px; color: #1a1a1a; }

main { display: block; }

/* ----------------------------------------------------------
.area-wrapper
---------------------------------------------------------- */
.area-wrapper { position: relative; }

/* ----------------------------------------------------------
.area-inner
---------------------------------------------------------- */
.area-inner { position: relative; }

/* ----------------------------------------------------------
.block-inner
---------------------------------------------------------- */
.block-inner { position: relative; }

.block-inner2 { position: relative; }

.block-inner3 { position: relative; }

.area-header { position: absolute; top: 0px; left: 0px; right: 0px; z-index: 100; }

/* ----------------------------------------------------------
area-body
---------------------------------------------------------- */
.footer { background-color: #ebebeb; }

.footer img { width: 100%; }

.footer-container2 { background-color: #1a1a1a; }

.footer__copyright { color: #fff; font-size: 12px; text-align: center; }

.footer__unav > li { position: relative; display: inline; margin-right: 10px; }

.footer__unav > li > a, .footer__unav > li > span { color: #fff; font-size: 12px; }

.footer__unav > li:after { content: ""; display: block; position: absolute; content: "|"; color: #fff; font-size: 16px; font-size: 1rem; top: 5px; right: -10px; }

.footer__unav > li:last-child:after { display: none; }

@media screen and (max-width: 767px){
 main img{ max-width: 100%; height: auto; }
 .area-inner{ margin: 0 20px; }
 .block-inner-sp{ padding-right: 15px; padding-left: 15px; }
 .area-header ._logo{ position: absolute; display: block; top: 20px; left: 20px; width: 85px; height: 20px; }
 .area-header ._logo img{ width: 100%; } }

@media print, screen and (min-width: 768px){
 .area-wrapper{ min-width: 1100px; }
 .area-inner{ margin: 0 auto; }
 .block-inner{ margin: 0 auto; }
 .block-inner2{ margin: 0 auto; width: 1100px; }
 .block-inner3{ margin: 0 auto; width: 1000px; }
 .area-header ._logo{ position: absolute; top: 40px; left: 50px; width: 170px; display: block; transition-duration: 0.2s; }
 .area-header ._logo img{ width: 100%; }
 .area-header ._logo:hover{ opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } }

@media print, screen and (min-width: 768px) and (min-width: 1241px){
 .area-inner{ width: 1200px; }
 .block-inner{ width: 1200px; } }

@media screen and (min-width: 768px) and (max-width: 1240px){
 .area-inner{ margin: 0 20px; }
 .block-inner{ margin: 0 20px; } }

@media only screen and (min-width: 0px) and (max-width: 768px){
 .footer-container2-inner{ display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 20px 20px 30px; }
 .footer__ci{ width: 65px; margin-bottom: 15px; margin-left: auto; margin-right: auto; }
 .footer__unav{ margin-bottom: 20px; } }

@media print, screen and (min-width: 769px){
 .footer-container2-inner{ width: 1000px; height: 120px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-left: auto; margin-right: auto; -ms-flex-align: center; align-items: center; }
 .footer-box1{ width: 300px; display: -ms-flexbox; display: flex; }
 .footer__ci{ width: 86px; margin-right: 20px; }
 .footer__unav{ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
 .footer__unav > li > a, .footer__unav .footer__unav > li > span{ display: block; padding: 0 20px; font-size: 12px; }
 .footer__unav > li > a:hover, .footer__unav .footer__unav > li > span:hover{ color: #d7000f; text-decoration: underline; }
 .footer__unav > li:after{ content: ""; display: block; position: absolute; content: "|"; color: #fff; top: -1px; right: -4px; } }

/*# sourceMappingURL=maps/area.css.map */