@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "GenEiKoburiMin-R";
  src: url("../font/GenEiKoburiMin-R.woff2") format('woff2'),
url("../font/GenEiKoburiMin-R.woff") format('woff');
}
@font-face {
  font-family: "SourceHanSans-Regular";
  src: url("../font/SourceHanSans-Regular.woff2") format('woff2'),
url("../font/SourceHanSans-Regular.woff") format('woff');
}
@font-face {
  font-family: "SourceHanSans-Medium";
  src: url("../font/SourceHanSans-Medium.woff2") format('woff2'),
url("../font/SourceHanSans-Medium.woff") format('woff');
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section { display: block;}
p, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, ul, ol, li, dl { clear: none;}
html { font-size: 16px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; height: 100%;}
body { font-size: 1rem; line-height: 1.8; min-width: 320px; font-family: 'Roboto Slab', 'SourceHanSans-Regular', Meiryo, sans-serif; -webkit-font-smoothing: antialiased; letter-spacing: .08em; height: 100%; font-variant-ligatures: none;}
ol, ul, ol li, ul li { list-style: none;}
table { border-collapse: collapse; border-spacing: 0; }
img { overflow: hidden; vertical-align: bottom; margin: 0; padding: 0; border: none; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; line-height: 1em; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

a:focus { outline: auto;}

/* body */
body { color: #313e5b; background-color: #fff;}

.ato-ov.nav-active{ position: fixed; width:100%; -webkit-box-sizing: border-box; box-sizing: border-box;}

/* common */
.txt-ib{ display: inline-block; }
a.out, a.pdf, a.ppt, a.wrd, a.exl{ }
a.out:after, a.pdf:after, a.ppt:after, a.wrd:after, a.exl:after{ content: ""; display: inline-block; width: 18px; height: 22px; padding-left: 5px; vertical-align: text-bottom; border-right: 8px solid transparent;}
a.out:after{ vertical-align: middle;}
a.out:after{ background-image:url(../img/ico_outside.svg); background-repeat: no-repeat; background-position: right top; background-size: 18px auto;}
a.pdf:after{ background-image:url(../img/ico_pdf.svg); background-repeat: no-repeat; background-position: right top; background-size: 18px auto;}
a.ppt:after{ background-image:url(../img/ico_ppt.svg); background-repeat: no-repeat; background-position: right top; background-size: 18px auto;}
a.wrd:after{ background-image:url(../img/ico_word.svg); background-repeat: no-repeat; background-position: right top; background-size: 18px auto;}
a.exl:after{ background-image:url(../img/ico_ex.svg); background-repeat: no-repeat; background-position: right top; background-size: 18px auto;}
#contents .wrapper-links .inner ul li a.out:after, #contents .wrapper-links .inner ul li a.pdf:after, #contents .wrapper-links .inner ul li a.ppt:after, #contents .wrapper-links .inner ul li a.wrd:after, #contents .wrapper-links .inner ul li a.exl:after{ background-image: none; height: auto; padding-left: 0; border-right: none;}
b{ font-family: 'SourceHanSans-Medium', Meiryo, sans-serif;}
i{ font-style: italic;}
sup{ font-size: 68%;}
sub{ font-size: 68%;}

/* font */
.fnt-normal{ font-family: 'Roboto Slab', 'SourceHanSans-Regular', Meiryo, sans-serif;}
.fnt-italic{ font-family: 'Playfair Display', Meiryo, sans-serif; font-style: italic;}
.fnt-min{ font-family: 'GenEiKoburiMin-R', Meiryo, sans-serif;}
.fnt-bld{ font-family: 'SourceHanSans-Medium', Meiryo, sans-serif;}
.fnt-en-300{ font-family: 'Roboto Slab', Meiryo, sans-serif; font-weight: 300;}
/* color */
.main-navy{ color: #313e5b;}
.main-red{ color: #ef0012;}
.main-orange{ color: #edb214;}
/* fontcolor */
.col-gray{ color: #666;}
.col-white{ color: #fff;}
.col-h{ color: #23304e;}
.col-lightnavy{ color: #36425f;}
/* bg */
.bg-white{ background-color: #fff !important;}
.bg-dblue{ background-color: #313e5b !important;}
.bg-blue{ background-color: #f0f4f9 !important;}
.bg-yellow{ background-color: #fcfbf2 !important;}
.bg-red{ background-color: #fcf2f4 !important;}
.bg-green{ background-color: #eaf0ec !important;}

/* header */
.sp-nav{ display: none;}
.n-b{}
.n-w{ display: none;}

.header-wrapper-outer{ }
.header-wrapper-outer.nav-active{position: fixed;top: 0;left: 0; z-index: 1000; width: 100%; height: 130px; background-color: #ffffff;}
.header-wrapper{ max-width: 1920px; height: 100px; margin: 0 auto; position: relative; z-index: 1010;}
.header-wrapper a{ text-decoration: none;}

.header-wrapper header{ position: absolute; top: 24px; left: 35px; width: 385px; height: 100px; line-height: 1; z-index: 1;}
.header-wrapper header a{ text-decoration: none; background: none;}
.header-wrapper header .header-logo{ position: absolute; width: 402px; left: 0; top: 0;}
.header-wrapper header .header-logo img{ width: 100%;}
.header-wrapper header .header-logo .logo-small{ display: none;}

.header-wrapper .nav-wrapper{ position: absolute; right: 0; top: 0; width: 100%;}
.header-wrapper .header-nav{ position: relative; height: 100px; font-size: .93rem; line-height: 1;}
.header-wrapper .header-nav .sub01{ position: absolute; top: 26px; left: 42.2%; font-size: 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
.header-wrapper .header-nav .sub01 li{ display: inline-block; vertical-align: middle;}
.header-wrapper .header-nav .sub01 li a{ display: block; padding: 31px 16px 0 16px; font-size: .93rem; background: none; position: relative;}
.header-wrapper .header-nav .sub01 li a:before{ content: ""; display: block; position: absolute; top: 0; left: 50%; height: 18px;}
.header-wrapper .header-nav .sub01 li.gairai a:before{ width: 13px; margin-left: -6px; background-image: url(../img/header_file.svg); background-repeat: no-repeat; background-position: center top; background-size: 13px auto;}
.header-wrapper .header-nav .sub01 li.yoyaku a:before{ width: 17px; margin-left: -8px; background-image: url(../img/call.svg); background-repeat: no-repeat; background-position: center top; background-size: 17px auto;}
.header-wrapper .header-nav .sub01 li.access a:before{width: 12px; margin-left: -6px; background-image: url(../img/map.svg); background-repeat: no-repeat; background-position: center top; background-size: 12px auto;}
.header-wrapper .header-nav .select-background{ position: absolute; top: 26px; right: 240px;}
.header-wrapper .header-nav .select-background a{ display: block; position: relative; padding: 31px 16px 0 16px; background: none;}
.header-wrapper .header-nav .select-background a:before{ content: ""; display: block; position: absolute; top: 4px; left: 50%; margin-left: -4px; width: 10px; height: 10px; border-radius: 5px; background-color: #222222;}
/* .header-wrapper .header-nav .select-background.selected a:before{ background-color: #222222;} */
.header-wrapper .header-nav .select-background a:after{ content: ""; display: block; position: absolute; top: 0; left: 50%; margin-left: -8px; width: 16px; height: 16px; border-radius: 8px; border: 1px solid #ced5da;}

.header-wrapper .header-nav .sub02{ position: absolute; top: 26px; right: 137px; line-height: 1;}
.header-wrapper .header-nav .sub02 li{ margin-bottom: 1em;}

/* search */
.header-wrapper .header-nav .search-btn{ position: absolute; top: 0; right: 0;}
.header-wrapper .header-nav .search-btn a{ display: block; width: 100px; height: 100px; padding-top: 60px; text-align:center; background: none; background-color: #313e5b; color: #fff; background-image: url(../img/search.svg); background-repeat: no-repeat; background-position: center 20px; background-size: 24px auto; -webkit-box-sizing: border-box; box-sizing: border-box;}
.header-wrapper .header-nav .search-btn.nav-active a{ background-image: url(../img/close_w.svg);}
/* search-contents */
#search-box{ display: block; height:0; overflow: hidden; position: fixed; top: 0; bottom: 0; left: 0; width: 100%; background-color: rgba(255,255,255,.9); z-index: 900; opacity:0;}
#search-box.nav-active{}
#search-box .field-wrapper{ display: table; position: relative; width: 100%; max-width: 720px; margin: 280px auto 0 auto; -webkit-transform: scale(1,1); transform:  scale(1,1); -webkit-transition: all .4s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all .4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-box-sizing: border-box; box-sizing: border-box; /* filter: blur(10px); */}
#search-box .field-wrapper:before{ content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 185px; height: 2px; background: -webkit-linear-gradient(left, rgb(239,0,18) 0,rgb(239,0,18) 2px,rgb(255,255,255) 2px,rgb(255,255,255) 5px,rgb(239,0,18) 5px,rgb(239,0,18) 8px,rgb(255,255,255) 8px,rgb(255,255,255) 11px,rgb(239,0,18) 11px,rgb(239,0,18) 16px,rgb(255,255,255) 16px,rgb(255,255,255) 19px,rgb(239,0,18) 19px,rgb(239,0,18) 100%);
background: linear-gradient(to right, rgb(239,0,18) 0,rgb(239,0,18) 2px,rgb(255,255,255) 2px,rgb(255,255,255) 5px,rgb(239,0,18) 5px,rgb(239,0,18) 8px,rgb(255,255,255) 8px,rgb(255,255,255) 11px,rgb(239,0,18) 11px,rgb(239,0,18) 16px,rgb(255,255,255) 16px,rgb(255,255,255) 19px,rgb(239,0,18) 19px,rgb(239,0,18) 100%);}
#search-box .field-wrapper:after{ content: ""; display: block; position: absolute; bottom: 0; right: 0; width: 20px; height: 2px; background: -webkit-linear-gradient(left, rgb(49,62,91) 0,rgb(49,62,91) 2px,rgb(255,255,255) 2px,rgb(255,255,255) 5px,rgb(49,62,91) 5px,rgb(49,62,91) 8px,rgb(255,255,255) 8px,rgb(255,255,255) 11px,rgb(49,62,91) 11px,rgb(49,62,91) 16px,rgb(255,255,255) 16px);
background: linear-gradient(to right, rgb(49,62,91) 0,rgb(49,62,91) 2px,rgb(255,255,255) 2px,rgb(255,255,255) 5px,rgb(49,62,91) 5px,rgb(49,62,91) 8px,rgb(255,255,255) 8px,rgb(255,255,255) 11px,rgb(49,62,91) 11px,rgb(49,62,91) 16px,rgb(255,255,255) 16px); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
#search-box .search-field { display: table-cell; vertical-align: middle; border-bottom: 2px solid #313e5b; -webkit-box-sizing: border-box; box-sizing: border-box;}
#search-box input[type=text] { height: 70px !important; padding: 5px 5px 5px 20px !important; line-height: 70px !important; width: 100% !important; border: none !important; background-color: transparent !important; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none !important; appearance: none !important; font-size: 1.62rem !important; border-radius: 0;}

#search-box .field-wrapper .searchinner-btn{ display: table-cell; width: 50px; vertical-align: middle; border-bottom: 2px solid #313e5b; -webkit-box-sizing: border-box; box-sizing: border-box;}
#search-box .field-wrapper .searchinner-btn button { display: block; width: 50px; height: 30px; padding: 0; margin-right: 16px; background-image: url(../img/search_b.svg); background-repeat: no-repeat; background-position: center top; background-size: 30px auto; border: none; background-color: transparent; cursor: pointer;}

#search-box input[type=text]:focus{ outline: auto;}
#search-box input::-webkit-input-placeholder { color: #313e5b; opacity: 1; font-family: 'Roboto Slab', 'SourceHanSans-Regular', Meiryo, sans-serif; letter-spacing: .2em; font-weight: 300;}
#search-box input::-moz-placeholder { color: #313e5b; opacity: 1; font-family: 'Roboto Slab', 'SourceHanSans-Regular', Meiryo, sans-serif; letter-spacing: .2em; font-weight: 300;}
#search-box input:-moz-placeholder { color: #313e5b; opacity: 1; font-family: 'Roboto Slab', 'SourceHanSans-Regular', Meiryo, sans-serif; letter-spacing: .2em; font-weight: 300;}
#search-box input:-ms-input-placeholder { color: #313e5b; opacity: 1; font-family: 'Roboto Slab', 'SourceHanSans-Regular', Meiryo, sans-serif; letter-spacing: .2em; font-weight: 300;}

/* header-wrapper-min */
.sp-header-min { display: none;}
.header-wrapper-min{ position: fixed; top: -67px; left: 0; width: 100%; max-width: 1920px; height: 67px; margin: 0 auto; z-index: 3010;-webkit-transition: top .3s cubic-bezier(0.19, 1, 0.22, 1); transition: top .3s cubic-bezier(0.19, 1, 0.22, 1);}
.header-wrapper-min.nav-active{ top: 0; }
.header-wrapper-min header .logo{ position: absolute; left: 79px; top: 11px; width: 40px;}
.header-wrapper-min header .logo img{ width: 100%;}
.header-wrapper-min header .logo a{ background: none;}
.header-wrapper-min nav{ position: absolute; left: 190px; top: 26px; width: 100%;}
.header-wrapper-min nav a{ text-decoration: none; position: relative;}
.header-wrapper-min nav ul{ line-height: 1; font-size: .93rem;}
.header-wrapper-min nav ul li{ display: inline-block; letter-spacing: .15em;}
.header-wrapper-min nav ul li.nav-active a{ background: none;}
.header-wrapper-min nav ul li.nav-active a:before{ content: ""; display: block; width: 100%; position: absolute; left: 0; bottom: 0; height: 1px; background-color: #edb214;}
.header-wrapper-min nav ul li:after{ content: "/"; display: inline-block; margin: 0 13px;}
.header-wrapper-min nav ul li:last-child:after{ display: none;}

.header-wrapper-min .sub{ position: absolute; right: 60px; top:0; font-size: .75rem;}
.header-wrapper-min .sub ul li{ display: inline-block; text-align:center;}
.header-wrapper-min .sub ul li a{ display: block; position: relative; height: 66px; padding: 20px 26px 0 26px; background: none; -webkit-box-sizing: border-box; box-sizing: border-box;}
.header-wrapper-min .sub ul li a:before{ content: ""; display: block; position: absolute; top: 50%; left: 50%; margin-top: -9px; height: 18px;}
.header-wrapper-min .sub ul li.gairai a:before{ width: 13px; margin-left: -6px; background-image: url(../img/header_file.svg); background-repeat: no-repeat; background-position: center top; background-size: 13px auto;}
.header-wrapper-min .sub ul li.yoyaku a:before{ width: 17px; margin-left: -8px; background-image: url(../img/call.svg); background-repeat: no-repeat; background-position: center top; background-size: 17px auto;}
.header-wrapper-min .sub ul li.access a:before{width: 12px; margin-left: -6px; background-image: url(../img/map.svg); background-repeat: no-repeat; background-position: center top; background-size: 12px auto;}
.header-wrapper-min .sub ul li a .tooltip{ display: inline-block; white-space: nowrap; position: absolute; top: 39px; left: 0; height: 28px; line-height: 28px; padding: 0 15px; color: #fff; border-radius: 3px; -webkit-transform: translateY(0); transform: translateY(0); opacity: 0; -webkit-transition: all .2s cubic-bezier(0.19, 1, 0.22, 1); transition: all .2s cubic-bezier(0.19, 1, 0.22, 1); z-index: 3000; }
.header-wrapper-min .sub ul li.gairai a .tooltip{ left: -2.4em;}
.header-wrapper-min .sub ul li.yoyaku a .tooltip{ left: -1.25em;}
.header-wrapper-min .sub ul li.access a .tooltip{ left: -1.25em;}
.header-wrapper-min .sub ul li:hover a .tooltip{ opacity: 1; -webkit-transform: translateY(15px); transform: translateY(15px); -webkit-transition: all .4s cubic-bezier(0.19, 1, 0.22, 1); transition: all .4s cubic-bezier(0.19, 1, 0.22, 1);}
.header-wrapper-min .sub ul li a .tooltip:after{ content: ""; display: block; position: absolute; top: -4px; left: 50%; margin-left: -4px; width: 8px; height: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: #313e5b;}

/* top-mainnav */
nav.top-nav{ position: absolute; top: 51.2%; left: -176px;}
nav.top-nav:before{ content: ""; display: block; position: absolute; top: 0; bottom: 23px; width: 100%; background-color: #313e5b; -webkit-transform: translate(19px,42px); transform: translate(19px,42px); z-index: 0;}
nav.top-nav ul{ position: relative; padding: 50px 60px 50px 20px; z-index:1;}
nav.top-nav ul:before{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background-color: #313e5b;}
nav.top-nav ul:after{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 20px; height: 2px; background: -webkit-linear-gradient(left, rgb(49,62,91) 0,rgb(49,62,91) 2px,rgb(255,255,255) 2px,rgb(255,255,255) 5px,rgb(49,62,91) 5px,rgb(49,62,91) 8px,rgb(255,255,255) 8px,rgb(255,255,255) 11px,rgb(49,62,91) 11px,rgb(49,62,91) 16px,rgb(255,255,255) 16px);
background: linear-gradient(to right, rgb(49,62,91) 0,rgb(49,62,91) 2px,rgb(255,255,255) 2px,rgb(255,255,255) 5px,rgb(49,62,91) 5px,rgb(49,62,91) 8px,rgb(255,255,255) 8px,rgb(255,255,255) 11px,rgb(49,62,91) 11px,rgb(49,62,91) 16px,rgb(255,255,255) 16px);}
nav.top-nav ul li{ margin-bottom: 36px; line-height: 1;}
nav.top-nav ul li:last-child{ margin-bottom: 0;}
nav.top-nav ul li a{ display: inline-block; position: relative; text-decoration: none; padding-left: 23px; line-height: 1;}
nav.top-nav ul li a:after{ content:""; display: block; position: absolute; top: 50%; left: 0; margin-top: -4px; width: 8px; height: 8px; border: 1px solid #313e5b; border-bottom: none; border-left: none; -webkit-transform: rotate(45deg);transform: rotate(45deg);}

/* top-news */
.top-important-info{ position: absolute; width: 83.9%; max-width: 960px; bottom: 80px; left: -157px; padding: 38px 70px 22px 46px; font-size: .87rem; -webkit-box-sizing: border-box; box-sizing: border-box;}
.top-important-info dl{ width: 100%; margin-bottom: 16px; line-height: 1.4; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.top-important-info dl a{ color: #fff; text-decoration: none;}
.top-important-info dl dt{ width: 150px; vertical-align: middle;}
.top-important-info dl dt:before{ content: ""; display: inline-block; width: 20px; height: 20px; vertical-align: -.3em; margin-right: 10px; background-image: url(../../img/static/information_w.svg); background-repeat: no-repeat; background-position: left top; background-size: 20px auto;}
.top-important-info dl dd{ -webkit-flex: 1; flex: 1;}

/* contents */
#contents{ max-width: 1920px; margin: 0 auto;}
#contents .top-mainwrapper{ position: relative; background-repeat: no-repeat; background-position: left top; background-size: cover; height: 890px; margin-left: 20.5%;}
#contents .top-mainwrapper .sp-main-image{ display: none;}
#contents .top-mainwrapper .top-mainttl{ position: absolute; width: 100%; top: 180px; left:-176px; font-size: 2.62rem; letter-spacing: .46em; line-height: 1.6;}
#contents .top-mainwrapper .top-mainttl .small{ font-size: 76%; letter-spacing: .46em; margin-bottom: 10px;}
#contents .top-mainwrapper .top-mainttl .small br{ display: none;}
#contents .top-mainwrapper .scroll-icon{ position: absolute; top: 61.7%; left: -241px; text-align: center; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(90deg); transform: rotate(90deg); color: #ef0012;}
#contents .top-mainwrapper .scroll-icon .scroll-pin{ position: relative; display: inline-block; width: 66px; height: 10px;}
#contents .top-mainwrapper .scroll-icon .scroll-pin:before{ content: ""; display: block; position: absolute; top:50%; left:0; width: 66px; height: 1px; background-color: #ef0012;}
#contents .top-mainwrapper .scroll-icon .scroll-pin:after{ content: ""; display: block; position: absolute; top:50%; left:0; margin-top: -5px; width: 10px; height: 10px; border-radius: 5px; background-color: #ef0012; animation: animationscrollpin 1.6s cubic-bezier(.39,.14,.27,.92) 0s 3 normal none;}
#contents .top-mainwrapper .scroll-icon p{ display: inline-block; margin-left: 20px;}
@keyframes animationscrollpin {
0% { -webkit-transform: translateX(0); transform: translateX(0);}
50% { -webkit-transform: translateX(61px); transform: translateX(61px);}
99% { -webkit-transform: translateX(61px); transform: translateX(61px);}
100% { -webkit-transform: translateX(0); transform: translateX(0);}
}
#contents .top-wrapper-select{ width: 1200px; margin: -80px auto 113px auto;}
#contents .top-wrapper-select ul{ width: 100%; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
#contents .top-wrapper-select ul li{ -webkit-flex: 1; flex: 1; text-align: center; position: relative; font-size: 1.37rem;}
#contents .top-wrapper-select ul li .fnt-italic{ display: block; font-size: 1rem;}
#contents .top-wrapper-select ul li img{ width: 140px; margin-bottom: 20px;}
#contents .top-wrapper-select ul li a{ display: block; padding: 0 10px; position: relative; top:0; bottom:0; height: 100%; text-decoration: none; border-bottom: 1px solid #313e5b; -webkit-box-sizing: border-box; box-sizing: border-box;}
#contents .top-wrapper-select ul li a .circle-arrow{ padding: 67px 0 142px 0; z-index:1;}
#contents .top-wrapper-select ul li a .circle-arrow:before{ bottom: 64px;}
#contents .top-wrapper-select ul li a .circle-arrow:after{ bottom: 81px;}
#contents .top-wrapper-select ul li:nth-of-type(1):after{ content: ""; display: block; position: absolute; bottom: 0; right: 0; width: 6px; height: 1px; background: -webkit-linear-gradient(left, rgb(255,255,255) 0,rgb(255,255,255) 5px,rgb(49,62,91) 5px);
background: linear-gradient(to right, rgb(255,255,255) 0,rgb(255,255,255) 5px,rgb(49,62,91) 5px);}
#contents .top-wrapper-select ul li:nth-of-type(2):before, #contents .top-wrapper-select ul li:nth-of-type(3):before{ content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 6px; height: 1px; background: -webkit-linear-gradient(left, rgb(49,62,91) 0,rgb(49,62,91) 1px,rgb(255,255,255) 1px);
background: linear-gradient(to right, rgb(49,62,91) 0,rgb(49,62,91) 1px,rgb(255,255,255) 1px); z-index: 1;}
#contents .top-wrapper-select ul li:nth-of-type(2):after{ content: ""; display: block; position: absolute; bottom: 0; right: 0; width: 6px; height: 1px; background: -webkit-linear-gradient(left, rgb(255,255,255) 0,rgb(255,255,255) 5px,rgb(49,62,91) 5px);
background: linear-gradient(to right, rgb(255,255,255) 0,rgb(255,255,255) 5px,rgb(49,62,91) 5px);}
/* block-hover */
#contents .top-wrapper-select .over-w a.bg-red:after{ background-color: #f9e8ec;}
#contents .top-wrapper-select .over-w a.bg-yellow:after{ background-color: #f4f0d8;}
#contents .top-wrapper-select .over-w a.bg-green:after{ background-color: #dee9e2;}

#contents .top-wrapper-how{ width: 720px; margin: 0 auto 113px auto;}
#contents .top-wrapper-how .ttl{ margin-bottom: 36px; font-size: 1.87rem; text-align: center; letter-spacing: .15em;}
#contents .top-wrapper-how .ttl .fnt-italic{ display: block; font-size: .93rem; letter-spacing: .09em;}
#contents .top-wrapper-how ul{ width: 100%; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
#contents .top-wrapper-how ul li{ -webkit-flex: 1; flex: 1; padding-right: 16%; text-align: center; position: relative; font-size: 1.18rem;}
#contents .top-wrapper-how ul li:last-child{ padding-right: 0; padding-left: 16%;}
#contents .top-wrapper-how ul li:nth-of-type(1):before{ content: ""; display: block; position: absolute; right: 0; top: 0; width: 1px; height: 50%; background: -webkit-linear-gradient(top, rgba(242,51,65,1) 0,rgba(242,51,65,1) 4px,rgba(242,51,65,0) 4px); background: linear-gradient(to bottom, rgba(242,51,65,1) 0,rgba(242,51,65,1) 4px,rgba(242,51,65,0) 4px); background-repeat: repeat-y; background-position: left top; background-size: 1px 7px;}
#contents .top-wrapper-how ul li:nth-of-type(1):after{ content: ""; display: block; position: absolute; right: 0; top: 50%; margin-top: 3px; width: 1px; height: 50%; background: -webkit-linear-gradient(top, rgba(49,62,91,1) 0,rgba(49,62,91,1) 4px,rgba(49,62,91,0) 4px); background: linear-gradient(to bottom, rgba(49,62,91,1) 0,rgba(49,62,91,1) 4px,rgba(49,62,91,0) 4px); background-repeat: repeat-y; background-position: left top; background-size: 1px 7px;}
#contents .top-wrapper-how ul li:nth-of-type(1) img{ width: 60px; margin-top: 5px;}
#contents .top-wrapper-how ul li:nth-of-type(2) img{ width: 48px;}
#contents .top-wrapper-how ul li .ico-h{ display: block; height: 60px; margin-bottom: 30px;}
#contents .top-wrapper-how ul li a{ display: block; position: relative; text-decoration: none;}
#contents .top-wrapper-how ul li a .circle-arrow{ padding: 0 0 66px 0;}

#contents .wrapper-contact{ padding: 100px 0 60px 0; text-align: center;}
#contents .wrapper-contact .inner{ width: 720px; margin: 0 auto;}
#contents .wrapper-contact .inner .ttl{ position: relative; margin-bottom: 26px; line-height: 1; font-size: 1.37rem; letter-spacing: .15em;}
#contents .wrapper-contact .inner .ttl:after{ content: ""; display: block; width: 42px; height: 1px; margin: 26px auto 0 auto; background-color: #ef0012;}
#contents .wrapper-contact .inner p{ margin-bottom: 20px;}
#contents .wrapper-contact .inner .num{ width: 100%; margin-bottom: 30px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
#contents .wrapper-contact .inner .num dl{ -webkit-flex: 1; flex: 1; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; vertical-align: middle; font-size: 2.37rem; line-height: 1; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; letter-spacing: .1em;}
#contents .wrapper-contact .inner .num dl dt{ font-size: 42%; margin-right: 18px;}
#contents .wrapper-contact .inner .num dl:nth-of-type(2){ -webkit-justify-content: flex-end; justify-content: flex-end;}
#contents .wrapper-contact .inner .num dl dd{ font-weight: 300;}
#contents .wrapper-contact .inner .perid{ position: relative; margin-bottom: 60px; font-size: 1.06rem;}
#contents .wrapper-contact .inner .perid br{ display: none;}
#contents .wrapper-contact .inner .perid:before{ content: ""; display: block; position: absolute; top: 50%; left: 0; width: 119px; height: 1px; background: -webkit-linear-gradient(left, rgba(49,62,91,1) 0,rgba(49,62,91,1) 4px,rgba(49,62,91,0) 4px); background: linear-gradient(to right, rgba(49,62,91,1) 0,rgba(49,62,91,1) 4px,rgba(49,62,91,0) 4px); background-repeat: repeat-x; background-position: left center; background-size: 7px 1px; margin-right: 20px;}
#contents .wrapper-contact .inner .perid:after{ content: ""; display: block; position: absolute; top: 50%; right: 0; width: 119px; height: 1px; background: -webkit-linear-gradient(left, rgba(49,62,91,1) 0,rgba(49,62,91,1) 4px,rgba(49,62,91,0) 4px); background: linear-gradient(to right, rgba(49,62,91,1) 0,rgba(49,62,91,1) 4px,rgba(49,62,91,0) 4px); background-repeat: repeat-x; background-position: left center; background-size: 7px 1px; margin-left: 20px;}
#contents .wrapper-contact .inner .btn{ width: 100%; margin-bottom: 60px; font-size: 1.06rem; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
#contents .wrapper-contact .inner .btn li{ -webkit-flex: 1; flex: 1; margin-right: 11%;}
#contents .wrapper-contact .inner .btn li:nth-of-type(2n){ margin-right: 0;}
#contents .wrapper-contact .inner .btn li a{ text-align: center; text-decoration: none;}
/**/
#contents .btmbdr-ttl{ position: relative; font-size: 1.87rem; text-align: center;}
#contents .btmbdr-ttl:after{ content: ""; display: block; width: 1px; height: 25px; margin: 15px auto 35px auto; background: -webkit-linear-gradient(top, rgba(242,51,65,1) 0,rgba(242,51,65,1) 4px,rgba(242,51,65,0) 4px); background: linear-gradient(to bottom, rgba(242,51,65,1) 0,rgba(242,51,65,1) 4px,rgba(242,51,65,0) 4px); background-repeat: repeat-y; background-position: left top; background-size: 1px 7px;}
#contents .btmbdr-ttl.gray:after{ content: ""; display: block; width: 1px; height: 25px; margin: 15px auto 35px auto; background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0,rgba(255,255,255,1) 4px,rgba(255,255,255,0) 4px); background: linear-gradient(to bottom, rgba(255,255,255,1) 0,rgba(255,255,255,1) 4px,rgba(255,255,255,0) 4px); background-repeat: repeat-y; background-position: left top; background-size: 1px 7px;}
/**/
#contents .wrapper-top-news{ width: 960px; padding: 112px 0 90px 0; margin: 0 auto;}
#contents .wrapper-top-news .tab{ margin-bottom: 55px; font-size: 0; text-align: center;}
#contents .wrapper-top-news .tab li{ position: relative; display: inline-block; font-size: 1.06rem; letter-spacing: .15em; margin-right: 61px; vertical-align: middle; line-height: 1;}
#contents .wrapper-top-news .tab li:after{ content: ""; position: absolute; right: -30px; top:0; bottom:0; width: 1px; background-color: #313e5b;}
#contents .wrapper-top-news .tab li:last-child{ margin-right: 0;}
#contents .wrapper-top-news .tab li:last-child:after{ display: none;}
#contents .wrapper-top-news .tab li a{ opacity: .65; text-decoration: none; position: relative;}
#contents .wrapper-top-news .tab li a:hover{ opacity: 1;}
#contents .wrapper-top-news .tab li a.tab-active{ opacity: 1; background: none;}
#contents .wrapper-top-news .tab li a.tab-active:after{ content: ""; display: block; position: absolute; width: 100%; bottom: -14px; height: 2px; background-color: #edb214;}
#contents .wrapper-top-news .slide-ttl{ display: none;}
#contents .wrapper-top-news .news-list { overflow: hidden; position:relative; width: 100%; height: 0; opacity:0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity .3s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity .3s cubic-bezier(0.19, 1, 0.22, 1); }
#contents .wrapper-top-news .news-list.tab-active { opacity:1; }
#contents .wrapper-top-news .news-list > div{ width: auto; padding: 0 65px; display: none; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-flex-wrap: wrap; flex-wrap: wrap; position: absolute;top:0;left:0;}
#contents .wrapper-top-news .news-list.tab-active > div{  width: 100%; display: -webkit-flex!important; display: flex!important; -webkit-box-sizing: border-box; box-sizing: border-box; }
#contents .wrapper-top-news .news-list dl{ width: 44.8%; margin-right: 10.3%; margin-bottom: 56px;}
#contents .wrapper-top-news .news-list dl:nth-of-type(2n){ margin-right: 0;}
#contents .wrapper-top-news .news-list dl dt{ position: relative; display: table; width: 100%;}
#contents .wrapper-top-news .news-list dl dt .days{ display: table-cell; width: 100px; padding-right: 10px; font-size: .93rem; white-space: nowrap; line-height: 1;}
#contents .wrapper-top-news .news-list dl dt .days time{ display: inline-block; padding-right: 12px; margin-right: 12px; font-size: .87rem; border-right: 1px solid #666666;}
#contents .wrapper-top-news .news-list dl dt:after{ width: 100%; content: ""; display: table-cell; height: 1px; background: -webkit-linear-gradient(left, rgba(49,62,91,1) 0,rgba(49,62,91,1) 4px,rgba(49,62,91,0) 4px); background: linear-gradient(to right, rgba(49,62,91,1) 0,rgba(49,62,91,1) 4px,rgba(49,62,91,0) 4px); background-repeat: repeat-x; background-position: left center; background-size: 7px 1px; margin-left: 20px;}
#contents .wrapper-top-news .news-list dl dd{ margin-top: 20px;}
#contents .wrapper-top-news .news-list dl dd a{}
#contents .wrapper-top-news .bottombtn{ width: 100%; text-align: center; font-size: 1.06rem;}
#contents .wrapper-top-news .bottombtn a{ display: inline-block; position: relative; text-decoration: none; padding-left: 23px; line-height: 1;}
#contents .wrapper-top-news .bottombtn a:after{ content:""; display: block; position: absolute; top: 50%; left: 0; margin-top: -4px; width: 8px; height: 8px; border: 1px solid #313e5b; border-bottom: none; border-left: none; -webkit-transform: rotate(45deg);transform: rotate(45deg);}

#contents .wrapper-largebk{ background-repeat: no-repeat; background-position: center top; background-size: cover;}
#contents .wrapper-largebk .inner{ width: 720px; margin: 0 auto; padding: 100px 0 112px 0; color: #fff;}
#contents .wrapper-largebk .inner p{ margin-bottom: 55px;}
#contents .wrapper-largebk .inner .btn{ width: 100%; font-size: 1.06rem; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
#contents .wrapper-largebk .inner .btn li{ -webkit-flex: 1; flex: 1; margin-right: 11%;}
#contents .wrapper-largebk .inner .btn li:nth-of-type(2n){ margin-right: 0;}
#contents .wrapper-largebk .inner .btn li a{ padding: 22px 0; text-align: center; text-decoration: none;}
#contents .wrapper-largebk .inner .btn li a .small{ display: block; margin-top: 10px; font-size: 94%;}

#contents .wrapper-top-recruit{ padding: 112px 0 210px 0; position: relative;}
#contents .wrapper-top-recruit:before{ content: ""; display: block; width: 93.7%; height: 51.9%; position: absolute; bottom: 110px; right: 0; background-color: #fcfbf2; z-index: 0;}
#contents .wrapper-top-recruit .inner{ width: 960px; margin: 0 auto; position: relative; z-index: 1;}
#contents .wrapper-top-recruit .inner ul{ display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
#contents .wrapper-top-recruit .inner ul li{ -webkit-flex: 1; flex: 1; margin: 0 30px; font-size: 1.18rem; text-align: center;}
#contents .wrapper-top-recruit .inner ul li a .circle-arrow{ padding-bottom: 76px;}
#contents .wrapper-top-recruit .inner ul li a img{ margin-bottom: 35px;}
#contents .wrapper-top-recruit .inner ul li a .dtl:before{ content: ""; display: block; position: absolute; bottom: 22px; left: 0; width: 50%; height: 1px; background: -webkit-linear-gradient(left, rgba(49,62,91,1) 0,rgba(49,62,91,1) 4px,rgba(49,62,91,0) 4px); background: linear-gradient(to right, rgba(49,62,91,1) 0,rgba(49,62,91,1) 4px,rgba(49,62,91,0) 4px); background-repeat: repeat-x; background-position: left center; background-size: 7px 1px; -webkit-transform: translateX(-35px); transform: translateX(-35px);}
#contents .wrapper-top-recruit .inner ul li a .dtl:after{ content: ""; display: block; position: absolute; bottom: 22px; right: 0; width: 50%; height: 1px; background: -webkit-linear-gradient(left, rgba(49,62,91,1) 0,rgba(49,62,91,1) 4px,rgba(49,62,91,0) 4px); background: linear-gradient(to right, rgba(49,62,91,1) 0,rgba(49,62,91,1) 4px,rgba(49,62,91,0) 4px); background-repeat: repeat-x; background-position: left center; background-size: 7px 1px; -webkit-transform: translateX(35px); transform: translateX(35px);}

#contents .wrapper-links{}
#contents .wrapper-links .inner{ width: 1080px; margin: 0 auto;}
#contents .wrapper-links .inner .btmbdr-ttl:after{ height: 32px;}
#contents .wrapper-links .inner ul{ width: 100%; max-width: 1075px; margin: 0 auto; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
#contents .wrapper-links .inner ul li{ width: 23.1%; margin-right: 2.5%; margin-bottom: 25px; text-align: center;}
#contents .wrapper-links .inner ul li img{ width: 100%;}
#contents .wrapper-links .inner ul li:nth-of-type(4n){ margin-right: 0;}
#contents .wrapper-links .inner ul li.bn-txt a{ padding-top: 54.4%; position: relative; background-color: #313e5b; line-height: 1.6; color: #fff; text-align: right; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
#contents .wrapper-links .inner ul li.bn-txt a .bndtl{ position: absolute; top: 0; bottom: 0; left: 15px; right: 30px; padding-bottom: 27px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; -webkit-justify-content: flex-end; justify-content: flex-end;}
#contents .wrapper-links .inner ul li.bn-txt a .bndtl:before{ content:""; display: block; position: absolute; bottom: 27px; right: 0px; width: 10px; height: 10px; border: 1px solid #fff; border-bottom: none; border-left: none; -webkit-transform: rotate(45deg);transform: rotate(45deg);}
#contents .wrapper-links .inner ul li.bn-txt a .bndtl:after{ content:""; display: block; position: absolute; bottom: 30px; left: 15px; right: 30px; height: 2px; background-color: #23304e;}

/* circle-arrow */
.circle-arrow{ position: relative; display: block;}
.circle-arrow:before{ content: ""; display: block; position: absolute; bottom: 0; left: 50%; width: 44px; height: 44px; margin-left: -22px; background-color: #313e5b; border-radius: 22px;}
.circle-arrow:after{ content: ""; display: block; position: absolute; bottom: 17px; left: 50%; margin-left: -8px; width: 10px; height: 10px; border: 1px solid #ffffff; border-bottom: none; border-left: none; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
/* block-hover */
.over-w a{ display: block; background: none; overflow: hidden; position: relative; text-decoration: none;}
.over-w a:after{ content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; background-color: rgba(255,255,255,.3); -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .2s cubic-bezier(0.19, 1, 0.22, 1); transition: all .2s cubic-bezier(0.19, 1, 0.22, 1);}
.over-w a:hover{ background: none;}
.over-w a:hover:after, .over-w a:focus:after{ -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: all .6s cubic-bezier(0.19, 1, 0.22, 1); transition: all .6s cubic-bezier(0.19, 1, 0.22, 1);}
/* btn-block */
.block-btn{}
.block-btn li{ position: relative;}
.block-btn a{ background: none; display: block; position: relative; height: 100%; top: 0; bottom: 0; padding: 32px 0; line-height: 1.1; background-color: #313e5b; color: #fff; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.block-btn a:hover{ background: none; background-color: #313e5b;}
.block-btn a:before{ content:""; display: block; position: absolute; top: 50%; right: 20px; margin-top: -4px; width: 8px; height: 8px; border: 1px solid #fff; border-bottom: none; border-left: none; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.block-btn a.bb-pdf:before{ width: 18px; height: 22px; margin-top: -9px; border: none; background-image: url(../img/ico_pdf_w.svg); background-repeat: no-repeat; background-position: center center; background-size: 18px auto; -webkit-transform: rotate(0deg); transform: rotate(0deg);}


.block-btn a.out:after, .block-btn a.pdf:after, .block-btn a.ppt:after, .block-btn a.wrd:after, .block-btn a.exl:after{ background-image: none; content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; height: auto; padding-left: 0; vertical-align: text-top; background-color: rgba(255,255,255,.3); -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .2s cubic-bezier(0.19, 1, 0.22, 1); transition: all .2s cubic-bezier(0.19, 1, 0.22, 1);}
.block-btn a.out:hover:after, .block-btn a.pdf:hover:after, .block-btn a.ppt:hover:after, .block-btn a.wrd:hover:after, .block-btn a.exl:hover:after, .block-btn a.out:focus:after, .block-btn a.pdf:focus:after, .block-btn a.ppt:focus:after, .block-btn a.wrd:focus:after, .block-btn a.exl:focus:after{ -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: all .6s cubic-bezier(0.19, 1, 0.22, 1); transition: all .6s cubic-bezier(0.19, 1, 0.22, 1);}
.block-btn a.out:before, .block-btn a.pdf:before, .block-btn a.ppt:before, .block-btn a.wrd:before, .block-btn a.exl:before{ border: none; -webkit-transform: rotate(0deg); transform: rotate(0deg);}
.block-btn a.out:before{ content:""; display: block; position: absolute; top: 50%; right: 20px; margin-top: -11px; width: 18px; height: 22px; background-image: url(../img/ico_outside_w.svg); background-repeat: no-repeat; background-position: right top; background-size: 18px auto;}
.block-btn a.pdf:before{ content:""; display: block; position: absolute; top: 50%; right: 20px; margin-top: -11px; width: 18px; height: 22px; background-image: url(../img/ico_pdf_w.svg); background-repeat: no-repeat; background-position: right top; background-size: 18px auto;}
.block-btn a.ppt:before{ content:""; display: block; position: absolute; top: 50%; right: 20px; margin-top: -11px; width: 18px; height: 22px; background-image: url(../img/ico_ppt_w.svg); background-repeat: no-repeat; background-position: right top; background-size: 18px auto;}
.block-btn a.wrd:before{ content:""; display: block; position: absolute; top: 50%; right: 20px; margin-top: -11px; width: 18px; height: 22px; background-image: url(../img/ico_word_w.svg); background-repeat: no-repeat; background-position: right top; background-size: 18px auto;}
.block-btn a.exl:before{ content:""; display: block; position: absolute; top: 50%; right: 20px; margin-top: -11px; width: 18px; height: 22px; background-image: url(../img/ico_ex_w.svg); background-repeat: no-repeat; background-position: right top; background-size: 18px auto;}

/* footer-contact */
.footer-wrapper{ padding: 110px 0 0 0; position: relative;}
.footer-wrapper .totop{ position: absolute; width: 1080px; bottom: 0; left: 50%; margin-left: -540px; z-index:1;}
.footer-wrapper .totop .inner{ position: absolute; bottom: 0; right: 0;}
.footer-wrapper .totop .inner a{ display: block; width: 72px; height: 71px; background-color: #313e5b; position: relative;}
.footer-wrapper .totop .inner a:before{ content:""; display: block; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -5px; width: 10px; height: 10px; border: 1px solid #fff; border-bottom: none; border-left: none; -webkit-transform: rotate(-45deg);transform: rotate(-45deg);}

.footer-wrapper .footer-contact{ width: 1080px; margin: 0 auto 65px auto;}
.footer-wrapper .footer-contact dl{ width: 100%; position: relative; margin-bottom: 30px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.footer-wrapper .footer-contact dl:after{ content: ""; display: block; width: 100%; height: 1px; margin-top: 30px; background: -webkit-linear-gradient(left, rgba(152,158,173,1) 0,rgba(152,158,173,1) 4px,rgba(152,158,173,0) 4px); background: linear-gradient(to right, rgba(152,158,173,1) 0,rgba(152,158,173,1) 4px,rgba(152,158,173,0) 4px); background-repeat: repeat-x; background-position: left top; background-size: 7px 1px;}
.footer-wrapper .footer-contact dl:last-child:after{ display: none;}
.footer-wrapper .footer-contact dl dt{ width: 141px; font-size: 1.06rem;}
.footer-wrapper .footer-contact dl dd{ -webkit-flex: 1; flex: 1; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.footer-wrapper .footer-contact dl dd .num{ display: block; position: relative; width: 370px;}
.footer-wrapper .footer-contact dl dd .num .num-dtl{ display: block; position: relative; padding-left: 38px; font-size: 2rem; line-height: 1; padding-bottom: 20px; font-weight: 300;}
.footer-wrapper .footer-contact dl dd .num .num-dtl:last-of-type{ padding-bottom: 0;}
.footer-wrapper .footer-contact dl dd .num .num-dtl:after{ content: ""; display: block; width: 1px; position: absolute; top:0; left:0; bottom:0; background-color: #ef0012;}
.footer-wrapper .footer-contact dl dd .small{ font-size: .93rem; margin-right: 20px; vertical-align: .3em; font-weight: 400;}
.footer-wrapper .footer-contact dl dd .dtl{ display: block; -webkit-flex: 1; flex: 1;}
.footer-wrapper .footer-contact dl dd .dtl .perid{ display: block; margin-bottom: 10px;}

/* footer-nav */
.footer-wrapper .footer-nav{ width: 1080px; padding: 75px 0 80px 0; border-top: 1px solid #313e5b; margin: 0 auto; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: row-reverse; flex-direction: row-reverse;}
.footer-wrapper .footer-nav .logo{ display: block; width: 258px; padding: 0 0 0 30px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.footer-wrapper .footer-nav .logo a{ background: none; text-decoration: none;}
.footer-wrapper .footer-nav .logo img{ width: 100%;}

.footer-wrapper .footer-nav .navlist{ -webkit-flex: 1; flex: 1; text-align: right; font-size: .87rem; margin-top: 15px;}
.footer-wrapper .footer-nav .navlist a{ position: relative;}
.footer-wrapper .footer-nav .navlist ul{ margin-bottom: 20px; line-height: 1; margin-left: 30px;}
.footer-wrapper .footer-nav .navlist ul li{ display: inline-block; position: relative; margin-bottom: 20px;}
.footer-wrapper .footer-nav .navlist ul li:after{ content: "/"; display: inline-block; margin: 0 16px;}
.footer-wrapper .footer-nav .navlist ul li:last-child:after{ display: none;}
.footer-wrapper .footer-nav .navlist ul li.link-current a{ text-decoration: none; background: none;}
.footer-wrapper .footer-nav .navlist ul li.link-current a:before{ content: ""; display: block; width: 100%; position: absolute; left: 0; bottom: 0; height: 1px; background-color: #edb214;}
/* footer-copy */
footer{ border-top: 2px solid #313e5b;}
footer .inner{ width: 1080px; height: 71px; margin: 0 auto; padding: 32px 0 0 0; position: relative; font-size: .62rem; line-height: 1; -webkit-box-sizing: border-box; box-sizing: border-box;}
footer .inner .small{ position: absolute; top: 50%; right: 111px; margin-top: -.5em; font-size: .75rem;}