@charset "UTF-8";
/* ---------- setting ---------- ---------- */
body { color: #333333; font-family: "Noto Sans JP", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; letter-spacing: 0.05em; }

main { display: block; }

/* ----------------------------------------------------------
.area-modal
---------------------------------------------------------- */
.area-modal { visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0.2s; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1000; }

.area-modal.js-show { visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.area-modal ._modal-bg { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.85); }

.area-modal ._modal-btn-close { position: absolute; cursor: pointer; border-radius: 50%; z-index: 10; transition-duration: 0.2s; }

.area-modal ._modal-btn-close:hover { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

.area-modal ._modal-btn-close:after, .area-modal ._modal-btn-close:before { content: ""; position: absolute; top: 18px; left: 8px; width: 25px; height: 4px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.area-modal ._modal-btn-close:before { -ms-transform: rotate(45deg); transform: rotate(45deg); }

.area-modal ._modal-box { position: absolute; background: #fff; box-sizing: border-box; border-radius: 5px; }

.area-modal ._modal-box ._modal-head { position: absolute; top: 0px; left: 0px; right: 0px; padding: 15px 0 0 20px; height: 50px; background: #eee; box-sizing: border-box; }

.area-modal ._modal-box ._modal-body { position: absolute; top: 50px; bottom: 50px; left: 0px; right: 0px; padding: 20px; background: #ccc; box-sizing: border-box; overflow-y: scroll; }

.area-modal ._modal-box ._modal-body ._t1 { font-size: 18px; line-height: 1.2; font-weight: bold; }

.area-modal ._modal-box ._modal-body ._t2 { font-size: 14px; line-height: 1.8; }

.area-modal ._modal-box ._modal-body ._t3 { font-size: 12px; line-height: 1.8; }

.area-modal ._modal-box ._modal-foot { position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 7px 0 0 0; height: 50px; background: #eee; box-sizing: border-box; }

.area-modal ._modal-box ._modal-foot ._btn-do { display: block; box-sizing: border-box; text-align: center; cursor: pointer; width: 200px; margin: 0 auto; padding: 5px 0; font-size: 14px; background: #666; color: #fff; }

.area-modal ._modal-box ._modal-foot ._btn-do:hover { background: #333; }

/* リセット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; }

@media screen and (min-width: 768px){
 main{ font-size: 16px; } }

@media screen and (max-width: 767px){
 main{ font-size: 12px; }
 main img{ max-width: 100%; }
 .area-modal ._modal-btn-close{ top: 5px; right: 5px; width: 40px; height: 40px; }
 .area-modal ._modal-btn-close:after, .area-modal ._modal-btn-close:before{ background: #000; }
 .area-modal ._modal-box{ top: 10px; left: 10px; bottom: 10px; right: 10px; width: auto; height: auto; margin: 0; }
 /* ----------------------------------------------------------
.area-footer
---------------------------------------------------------- */
 .area-footer{ position: relative; font-size: 12px; }
 .area-footer a{ color: #000; }
 .area-footer a:hover{ text-decoration: underline; }
 .area-footer ._pagetop{ display: block; border: 1px solid #e0e0e0; position: relative; height: 50px; transition-duration: 0.2s; }
 .area-footer ._pagetop:hover{ background: #f8f8f8; }
 .area-footer ._pagetop:before{ position: absolute; top: 50%; left: 50%; display: block; content: ''; height: 7px; width: 7px; border: 1px solid #000; border-left-width: 0; border-bottom-width: 0; -ms-transform: translate(0, -30%) rotate(-45deg); transform: translate(0, -30%) rotate(-45deg); }
 .area-footer ._footer-links{ display: none; }
 .area-banners{ background: #000; }
 .area-banners ul{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
 .area-banners ul > *{ width: 50%; }
 .area-banners ._item{ display: block; display: -ms-flexbox; display: flex; position: relative; transition-duration: 0.2s; }
 .area-banners ._item ._image{ -ms-flex: 1; flex: 1; }
 .area-banners ._item ._texts{ -ms-flex: 1; flex: 1; margin: 0 0 0 5px; }
 .area-banners ._item ._image{ opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; transition-duration: 0.2s; overflow: hidden; }
 .area-banners ._item ._image img{ width: 100%; transition-duration: 0.2s; }
 .area-banners ._item:hover ._image{ opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
 .area-banners ._item:hover ._image img{ width: 100%; -ms-transform: scale(1.1); transform: scale(1.1); }
 .area-banners ._item ._texts{ position: absolute; top: 0px; left: 20px; bottom: 0px; color: #fff; font-size: 14px; letter-spacing: 0.05em; line-height: 1; font-weight: 500; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
 .area-banners a{ position: relative; display: block; }
 .area-banners a:after{ content: ""; display: block; position: absolute; bottom: 2px; right: 2px; background: url(/common/images/icon/icon_arrow_wh.png) left top no-repeat; background-size: contain; width: 7px; height: 7px; }
 .area-banners a[target=_blank]:after{ background-image: url(/common/images/icon/icon_blank_wh.png); }
 .area-gloup{ padding: 15px; display: none; padding: 25px 0 15px 0; text-align: center; border-bottom: 1px solid #e0e0e0; }
 body.page-index .area-gloup{ display: block; }
 .area-gloup p{ margin: 0; font-size: 12px; }
 .area-gloup ._logo{ margin-top: 5px; }
 .area-copy{ padding: 20px; text-align: center; }
 .area-copy small{ font-size: 10px; letter-spacing: 0.05em; }
 .area-cookie{ z-index: 20; border-top: 1px solid #ccc; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05); position: fixed; background: #fff; left: 0px; right: 0px; bottom: 0px; padding: 15px; display: none; }
 .area-cookie.is-show{ display: block; }
 .area-cookie ._text p{ font-size: 11px; line-height: 1.4; }
 .area-cookie ._text a{ text-decoration: underline; }
 .area-cookie ._btn{ margin-top: 10px; text-align: center; }
 .area-header{ display: none; }
 .area-mega-menu{ display: none; }
 /* ----------------------------------------------------------
.area-header-sp
---------------------------------------------------------- */
 header{ height: 50px; }
 .area-header-sp ._header{ position: fixed; top: 0px; left: 0px; right: 0px; height: 50px; background: #fff; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); z-index: 100; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
 .area-header-sp ._header ._logo{ width: 180px; }
 .area-header-sp ._header ._logo img{ width: 100%; }
 .area-menu-btn-sp{ position: fixed; top: 0; right: 0; width: 50px; height: 50px; z-index: 210; }
 .area-menu-btn-sp span{ transition-duration: 0.2s; position: absolute; background: #005098; height: 1px; left: 10px; right: 10px; }
 .area-menu-btn-sp span:nth-child(1){ top: 15px; }
 .area-menu-btn-sp span:nth-child(2){ top: 24px; }
 .area-menu-btn-sp span:nth-child(3){ bottom: 15px; }
 body.js-sp-menu-active .area-menu-btn-sp span{ background: #fff; }
 body.js-sp-menu-active .area-menu-btn-sp span:nth-child(1){ position: absolute; top: 25px; -ms-transform: rotate(45deg); transform: rotate(45deg); }
 body.js-sp-menu-active .area-menu-btn-sp span:nth-child(2){ display: none; }
 body.js-sp-menu-active .area-menu-btn-sp span:nth-child(3){ position: absolute; top: 25px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
 /* ----------------------------------------------------------
.area-menu-sp
---------------------------------------------------------- */
 .area-menu-sp-bg{ position: fixed; top: 0; left: 0px; right: 0px; bottom: 0; visibility: hidden; background: rgba(0, 0, 0, 0.8); transition-duration: 0.2s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; pointer-events: none; z-index: 190; }
 body.js-sp-menu-active .area-menu-sp-bg{ visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; pointer-events: inherit; }
 .area-menu-sp{ position: fixed; top: 0; left: 50px; right: 0px; bottom: 0; color: #fff; visibility: hidden; transition-duration: 0.2s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -ms-transform: translate(100%, 0); transform: translate(100%, 0); pointer-events: none; z-index: 200; background: #005098; }
 .area-menu-sp a{ color: #fff; }
 body.js-sp-menu-active .area-menu-sp{ visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -ms-transform: translate(0, 0); transform: translate(0, 0); pointer-events: inherit; }
 .area-menu-sp ._inner{ position: absolute; top: 60px; left: 0; right: 0px; height: calc(100% - 60px); overflow: scroll; -webkit-overflow-scrolling: touch; position: relative; padding-bottom: 60px; }
 .area-menu-sp ._set{ border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
 .area-menu-sp ._set:nth-child(1){ border-top: 1px solid rgba(255, 255, 255, 0.2); }
 .area-menu-sp ._title{ position: relative; font-size: 15px; font-weight: bold; }
 .area-menu-sp ._title span{ display: block; padding: 15px; }
 .area-menu-sp ._title.js-sp-menu-head:before{ position: absolute; top: 50%; right: 20px; display: block; content: ''; height: 7px; width: 7px; border: 2px solid #fff; border-left-width: 0; border-top-width: 0; -ms-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg); }
 .area-menu-sp ._title.js-active:before{ -ms-transform: translate(0, -50%) rotate(225deg); transform: translate(0, -50%) rotate(225deg); }
 .area-menu-sp ._link{ display: none; background: #003c72; padding: 5px 0; }
 .area-menu-sp ._link > li ._disable{ opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
 .area-menu-sp ._link > li ._disable:before{ display: none; }
 .area-menu-sp ._link > li span{ display: block; padding: 12px 15px 12px 15px; }
 .area-menu-sp ._lang{ margin-top: 20px; }
 .area-menu-sp ._lang ul{ display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }
 .area-menu-sp ._lang li + li ._btn{ border-left: none; }
 .area-menu-sp ._lang ._btn{ width: 100px; display: block; line-height: 20px; height: 40px; line-height: 40px; text-align: center; color: rgba(255, 255, 255, 0.5); border: 0.5px solid rgba(255, 255, 255, 0.5); font-size: 14px; }
 .area-menu-sp ._lang ._btn.is-active{ color: #fff; }
 .area-menu-sp ._search-box{ margin: 15px auto; width: 240px; background: #fff; padding-left: 10px; }
 .area-menu-sp ._search-box form{ display: -ms-flexbox; display: flex; border: 1px solid #fff; }
 .area-menu-sp ._search-box input[type=text]{ -webkit-appearance: none; appearance: none; background: none; border: none; border-radius: 0; -ms-flex: 1; flex: 1; outline: none; width: auto; padding: 0; height: 40px; font-size: 16px; }
 .area-menu-sp ._search-box input[type=submit]{ -webkit-appearance: none; appearance: none; background: url(../images/header/icon-search2.png) center center; border: none; display: block; outline: none; width: 40px; height: 40px; border-radius: 0; }
 /* ----------------------------------------------------------
.area-wrapper
---------------------------------------------------------- */
 .area-wrapper{ position: relative; }
 /* ----------------------------------------------------------
.area-inner
---------------------------------------------------------- */
 .area-inner{ position: relative; }
 /* ----------------------------------------------------------
.block-inner
---------------------------------------------------------- */
 .block-inner{ padding-right: 15px; padding-left: 15px; }
 .block-inner900{ padding-right: 15px; padding-left: 15px; } }

@media print, screen and (min-width: 768px){
 .area-modal ._modal-btn-close{ top: -50px; right: 0px; width: 40px; height: 40px; }
 .area-modal ._modal-btn-close:after, .area-modal ._modal-btn-close:before{ background: #fff; }
 .area-modal ._modal-box{ top: 50%; left: 50%; width: 600px; height: 600px; margin: -300px 0 0 -300px; }
 /* ----------------------------------------------------------
.area-footer
---------------------------------------------------------- */
 .area-footer{ position: relative; font-size: 14px; }
 .area-footer a{ color: #000; }
 .area-footer a:hover{ text-decoration: underline; }
 .area-footer ._pagetop{ display: block; border: 1px solid #e0e0e0; position: relative; height: 70px; transition-duration: 0.2s; }
 .area-footer ._pagetop:hover{ background: #f8f8f8; }
 .area-footer ._pagetop:before{ position: absolute; top: 50%; left: 50%; display: block; content: ''; height: 15px; width: 15px; border: 1px solid #000; border-left-width: 0; border-bottom-width: 0; -ms-transform: translate(0, -30%) rotate(-45deg); transform: translate(0, -30%) rotate(-45deg); }
 .area-footer ._footer-links ._cols{ display: -ms-flexbox; display: flex; padding: 60px 0 0 0; }
 .area-footer ._footer-links ._col{ -ms-flex: 1; flex: 1; border-right: 1px solid #e0e0e0; padding-left: 40px; padding-bottom: 60px; }
 .area-footer ._footer-links ._col:nth-child(1){ border-left: 1px solid #e0e0e0; }
 .area-footer ._footer-links ._col ._title a{ font-weight: 500; font-size: 16px; letter-spacing: 0.05em; line-height: 1; color: #005098; transition-duration: 0.2s; }
 .area-footer ._footer-links ._col ._title a:hover{ text-decoration: underline; }
 .area-footer ._footer-links ._col * + ._title{ margin-top: 32px; }
 .area-footer ._footer-links ._col ._links{ margin-top: 30px; }
 .area-footer ._footer-links ._col ._links li{ line-height: 1.4; margin-bottom: 9px; }
 .area-footer ._footer-links ._col ._links span{ display: block; }
 .area-footer ._footer-links ._col ._links a{ display: block; position: relative; font-size: 14px; letter-spacing: 0.05em; line-height: 1.714; }
 .area-footer ._footer-links a[target=_blank]:after{ content: ""; display: inline-block; background: url(/common/images/icon/icon_blank.png) left top no-repeat; background-size: contain; width: 14px; height: 14px; margin-left: 5px; -ms-transform: translate(0, 2px); transform: translate(0, 2px); }
 .area-banners{ background: #000; }
 .area-banners ul{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
 .area-banners ul > *{ -ms-flex: 1; flex: 1; }
 .area-banners ._item{ display: block; display: -ms-flexbox; display: flex; position: relative; transition-duration: 0.2s; }
 .area-banners ._item ._image{ -ms-flex: 1; flex: 1; }
 .area-banners ._item ._texts{ -ms-flex: 1; flex: 1; margin: 0 0 0 10px; }
 .area-banners ._item ._image{ opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; transition-duration: 0.2s; overflow: hidden; }
 .area-banners ._item ._image img{ width: 100%; transition-duration: 0.2s; }
 .area-banners ._item:hover ._image{ opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; }
 .area-banners ._item ._texts{ position: absolute; top: 0px; left: 40px; bottom: 0px; color: #fff; font-size: 24px; letter-spacing: 0.05em; line-height: 1; font-weight: 500; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
 .area-banners a{ position: relative; display: block; }
 .area-banners a:after{ content: ""; display: block; position: absolute; bottom: 5px; right: 5px; background: url(/common/images/icon/icon_arrow_wh.png) left top no-repeat; background-size: contain; width: 14px; height: 14px; }
 .area-banners a[target=_blank]:after{ background-image: url(/common/images/icon/icon_blank_wh.png); }
 .area-gloup{ padding: 15px; display: none; border-bottom: 1px solid #e0e0e0; }
 body.page-index .area-gloup{ display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
 .area-gloup p{ margin: 0; font-size: 14px; }
 .area-gloup ._logo{ margin-left: 10px; }
 .area-copy{ padding: 22px; text-align: center; }
 .area-copy small{ font-size: 12px; letter-spacing: 0.05em; }
 .area-cookie{ z-index: 20; border-top: 1px solid #ccc; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05); position: fixed; background: #fff; left: 0px; right: 0px; bottom: 0px; padding: 20px; display: none; -ms-flex-align: center; align-items: center; }
 .area-cookie.is-show{ display: -ms-flexbox; display: flex; }
 .area-cookie ._text{ -ms-flex: 1; flex: 1; }
 .area-cookie ._text p{ font-size: 14px; line-height: 1.4; }
 .area-cookie ._text a{ text-decoration: underline; }
 .area-cookie ._btn{ text-align: center; width: 200px; }
 .area-header-sp{ display: none; }
 .area-menu-sp{ display: none; }
 /* ----------------------------------------------------------
.area-header
---------------------------------------------------------- */
 header{ height: 80px; }
 .area-header{ position: absolute; top: 0px; left: 0px; right: 0px; height: 80px; z-index: 30; background: #fff; border-bottom: 1px solid #E0E0E0; }
 .area-header ._logo{ position: absolute; top: 22px; left: 26px; font-weight: bold; width: 276px; }
 .area-header ._side{ position: absolute; top: 0px; right: 20px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
 .area-header ._gmenu ul{ display: -ms-flexbox; display: flex; }
 .area-header ._gmenu ._btn{ display: block; height: 80px; line-height: 80px; letter-spacing: 0.05em; text-align: left; color: #000; position: relative; transition-duration: 0.2s; font-weight: 500; }
 .area-header ._gmenu ._btn:hover{ color: #005098; }
 .area-header ._gmenu ._btn.is-product:hover:before{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
 .area-header ._gmenu ._btn.is-company:hover:before{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
 .area-header ._gmenu ._btn:before{ content: ""; position: absolute; bottom: -13px; left: 50%; width: 5px; height: 5px; box-sizing: border-box; border: 5px solid transparent; border-top: 5px solid #fff; -ms-transform: translate(-50%, 0) scale(1.4, 2); transform: translate(-50%, 0) scale(1.4, 2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
 .area-header ._gmenu ._btn:after{ content: ""; display: block; position: absolute; bottom: 2px; left: 50%; width: 0px; height: 4px; transition-duration: 0.2s; background: #005098; }
 .area-header ._lang{ margin-left: 20px; }
 .area-header ._lang ul{ display: -ms-flexbox; display: flex; }
 .area-header ._lang li + li ._btn{ border-left: none; }
 .area-header ._lang ._btn{ display: block; width: 38px; line-height: 20px; height: 20px; text-align: center; color: rgba(0, 80, 152, 0.5); border: 1px solid #005098; }
 .area-header ._lang ._btn.is-active{ color: #005098; }
 .area-header ._search{ width: 30px; margin-left: 20px; transition-duration: 0.2s; cursor: pointer; }
 .area-header ._search:hover{ opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
 .area-header ._search-box{ display: none; position: absolute; top: 60px; right: 0px; background: #fff; border-radius: 5px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); padding: 10px; }
 .area-header ._search-box form{ display: -ms-flexbox; display: flex; border: 1px solid #005098; }
 .area-header ._search-box input[type=text]{ -webkit-appearance: none; appearance: none; background: none; border: none; border-radius: 0; -ms-flex: 1; flex: 1; outline: none; padding: 0 8px; height: 40px; width: 227px; font-size: 16px; }
 .area-header ._search-box input[type=submit]{ -webkit-appearance: none; appearance: none; background: url(../images/header/icon-search2.png) no-repeat center center/contain; border: none; display: block; outline: none; width: 40px; height: 40px; }
 body.page-product ._gmenu ._btn.is-product:after{ left: 0%; width: 100%; }
 body.page-strength ._gmenu ._btn.is-strength:after{ left: 0%; width: 100%; }
 body.page-company ._gmenu ._btn.is-company:after{ left: 0%; width: 100%; }
 body.page-sustainability ._gmenu ._btn.is-sustainability:after{ left: 0%; width: 100%; }
 body.page-support ._gmenu ._btn.is-support:after{ left: 0%; width: 100%; }
 body.page-recruit ._gmenu ._btn.is-recruit:after{ left: 0%; width: 100%; }
 body.page-news ._gmenu ._btn.is-news:after{ left: 0%; width: 100%; }
 body.page-contact ._gmenu ._btn.is-contact:after{ left: 0%; width: 100%; }
 body.page- ._gmenu ._btn.is-:after{ left: 0%; width: 100%; }
 /* ----------------------------------------------------------
area-mega-menu
---------------------------------------------------------- */
 .area-mega-menu{ position: absolute; z-index: -1; visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0.2s; top: 80px; left: 0px; right: 0px; min-height: 120px; background: #005098; padding: 30px 0 30px 0; }
 body.js-header-menu-open .area-mega-menu{ visibility: visible; z-index: 20; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
 body.js-fixed-menu .area-mega-menu{ position: fixed; top: 50px; }
 .area-mega-menu ._set{ display: none; }
 .area-mega-menu ._title{ margin-bottom: 20px; }
 .area-mega-menu ._title a{ display: block; color: #fff; display: inline-block; position: relative; padding-right: 25px; }
 .area-mega-menu ._title a:after{ content: ""; display: block; position: absolute; top: 0px; right: 0px; background: url(/common/images/megamenu/icon.png) left top no-repeat; background-size: contain; width: 16px; height: 16px; }
 .area-mega-menu ._items{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
 .area-mega-menu ._items li{ width: calc(25% - 15px); background: #fff; margin-left: 20px; position: relative; }
 .area-mega-menu ._items li:nth-child(4n+1){ margin-left: 0; }
 .area-mega-menu ._items li:nth-child(n+5){ margin-top: 20px; }
 .area-mega-menu ._items li:after{ content: ""; display: block; position: absolute; bottom: 0px; left: 0px; background-image: url(/gradu/nttft/common/img/menu/btn_arrow.png); background-size: 154px 12px; width: 154px; height: 12px; }
 .area-mega-menu ._items li a{ display: block; transition-duration: 0.1s; }
 .area-mega-menu ._items li a:hover{ color: #039ea8; }
 .area-mega-menu ._items li a:hover ._image img{ -ms-transform: scale(1.05); transform: scale(1.05); }
 .area-mega-menu ._items li img{ image-rendering: -webkit-optimize-contrast; }
 .area-mega-menu ._items li ._item-inner{ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
 .area-mega-menu ._items li ._image{ width: 80px; overflow: hidden; }
 .area-mega-menu ._items li ._image img{ transition-duration: 0.2s; width: 100%; }
 .area-mega-menu ._items li ._text{ padding: 10px; }
 .area-mega-menu ._items li ._text span{ font-size: 14px; letter-spacing: 0.05em; line-height: 1.5; color: #333; font-weight: bold; }
 /* ----------------------------------------------------------
.area-wrapper
---------------------------------------------------------- */
 .area-wrapper{ position: relative; }
 /* ----------------------------------------------------------
.area-inner
---------------------------------------------------------- */
 .area-inner{ position: relative; }
 /* ----------------------------------------------------------
.block-inner
---------------------------------------------------------- */
 /* ----------------------------------------------------------
.block-inner
---------------------------------------------------------- */ }

@media print, screen and (min-width: 768px) and (min-width: 1301px){
 .area-header ._gmenu li{ padding: 0 14px; }
 .area-header ._gmenu ._btn{ font-size: 14px; } }

@media screen and (min-width: 768px) and (max-width: 1300px){
 .area-header ._gmenu li{ padding: 0 10px; } }

@media screen and (min-width: 768px) and (max-width: 1300px){
 .area-header ._gmenu ._btn{ font-size: 12px; } }

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

@media print, screen and (min-width: 768px) and (min-width: 768px){
 .area-inner{ margin: 0 auto; width: 1150px; }
 .block-inner{ margin: 0 auto; width: 1150px; }
 .block-inner900{ margin: 0 auto; width: 900px; } }

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