html { min-width: 1056px; }

.mod-show-sp { display: none; }

.area-contents { padding-bottom: 50px; min-width: 1056px; }

.area-contents.area-contents-no-margin { padding-bottom: 0; }

/* ========================================================= Header ========================================================= */
.area-header-corporate { height: 125px; min-width: 1056px; }

.area-header-corporate ._wrap { width: 1056px; min-width: 1056px; margin: 0 auto; }

.area-header-corporate a:hover { opacity: 0.6; }

.area-header-corporate ._main { transition-duration: 0.2s; height: 125px; }

.area-header-corporate ._main ._logo { position: absolute; top: 40px; left: 0px; width: 255px; }

.area-header-corporate ._main ._row { position: absolute; top: 25px; right: 0; }

.area-header-corporate ._main ._global { float: left; }

.area-header-corporate ._main ._global a { display: block; height: 34px; line-height: 32px; border: 1px solid #dadada; padding: 0 20px 0 30px; font-size: 0.75rem; background: url(/site_resource/common/images/header/icon_global.png) 7px 50% no-repeat; }

.area-header-corporate ._main ._search { background: #e8e8e8; padding: 5px 5px 0 7px; float: left; margin: 0 0 0 10px; height: 34px; }

.area-header-corporate ._main ._search ._search-input .in_text { appearance: none; border: none; outline: none; background: none; font-size: 0.875rem; width: 150px; padding: 3px; vertical-align: top; }

.area-header-corporate ._main ._search ._search-input .in_text::-webkit-input-placeholder { color: #999; }

.area-header-corporate ._main ._search ._search-input .in_text:-ms-input-placeholder { color: #999; }

.area-header-corporate ._main ._search ._search-input .in_text::-moz-placeholder { color: #999; }

.area-header-corporate ._main ._search ._search-input .in_search { appearance: none; border: none; width: 24px; height: 24px; background: url(/site_resource/common/images/header/icon_search.png) 50% 50% no-repeat; }

.area-header-corporate ._main ._other { float: left; margin: 5px 0 0 15px; }

.area-header-corporate ._main ._other li { display: inline-block; padding: 5px 7px; font-size: 0.8125rem; }

.area-header-corporate ._main ._other a::before { font-family: FontAwesome; line-height: 1; font-weight: normal; content: "\f0da"; display: inline-block; color: #ff7200; margin-right: 5px; vertical-align: middle; font-size: 0.875rem; transform: translate(0, -1px); }

.area-header-corporate ._main ._navi { transition-duration: 0.2s; position: absolute; top: 78px; right: 0; }

.area-header-corporate ._main ._navi ._navi-main { display: flex; }

.area-header-corporate ._main ._navi ._navi-main > li { position: relative; font-size: 0.9375rem; font-weight: bold; }

.area-header-corporate ._main ._navi ._navi-main > li + li { border-left: 1px solid #ddd; }

.area-header-corporate ._main ._navi ._navi-main > li > a { display: block; padding: 5px 15px; }

.area-header-corporate ._main ._navi ._navi-main > li > a:hover { color: #ff7200; }

.area-header-corporate ._main ._navi ._navi-main ._title { padding: 5px 15px; position: relative; cursor: pointer; }

.area-header-corporate ._main ._navi ._navi-main ._title:hover { color: #ff7200; }

.area-header-corporate ._main ._navi ._navi-item-company ._navi-sub { left: -53px; }

.area-header-corporate ._main ._navi ._navi-item-ir ._navi-sub { left: -20px; }

.area-header-corporate ._main ._navi ._navi-item-brand ._navi-sub { left: -40px; }

.area-header-corporate ._main ._navi ._navi-item-csr ._navi-sub { left: -65px; }

.area-header-corporate ._main ._navi .js-current, .area-header-corporate ._main ._navi .js-navi-open ._title { color: #ff7200; }

.area-header-corporate ._main ._navi .js-current:after, .area-header-corporate ._main ._navi .js-navi-open ._title:after { content: ""; display: block; position: absolute; left: 15px; right: 15px; bottom: -12px; height: 2px; background: #ff7200; }

.area-header-corporate ._main ._navi ._navi-sub { display: none; position: absolute; top: 60px; left: -50px; width: 200px; background: #ff7200; color: #fff; padding: 20px 20px; }

.area-header-corporate ._main ._navi ._navi-sub a { color: #fff; }

.area-header-corporate ._main ._navi ._navi-sub:after { content: ""; display: block; position: absolute; top: -40px; left: 0px; right: 0px; height: 40px; }

.area-header-corporate ._main ._navi ._navi-sub:before { content: ""; position: absolute; top: -30px; left: 50%; width: 15px; margin-left: -15px; height: 15px; box-sizing: border-box; border: 15px solid transparent; border-bottom: 15px solid #ff7200; transform: scale(0.5, 1); }

.area-header-corporate ._main ._navi ._navi-sub > li { position: relative; font-size: 0.875rem; font-weight: normal; }

.area-header-corporate ._main ._navi ._navi-sub > li a { display: block; padding: 10px 0 10px 12px; position: relative; }

.area-header-corporate ._main ._navi ._navi-sub > li a::before { font-family: FontAwesome; line-height: 1; font-weight: normal; content: "\f0da"; display: inline-block; color: #fff; position: absolute; top: 12px; left: 0px; vertical-align: middle; font-size: 0.875rem; transform: translate(0, -1px); }

.area-header-corporate ._main ._other a[target=_blank]::after, .area-header-corporate ._main ._navi a[target=_blank]::after { font-family: FontAwesome; line-height: 1; font-weight: normal; content: "\f0da"; content: "\f08e"; color: #ff7200; margin-left: 5px; font-size: 90%; }

.area-header-corporate.js-head-compact ._main { height: 70px; }

.area-header-corporate.js-head-compact ._main ._logo { position: absolute; top: 14px; left: 0; width: 210px; }

.area-header-corporate.js-head-compact ._main ._logo img { width: 100%; }

.area-header-corporate.js-head-compact ._main ._navi { position: absolute; top: 22px; right: 0; }

.area-header-corporate ._btn-opener-bars { display: none; }

.area-header-corporate_e ._main ._navi ._navi-item-company ._navi-sub { left: 3px; }

.area-header-corporate_e ._main ._navi ._navi-item-ir ._navi-sub { left: -20px; }

.area-header-corporate_e ._main ._navi ._navi-item-brand ._navi-sub { left: -55px; }

.area-header-corporate_e ._main ._navi ._navi-item-csr ._navi-sub { left: -65px; }

/* ========================================================= Header ========================================================= */
.area-header-brand { height: 80px; min-width: 1056px; }

.area-header-brand ._wrap { width: 1056px; min-width: 1056px; margin: 0 auto; }

.area-header-brand a:hover { opacity: 0.6; }

.area-header-brand ._main { height: 80px; }

.area-header-brand ._main .head-wrap { position: relative; }

.area-header-brand ._main ._logo { max-width: 180px; height: 63px; position: absolute; top: 6px; left: 0px; }

.area-header-brand ._main ._logo a { display: block; height: 100%; }

.area-header-brand ._main ._logo img { height: 100%; }

.area-header-brand ._main ._navi { position: absolute; top: 0; right: 210px; }

.area-header-brand ._main ._navi ul:after { content: ""; clear: both; display: table; }

.area-header-brand ._main ._navi li { float: left; margin: 0 20px 0 0; }

.area-header-brand ._main ._navi li + li:after { content: ""; display: block; position: absolute; top: 22px; left: 0px; width: 1px; height: 30px; background: #dadada; }

.area-header-brand ._main ._navi li.js-current:before { content: ""; display: block; position: absolute; bottom: 0px; left: 20px; right: 0px; height: 3px; }

.area-header-brand ._main ._navi li a { padding: 0 0 0 20px; line-height: 76px; }

.area-header-brand ._main ._navi li a::before { display: inline-block; font-size: 40px; vertical-align: middle; margin: -2px 5px 0 0; }

.area-header-brand ._btn-opener-bars { display: none; }

.area-header-brand ._btn-opener-logo_iframe { position: absolute; top: 20px; right: 0px; width: 130px; height: 30px; cursor: pointer; transition-duration: 0.2s; background: url(/site_resource/common/images/header/btn_menu_logo.png) left 2px no-repeat; }

.area-header-brand ._btn-opener-logo_iframe:hover { opacity: 0.8; }

.area-header-brand ._btn-opener-logo { position: absolute; top: 20px; right: 0px; width: 170px; height: 30px; cursor: pointer; transition-duration: 0.2s; background: url(/site_resource/common/images/header/btn_menu_logo.png) left 2px no-repeat; }

.area-header-brand ._btn-opener-logo:hover { opacity: 0.8; }

.area-header-brand ._btn-opener-logo span { position: absolute; top: 0; right: 0px; width: 30px; height: 30px; }

.area-header-brand ._btn-opener-logo span:before { content: ""; display: block; position: absolute; top: 8px; left: 14px; width: 3px; height: 15px; background: #fff; }

.area-header-brand ._btn-opener-logo span:after { content: ""; display: block; position: absolute; top: 14px; left: 8px; width: 15px; height: 3px; background: #fff; }

.area-header-brand ._btn-close { right: 3px; top: -40px; }

._btn-opener-logo_iframe { display: none; }

.js-body-iframe ._btn-opener-logo_iframe { display: block; }

.js-body-iframe ._btn-opener-logo { display: none; }

.area-header-brand ._mega-menu { top: 80px; padding: 50px 0; }

.area-header-brand ._mega-menu ._menus { display: flex; justify-content: space-between; padding: 0 25px 0 25px; }

.area-header-brand ._mega-menu ._col-1 { width: 31%; }

.area-header-brand ._mega-menu ._col-2 { width: 64%; }

.area-header-brand ._mega-menu ._list-icon { border-right: 1px rgba(255, 255, 255, 0.25) solid; }

.area-header-brand ._mega-menu ._list-icon li { padding-left: 35px; margin-bottom: 30px; }

.area-header-brand ._mega-menu ._list-icon li::before { width: 29px; height: 29px; left: 0px; top: 50%; margin-top: -15px; }

.area-header-brand ._mega-menu ._list-icon a { font-size: 1.0625rem; }

.area-header-brand ._mega-menu ._list-icon ._icon-faq { display: none; }

.area-header-brand ._mega-menu ._list-simple li::before { margin-right: 10px; vertical-align: middle; }

.area-header-brand ._mega-menu ._list-simple li + li { margin-top: 15px; }

.area-header-brand ._mega-menu ._list-simple._col-2 li { width: 50%; float: left; }

.area-header-brand ._mega-menu ._list-simple._col-2 li + li { margin-top: 0; }

.area-header-brand ._mega-menu ._list-simple._col-2 li:nth-child(n+3) { margin-top: 15px; }

.area-header-brand ._mega-menu ._list-simple a { font-size: 0.875rem; }

.area-header-brand ._mega-menu ._navi { display: none; }

.js-head-menu .js-head-menuPc-body.is-active { display: block; }

.area-header-brand-all ._main ._navi { position: absolute; top: 0; right: 45px; }

.area-header-brand.area-header-brand-all ._btn-opener-bars { display: block; position: absolute; top: 18px; right: 0; }

body.js-body-iframe .area-header-brand-all ._btn-opener-bars { display: none; }

.area-header-brand-all ._btn-corp { display: none; }

body.js-body-iframe .area-header-brand-all ._btn-corp { display: block; }

/* ========================================================= translation ========================================================= */
.translation { margin-top: 35px; }

.translation ul { width: 150px; border: 1px #dedede solid; }

.translation ul li { padding: 8px 12px; }

.translation ul li.selected { background-size: 16px 16px; }

.translation .translatio-btn button { width: 150px; font-size: 1rem; }

.translation .translatio-btn button { background-size: 16px 16px; }

.area-footer .js-translation { position: relative; margin-bottom: -20px; }

.area-footer .js-translation .js-translation-list { width: 100%; bottom: calc(100% + 10px); }

/* ========================================================= Footer ========================================================= */
.area-footer { padding: 0 0 40px; min-width: 1056px; }

.area-footer ._wrap { width: 1056px; min-width: 1056px; margin: 0 auto; }

.area-footer a:hover { opacity: 0.6; }

.area-footer ._show-sp { display: none; }

/* ---------- ---------- ---------- */
.area-footer ._area-main { padding: 20px 0 40px; border-top: 1px #dadada solid; border-bottom: 1px #dadada solid; box-shadow: 0 -1px #fff inset; background-color: #f4f4f4; }

/* ---------- ---------- ---------- */
.area-footer ._sns-list { border-bottom: 1px #dadada solid; padding: 0 0 20px; }

.area-footer ._sns-list ul li img { width: 38px; }

.area-footer ._sns-list ul li._btn-line { display: none; }

/* ---------- ---------- ---------- */
.area-footer ._brand-menu { display: flex; justify-content: space-between; padding-top: 30px; margin-bottom: 45px; }

.area-footer ._brand-menu ._takes { width: 516px; }

.area-footer ._brand-menu ._takes ul { justify-content: space-between; }

.area-footer ._brand-menu ._takes ul li { width: 245px; }

.area-footer ._brand-menu ._links { width: 516px; }

.area-footer ._brand-menu ._shop li { margin-bottom: 20px; font-size: 0.9375rem; }

.area-footer ._brand-menu ._shop li::before { font-family: FontAwesome; line-height: 1; font-weight: normal; content: "\f0da"; display: inline-block; font-size: 20px; margin-right: 10px; vertical-align: middle; }

.area-footer ._brand-menu ._other { border-top: 1px #dadada solid; padding-top: 20px; }

.area-footer ._brand-menu ._other li { font-size: 0.875rem; }

.area-footer ._brand-menu ._other li::before { font-family: FontAwesome; line-height: 1; font-weight: normal; content: "\f0da"; display: inline-block; font-size: 20px; margin-right: 10px; vertical-align: middle; }

.area-footer ._brand-menu ._other li + li { margin-top: 20px; }

.area-footer ._brand-menu-navitime { display: block; margin-bottom: 20px; }

.area-footer ._brand-menu-navitime ._links { width: auto; display: block; width: 100%; }

.area-footer ._brand-menu-navitime ._links:after { content: ""; clear: both; display: table; }

.area-footer ._brand-menu-navitime ._shop { width: 66%; float: left; }

.area-footer ._brand-menu-navitime ._other { width: 33%; float: left; border: none; padding-top: 0; }

/* ---------- ---------- ---------- */
.area-footer ._brand-common { display: flex; justify-content: space-between; padding-top: 30px; margin-bottom: 20px; }

.area-footer ._brand-common ._shop, .area-footer ._brand-common ._other { width: 516px; }

.area-footer ._brand-common li { font-size: 0.875rem; }

.area-footer ._brand-common li::before { font-family: FontAwesome; line-height: 1; font-weight: normal; content: "\f0da"; display: inline-block; font-size: 20px; margin-right: 10px; vertical-align: middle; }

.area-footer ._brand-common li + li { margin-top: 15px; }

.area-footer ._brand-common + ._brand-list { margin: 40px 0 0 0; }

/* ---------- ---------- ---------- */
.area-footer ._brand-list { padding: 20px 0 0 0; }

.area-footer ._brand-list dl._company + dl._company { margin-top: 35px; }

.area-footer ._brand-list dl._company dt { padding-bottom: 12px; }

.area-footer ._brand-list dl._company ._brand { width: 25%; margin-top: 10px; }

.area-footer ._brand-list dl._company ._brand ._image { width: 70px; height: 70px; }

.area-footer ._brand-list dl._company ._brand ._image span { width: 70px; height: 70px; }

.area-footer ._brand-list ._company-column-2 ._company { width: 516px; }

.area-footer ._brand-list ._company-column-2 dl._company { margin-top: 35px; }

.area-footer ._brand-list ._company-column-2 dl._company ._brand { width: 50%; }

/* ---------- ---------- ---------- */
.area-footer ._area-bottom { padding: 30px 0 0; }

.area-footer ._area-bottom::before, .area-footer ._area-bottom::after { content: ""; display: table; }

.area-footer ._area-bottom::after { clear: both; }

.area-footer ._area-bottom ._info { float: left; }

.area-footer ._area-bottom ._info ul._info-list { display: block; }

.area-footer ._area-bottom ._info ul._info-list + ul._info-list { margin-top: 15px; }

.area-footer ._area-bottom ._info ul._info-list li { display: inline-block; padding: 0 10px; font-size: 0.75rem; }

.area-footer ._area-bottom ._info ul._info-list li + li { border-left: 1px #000 solid; }

.area-footer ._area-bottom ._info ._global { text-align: center; }

.area-footer ._area-bottom ._copy { float: right; }

.area-footer ._area-bottom ._copy small { font-size: 0.75rem; }

.area-footer ._area-bottom ._copy ._logo { width: 141px; margin: 0 0 15px auto; }

.area-footer ._btn-pagetop { bottom: 20px; right: calc(50% - 528px); }

.area-footer ._corporate-sitemap { padding: 40px 0; }

.area-footer ._corporate-sitemap ._cols { display: flex; justify-content: space-between; }

.area-footer ._corporate-sitemap ._col { display: block; width: 19%; }

.area-footer ._corporate-sitemap ._set + ._set { margin-top: 20px; }

.area-footer ._corporate-sitemap ._title { font-size: 0.8125rem; font-weight: bold; text-align: left; }

.area-footer ._corporate-sitemap ._title + ._title { margin-top: 20px; }

.area-footer ._corporate-sitemap ._link li { font-size: 0.75rem; margin: 7px 0; }

.area-footer ._corporate-sitemap-e ._links { display: flex; justify-content: space-between; }

.area-footer ._corporate-sitemap-e ._links ._link { width: 49%; }

.area-footer ._corporate-sitemap-e ._col:nth-child(1) { display: block; width: 49%; }

.area-footer ._corporate-sitemap-e ._col:nth-child(2) { display: block; width: 24%; }

.area-footer ._corporate-sitemap-e ._col:nth-child(3) { display: block; width: 24%; }

.js-footer-toggle .js-footer-toggle-head { position: relative; }

.js-footer-toggle .js-footer-toggle-head ._icon { display: none; }