@charset 'UTF-8';

/* ==========================================================================
   Reset
============================================================================= */

html,
body
{
    font-weight: inherit;

    margin: 0;
    padding: 0;

    vertical-align: baseline;

    border: 0;
}

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
{
    font-size: 100%;
    font-weight: inherit;

    margin: 0;
    padding: 0;

    vertical-align: baseline;

    border: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main
{
    display: block;
}

html
{
    -webkit-text-size-adjust: 100%;
}

body
{
    line-height: 1;
}

ol,
ul
{
    list-style: none;
}

blockquote,
q
{
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after
{
    content: '';
    content: none;
}

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

/* ==========================================================================
   Base
============================================================================= */

html
{
    font-size: 62.5%;
}

body
{
    font-family: 'Noto Sans Japanese', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2;

    overflow-y: scroll;

    min-width: 960px;

    color: #656d78;
    background-color: #f3f5f8;
}

body.is-font-large
{
    font-size: 16px;
    font-size: 1.6rem;
}

body.is-print
{
    max-width: 960px;
}

html[lang='en'] body *
{
    word-break: break-word;
}

input,
textarea
{
    line-height: 2;

    box-sizing: border-box;

    border: 0;
    border-radius: 0;
    outline: none;
}

a
{
    color: #00599a;
}

a:visited
{
    color: #5c1a86;
}

a:focus
{
    color: #00599a;
}

a:hover
{
    color: #0056a8;
}

a:active
{
    color: #00599a;
}

a:link,
a:visited
{
    text-decoration: none;
}

a:hover,
a:active,
a:focus
{
    text-decoration: underline;
}

p
{
    word-break: break-all;
}

html[lang='en'] p
{
    word-break: break-word;
}

.list-nav-secondary,
.list-nav-tertiary,
.list-nav-anchor-header,
.list-nav-anchor,
.list-nav-page-header,
.list-breadcrumbs,
.footer-global_inner,
.area-footer-links,
.header-lv2-top,
.list-tab-top-news_nav,
.list-top-movie,
.list-top-recommend,
.list-top-banner,
.area-cloud-06,
.heading-lv2-inbox,
.list-recommend,
.area-split,
.area-split-subhead,
.area-column2,
.footer-article,
.block-item,
.carousel_inner,
.list-box,
.list-box-incolumn,
.list-horizontal,
.list-news-ir_head,
.list-carrer > li,
.list-board-half,
.list-calender-sub_date,
.list-news-check,
.list-sns,
.list-form-order
{
    *zoom: 1;
}

.list-nav-secondary:before,
.list-nav-tertiary:before,
.list-nav-anchor-header:before,
.list-nav-anchor:before,
.list-nav-page-header:before,
.list-breadcrumbs:before,
.footer-global_inner:before,
.area-footer-links:before,
.header-lv2-top:before,
.list-tab-top-news_nav:before,
.list-top-movie:before,
.list-top-recommend:before,
.list-top-banner:before,
.area-cloud-06:before,
.heading-lv2-inbox:before,
.list-recommend:before,
.area-split:before,
.area-split-subhead:before,
.area-column2:before,
.footer-article:before,
.block-item:before,
.carousel_inner:before,
.list-box:before,
.list-box-incolumn:before,
.list-horizontal:before,
.list-news-ir_head:before,
.list-carrer > li:before,
.list-board-half:before,
.list-calender-sub_date:before,
.list-news-check:before,
.list-sns:before,
.list-form-order:before,
.list-nav-secondary:after,
.list-nav-tertiary:after,
.list-nav-anchor-header:after,
.list-nav-anchor:after,
.list-nav-page-header:after,
.list-breadcrumbs:after,
.footer-global_inner:after,
.area-footer-links:after,
.header-lv2-top:after,
.list-tab-top-news_nav:after,
.list-top-movie:after,
.list-top-recommend:after,
.list-top-banner:after,
.area-cloud-06:after,
.heading-lv2-inbox:after,
.list-recommend:after,
.area-split:after,
.area-split-subhead:after,
.area-column2:after,
.footer-article:after,
.block-item:after,
.carousel_inner:after,
.list-box:after,
.list-box-incolumn:after,
.list-horizontal:after,
.list-news-ir_head:after,
.list-carrer > li:after,
.list-board-half:after,
.list-calender-sub_date:after,
.list-news-check:after,
.list-sns:after,
.list-form-order:after
{
    display: table;

    content: ' ';
}

.list-nav-secondary:after,
.list-nav-tertiary:after,
.list-nav-anchor-header:after,
.list-nav-anchor:after,
.list-nav-page-header:after,
.list-breadcrumbs:after,
.footer-global_inner:after,
.area-footer-links:after,
.header-lv2-top:after,
.list-tab-top-news_nav:after,
.list-top-movie:after,
.list-top-recommend:after,
.list-top-banner:after,
.area-cloud-06:after,
.heading-lv2-inbox:after,
.list-recommend:after,
.area-split:after,
.area-split-subhead:after,
.area-column2:after,
.footer-article:after,
.block-item:after,
.carousel_inner:after,
.list-box:after,
.list-box-incolumn:after,
.list-horizontal:after,
.list-news-ir_head:after,
.list-carrer > li:after,
.list-board-half:after,
.list-calender-sub_date:after,
.list-news-check:after,
.list-sns:after,
.list-form-order:after
{
    clear: both;
}

img
{
    max-width: 100%;
    height: auto;
}

sup
{
    font-size: 100%;

    vertical-align: super;
}

/* ==========================================================================
   Helper
============================================================================= */

/* clearfix
--------------------------------------------------------- */

.clearfix
{
    *zoom: 1;
}

.clearfix:before,
.clearfix:after
{
    display: table;

    content: ' ';
}

.clearfix:after
{
    clear: both;
}

/* display
--------------------------------------------------------- */

.display-none
{
    display: none !important;
}

.display-block
{
    display: block !important;
}

.display-inline
{
    display: inline !important;
}

.display-inline-block
{
    display: inline-block !important;
}

.display-table
{
    display: table !important;
}

.display-table-cell
{
    display: table-cell !important;
}

/* position
--------------------------------------------------------- */

.position-static
{
    position: static !important;
}

.position-relative
{
    position: relative !important;
}

.position-absolute
{
    position: absolute !important;
}

/* font-weight
--------------------------------------------------------- */

.fw-normal
{
    font-weight: normal !important;
}

.fw-bold
{
    font-weight: bold !important;
}

/* float
--------------------------------------------------------- */

.float-none
{
    float: none !important;
}

.float-left
{
    float: left !important;
}

.float-right
{
    float: right !important;
}

/* text-align
--------------------------------------------------------- */

.align-left
{
    text-align: left !important;
}

.align-center
{
    text-align: center !important;
}

.align-right
{
    text-align: right !important;
}

/* vertical-align
--------------------------------------------------------- */

.valign-top
{
    vertical-align: top !important;
}

.valign-middle
{
    vertical-align: middle !important;
}

.valign-bottom
{
    vertical-align: bottom !important;
}

.valign-baseline
{
    vertical-align: baseline !important;
}

/* margin
--------------------------------------------------------- */

.mgn
{
    margin: 0 !important;
}

.mt0
{
    margin-top: 0 !important;
}

.mt5
{
    margin-top: 5px !important;
}

.mt10
{
    margin-top: 10px !important;
}

.mt15
{
    margin-top: 15px !important;
}

.mt20
{
    margin-top: 20px  !important;
}

.mt25
{
    margin-top: 25px !important;
}

.mt30
{
    margin-top: 30px !important;
}

.mt35
{
    margin-top: 35px  !important;
}

.mt40
{
    margin-top: 40px !important;
}

.mt45
{
    margin-top: 45px !important;
}

.mt50
{
    margin-top: 50px  !important;
}

.mt55
{
    margin-top: 55px !important;
}

.mt60
{
    margin-top: 60px !important;
}

.mb0
{
    margin-bottom: 0 !important;
}

.mb5
{
    margin-bottom: 5px !important;
}

.mb10
{
    margin-bottom: 10px !important;
}

.mb15
{
    margin-bottom: 15px !important;
}

.mb20
{
    margin-bottom: 20px  !important;
}

.mb25
{
    margin-bottom: 25px !important;
}

.mb30
{
    margin-bottom: 30px !important;
}

.mb35
{
    margin-bottom: 35px  !important;
}

.mb40
{
    margin-bottom: 40px !important;
}

.mb45
{
    margin-bottom: 45px !important;
}

.mb50
{
    margin-bottom: 50px  !important;
}

.mb55
{
    margin-bottom: 55px !important;
}

.mb60
{
    margin-bottom: 60px !important;
}

.mla
{
    margin-left: auto !important;
}

.ml0
{
    margin-left: 0 !important;
}

.ml5
{
    margin-left: 5px !important;
}

.ml10
{
    margin-left: 10px !important;
}

.ml15
{
    margin-left: 15px !important;
}

.ml20
{
    margin-left: 20px  !important;
}

.ml25
{
    margin-left: 25px !important;
}

.ml30
{
    margin-left: 30px !important;
}

.ml35
{
    margin-left: 35px  !important;
}

.ml40
{
    margin-left: 40px !important;
}

.ml45
{
    margin-left: 45px !important;
}

.ml50
{
    margin-left: 50px  !important;
}

.ml55
{
    margin-left: 55px !important;
}

.ml60
{
    margin-left: 60px !important;
}

.mra
{
    margin-right: auto !important;
}

.mr0
{
    margin-right: 0 !important;
}

.mr5
{
    margin-right: 5px !important;
}

.mr10
{
    margin-right: 10px !important;
}

.mr15
{
    margin-right: 15px !important;
}

.mr20
{
    margin-right: 20px  !important;
}

.mr25
{
    margin-right: 25px !important;
}

.mr30
{
    margin-right: 30px !important;
}

.mr35
{
    margin-right: 35px  !important;
}

.mr40
{
    margin-right: 40px !important;
}

.mr45
{
    margin-right: 45px !important;
}

.mr50
{
    margin-right: 50px  !important;
}

.mr55
{
    margin-right: 55px !important;
}

.mr60
{
    margin-right: 60px !important;
}

/* border
--------------------------------------------------------- */

.border-none
{
    border: 0 !important;
}

.border-top-none
{
    border-top: 0 !important;
}

.border-right-none
{
    border-right: 0 !important;
}

.border-bottom-none
{
    border-bottom: 0 !important;
}

.border-left-none
{
    border-left: 0 !important;
}

/* font-size
--------------------------------------------------------- */

.font-size-small
{
    font-size: 12px;
    font-size: 1.2rem;
}

.is-font-large .font-size-small
{
    font-size: 13.68px;
    font-size: 1.368rem;
}

.font-size-normal
{
    font-size: 14px;
    font-size: 1.4rem;
}

.is-font-large .font-size-normal
{
    font-size: 15.96px;
    font-size: 1.596rem;
}

.font-size-15
{
    font-size: 15px;
    font-size: 1.5rem;
}

.is-font-large .font-size-15
{
    font-size: 17.1px;
    font-size: 1.71rem;
}

.font-size-large
{
    font-size: 16px;
    font-size: 1.6rem;
}

.is-font-large .font-size-large
{
    font-size: 18.24px;
    font-size: 1.824rem;
}

.font-bold
{
    font-weight: bold;
}

.board_content a[href$='.pdf']:after,
.board_content a[href*='.aspx']:after,
.board_content a[target='_blank'][href$='.pdf']:after,
.board_content a[target='_blank'][href*='.aspx']:after,
.list-news_content a[href$='.pdf']:after,
.list-news_content a[href*='.aspx']:after,
.list-news_content a[target='_blank'][href$='.pdf']:after,
.list-news_content a[target='_blank'][href*='.aspx']:after,
.list-news-ir_content a[href$='.pdf']:after,
.list-news-ir_content a[href*='.aspx']:after,
.list-news-ir_content a[target='_blank'][href$='.pdf']:after,
.list-news-ir_content a[target='_blank'][href*='.aspx']:after,
.list-board-half > li a[href$='.pdf']:after,
.list-board-half > li a[href*='.aspx']:after,
.list-board-half > li a[target='_blank'][href$='.pdf']:after,
.list-board-half > li a[target='_blank'][href*='.aspx']:after,
.list-calender-sub_content a[href$='.pdf']:after,
.list-calender-sub_content a[href*='.aspx']:after,
.list-calender-sub_content a[target='_blank'][href$='.pdf']:after,
.list-calender-sub_content a[target='_blank'][href*='.aspx']:after,
.table-full a[href$='.pdf']:after,
.table-full a[href*='.aspx']:after,
.link-pdf:after,
#divDataArea a[href$='.pdf']:after,
#divDataArea a[href*='.aspx']:after,
#divDataArea a[target='_blank'][href$='.pdf']:after,
#divDataArea a[target='_blank'][href*='.aspx']:after
{
    position: relative;
    top: -2px;

    display: inline-block;

    width: 14px;
    height: 16px;
    margin-left: 8px;

    content: '';
    vertical-align: middle;

    background-image: url('/common/img/pdf.svg');
}

/* ==========================================================================
   Layout
============================================================================= */

.gbl-iconlink
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding-left: 20px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.gbl-iconlink > i
{
    display: block;

    width: 20px;
    height: 20px;
}

.gbl-iconlink > p
{
    font-family: 'Noto Sans Japanese', sans-serif;
    font-weight: bold;

    margin-left: 10px;
}

.gbl-header
{
    position: fixed;
    top: 0;
    left: 0;

    width: 180px;

    background: #fff;
}

.gbl-header_logo a
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 180px;
    height: 110px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.gbl-header_logo a span
{
    display: none;
}

.cmn-childtitle > div > p
{
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;

    color: #434a53;
}

.is-font-large .cmn-childtitle > div > p
{
    font-size: 17.1px;
    font-size: 1.71rem;
}

.gbl-nav
{
    position: fixed;
    z-index: 1;
    top: 110px;
    left: 0;

    width: 180px;
    height: calc(100% - 110px);

    background: #a0d468;
}

.gbl-nav::before
{
    position: fixed;
    top: 0;
    left: 180px;

    width: 0;
    height: 100%;

    content: '';
    pointer-events: none;

    opacity: 0;

    -webkit-perspective: 1500px;
            perspective: 1500px;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

body.is-nav-open .gbl-nav::before
{
    z-index: 1;

    width: 325px;

    pointer-events: all;

    opacity: 1;
}

.gbl-nav::before
{
    width: 100%;
    height: calc(100% - 80px);
    padding-top: 80px;

    content: '';
    -webkit-transition: -webkit-transform .5s;
            transition: -webkit-transform .5s;
            transition:         transform .5s;
            transition:         transform .5s, -webkit-transform .5s;
    -webkit-transform: rotateY(90deg);
            transform: rotateY(90deg);
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;

    background: #fff;
    box-shadow: inset 2px 0 rgba(0, 0, 0, .06);
}

body.is-nav-open .gbl-nav::before
{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
}

.gbl-nav a
{
    color: #656d78;
}

/* -----------------------------------
  SERVICE
----------------------------------- */

.gbl-nav_service > ul > li > a
{
    font-size: 14px;
    font-size: 1.4rem;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    height: 40px;

    color: #fff;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.is-font-large .gbl-nav_service > ul > li > a
{
    font-size: 15.96px;
    font-size: 1.596rem;
}

.gbl-nav_service > ul > li > a:hover
{
    color: #434a53;
}

.gbl-nav_service > ul > li > a > .gbl-iconlink p
{
    line-height: 17px;
}

.gbl-nav_service > ul > li.gbl-nav_service-service
{
    margin: 0;
}

.gbl-nav_service > ul > li.gbl-nav_service-service a
{
    height: 40px;
    margin: 0;
    padding: 0;

    pointer-events: none;

    background: #5f646c;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.gbl-nav_service > ul > li.gbl-nav_service-service a .gbl-iconlink
{
    padding: 0;
}

.gbl-nav_service > ul > li.gbl-nav_service-service a .gbl-iconlink i
{
    display: none;

    background: url(/common/img/renew/ico/ico-studio-white.svg) center center/contain no-repeat;
}

.gbl-nav_service > ul > li.gbl-nav_service-service a .gbl-iconlink p
{
    font-size: 12px;
    font-size: 1.2rem;

    margin: 0;
}

.is-font-large .gbl-nav_service > ul > li.gbl-nav_service-service a .gbl-iconlink p
{
    font-size: 13.68px;
    font-size: 1.368rem;
}

.gbl-nav_service > ul > li.gbl-nav_service-company
{
    margin-top: 247px;
    margin-top: 300px;
}

.gbl-nav_service > ul > li.gbl-nav_service-company a
{
    padding-top: 10px;
}

.gbl-nav_service > ul > li.gbl-nav_service-company a .gbl-iconlink i
{
    background: url(/common/img/renew/ico/ico-company.svg) center center/contain no-repeat;
}

body[data-page-category='company'] .gbl-nav_service > ul > li.gbl-nav_service-company a .gbl-iconlink p,
body[data-nav-slide='company'] .gbl-nav_service > ul > li.gbl-nav_service-company a .gbl-iconlink p
{
    color: #434a53;
}

.gbl-nav_service > ul > li.gbl-nav_service-ir a .gbl-iconlink i
{
    background: url(/common/img/renew/ico/ico-ir.svg) center center/contain no-repeat;
}

body[data-page-category='ir'] .gbl-nav_service > ul > li.gbl-nav_service-ir a .gbl-iconlink p,
body[data-nav-slide='ir'] .gbl-nav_service > ul > li.gbl-nav_service-ir a .gbl-iconlink p
{
    color: #434a53;
}

.gbl-nav_service > ul > li.gbl-nav_service-news a .gbl-iconlink i
{
    background: url(/common/img/renew/ico/ico-news.svg) center center/contain no-repeat;
}

body[data-page-category='news'] .gbl-nav_service > ul > li.gbl-nav_service-news a .gbl-iconlink p,
body[data-nav-slide='news'] .gbl-nav_service > ul > li.gbl-nav_service-news a .gbl-iconlink p
{
    color: #434a53;
}

.gbl-nav_service > ul > li.gbl-nav_service-other > a .gbl-iconlink i
{
    background: url(/common/img/renew/ico/ico-other.svg) center center/contain no-repeat;
}

body[data-page-category='recruit'] .gbl-nav_service > ul > li.gbl-nav_service-other > a .gbl-iconlink p,
body[data-page-category='inquiry'] .gbl-nav_service > ul > li.gbl-nav_service-other > a .gbl-iconlink p,
body[data-page-category='glossary'] .gbl-nav_service > ul > li.gbl-nav_service-other > a .gbl-iconlink p,
body[data-page-category='3minutes'] .gbl-nav_service > ul > li.gbl-nav_service-other > a .gbl-iconlink p,
body[data-page-category='cloud'] .gbl-nav_service > ul > li.gbl-nav_service-other > a .gbl-iconlink p,
body[data-page-category='howtouse'] .gbl-nav_service > ul > li.gbl-nav_service-other > a .gbl-iconlink p,
body[data-page-category='cloud'] .gbl-nav_service > ul > li.gbl-nav_service-other > a .gbl-iconlink p,
body[data-page-category='howtouse'] .gbl-nav_service > ul > li.gbl-nav_service-other > a .gbl-iconlink p,
body[data-page-category='privacy'] .gbl-nav_service > ul > li.gbl-nav_service-other > a .gbl-iconlink p,
body[data-page-category='sitepolicy'] .gbl-nav_service > ul > li.gbl-nav_service-other > a .gbl-iconlink p,
body[data-page-category='sitemap'] .gbl-nav_service > ul > li.gbl-nav_service-other > a .gbl-iconlink p
{
    color: #434a53;
}

/* -----------------------------------
  ENV
----------------------------------- */

.gbl-nav_env
{
    margin-top: 15px;
}

.gbl-nav_env > ul > li > a
{
    font-size: 12px;
    font-size: 1.2rem;
}

.is-font-large .gbl-nav_env > ul > li > a
{
    font-size: 13.68px;
    font-size: 1.368rem;
}

.gbl-nav_env > ul > li.gbl-nav_env-lang a
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 60px;

    color: #fff;
    border-top: 1px solid #e2e6e8;
    border-bottom: 1px solid #e2e6e8;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.gbl-nav_env > ul > li.gbl-nav_env-lang a:hover
{
    color: #434a53;
}

.gbl-nav_env > ul > li.gbl-nav_env-lang a .gbl-iconlink p
{
    font-size: 12px;
    font-size: 1.2rem;
}

.is-font-large .gbl-nav_env > ul > li.gbl-nav_env-lang a .gbl-iconlink p
{
    font-size: 13.68px;
    font-size: 1.368rem;
}

.gbl-nav_env > ul > li.gbl-nav_env-lang a .gbl-iconlink i
{
    background: url(/common/img/renew/ico/ico-lang-en.svg) center center/contain no-repeat;
}

html[lang='en'] .gbl-nav_env > ul > li.gbl-nav_env-lang a .gbl-iconlink i
{
    background: url(/common/img/renew/ico/ico-lang-ja.svg) center center/contain no-repeat;
}

.gbl-nav_env > ul > li.gbl-nav_env-search
{
    display: none;
}

.gbl-nav_env > ul > li.gbl-nav_env-search a
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #fff;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.gbl-nav_env > ul > li.gbl-nav_env-search a .gbl-iconlink i
{
    background: url(/common/img/renew/ico/ico-search-white.svg) center center/contain no-repeat;
}

/* -----------------------------------
  MAIN CONTENTS
----------------------------------- */

.gbl-nav_mc
{
    position: absolute;
    top: 40px;
    left: 0;

    width: 180px;
}

.gbl-nav_mc > .gbl-nav_winclose
{
    display: none;
}

.gbl-nav_mc > ul > li
{
    box-sizing: border-box;

    box-shadow: 0 -1px 0 rgba(255, 255, 255, .2);
}

.gbl-nav_mc > ul > li:first-child
{
    box-shadow: none;
}

.gbl-nav_mc > ul > li > a
{
    font-size: 15px;
    font-size: 1.5rem;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    height: 60px;

    color: #fff;
    background: #434a53;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.is-font-large .gbl-nav_mc > ul > li > a
{
    font-size: 17.1px;
    font-size: 1.71rem;
}

.gbl-nav_mc > ul > li > a:hover
{
    background: #fff;
}

.gbl-nav_mc > ul > li > a:hover .gbl-iconlink p
{
    color: #434a53;
}

.gbl-nav_mc > ul > li.gbl-nav_mc-media a
{
    line-height: 1.2;
}

.gbl-nav_mc > ul > li.gbl-nav_mc-media a .gbl-iconlink i
{
    background: url(/common/img/renew/ico/ico-media.svg) center center/contain no-repeat;
}

.gbl-nav_mc > ul > li.gbl-nav_mc-studio a
{
    line-height: 1.2;
}

.gbl-nav_mc > ul > li.gbl-nav_mc-studio a .gbl-iconlink i
{
    background: url(/common/img/renew/ico/ico-studio.svg) center center/contain no-repeat;
}

.gbl-nav_mc > ul > li.gbl-nav_mc-broadcast a .gbl-iconlink i
{
    background: url(/common/img/renew/ico/ico-broadcast.svg) center center/contain no-repeat;
}

.gbl-nav_mc > ul > li.gbl-nav_mc-technology a .gbl-iconlink i
{
    background: url(/common/img/renew/ico/ico-technology.svg) center center/contain no-repeat;
}

.gbl-nav_mc > ul > li.gbl-nav_mc-education a .gbl-iconlink i
{
    background: url(/common/img/renew/ico/ico-education.svg) center center/contain no-repeat;
}

.gbl-nav_mc > ul > li.gbl-nav_mc-others a .gbl-iconlink i
{
    background: url(/common/img/renew/ico/ico-others.svg) center center/contain no-repeat;
}

/* -----------------------------------
  MEDIA
----------------------------------- */

.gbl-nav_media .t-window_title i
{
    background: url(/common/img/renew/ico/ico-media.svg) center center/contain no-repeat;
}

/* -----------------------------------
  STUDIO
----------------------------------- */

.gbl-nav_studio .t-window_title i
{
    background: url(/common/img/renew/ico/ico-studio.svg) center center/contain no-repeat;
}

/* -----------------------------------
  BROADCAST
----------------------------------- */

.gbl-nav_broadcast .t-window_title i
{
    background: url(/common/img/renew/ico/ico-broadcast.svg) center center/contain no-repeat;
}

/* -----------------------------------
  TECHNOLOGY
----------------------------------- */

.gbl-nav_tech .t-window_title i
{
    background: url(/common/img/renew/ico/ico-technology.svg) center center/contain no-repeat;
}

/* -----------------------------------
  EDUCATION
----------------------------------- */

.gbl-nav_education .t-window_title i
{
    background: url(/common/img/renew/ico/ico-education.svg) center center/contain no-repeat;
}

/* -----------------------------------
  OTHERS
----------------------------------- */

.gbl-nav_others .t-window_title i
{
    background: url(/common/img/renew/ico/ico-others.svg) center center/contain no-repeat;
}

/* -----------------------------------
  NEWS
----------------------------------- */

.gbl-nav_news .t-window_title i
{
    background: url(/common/img/renew/ico/ico-news-green.svg) center center/contain no-repeat;
}

.gbl-nav_news .label-box
{
    display: none;
}

.gbl-nav_news-list
{
    padding: 0 20px;
}

.gbl-nav_news-list *
{
    box-sizing: border-box;
}

.gbl-nav_news-list .label
{
    margin-left: 10px;
}

.gbl-nav_news-list .clearfix
{
    display: block;

    width: 100%;
}

.gbl-nav_news-list .nav-new-first
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    padding: 20px 0;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.gbl-nav_news-list .nav-new-first:hover
{
    text-decoration: none;
}

.gbl-nav_news-list .nav-new-first:hover .block-nav-news_content
{
    text-decoration: underline;
}

.gbl-nav_news-list .nav-new-first .nav-news-thumb
{
    width: 30%;
}

.gbl-nav_news-list .list-nav-primary_secondary-news
{
    width: 100%;
    max-width: 100%;
    margin: 0;
}

.gbl-nav_news-list .list-nav-primary_secondary-news > li
{
    width: 100%;
}

.gbl-nav_news-list .list-nav-primary_secondary-news > li > a
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 10px 0;

    border-top: 1px solid #e2e6e8;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.gbl-nav_news-list .list-nav-primary_secondary-news > li > a:hover
{
    text-decoration: none;
}

.gbl-nav_news-list .list-nav-primary_secondary-news > li > a:hover .block-nav-news_content
{
    text-decoration: underline;
}

.gbl-nav_news-list .nav-news-thumb
{
    position: relative;

    width: 30%;
}

.gbl-nav_news-list .block-nav-news
{
    display: block;

    width: 70%;
    padding-left: 15px;
}

.gbl-nav_news-list .block-nav-news .block-nav-news_title
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.gbl-nav_news-list .block-nav-news .block-nav-news_content
{
    margin-left: 0;
}

/* -----------------------------------
  COMPANY
----------------------------------- */

.gbl-nav_company .t-window_title i
{
    background: url(/common/img/renew/ico/ico-company-green.svg) center center/contain no-repeat;
}

/* -----------------------------------
  IR
----------------------------------- */

.gbl-nav_ir .t-window_title i
{
    background: url(/common/img/renew/ico/ico-ir-green.svg) center center/contain no-repeat;
}

/* -----------------------------------
  OTHER
----------------------------------- */

.gbl-nav_other .t-window_title
{
    display: none;
}

.gbl-nav_other .t-window_title i
{
    background: url(/common/img/renew/ico/ico-other-green.svg) center center/contain no-repeat;
}

.gbl-nav_other ul li.gbl-nav_other-recruit i
{
    background: url(/common/img/renew/ico/ico-recruit.svg) center center/contain no-repeat;
}

.gbl-nav_other ul li.gbl-nav_other-faq i
{
    background: url(/common/img/renew/ico/ico-faq.svg) center center/contain no-repeat;
}

.gbl-nav_other ul li.gbl-nav_other-glossary i
{
    background: url(/common/img/renew/ico/ico-glossary.svg) center center/contain no-repeat;
}

.gbl-nav_other ul li.gbl-nav_other-3minnuites i
{
    background: url(/common/img/renew/ico/ico-3minnuites.svg) center center/contain no-repeat;
}

.gbl-nav_other ul li.gbl-nav_other-cloud i
{
    background: url(/common/img/renew/ico/ico-cloud.svg) center center/contain no-repeat;
}

.gbl-nav_other ul li.gbl-nav_other-howtouse i
{
    background: url(/common/img/renew/ico/ico-howtouse.svg) center center/contain no-repeat;
}

.gbl-nav_other ul li.gbl-nav_other-privacy i
{
    background: url(/common/img/renew/ico/ico-privacy.svg) center center/contain no-repeat;
}

.gbl-nav_other ul li.gbl-nav_other-sitepolicy i
{
    background: url(/common/img/renew/ico/ico-sitepolicy.svg) center center/contain no-repeat;
}

.gbl-nav_other ul li.gbl-nav_other-sitemap i
{
    background: url(/common/img/renew/ico/ico-sitemap.svg) center center/contain no-repeat;
}

/* -----------------------------------
  FORM
----------------------------------- */

.gbl-nav_form
{
    position: fixed;
    z-index: 1;
    top: 70px;
    left: 180px;

    display: none;

    width: 325px;
}

.gbl-nav_service-other .gbl-nav_form
{
    position: static;

    display: block;

    max-width: 245px;
    margin: auto;
}

.gbl-nav_form .gbl-nav_winclose
{
    display: none;
}

.gbl-nav_form .form-nav-other
{
    position: relative;
}

.gbl-nav_form .form-nav-other input[type='text']
{
    font-size: 14px;
    font-size: 1.4rem;
    line-height: normal;

    box-sizing: border-box;
    width: 100%;
    height: 40px;
    padding: 12px 13px;

    -webkit-transition: background-color .4s;
            transition: background-color .4s;

    border: 1px solid #e2e6e8;
    background-color: #e2e6e8;

    -webkit-appearance: none;
}

.is-font-large .gbl-nav_form .form-nav-other input[type='text']
{
    font-size: 15.96px;
    font-size: 1.596rem;
}

.gbl-nav_form .form-nav-other input[type='text']:focus
{
    background-color: #fff;
}

.gbl-nav_form .form-nav-other input[type='submit']
{
    position: absolute;
    top: 0;
    right: 0;

    width: 40px;
    height: 40px;

    cursor: pointer;
    text-indent: -9999px;

    background-color: transparent;
    background-image: url('/common/img/serch.svg');
    background-repeat: no-repeat;
    background-position: center center;

    -webkit-appearance: none;
}

.gbl-nav_winclose
{
    position: absolute;
    top: 0;
    left: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    height: 60px;

    cursor: pointer;

    border-bottom: 1px solid #e2e6e8;
    background: #f3f5f8;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.gbl-nav_winclose > div
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.gbl-nav_winclose > div i
{
    display: block;

    width: 20px;
    height: 20px;

    background: url(/common/img/renew/ico/ico-close.svg) center center/contain no-repeat;
}

.gbl-nav_winclose > div p
{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;

    margin-left: 10px;
}

.is-font-large .gbl-nav_winclose > div p
{
    font-size: 18.24px;
    font-size: 1.824rem;
}

body[data-nav-slide='media'] .t-window[data-nav-win='media']
{
    z-index: 1;

    width: 325px;

    -webkit-transition: width 0s 0s, overflow 0s 0s, opacity 0s 0s;
            transition: width 0s 0s, overflow 0s 0s, opacity 0s 0s;
    pointer-events: all;

    opacity: 1;
}

body[data-nav-slide='media'] .t-window[data-nav-win='media'] .t-window_inner
{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
}

body[data-nav-slide='media'].fadeAnimation .t-window[data-nav-win='media']
{
    -webkit-transition: opacity .4s ease;
            transition: opacity .4s ease;

    -webkit-perspective: none;
            perspective: none;
    -webkit-transform-style: none;
            transform-style: none;
}

body[data-nav-slide='media'].fadeAnimation .t-window[data-nav-win='media'] .t-window_inner
{
    -webkit-transition: none;
            transition: none;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}

body[data-nav-slide='studio'] .t-window[data-nav-win='studio']
{
    z-index: 1;

    width: 325px;

    -webkit-transition: width 0s 0s, overflow 0s 0s, opacity 0s 0s;
            transition: width 0s 0s, overflow 0s 0s, opacity 0s 0s;
    pointer-events: all;

    opacity: 1;
}

body[data-nav-slide='studio'] .t-window[data-nav-win='studio'] .t-window_inner
{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
}

body[data-nav-slide='studio'].fadeAnimation .t-window[data-nav-win='studio']
{
    -webkit-transition: opacity .4s ease;
            transition: opacity .4s ease;

    -webkit-perspective: none;
            perspective: none;
    -webkit-transform-style: none;
            transform-style: none;
}

body[data-nav-slide='studio'].fadeAnimation .t-window[data-nav-win='studio'] .t-window_inner
{
    -webkit-transition: none;
            transition: none;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}

body[data-nav-slide='broadcast'] .t-window[data-nav-win='broadcast']
{
    z-index: 1;

    width: 325px;

    -webkit-transition: width 0s 0s, overflow 0s 0s, opacity 0s 0s;
            transition: width 0s 0s, overflow 0s 0s, opacity 0s 0s;
    pointer-events: all;

    opacity: 1;
}

body[data-nav-slide='broadcast'] .t-window[data-nav-win='broadcast'] .t-window_inner
{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
}

body[data-nav-slide='broadcast'].fadeAnimation .t-window[data-nav-win='broadcast']
{
    -webkit-transition: opacity .4s ease;
            transition: opacity .4s ease;

    -webkit-perspective: none;
            perspective: none;
    -webkit-transform-style: none;
            transform-style: none;
}

body[data-nav-slide='broadcast'].fadeAnimation .t-window[data-nav-win='broadcast'] .t-window_inner
{
    -webkit-transition: none;
            transition: none;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}

body[data-nav-slide='education'] .t-window[data-nav-win='education']
{
    z-index: 1;

    width: 325px;

    -webkit-transition: width 0s 0s, overflow 0s 0s, opacity 0s 0s;
            transition: width 0s 0s, overflow 0s 0s, opacity 0s 0s;
    pointer-events: all;

    opacity: 1;
}

body[data-nav-slide='education'] .t-window[data-nav-win='education'] .t-window_inner
{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
}

body[data-nav-slide='education'].fadeAnimation .t-window[data-nav-win='education']
{
    -webkit-transition: opacity .4s ease;
            transition: opacity .4s ease;

    -webkit-perspective: none;
            perspective: none;
    -webkit-transform-style: none;
            transform-style: none;
}

body[data-nav-slide='education'].fadeAnimation .t-window[data-nav-win='education'] .t-window_inner
{
    -webkit-transition: none;
            transition: none;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}

body[data-nav-slide='technology'] .t-window[data-nav-win='technology']
{
    z-index: 1;

    width: 325px;

    -webkit-transition: width 0s 0s, overflow 0s 0s, opacity 0s 0s;
            transition: width 0s 0s, overflow 0s 0s, opacity 0s 0s;
    pointer-events: all;

    opacity: 1;
}

body[data-nav-slide='technology'] .t-window[data-nav-win='technology'] .t-window_inner
{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
}

body[data-nav-slide='technology'].fadeAnimation .t-window[data-nav-win='technology']
{
    -webkit-transition: opacity .4s ease;
            transition: opacity .4s ease;

    -webkit-perspective: none;
            perspective: none;
    -webkit-transform-style: none;
            transform-style: none;
}

body[data-nav-slide='technology'].fadeAnimation .t-window[data-nav-win='technology'] .t-window_inner
{
    -webkit-transition: none;
            transition: none;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}

body[data-nav-slide='company'] .t-window[data-nav-win='company']
{
    z-index: 1;

    width: 325px;

    -webkit-transition: width 0s 0s, overflow 0s 0s, opacity 0s 0s;
            transition: width 0s 0s, overflow 0s 0s, opacity 0s 0s;
    pointer-events: all;

    opacity: 1;
}

body[data-nav-slide='company'] .t-window[data-nav-win='company'] .t-window_inner
{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
}

body[data-nav-slide='company'].fadeAnimation .t-window[data-nav-win='company']
{
    -webkit-transition: opacity .4s ease;
            transition: opacity .4s ease;

    -webkit-perspective: none;
            perspective: none;
    -webkit-transform-style: none;
            transform-style: none;
}

body[data-nav-slide='company'].fadeAnimation .t-window[data-nav-win='company'] .t-window_inner
{
    -webkit-transition: none;
            transition: none;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}

body[data-nav-slide='ir'] .t-window[data-nav-win='ir']
{
    z-index: 1;

    width: 325px;

    -webkit-transition: width 0s 0s, overflow 0s 0s, opacity 0s 0s;
            transition: width 0s 0s, overflow 0s 0s, opacity 0s 0s;
    pointer-events: all;

    opacity: 1;
}

body[data-nav-slide='ir'] .t-window[data-nav-win='ir'] .t-window_inner
{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
}

body[data-nav-slide='ir'].fadeAnimation .t-window[data-nav-win='ir']
{
    -webkit-transition: opacity .4s ease;
            transition: opacity .4s ease;

    -webkit-perspective: none;
            perspective: none;
    -webkit-transform-style: none;
            transform-style: none;
}

body[data-nav-slide='ir'].fadeAnimation .t-window[data-nav-win='ir'] .t-window_inner
{
    -webkit-transition: none;
            transition: none;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}

body[data-nav-slide='other'] .t-window[data-nav-win='other']
{
    z-index: 1;

    width: 325px;

    -webkit-transition: width 0s 0s, overflow 0s 0s, opacity 0s 0s;
            transition: width 0s 0s, overflow 0s 0s, opacity 0s 0s;
    pointer-events: all;

    opacity: 1;
}

body[data-nav-slide='other'] .t-window[data-nav-win='other'] .t-window_inner
{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
}

body[data-nav-slide='other'].fadeAnimation .t-window[data-nav-win='other']
{
    -webkit-transition: opacity .4s ease;
            transition: opacity .4s ease;

    -webkit-perspective: none;
            perspective: none;
    -webkit-transform-style: none;
            transform-style: none;
}

body[data-nav-slide='other'].fadeAnimation .t-window[data-nav-win='other'] .t-window_inner
{
    -webkit-transition: none;
            transition: none;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}

body[data-nav-slide='news'] .t-window[data-nav-win='news']
{
    z-index: 1;

    width: 325px;

    -webkit-transition: width 0s 0s, overflow 0s 0s, opacity 0s 0s;
            transition: width 0s 0s, overflow 0s 0s, opacity 0s 0s;
    pointer-events: all;

    opacity: 1;
}

body[data-nav-slide='news'] .t-window[data-nav-win='news'] .t-window_inner
{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
}

body[data-nav-slide='news'].fadeAnimation .t-window[data-nav-win='news']
{
    -webkit-transition: opacity .4s ease;
            transition: opacity .4s ease;

    -webkit-perspective: none;
            perspective: none;
    -webkit-transform-style: none;
            transform-style: none;
}

body[data-nav-slide='news'].fadeAnimation .t-window[data-nav-win='news'] .t-window_inner
{
    -webkit-transition: none;
            transition: none;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}

body[data-nav-slide='others'] .t-window[data-nav-win='others']
{
    z-index: 1;

    width: 325px;

    -webkit-transition: width 0s 0s, overflow 0s 0s, opacity 0s 0s;
            transition: width 0s 0s, overflow 0s 0s, opacity 0s 0s;
    pointer-events: all;

    opacity: 1;
}

body[data-nav-slide='others'] .t-window[data-nav-win='others'] .t-window_inner
{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
}

body[data-nav-slide='others'].fadeAnimation .t-window[data-nav-win='others']
{
    -webkit-transition: opacity .4s ease;
            transition: opacity .4s ease;

    -webkit-perspective: none;
            perspective: none;
    -webkit-transform-style: none;
            transform-style: none;
}

body[data-nav-slide='others'].fadeAnimation .t-window[data-nav-win='others'] .t-window_inner
{
    -webkit-transition: none;
            transition: none;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}

.t-window
{
    position: fixed;
    top: 0;
    left: 180px;

    width: 0;
    height: 100%;

    -webkit-transition: width 0s .5s, overflow 0s .5s, opacity 0s .5s;
            transition: width 0s .5s, overflow 0s .5s, opacity 0s .5s;
    pointer-events: none;

    opacity: 0;

    -webkit-perspective: 1500px;
            perspective: 1500px;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.t-window_inner
{
    width: 100%;
    height: calc(100% - 80px);
    padding-top: 80px;

    -webkit-transition: -webkit-transform .5s;
            transition: -webkit-transform .5s;
            transition:         transform .5s;
            transition:         transform .5s, -webkit-transform .5s;
    -webkit-transform: rotateY(90deg);
            transform: rotateY(90deg);
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;

    box-shadow: inset 2px 0 rgba(0, 0, 0, .06);
}

.t-window_title
{
    display: block;

    max-width: 245px;
    margin: auto;
    padding-bottom: 20px;

    border-bottom: 1px solid #e2e6e8;
}

.t-window_title > div
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.t-window_title > div i
{
    display: block;

    width: 20px;
    height: 20px;
}

.t-window_title > div p
{
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 700;

    margin-left: 10px;

    color: #434a53;
}

.is-font-large .t-window_title > div p
{
    font-size: 17.1px;
    font-size: 1.71rem;
}

.t-window ul
{
    max-width: 245px;
    margin: 30px auto 0 auto;
}

.t-window ul li
{
    box-sizing: border-box;
    margin-top: 20px;
}

.t-window ul li:first-child
{
    margin-top: 0;
}

.t-window ul li a div
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.t-window ul li a div i
{
    display: block;

    width: 20px;
    height: 20px;

    background: url(/common/img/renew/ico/ico-side.svg) center center/contain no-repeat;
}

.t-window ul li a div p
{
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;

    margin-left: 10px;
}

.is-font-large .t-window ul li a div p
{
    font-size: 15.96px;
    font-size: 1.596rem;
}

/* -----------------------------------
  サイト内検索 いったん非表示
----------------------------------- */

.gbl-nav_env-search,
.gbl-nav_form
{
    display: none !important;
}

.wrapper
{
    overflow-x: hidden;

    width: 100%;
}

.area-noscript
{
    position: relative;
    left: 0;

    overflow: hidden;

    margin-left: 100px;
    padding: 40px;
}

.area-noscript p
{
    text-align: center;
}

/*
   Container
============================================================================= */

#container
{
    position: relative;
    left: 0;

    overflow: hidden;

    margin-left: 180px;
}

#container:before
{
    position: absolute;
    z-index: 4;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 0;

    content: '';
    -webkit-transition: opacity 0s .6s, width 0s .5s, -webkit-transform .5s;
            transition: opacity 0s .6s, width 0s .5s, -webkit-transform .5s;
            transition: transform .5s, opacity 0s .6s, width 0s .5s;
            transition: transform .5s, opacity 0s .6s, width 0s .5s, -webkit-transform .5s;

    opacity: 0;
    background: #f3f5f8;
}

#container:after
{
    position: absolute;
    z-index: 6;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 0;

    content: '';
    -webkit-transition: opacity .5s, width .1s .5s, -webkit-transform .5s;
            transition: opacity .5s, width .1s .5s, -webkit-transform .5s;
            transition: transform .5s, opacity .5s, width .1s .5s;
            transition: transform .5s, opacity .5s, width .1s .5s, -webkit-transform .5s;

    opacity: 0;
    background: #c8cfd3;
}

.is-nav-open #container:before
{
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;

    -webkit-transform: translateX(325px);
        -ms-transform: translateX(325px);
            transform: translateX(325px);

    opacity: 1;
}

.is-nav-open #container:after
{
    bottom: 0;
    left: 0;

    width: 100%;

    -webkit-transition: opacity .5s, -webkit-transform .5s;
            transition: opacity .5s, -webkit-transform .5s;
            transition: transform .5s, opacity .5s;
            transition: transform .5s, opacity .5s, -webkit-transform .5s;
    -webkit-transform: translateX(325px);
        -ms-transform: translateX(325px);
            transform: translateX(325px);

    opacity: .7;
}

.is-localnav-open #container:after
{
    bottom: 0;
    left: 0;

    width: 100%;

    -webkit-transition: opacity .5s;
            transition: opacity .5s;

    opacity: .7;
}

.is-spnav-open #container:after
{
    bottom: 0;
    left: 0;

    width: 100%;

    -webkit-transition: opacity .5s;
            transition: opacity .5s;

    opacity: .7;
}

.page
{
    position: relative;

    -webkit-transition: z-index 0s .5s, -webkit-transform .5s;
            transition: z-index 0s .5s, -webkit-transform .5s;
            transition: transform .5s, z-index 0s .5s;
            transition: transform .5s, z-index 0s .5s, -webkit-transform .5s;

    background-color: #f3f5f8;
}

.is-nav-open .page
{
    z-index: 4;

    -webkit-transition: z-index 0s, -webkit-transform .5s;
            transition: z-index 0s, -webkit-transform .5s;
            transition: transform .5s, z-index 0s;
            transition: transform .5s, z-index 0s, -webkit-transform .5s;
    -webkit-transform: translateX(325px);
        -ms-transform: translateX(325px);
            transform: translateX(325px);

    background-color: #f3f5f8;
}

/* loading
--------------------------------------------------------- */

.loading
{
    position: fixed;
    z-index: 10;
    top: 50%;
    left: 50%;

    margin-top: -34px;
    margin-left: 16px;
}

/*
   Navigation(secondary & tertiary & etc...)
============================================================================= */

/* nav-secondary
--------------------------------------------------------- */

.nav-secondary
{
    font-size: 1.4rem;
    line-height: 1;

    z-index: 3;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    max-width: 100%;

    -webkit-transition: z-index 0s .5s, -webkit-transform .5s;
            transition: z-index 0s .5s, -webkit-transform .5s;
            transition: transform .5s, z-index 0s .5s;
            transition: transform .5s, z-index 0s .5s, -webkit-transform .5s;

    background-color: #a0d468;
}

.js-on .nav-secondary
{
    position: fixed;
    left: 180px;

    max-width: calc(100% - 180px);
}

.is-nav-open .nav-secondary
{
    z-index: 5;

    -webkit-transition: z-index 0s, -webkit-transform .5s;
            transition: z-index 0s, -webkit-transform .5s;
            transition: transform .5s, z-index 0s;
            transition: transform .5s, z-index 0s, -webkit-transform .5s;
    -webkit-transform: translateX(325px);
        -ms-transform: translateX(325px);
            transform: translateX(325px);
}

.nav-secondary_bar
{
    position: absolute;
    top: 0;

    display: block;

    height: 0;

    opacity: .6;
    background-color: #fff;
}

.nav-secondary_btn-prev
{
    position: absolute;
    top: 0;
    left: -74px;

    display: block;

    box-sizing: border-box;
    width: 72px;
    height: 100%;
    padding: 14px 0 14px 30px;

    background-color: #a0d468;
    box-shadow: 1px 0 1px rgba(0, 0, 0, .06);
}

.nav-secondary_btn-prev:after
{
    display: block;

    width: 9px;
    height: 9px;

    content: '';
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
    -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
            transform-origin: 100% 100%;

    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.nav-secondary_btn-next
{
    position: absolute;
    top: 0;
    right: -74px;

    display: block;

    box-sizing: border-box;
    width: 72px;
    height: 100%;
    padding: 14px 30px 14px 0;

    background-color: #a0d468;
    box-shadow: -1px 0 1px rgba(0, 0, 0, .06);
}

.nav-secondary_btn-next:after
{
    display: block;

    width: 9px;
    height: 9px;

    content: '';
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
    -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
            transform-origin: 100% 100%;

    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
}

.list-nav-secondary
{
    position: relative;

    box-sizing: border-box;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 40px;
}

.list-nav-secondary_item
{
    position: relative;

    float: left;
}

.list-nav-secondary_item:before
{
    position: absolute;
    top: 18px;
    left: 0;

    display: inline-block;

    width: 1px;
    height: 15px;

    content: '';

    background-color: #d0eab4;
}

.list-nav-secondary_item:last-child:after
{
    position: absolute;
    top: 18px;
    right: 0;

    display: inline-block;

    width: 1px;
    height: 15px;

    content: '';

    background-color: #d0eab4;
}

.list-nav-secondary_item > a
{
    font-size: 13px;
    font-size: 1.3rem;

    position: relative;

    display: block;

    padding: 15px 23px 19px;

    color: #fff;
    border-top: 4px solid transparent;
}

.is-font-large .list-nav-secondary_item > a
{
    font-size: 14.82px;
    font-size: 1.482rem;
}

.list-nav-secondary_item > a:hover,
.list-nav-secondary_item > a:active
{
    text-decoration: none;
}

.list-nav-secondary_item > a.is-current
{
    border-top: 4px solid #fff;
}

.list-nav-secondary_item > a.is-current:hover
{
    text-decoration: none;
}

.list-nav-secondary_item > a.has-nav:after
{
    position: absolute;
    bottom: 0;
    left: 50%;

    display: block;

    width: 0;
    height: 0;
    margin-left: -6px;

    content: '';

    border: 6px solid transparent;
    border-bottom: 6px solid #e2e6e8;
}

/* nav-tertiary
--------------------------------------------------------- */

.nav-tertiary
{
    font-size: 1.4rem;
    line-height: 1;

    z-index: 3;

    overflow: hidden;

    width: 100%;

    -webkit-transition: z-index 0s .5s, -webkit-transform .5s;
            transition: z-index 0s .5s, -webkit-transform .5s;
            transition: transform .5s, z-index 0s .5s;
            transition: transform .5s, z-index 0s .5s, -webkit-transform .5s;

    background-color: #e2e6e8;
}

.js-on .nav-tertiary
{
    position: fixed;

    max-width: calc(100% - 180px);
}

.is-nav-open .nav-tertiary
{
    z-index: 5;

    -webkit-transition: z-index 0s, -webkit-transform .5s;
            transition: z-index 0s, -webkit-transform .5s;
            transition: transform .5s, z-index 0s;
            transition: transform .5s, z-index 0s, -webkit-transform .5s;
    -webkit-transform: translateX(325px);
        -ms-transform: translateX(325px);
            transform: translateX(325px);
}

.nav-tertiary_btn-prev
{
    position: absolute;
    top: 0;
    left: -74px;

    display: block;

    box-sizing: border-box;
    width: 72px;
    height: 100%;
    padding: 14px 0 14px 30px;

    background-color: #e2e6e8;
    box-shadow: 1px 0 1px rgba(0, 0, 0, .06);
}

.nav-tertiary_btn-prev:after
{
    display: block;

    width: 9px;
    height: 9px;

    content: '';
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
    -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
            transform-origin: 100% 100%;

    border-right: 2px solid #c2c6c8;
    border-bottom: 2px solid #c2c6c8;
}

.nav-tertiary_btn-next
{
    position: absolute;
    top: 0;
    right: -74px;

    display: block;

    box-sizing: border-box;
    width: 72px;
    height: 100%;
    padding: 14px 30px 14px 0;

    background-color: #e2e6e8;
    box-shadow: -1px 0 1px rgba(0, 0, 0, .06);
}

.nav-tertiary_btn-next:after
{
    display: block;

    width: 9px;
    height: 9px;

    content: '';
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
    -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
            transform-origin: 100% 100%;

    border-top: 2px solid #c2c6c8;
    border-left: 2px solid #c2c6c8;
}

.list-nav-tertiary
{
    position: relative;

    box-sizing: border-box;
    max-width: 1180px;
    margin: 0 auto;
    padding: 13px 40px;
}

.list-nav-tertiary_item
{
    position: relative;

    float: left;

    padding: 0 10px;
}

.list-nav-tertiary_item:before
{
    position: absolute;
    top: 5px;
    left: 0;

    display: inline-block;

    width: 1px;
    height: 15px;

    content: '';

    background-color: #c8cfd3;
}

.list-nav-tertiary_item:last-child:after
{
    position: absolute;
    top: 5px;
    right: 0;

    display: inline-block;

    width: 1px;
    height: 15px;

    content: '';

    background-color: #c8cfd3;
}

.list-nav-tertiary_item > a
{
    font-size: 12px;
    font-size: 1.2rem;

    display: block;

    padding: 6px 10px;

    color: #656d78;
}

.is-font-large .list-nav-tertiary_item > a
{
    font-size: 13.68px;
    font-size: 1.368rem;
}

.list-nav-tertiary_item > a.is-current
{
    color: #fff;
    background-color: #a0d468;
}

.list-nav-tertiary_item > a.is-current:hover
{
    text-decoration: none;
}

/* nav-anchor-header
--------------------------------------------------------- */

.nav-anchor-header
{
    padding: 40px 0 15px;

    border-top: 1px solid #e2e6e8;
}

.list-nav-anchor-header
{
    box-sizing: border-box;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 40px;
}

.list-nav-anchor-header > li
{
    line-height: 1;

    float: left;

    margin-right: -1px;
    margin-bottom: 25px;
    padding: 0 20px;

    border-right: 1px solid #aeb6c0;
    border-left: 1px solid #aeb6c0;
}

.list-nav-anchor-header > li > a
{
    font-weight: bold;

    display: block;

    letter-spacing: 1px;

    color: #656d78;
}

.list-nav-anchor-header > li > a:before
{
    position: relative;
    top: -2px;

    display: inline-block;

    width: 15px;
    height: 15px;
    margin-right: 7px;

    content: '';
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    vertical-align: middle;

    background-image: url('/common/img/arrow.svg');
}

/* nav-anchor
--------------------------------------------------------- */

.nav-anchor
{
    margin-bottom: 40px;
}

.list-nav-anchor_item
{
    float: left;

    margin-right: 23px;
}

.list-nav-anchor_item:last-child
{
    margin-right: 0;
}

.list-nav-anchor_item > a
{
    font-weight: bold;

    color: #434a53;
}

.list-nav-anchor_item > a:before
{
    display: inline-block;

    width: 14px;
    height: 14px;
    margin-right: 5px;

    content: '';
    vertical-align: middle;
}

/* nav-page-header
--------------------------------------------------------- */

.nav-page-header
{
    padding: 40px 0 15px;

    border-top: 1px solid #e2e6e8;
}

.list-nav-page-header
{
    box-sizing: border-box;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 40px;
}

.list-nav-page-header > li
{
    line-height: 1;

    float: left;

    margin-right: -1px;
    margin-bottom: 25px;
    padding: 0 10px;

    border-right: 1px solid #aeb6c0;
    border-left: 1px solid #aeb6c0;
}

.list-nav-page-header > li > a
{
    font-weight: bold;

    position: relative;
    z-index: 0;

    display: block;

    padding: 0 12px;

    letter-spacing: 1px;

    color: #656d78;
}

.list-nav-page-header > li > a.is-current
{
    color: #fff;
}

.list-nav-page-header > li > a.is-current:hover
{
    text-decoration: none;
}

.list-nav-page-header > li > a.is-current:before
{
    position: absolute;
    z-index: -1;
    top: -5px;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;
    padding: 5px 0;

    content: '';

    background-color: #a0d468;
}

/*
   breadcrumb
============================================================================= */

.breadcrumbs
{
    line-height: 1;

    position: relative;

    padding: 0 0 1px;

    background-color: #f3f5f8;
    box-shadow: inset 0 -1px rgba(0, 0, 0, .06);
}

.is-localnav-open .breadcrumbs
{
    z-index: 4;

    -webkit-transition: z-index 0s 0s;
            transition: z-index 0s 0s;
}

.list-breadcrumbs
{
    line-height: 1.6;

    overflow: hidden;

    box-sizing: border-box;
    max-width: 1180px;
    margin: 0 auto;
    padding: 10px 40px;

    text-overflow: ellipsis;
}

.list-breadcrumbs_item
{
    float: left;

    margin-right: 12px;
}

.list-breadcrumbs_item:before
{
    font-size: 10px;
    font-size: 1rem;

    display: inline-block;

    margin-right: 12px;

    content: '>';
}

.is-font-large .list-breadcrumbs_item:before
{
    font-size: 11.4px;
    font-size: 1.14rem;
}

.list-breadcrumbs_item:last-child
{
    margin-right: 0;
}

.list-breadcrumbs_item:first-child:before
{
    content: normal;
}

.list-breadcrumbs_item > a
{
    font-size: 10px;
    font-size: 1rem;

    color: #00599a;
}

.is-font-large .list-breadcrumbs_item > a
{
    font-size: 11.4px;
    font-size: 1.14rem;
}

.list-breadcrumbs_item:last-child > a
{
    color: #656d78;
}

.list-breadcrumbs_item:last-child > a:hover
{
    text-decoration: none;
}

/*
   Footer
============================================================================= */

.footer-global
{
    background-color: #e2e6e8;
}

.footer-global_inner
{
    position: relative;

    box-sizing: border-box;
    max-width: 1180px;
    margin: 0 auto;
    padding: 35px 20px;
}

.wrapper-footer-global-inner
{
    border-bottom: 1px solid #c8cfd3;
}

.links-footer
{
    float: left;

    box-sizing: border-box;
    width: 20%;
    padding: 0 20px;
}

.links-footer_title
{
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;

    margin-bottom: 10px;
}

.is-font-large .links-footer_title
{
    font-size: 15.96px;
    font-size: 1.596rem;
}

.links-footer_title.filter50
{
    opacity: .5;
}

.links-footer_title > a
{
    font-weight: bold;

    color: #656d78;
}

.links-footer_content
{
    font-size: 12px;
    font-size: 1.2rem;
}

.is-font-large .links-footer_content
{
    font-size: 13.68px;
    font-size: 1.368rem;
}

.list-footer_item
{
    margin-bottom: 3px;
}

.list-footer_item > a
{
    font-size: 1.3rem;

    color: #656d78;
}

.list-footer_item:last-child
{
    margin-bottom: 0;
}

.area-footer-links
{
    float: left;

    box-sizing: border-box;
    width: 20%;
    padding: 0 20px;
}

.list-footer-bold
{
    margin-bottom: 22px;
    padding-bottom: 18px;

    border-bottom: 1px solid #c8cfd3;
}

.list-footer-bold_item
{
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;

    margin-bottom: 10px;
}

.is-font-large .list-footer-bold_item
{
    font-size: 13.68px;
    font-size: 1.368rem;
}

.list-footer-bold_item > a
{
    font-weight: bold;

    color: #656d78;
}

.list-footer-other_item
{
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;

    margin-bottom: 18px;
}

.is-font-large .list-footer-other_item
{
    font-size: 14.82px;
    font-size: 1.482rem;
}

.list-footer-other_item > a
{
    font-weight: bold;

    display: inline-block;

    color: #656d78;
}

.list-footer-other_item > a span
{
    position: relative;
    top: -1px;

    display: inline-block;

    box-sizing: border-box;
    width: 30px;
    height: 30px;
    margin-right: 8px;
    padding: 3px 5px;

    vertical-align: middle;

    border: 2px solid #a0d468;
    border-radius: 50%;
    background-color: #a0d468;
}

.list-footer-other_item > a svg path
{
    fill: #fff;
}

.link-footer-lang
{
    display: none;
}

.link-footer-lang > li
{
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;

    margin-bottom: 18px;
}

.is-font-large .link-footer-lang > li
{
    font-size: 13.68px;
    font-size: 1.368rem;
}

.link-footer-lang > li > a
{
    display: inline-block;

    color: #656d78;
}

.link-footer-lang > li > a span
{
    position: relative;
    top: -1px;

    display: inline-block;

    box-sizing: border-box;
    width: 30px;
    height: 30px;
    margin-right: 8px;
    padding: 3px 5px;

    vertical-align: middle;

    border: 2px solid #a0d468;
    border-radius: 50%;
    background-color: #a0d468;
}

.link-footer-lang > li > a svg path
{
    fill: #fff;
}

.wrapper-footer-global-inner-bottom
{
    line-height: 1;

    box-sizing: border-box;
    margin: 0 auto;

    border-top: 1px solid #c8cfd3;
}

.wrapper-footer-global-inner-bottom .footer-global_inner
{
    padding: 23px 40px;
}

.area-btn-up
{
    position: absolute;
    right: 40px;

    width: 30px;
    height: 30px;
}

.btn-up
{
    position: fixed;
    bottom: 15px;

    display: block;

    width: 30px;
    height: 30px;

    -webkit-transition: opacity .3s, bottom .4s;
            transition: opacity .3s, bottom .4s;

    opacity: .8;
    border-radius: 50%;
    background-color: #aab2be;
}

.btn-up.is-hide
{
    bottom: -50px;
}

.btn-up:hover
{
    opacity: 1;
}

.btn-up:after
{
    position: absolute;
    right: 15px;
    bottom: 19px;

    display: block;

    width: 6px;
    height: 6px;

    content: '';
    -webkit-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
            transform: rotate(225deg);
    -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
            transform-origin: 100% 100%;

    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.footer-global_inner-bottom
{
    font-size: 12px;
    font-size: 1.2rem;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.is-font-large .footer-global_inner-bottom
{
    font-size: 13.68px;
    font-size: 1.368rem;
}

.list-footer-end
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 50%;

    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.list-footer-end_item
{
    padding: 0 11px;
}

.list-footer-end_item > a
{
    font-size: 1.1rem;

    color: #656d78;
}

.copyright
{
    width: 50%;

    text-align: left;

    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

/*
   Top Page ( /index.html )
============================================================================= */

/* visual-main-top 
--------------------------------------------------------- */

.visual-main-top
{
    position: relative;
    z-index: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;

    box-sizing: border-box;
    width: 100%;
    height: 430px;
    margin: 0 -2px;
    padding: 0 2px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.visual-main-top > img,
.visual-main-top > video
{
    position: absolute;
    top: -100%;
    right: -100%;
    bottom: -100%;
    left: -100%;

    width: auto;
    min-width: 100%;
    max-width: 999999px;
    height: auto;
    min-height: 100%;
    margin: auto;
}

.visual-main-top > p
{
    position: relative;
    z-index: 2;

    box-sizing: border-box;
    width: 550px;
    padding-left: 40px;

    pointer-events: none;

    opacity: .8;
}

/* heading-lv2
--------------------------------------------------------- */

.header-lv2-top
{
    box-sizing: border-box;
    max-width: 1180px;
    margin: 0 auto;
    padding-right: 40px;
}

.area-split_threeQuarters .header-lv2-top
{
    padding-right: 0;
}

.header-lv2-top > .heading-lv2-top
{
    float: left;
}

.header-lv2-top > .link-arrow
{
    float: right;

    padding-top: 11px;

    color: #656d78;
}

.header-lv2-top > .link-arrow:visited,
.header-lv2-top > .link-arrow:hover,
.header-lv2-top > .link-arrow:active
{
    color: #656d78;
}

.heading-lv2-top
{
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 200;

    position: relative;

    box-sizing: border-box;
    max-width: 1180px;
    margin: 35px auto 25px;
    padding: 0 40px;

    letter-spacing: 2px;

    color: #8cc152;
}

.is-font-large .heading-lv2-top
{
    font-size: 27.36px;
    font-size: 2.736rem;
}

.heading-lv2-top:first-child
{
    margin-top: 0;
}

.area-outside_inner .heading-lv2-top
{
    padding: 0;
}

/* tab-top-news
--------------------------------------------------------- */

.tab-top-news_nav
{
    position: relative;

    padding: 0 7px;

    border-bottom: 1px solid #e2e6e8;
}

.list-tab-top-news_nav > li
{
    float: left;

    margin: 0 23px;
}

.list-tab-top-news_nav > li > a
{
    font-weight: bold;
    line-height: 1;

    display: block;

    padding: 23px 0;

    -webkit-transition: color .2s;
            transition: color .2s;
    text-decoration: none;

    color: #656d78;
}

.list-tab-top-news_nav > li > a:hover,
.list-tab-top-news_nav > li > a:active
{
    -webkit-transition: color 0s;
            transition: color 0s;
    text-decoration: none;

    color: #8cc152;
}

.list-tab-top-news_nav > li > a.is-current
{
    color: #8cc152;
}

.tab-bar
{
    position: absolute;
    bottom: -1px;
    left: 30px;

    display: block;

    height: 4px;

    background-color: #a0d468;
}

.tab-top-news_body
{
    position: relative;

    overflow: hidden;
}

.tab-body_inner
{
    position: relative;
}

/* list-top-movie
--------------------------------------------------------- */

.list-top-movie > li
{
    margin-bottom: 18px;
}

.list-top-movie > li:last-child
{
    margin-bottom: 0;
}

.list-top-movie > li > a
{
    display: block;
}

.list-top-movie > li > a:hover
{
    z-index: 0;
}

.list-top-movie > li > a:hover .list-top-movie_thumb
{
    position: relative;
}

.list-top-movie > li > a:hover .list-top-movie_thumb:after
{
    width: 100%;
    height: 100%;

    -webkit-transition: border .3s, width 0s, height 0s;
            transition: border .3s, width 0s, height 0s;

    border: 4px solid #a0d468;
}

.list-top-movie_thumb
{
    position: relative;

    margin-bottom: 4px;
}

.list-top-movie_thumb:after
{
    position: absolute;
    top: 0;
    left: 0;

    box-sizing: border-box;
    width: 0;
    height: 0;

    content: '';
    -webkit-transition: border .3s, width 0s .3s, height 0s .3s;
            transition: border .3s, width 0s .3s, height 0s .3s;
    pointer-events: none;

    border: 0 solid #a0d468;
}

.list-top-movie_thumb > img
{
    display: block;
}

.list-top-movie_text
{
    font-weight: bold;

    margin-bottom: 0;
    padding-left: 28px;

    color: #656d78;
}

.list-top-movie_text:before
{
    position: relative;
    top: -2px;

    display: inline-block;

    width: 20px;
    height: 12px;
    margin-right: 8px;
    margin-left: -28px;

    content: '';
    vertical-align: middle;

    background-image: url('/common/img/video_b.svg');
    background-size: 100%;
}

/* area-top-board
--------------------------------------------------------- */

.area-top-board
{
    box-sizing: border-box;
    max-width: 1180px;
    height: 380px;
    margin: 40px auto;
    padding: 0 40px;
}

.area-top-board_inner
{
    position: relative;

    display: block;

    height: 100%;

    text-decoration: none;

    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.area-top-board_inner:hover,
.area-top-board_inner:active
{
    text-decoration: none;
}

.area-top-board_inner:after
{
    position: absolute;
    top: 0;
    left: 0;

    box-sizing: border-box;
    width: 0;
    height: 0;

    content: '';
    -webkit-transition: border-width .35s, width 0s .35s, height 0s .35s;
            transition: border-width .35s, width 0s .35s, height 0s .35s;
    pointer-events: none;

    border-width: 0;
    border-style: solid;
}

.area-top-board_inner:hover
{
    z-index: 0;

    text-decoration: none;
}

.area-top-board_inner:hover:after
{
    width: 100%;
    height: 100%;

    -webkit-transition: border-width .35s, width 0s, height 0s;
            transition: border-width .35s, width 0s, height 0s;

    border-width: 8px;
}

.area-top-board_inner:hover .area-top-board_content:after
{
    width: 100%;
    height: 100%;

    -webkit-transition: border-width .35s, width 0s, height 0s;
            transition: border-width .35s, width 0s, height 0s;

    border-width: 4px;
}

.area-top-board_content
{
    position: absolute;
    top: 30px;

    box-sizing: border-box;
    width: 320px;
    height: 320px;
    padding-right: 30px;
    padding-left: 30px;

    text-align: center;

    background-color: #fff;
}

.area-top-board_content > img
{
    width: 120px;
    height: 120px;
}

.area-top-board_content-right
{
    right: 30px;
}

.area-top-board_content-left
{
    left: 30px;
}

.area-top-board_content:after
{
    position: absolute;
    top: 0;
    left: 0;

    box-sizing: border-box;
    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: border-width .35s, width 0s .35s, height 0s .35s;
            transition: border-width .35s, width 0s .35s, height 0s .35s;
    pointer-events: none;
    pointer-events: none;

    border-width: 0;
    border-style: solid;
}

.area-top-board_heading
{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    font-weight: bold;

    margin-bottom: 10px;

    text-align: center;
    letter-spacing: 10px;
}

.is-font-large .area-top-board_heading
{
    font-size: 18.24px;
    font-size: 1.824rem;
}

.area-top-board_text
{
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.8;

    margin-bottom: 0;

    text-align: center;
    letter-spacing: 1px;
}

.is-font-large .area-top-board_text
{
    font-size: 13.68px;
    font-size: 1.368rem;
}

.area-top-board-contents .area-top-board_inner
{
    background-image: url('/img/top_00.jpg');
}

.area-top-board-contents .area-top-board_inner:after
{
    border-color: #9ed859;
}

.area-top-board-contents .area-top-board_content
{
    padding-top: 33px;

    color: #9ed859;
}

.area-top-board-contents .area-top-board_content:after
{
    border-color: #9ed859;
}

.area-top-board-broadcast .area-top-board_inner
{
    background-image: url('/img/top_01.jpg');
}

.area-top-board-broadcast .area-top-board_inner:after
{
    border-color: #5798f2;
}

.area-top-board-broadcast .area-top-board_content
{
    padding-top: 33px;

    color: #5798f2;
}

.area-top-board-broadcast .area-top-board_content:after
{
    border-color: #5798f2;
}

.area-top-board-studio .area-top-board_inner
{
    background-image: url('/img/top_02.jpg');
}

.area-top-board-studio .area-top-board_inner:after
{
    border-color: #f76171;
}

.area-top-board-studio .area-top-board_content
{
    padding-top: 33px;

    color: #f76171;
}

.area-top-board-studio .area-top-board_content:after
{
    border-color: #f76171;
}

.area-top-board-technology .area-top-board_inner
{
    background-image: url('/img/top_03.jpg');
}

.area-top-board-technology .area-top-board_inner:after
{
    border-color: #ffc900;
}

.area-top-board-technology .area-top-board_content
{
    padding-top: 33px;

    color: #ffc900;
}

.area-top-board-technology .area-top-board_content:after
{
    border-color: #ffc900;
}

.area-top-board-network
{
    margin-bottom: 0;
}

.area-top-board-network .area-top-board_inner
{
    background-image: url('/img/top_04.jpg');
}

.area-top-board-network .area-top-board_inner:after
{
    border-color: #ff7f4c;
}

.area-top-board-network .area-top-board_content
{
    padding-top: 33px;

    color: #ff7f4c;
}

.area-top-board-network .area-top-board_content:after
{
    border-color: #ff7f4c;
}

/* area-top-service
--------------------------------------------------------- */

.area-top-service
{
    box-sizing: border-box;
    max-width: 1180px;
    margin: 0 auto;
    padding: 75px 40px;
}

/* heading-lv2-top-service
--------------------------------------------------------- */

.heading-lv2-top-service
{
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 700;
    font-weight: bold;

    margin-bottom: 75px;

    text-align: center;
    text-indent: 10px;
    letter-spacing: 10px;

    color: #a0d468;
}

.is-font-large .heading-lv2-top-service
{
    font-size: 27.36px;
    font-size: 2.736rem;
}

/* carousel-top-banner
--------------------------------------------------------- */

.carousel.carousel-top-banner
{
    margin: 0 0 20px;
}

/* area-top-investor
--------------------------------------------------------- */

.area-top-investor
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    height: 320px;

    background-image: url('/img/top_ir_renew.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.area-top-investor_inner
{
    max-width: 1180px;
}

.area-top-investor_heading
{
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 3.2rem;
    font-weight: 100;
    line-height: 1.8;

    color: #fff;
}

.area-top-investor_btn
{
    font-family: 'Roboto', sans-serif;
    font-size: 1.6rem;
    font-weight: 700;

    display: block;

    box-sizing: border-box;
    width: 430px;
    padding: 10px 0;

    -webkit-transition: background-color .3s;
            transition: background-color .3s;
    text-align: center;
    letter-spacing: 8px;

    color: #fff;
    border: 4px solid #fff;
    background-color: rgba(36, 35, 31, .16);
}

.area-top-investor_btn:before
{
    position: relative;
    top: -1px;

    display: inline-block;

    width: 15px;
    height: 15px;
    margin-right: 12px;

    content: '';
    vertical-align: middle;

    background-image: url('/common/img/arrow_w.svg');
}

.area-top-investor_btn:hover,
.area-top-investor_btn:active
{
    text-decoration: none;

    color: #fff;
    background-color: rgba(36, 35, 31, .45);
}

.area-top-investor_btn:visited
{
    color: #fff;
}

/* .area-top-recommend
--------------------------------------------------------- */

.area-top-recommend
{
    overflow: auto;

    padding: 80px 20px 85px;

    -webkit-overflow-scrolling: touch;
}

.list-top-recommend
{
    min-width: 820px;
    max-width: 1140px;
    margin: 0 auto;
}

.list-top-recommend > li
{
    float: left;

    box-sizing: border-box;
    width: 25%;
    padding: 0 20px;
}

.list-top-recommend > li > a
{
    display: block;

    text-align: center;
    text-decoration: none;
}

.list-top-recommend > li > a:hover,
.list-top-recommend > li > a:active
{
    text-decoration: none;
}

.list-top-recommend > li > a:hover .top-recommend_icon
{
    background-color: transparent;
}

.top-recommend_icon
{
    box-sizing: border-box;
    width: 160px;
    height: 160px;
    margin: 0 auto 40px;
    padding: 26px;

    -webkit-transition: background-color .4s;
            transition: background-color .4s;

    border: 4px solid #a0d468;
    border-radius: 50%;
    background-color: #a0d468;
}

.top-recommend_en,
.top-recommend_ja
{
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1;

    color: #434a53;
}

.is-font-large .top-recommend_en,
.is-font-large .top-recommend_ja
{
    font-size: 20.52px;
    font-size: 2.052rem;
}

a .top-recommend_icon svg path
{
    -webkit-transition: fill .4s;
            transition: fill .4s;

    fill: #fff;
}

a:hover .top-recommend_icon svg path
{
    fill: #a0d468;
}

/* area-top-banner
--------------------------------------------------------- */

.area-top-banner
{
    padding: 40px 20px;

    border-top: 2px solid #e2e6e8;
}

.list-top-banner
{
    max-width: 1140px;
    margin: 0 auto;
}

.list-top-banner > li
{
    float: left;

    box-sizing: border-box;
    width: 33.33333%;
    padding: 0 20px;
}

.list-top-banner > li > a
{
    position: relative;

    display: block;

    background-color: #fff;
}

.list-top-banner > li > a:after
{
    position: absolute;
    top: 0;
    left: 0;

    box-sizing: border-box;
    width: 0;
    height: 0;

    content: '';
    -webkit-transition: border .3s, width 0s .3s, height 0s .3s;
            transition: border .3s, width 0s .3s, height 0s .3s;
    pointer-events: none;

    border: 0 solid #a0d468;
}

.list-top-banner > li > a:hover
{
    z-index: 0;

    text-decoration: none;
}

.list-top-banner > li > a:hover:after
{
    width: 100%;
    height: 100%;

    -webkit-transition: border .3s, width 0s, height 0s;
            transition: border .3s, width 0s, height 0s;

    border: 4px solid #a0d468;
}

.list-top-banner > li > a:visited,
.list-top-banner > li > a:active,
.list-top-banner > li > a:focus
{
    text-decoration: none;
}

.list-top-banner > li > a > img
{
    display: block;

    width: 100%;

    -webkit-transition: opacity .3s;
            transition: opacity .3s;
}

/* border-important
--------------------------------------------------------- */

.border-important
{
    display: table;

    box-sizing: border-box;
    width: 100%;

    table-layout: fixed;

    border: 4px solid #e85036;
    background-color: #fff;
}

.border-important_title
{
    font-size: 15px;
    font-size: 1.5rem;

    display: table-cell;

    width: 14em;

    text-align: center;
    vertical-align: middle;

    color: #e53726;
    border-right: 4px solid #e85036;
}

.is-font-large .border-important_title
{
    font-size: 17.1px;
    font-size: 1.71rem;
}

.border-important_title:before
{
    position: relative;
    top: -1px;

    display: inline-block;

    width: 19px;
    height: 19px;
    margin-right: 10px;

    content: '';
    vertical-align: middle;

    background-image: url('/img/import.svg');
}

.border-important_content
{
    display: table-cell;
}

.list-news-important > li
{
    display: table;

    box-sizing: border-box;
    width: 100%;
    padding: 13px 30px;

    border-top: 4px solid #e85036;
}

.list-news-important > li:first-child
{
    border-top: 0;
}

.list-news-important_date
{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;

    display: table-cell;

    width: 6.5em;

    vertical-align: top;
    letter-spacing: 2px;

    color: #434a53;
}

.is-font-large .list-news-important_date
{
    font-size: 18.24px;
    font-size: 1.824rem;
}

.list-news-important_content
{
    display: table-cell;

    padding-top: .15em;
    padding-left: 20px;

    vertical-align: top;
}

.list-news-important_content a
{
    color: #656d78;
}

/* heading-lv2-top-centerd
--------------------------------------------------------- */

.heading-lv2-top-centerd
{
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 400;

    margin-bottom: 40px;

    text-align: center;
    letter-spacing: 2px;

    color: #8cc152;
}

.is-font-large .heading-lv2-top-centerd
{
    font-size: 31.92px;
    font-size: 3.192rem;
}

.heading-lv2-top-centerd .sp_br
{
    display: none;
}

/* area-top-vision_inner
--------------------------------------------------------- */

.area-top-vision_inner
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    box-sizing: border-box;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 40px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.area-top-vision_inner > figure
{
    max-width: 530px;
}

.area-top-vision_inner > div
{
    max-width: 530px;
    margin-left: 40px;

    text-align: right;
}

.area-top-vision_inner > div p
{
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 200;

    text-align: left;

    color: #656d78;
}

.is-font-large .area-top-vision_inner > div p
{
    font-size: 18.24px;
    font-size: 1.824rem;
}

.area-top-vision_inner > div .link-arrow
{
    margin-top: 10px;

    color: #656d78;
}

/* heading-lv2-top-centerdexplain
--------------------------------------------------------- */

.heading-lv2-top-centerdexplain
{
    margin-bottom: 40px;

    text-align: center;
}

.heading-lv2-top-centerdexplain p
{
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 200;

    display: inline-block;

    max-width: 720px;

    text-align: left;

    color: #656d78;
}

.is-font-large .heading-lv2-top-centerdexplain p
{
    font-size: 18.24px;
    font-size: 1.824rem;
}

/* irnews-main-top
--------------------------------------------------------- */

.irnews-main-top .area-split_threeQuarters
{
    padding: 0 20px 0 40px;
}

.irnews-main-top .area-outside_inner
{
    padding: 0;
}

.irnews-main-top .area-split
{
    margin: 0;
}

.irnews-main-top .area-split_quarter-top .label-new
{
    position: relative;
    top: -3px;

    margin-left: 5px;
}

/*
   Feature
============================================================================= */

.area-cloud-00
{
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: 200;
    font-style: italic;

    box-sizing: border-box;
    height: 420px;
    padding-top: 130px;

    text-align: center;
    letter-spacing: 4px;

    color: #fff;
    background: transparent url('/cloud/img/bg_01.jpg') no-repeat center bottom;
    background-size: cover;
}

.is-font-large .area-cloud-00
{
    font-size: 36.48px;
    font-size: 3.648rem;
}

.area-cloud-01
{
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: 200;
    font-style: italic;

    position: relative;
    z-index: 0;

    overflow: hidden;

    box-sizing: border-box;
    height: 420px;
    padding-top: 150px;

    text-align: center;
    letter-spacing: 4px;

    color: #fff;
    background: transparent url('/cloud/img/bg_02.jpg') no-repeat center center;
    background-size: cover;
}

.is-font-large .area-cloud-01
{
    font-size: 36.48px;
    font-size: 3.648rem;
}

.area-cloud-01 .img-cloud
{
    position: absolute;
    z-index: -1;
    top: -100%;
    right: -100%;
    bottom: -100%;
    left: -100%;

    min-width: 100%;
    min-height: 100%;
    margin: auto;
}

.area-cloud-02.area-article_inner
{
    margin-bottom: 95px;
}

.area-cloud-03
{
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 200;
    font-style: italic;

    box-sizing: border-box;
    height: 220px;
    padding-top: 80px;

    text-align: center;
    letter-spacing: 2px;

    color: #fff;
    background-color: #a0d468;
}

.is-font-large .area-cloud-03
{
    font-size: 27.36px;
    font-size: 2.736rem;
}

.area-cloud-04
{
    display: table;

    width: 100%;
    height: 640px;

    table-layout: fixed;
}

.area-cloud-04_img
{
    position: relative;

    display: table-cell;

    width: 50%;

    text-align: right;
}

.area-cloud-04_img > img
{
    position: absolute;
    right: 0;

    width: auto;
    max-width: 590px;
    height: 640px;

    vertical-align: top;
}

.area-cloud-04_content
{
    display: table-cell;

    width: 50%;

    vertical-align: middle;
}

.area-cloud-04_content h3
{
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 200;

    margin-bottom: 25px;

    letter-spacing: 2px;
}

.is-font-large .area-cloud-04_content h3
{
    font-size: 27.36px;
    font-size: 2.736rem;
}

.cloud-content-left .cloud-content_inner
{
    float: right;

    padding-right: 40px;
    padding-left: 40px;
}

.cloud-content-left + .area-cloud-04_img
{
    text-align: left;
}

.cloud-content-left + .area-cloud-04_img > img
{
    right: auto;
    left: 0;
}

.cloud-content-right .cloud-content_inner
{
    float: left;

    padding-right: 40px;
    padding-left: 40px;
}

.cloud-content_inner
{
    max-width: 430px;
}

.area-cloud-05
{
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: 200;
    font-style: italic;

    box-sizing: border-box;
    height: 340px;
    padding-top: 70px;

    text-align: center;
    letter-spacing: 4px;

    color: #fff;
    background-color: #a0d468;
}

.is-font-large .area-cloud-05
{
    font-size: 36.48px;
    font-size: 3.648rem;
}

.area-cloud-06
{
    max-width: 860px;
    margin: -37px auto 0;
    padding-bottom: 75px;

    border-bottom: 2px solid #a0d468;
}

.area-cloud-06_left
{
    float: left;

    box-sizing: border-box;
    width: 50%;
    padding-right: 20px;
}

.area-cloud-06_right
{
    float: right;

    box-sizing: border-box;
    width: 50%;
    padding-left: 20px;
}

.area-cloud-07.area-article_inner
{
    padding-top: 70px;

    text-align: center;
}

.area-cloud-07 h2
{
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 200;

    margin-bottom: 30px;

    letter-spacing: 2px;
}

.is-font-large .area-cloud-07 h2
{
    font-size: 27.36px;
    font-size: 2.736rem;
}

.heading-cloud-01
{
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 200;
    font-style: italic;

    margin-bottom: 70px;

    text-align: center;
    letter-spacing: 2px;
}

.is-font-large .heading-cloud-01
{
    font-size: 27.36px;
    font-size: 2.736rem;
}

/* ==========================================================================
   Component
============================================================================= */

/*
   Heading
============================================================================= */

/* .heading-lv1
--------------------------------------------------------- */

.title-page
{
    position: relative;

    box-sizing: border-box;
    max-width: 1180px;
    margin: 0 auto;
    padding: 54px 40px;

    background-color: #f3f5f8;
}

.title-page.title-page-news
{
    padding: 0 40px;
}

.is-localnav-open .title-page
{
    z-index: 4;

    -webkit-transition: z-index 0s 0s;
            transition: z-index 0s 0s;
}

.title-page .btn-sp
{
    display: none;
}

.heading-lv1
{
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: 200;
    font-style: italic;
    line-height: 1.65;

    letter-spacing: 3px;

    color: #8cc152;
}

.is-font-large .heading-lv1
{
    font-size: 36.48px;
    font-size: 3.648rem;
}

/* .heading-lv2
--------------------------------------------------------- */

.heading-lv2
{
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 200;

    position: relative;

    margin: 55px 0 25px;
    padding: 0 0 10px 25px;

    letter-spacing: 2px;

    color: #434a53;
    border-bottom: 2px solid #a0d468;
}

.is-font-large .heading-lv2
{
    font-size: 31.92px;
    font-size: 3.192rem;
}

.heading-lv2:first-child
{
    margin-top: 0;
}

.heading-lv2:before
{
    display: inline-block;

    width: 8px;
    height: 8px;
    margin-right: 9px;
    margin-left: -25px;

    content: '';

    border: 4px solid #a0d468;
    border-radius: 50%;
}

.heading-lv2 > span
{
    font-size: 20px;
    font-size: 2rem;
}

.is-font-large .heading-lv2 > span
{
    font-size: 22.8px;
    font-size: 2.28rem;
}

.heading-lv2-inbox
{
    position: relative;

    display: block;

    padding: 11px 25px 11px 25px;

    border-bottom: 2px solid #a0d468;
}

.heading-lv2-inbox:first-child
{
    margin-top: 0;
}

.heading-lv2-inbox > h2
{
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 200;

    float: left;

    padding-left: 25px;

    letter-spacing: 2px;

    color: #434a53;
}

.is-font-large .heading-lv2-inbox > h2
{
    font-size: 27.36px;
    font-size: 2.736rem;
}

.heading-lv2-inbox > h2:before
{
    display: inline-block;

    width: 8px;
    height: 8px;
    margin-right: 9px;
    margin-left: -25px;

    content: '';

    border: 4px solid #a0d468;
    border-radius: 50%;
}

.heading-lv2-inbox > .link-arrow
{
    display: inline-block;
    float: right;

    padding-top: 11px;

    color: #656d78;
}

a.heading-lv2-inbox
{
    position: relative;

    overflow: hidden;

    padding: 11px 35px 11px 25px;
}

a.heading-lv2-inbox:hover
{
    text-decoration: none;
}

a.heading-lv2-inbox:after
{
    position: absolute;
    top: 50%;
    right: 36px;

    display: block;

    width: 8px;
    height: 8px;
    margin-top: -10px;
    margin-left: -1px;

    content: '';
    -webkit-transition: right .3s;
            transition: right .3s;
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
    -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
            transform-origin: 100% 100%;

    border-top: 2px solid #a0d468;
    border-left: 2px solid #a0d468;
}

a.heading-lv2-inbox:hover:after
{
    right: 29px;
}

.heading-lv2-outside
{
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 200;

    position: relative;

    box-sizing: border-box;
    max-width: 1180px;
    margin: 35px auto;
    padding: 0 40px;

    letter-spacing: 2px;

    color: #8cc152;
}

.is-font-large .heading-lv2-outside
{
    font-size: 27.36px;
    font-size: 2.736rem;
}

.heading-lv2-outside:first-child
{
    margin-top: 0;
}

.area-outside_inner .heading-lv2-outside
{
    padding: 0;
}

.heading-lv2-q
{
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 200;

    position: relative;

    margin: 55px 0 25px;
    padding: 0 0 10px 31px;

    letter-spacing: 2px;

    color: #434a53;
    border-bottom: 2px solid #a0d468;
}

.is-font-large .heading-lv2-q
{
    font-size: 27.36px;
    font-size: 2.736rem;
}

.heading-lv2-q:first-child
{
    margin-top: 0;
}

.heading-lv2-q:before
{
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1;

    position: relative;

    display: inline-block;

    box-sizing: border-box;
    width: 24px;
    height: 24px;
    margin-right: 7px;
    margin-left: -31px;
    padding-top: 4px;
    padding-left: 2px;

    content: 'Q';
    text-align: center;
    vertical-align: middle;

    color: #fff;
    border-radius: 50%;
    background-color: #a0d468;
}

.is-font-large .heading-lv2-q:before
{
    font-size: 17.1px;
    font-size: 1.71rem;
}

.heading-lv2-q > span
{
    font-size: 20px;
    font-size: 2rem;
}

.is-font-large .heading-lv2-q > span
{
    font-size: 22.8px;
    font-size: 2.28rem;
}

/* .heading-lv3
--------------------------------------------------------- */

.heading-lv3
{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;

    margin: 35px 0 20px;

    letter-spacing: 2px;

    color: #434a53;
}

.is-font-large .heading-lv3
{
    font-size: 18.24px;
    font-size: 1.824rem;
}

.heading-lv3:first-child
{
    margin-top: 0;
}

.heading-lv3:before
{
    position: relative;
    top: -2px;

    display: inline-block;

    width: 8px;
    height: 8px;
    margin-right: 6px;

    content: '';
    vertical-align: middle;

    border: 4px solid #a0d468;
    border-radius: 50%;
}

/* .heading-lv4
--------------------------------------------------------- */

.heading-lv4
{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;

    margin-bottom: 10px;

    color: #8cc152;
}

.is-font-large .heading-lv4
{
    font-size: 18.24px;
    font-size: 1.824rem;
}

.heading-lv4:last-child
{
    margin-bottom: 0;
}

.heading-lv4 > a
{
    color: #00599a;
}

.heading-lv4 > .label-new
{
    position: relative;

    margin: -2px 0 0 10px;

    vertical-align: middle;
}

.heading-lv4-dark
{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;

    margin-bottom: 10px;

    color: #434a53;
}

.is-font-large .heading-lv4-dark
{
    font-size: 18.24px;
    font-size: 1.824rem;
}

.heading-lv4-dark:last-child
{
    margin-bottom: 0;
}

.heading-lv4-dark > a
{
    color: #434a53;
}

/* .heading-sub
--------------------------------------------------------- */

.heading-sub
{
    font-weight: bold;

    margin-bottom: 10px;

    letter-spacing: 1px;
}

.heading-sub-sub
{
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;

    margin-bottom: 10px;
}

.is-font-large .heading-sub-sub
{
    font-size: 13.68px;
    font-size: 1.368rem;
}

/* .heading-min
--------------------------------------------------------- */

.heading-min
{
    margin-bottom: 3px;
}

/* .heading-subColumn
--------------------------------------------------------- */

.heading-subColumn
{
    font-size: 16px;
    font-size: 1.6rem;

    padding: 12px 23px;

    color: #434a53;
    background-color: #e2e6e8;
}

.is-font-large .heading-subColumn
{
    font-size: 18.24px;
    font-size: 1.824rem;
}

/*
   Area
============================================================================= */

/* area-article
--------------------------------------------------------- */

.area-article
{
    padding: 75px 0;

    background-color: #fff;
}

.area-article_inner
{
    position: relative;

    max-width: 860px;
    margin: 0 auto;
    padding: 0 40px;
}

.area-article hr
{
    height: 0;
    margin: 40px 0;

    border: 0;
    border-top: 1px dotted #c6c8cb;
    background-color: transparent;
}

.area-article p > img
{
    box-sizing: border-box;

    border: 1px solid #e2e6e8;
}

p
{
    margin-bottom: 20px;
}

p:last-child
{
    margin-bottom: 0;
}

/* area-noarticle
--------------------------------------------------------- */

.area-no-article
{
    padding: 75px 0;
}

/* area-none-eyecatch
--------------------------------------------------------- */

.area-none-eyecatch
{
    padding: 0 0 75px;
}

/* area-outside
--------------------------------------------------------- */

.area-outside
{
    padding: 35px 0 40px;
}

.area-outside_inner
{
    box-sizing: border-box;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 40px;
}

/* area-outside-border
--------------------------------------------------------- */

.area-outside-border
{
    padding: 35px 0 40px;

    border-bottom: 1px solid #e2e6e8;
}

/* area-info-news
--------------------------------------------------------- */

.area-info-news-top
{
    padding-top: 40px;
    padding-bottom: 40px;
}

.area-info-news-bottom
{
    padding-top: 40px;
    padding-bottom: 35px;
}

/* area-individual
--------------------------------------------------------- */

.area-individual
{
    padding: 40px 0 0;

    border-top: 1px solid #e2e6e8;
}

/* area-box
--------------------------------------------------------- */

.area-box
{
    padding: 40px 0 40px;

    border-top: 1px solid #e2e6e8;
}

/* area-news-box
--------------------------------------------------------- */

.area-news-box
{
    padding: 20px 0 40px;

    border-top: 1px solid #e2e6e8;
}

/* area-attention
--------------------------------------------------------- */

.area-attention
{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;

    margin-bottom: 55px;
    padding: 16px 25px;

    color: #e53726;
    border: 1px solid #e53726;
    background-color: #fcd7cf;
}

.is-font-large .area-attention
{
    font-size: 18.24px;
    font-size: 1.824rem;
}

.area-attention:last-child
{
    margin-bottom: 0;
}

/* area-thanks
--------------------------------------------------------- */

.area-thanks
{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;

    margin-bottom: 55px;
    padding: 140px 40px;

    text-align: center;

    color: #a0d468;
    border: 1px solid #e2e6e8;
}

.is-font-large .area-thanks
{
    font-size: 18.24px;
    font-size: 1.824rem;
}

.area-thanks:last-child
{
    margin-bottom: 0;
}

/* recommend
--------------------------------------------------------- */

.area-recommend
{
    padding: 40px;

    border-top: 2px solid #e2e6e8;
}

.list-recommend
{
    box-sizing: border-box;
    max-width: 1100px;
    margin: 0 auto;

    border: 2px solid #e2e6e8;
}

.list-recommend_item
{
    float: left;

    box-sizing: border-box;
    width: 25%;

    border: 2px solid #e2e6e8;
}

.list-recommend_item > a
{
    font-size: 1.5rem;
    font-weight: bold;

    position: relative;

    display: block;

    box-sizing: border-box;
    height: 72px;
    padding: 22px;

    color: #434a53;
    background-color: #fff;
}

.list-recommend_item > a svg
{
    margin-right: 24px;

    vertical-align: middle;
}

.list-recommend_item > a svg path
{
    fill: #a0d468;
}

.list-recommend_item > a span
{
    line-height: 1.2;

    display: inline-block;

    width: calc(100% - 56px);

    vertical-align: middle;
}

.list-recommend_item > a:after
{
    position: absolute;
    top: -4px;
    left: -4px;

    box-sizing: border-box;
    width: calc(100% + 8px);
    height: calc(100% + 8px);

    content: '';
    -webkit-transition: border 300ms;
            transition: border 300ms;
    pointer-events: none;

    border: 0 solid #a0d468;
}

.list-recommend_item > a:hover
{
    text-decoration: none;
}

.list-recommend_item > a:hover:after
{
    border: 4px solid #a0d468;
}

/* split
--------------------------------------------------------- */

.area-split
{
    margin: 0 -20px;
}

.area-split_half
{
    float: left;

    box-sizing: border-box;
    width: 50%;
    padding: 0 20px;
}

.area-split_half > .board:last-child
{
    margin-bottom: 40px;
}

.area-split_third
{
    float: left;

    box-sizing: border-box;
    width: 33.33333%;
    padding: 0 20px;
}

.area-split_quarter
{
    float: left;

    box-sizing: border-box;
    width: 25%;
    padding: 0 20px;
}

.area-split_threeQuarters
{
    float: left;

    box-sizing: border-box;
    width: 75%;
    padding: 0 20px;
}

.area-split-subhead_half
{
    float: left;

    box-sizing: border-box;
    width: 50%;
    margin-bottom: 20px;
}

.area-split-subhead_third
{
    float: left;

    box-sizing: border-box;
    width: 33.33333%;
    margin-bottom: 20px;
}

.area-split-subhead_third:first-child .area-split-subhead_content
{
    border-left: 1px dotted #c6c8cb;
}

.area-split-subhead_third:nth-child(2) .area-split-subhead_content
{
    border-right: 1px dotted #c6c8cb;
    border-left: 1px dotted #c6c8cb;
}

.area-split-subhead_third:last-child .area-split-subhead_content
{
    border-right: 1px dotted #c6c8cb;
}

.area-split-subhead_heading
{
    font-weight: bold;

    margin-bottom: 12px;

    text-align: center;

    color: #8cc152;
}

.area-split-subhead_content > img
{
    width: 100%;
    height: auto;
}

/*
   2Column
============================================================================= */

.area-column2
{
    box-sizing: border-box;
    max-width: 1180px;
    margin: 0 auto 40px;
    padding: 0 20px;
}

.area-column2_main
{
    float: left;

    box-sizing: border-box;
    width: 75%;
    padding: 0 20px;
}

.area-column2_main > .box
{
    margin-bottom: 42px;
}

.area-column2_main > .box:last-child
{
    margin-bottom: 0;
}

.area-column2_sub
{
    float: left;

    box-sizing: border-box;
    width: 25%;
    padding: 0 20px;
}

.area-column2_sub > .box
{
    margin-bottom: 42px;
}

.area-column2_sub > .box:last-child
{
    margin-bottom: 0;
}

.area-column2_sub .list-top-movie > li
{
    font-size: 12px;
    font-size: 1.2rem;

    margin-bottom: 0;
    padding: 20px 20px 15px;

    border-top: 1px dotted #c6c8cb;
}

.is-font-large .area-column2_sub .list-top-movie > li
{
    font-size: 13.68px;
    font-size: 1.368rem;
}

.area-column2_sub .list-top-movie > li:first-child
{
    border-top: 0;
}

/*
   footer-article
============================================================================= */

.footer-article
{
    margin-top: 75px;
}

/*
   wrapper
============================================================================= */

/* wrapper-section-primary
--------------------------------------------------------- */

.wrapper-section-primary
{
    margin: 55px 0;
}

.wrapper-section-primary:first-child
{
    margin-top: 0;
}

.wrapper-section-primary:last-child
{
    margin-bottom: 0;
}

/* wrapper-section-primary
--------------------------------------------------------- */

.wrapper-section-primary-large
{
    margin: 80px 0;
}

.wrapper-section-primary-large:first-child
{
    margin-top: 0;
}

.wrapper-section-primary-large:last-child
{
    margin-bottom: 0;
}

/* wrapper-section-secondary
--------------------------------------------------------- */

.wrapper-section-secondary
{
    margin: 35px 0;
}

.wrapper-section-secondary:first-child
{
    margin-top: 0;
}

.wrapper-section-secondary:last-child
{
    margin-bottom: 0;
}

/* wrapper-section-tertiary
--------------------------------------------------------- */

.wrapper-section-tertiary
{
    margin: 20px 0;
}

.wrapper-section-tertiary:first-child
{
    margin-top: 0;
}

.wrapper-section-tertiary:last-child
{
    margin-bottom: 0;
}

/* wrapper-section-sub
--------------------------------------------------------- */

.wrapper-section-sub
{
    margin: 20px 0;
    padding-left: 1.5em;
}

.wrapper-section-sub:first-child
{
    margin-top: 0;
}

.wrapper-section-sub:last-child
{
    margin-bottom: 0;
}

.wrapper-section-sub p,
.wrapper-section-sub ul,
.wrapper-section-sub ol
{
    font-size: 12px;
    font-size: 1.2rem;
}

.is-font-large .wrapper-section-sub p,
.is-font-large .wrapper-section-sub ul,
.is-font-large .wrapper-section-sub ol
{
    font-size: 13.68px;
    font-size: 1.368rem;
}

/*
   Block / Box / ... / Styling Mod
============================================================================= */

/* block-item
--------------------------------------------------------- */

.block-item
{
    margin-bottom: 25px;
    padding-bottom: 25px;

    border-bottom: 1px dotted #c6c8cb;
}

.block-item:last-child,
.block-item.block-item-last
{
    margin-bottom: 0;
    padding-bottom: 0;

    border-bottom: 0;
}

.block-item_media
{
    float: left;

    min-width: 160px;
    padding-top: 5px;
    padding-right: 40px;
}

.block-item_media > img
{
    box-sizing: border-box;

    border: 1px solid #e2e6e8;
}

.block-item_media .media_caption
{
    font-weight: bold;
    line-height: 1.6;

    margin-top: 5px;

    color: #434a53;
}

.block-item_media-small
{
    float: left;

    min-width: 100px;
    padding-top: 5px;
    padding-right: 20px;
}

.block-item_media-small > img
{
    box-sizing: border-box;

    border: 1px solid #e2e6e8;
}

.block-item_media-large
{
    float: left;

    min-width: 245px;
    padding-top: 5px;
    padding-right: 40px;
}

.block-item_media-large > img
{
    box-sizing: border-box;

    border: 1px solid #e2e6e8;
}

.block-item_content
{
    overflow: hidden;
}

/* block-item 2
--------------------------------------------------------- */

.block-item2
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    box-sizing: border-box;
    margin-bottom: 25px;

    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.block-item2 > li
{
    width: 46.59091%;
}

.block-item2 > li img
{
    width: 100%;
}

/* block-areadetail
--------------------------------------------------------- */

.block-areadetail
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 25px;
    margin-bottom: 25px;

    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.block-areadetail *
{
    box-sizing: border-box;
}

.block-areadetail > li
{
    width: 46.59091%;
}

.block-areadetail_explain
{
    margin-bottom: 40px;
}

.block-areadetail_address
{
    margin-bottom: 10px;
}

.block-areadetail_access
{
    font-size: 12px;
    font-size: 1.2rem;
}

.is-font-large .block-areadetail_access
{
    font-size: 13.68px;
    font-size: 1.368rem;
}

.block-areadetail table
{
    width: 100%;

    border: 1px solid #e2e6e8;
}

.block-areadetail table tr th
{
    width: 51%;
    padding: 10px 20px;

    border: 1px solid #e2e6e8;
    background: #fafbfc;
}

.block-areadetail table tr td
{
    width: 49%;
    padding: 10px 20px;

    border: 1px solid #e2e6e8;
}

/* block-profile 
--------------------------------------------------------- */

.block-profile
{
    margin-top: -40px;
}

.block-profile_title
{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;

    margin-bottom: 15px;

    color: #434a53;
}

.is-font-large .block-profile_title
{
    font-size: 18.24px;
    font-size: 1.824rem;
}

.block-profile_content
{
    font-size: 12px;
    font-size: 1.2rem;
}

.is-font-large .block-profile_content
{
    font-size: 13.68px;
    font-size: 1.368rem;
}

/* block-subhead 
--------------------------------------------------------- */

.block-subhead
{
    margin-bottom: 20px;
}

.block-subhead:last-child
{
    margin-bottom: 0;
}

.block-subhead_title
{
    font-weight: bold;

    margin-bottom: 10px;

    color: #434a53;
}

.block-subhead_title-large
{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;

    margin-bottom: 10px;

    color: #434a53;
}

.is-font-large .block-subhead_title-large
{
    font-size: 18.24px;
    font-size: 1.824rem;
}

.block-subhead_content p,
.block-subhead_content .list-vertical,
.block-subhead_content .list-disc,
.block-subhead_content .list-decimal
{
    margin-bottom: 8px;
}

.block-subhead_content p > li,
.block-subhead_content .list-vertical > li,
.block-subhead_content .list-disc > li,
.block-subhead_content .list-decimal > li
{
    margin-bottom: 5px;
}

.block-subhead_content .midletitle
{
    font-weight: bold;

    margin-bottom: 20px;
}

/* block-notice
--------------------------------------------------------- */

.block-notice_title
{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    font-weight: 700;
    line-height: 1.6;

    margin-bottom: 6px;

    letter-spacing: 2px;

    color: #434a53;
}

.is-font-large .block-notice_title
{
    font-size: 18.24px;
    font-size: 1.824rem;
}

.block-notice .label
{
    font-weight: normal;

    position: relative;
    top: -2px;

    margin-left: 10px;

    vertical-align: middle;
    letter-spacing: normal;
}

.block-notice .label-new
{
    position: relative;
    top: -2px;

    margin-left: 8px;

    vertical-align: middle;
    letter-spacing: normal;
}

.block-notice i
{
    display: inline-block;

    width: 20px;
    margin-right: 10px;

    vertical-align: middle;
}

.block-notice_content p
{
    margin-bottom: 6px;
}

/* block-eyecatch
--------------------------------------------------------- */

.block-eyecatch_img
{
    position: relative;

    margin-bottom: 10px;
}

.block-eyecatch_img > img
{
    display: block;

    box-sizing: border-box;
    width: 100%;
    height: auto;

    border: 1px solid #e2e6e8;
}

a.block-eyecatch
{
    display: block;

    color: #656d78;
}

a.block-eyecatch:hover,
a.block-eyecatch:active
{
    text-decoration: none;
}

a.block-eyecatch .block-eyecatch_img:after
{
    position: absolute;
    top: 0;
    left: 0;

    box-sizing: border-box;
    width: 0;
    height: 0;

    content: '';
    -webkit-transition: border .3s, width 0s .3s, height 0s .3s;
            transition: border .3s, width 0s .3s, height 0s .3s;
    pointer-events: none;

    border: 0 solid #a0d468;
}

a.block-eyecatch:hover
{
    z-index: 0;

    text-decoration: none;
}

a.block-eyecatch:hover .block-eyecatch_img:after
{
    width: 100%;
    height: 100%;

    -webkit-transition: border .3s, width 0s, height 0s;
            transition: border .3s, width 0s, height 0s;

    border: 4px solid #a0d468;
}

/* block-officer
--------------------------------------------------------- */

.block-officer
{
    display: table;

    width: 100%;
    margin-bottom: 25px;
    padding-bottom: 25px;

    table-layout: fixed;

    border-bottom: 1px dotted #c6c8cb;
}

.block-officer:last-child,
.block-officer.block-item-last
{
    margin-bottom: 0;

    border-bottom: 1px solid #e2e6e8;
}

.block-officer_title
{
    font-weight: bold;

    display: table-cell;

    width: 260px;
    padding-right: 40px;

    vertical-align: middle;

    color: #434a53;
}

.block-officer_title_en
{
    font-weight: bold;

    display: table-cell;

    width: 500px;
    padding-right: 40px;

    vertical-align: middle;

    color: #434a53;
}

.block-officer_title-has-img
{
    font-weight: bold;

    display: table-cell;

    width: 260px;
    padding-right: 40px;

    vertical-align: top;

    color: #434a53;
}

.block-officer_title-has-img > img
{
    box-sizing: border-box;

    border: 1px solid #e2e6e8;
}

.block-officer_content
{
    display: table-cell;

    vertical-align: top;
}

/* block-glossary
--------------------------------------------------------- */

.block-glossary
{
    display: table;

    width: 100%;
    margin-bottom: 25px;
    padding-bottom: 25px;

    table-layout: fixed;

    border-bottom: 1px dotted #c6c8cb;
}

.block-glossary:last-child,
.block-glossary.block-item-last
{
    margin-bottom: 0;

    border-bottom: 1px solid #e2e6e8;
}

.block-glossary_title
{
    font-weight: bold;

    display: table-cell;

    width: 30%;
    padding-right: 20px;

    vertical-align: middle;

    color: #434a53;
}

.block-glossary_content
{
    display: table-cell;

    width: 70%;
}

/* block-faq
--------------------------------------------------------- */

.block-faq
{
    width: 100%;
    margin-bottom: 25px;
    padding-bottom: 25px;

    border-bottom: 1px dotted #c6c8cb;
}

.block-faq:last-child,
.block-faq.block-item-last
{
    margin-bottom: 0;

    border-bottom: 1px solid #e2e6e8;
}

.block-faq_question
{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;

    position: relative;

    margin-bottom: 13px;
    padding-left: 38px;
}

.is-font-large .block-faq_question
{
    font-size: 18.24px;
    font-size: 1.824rem;
}

.block-faq_question:before
{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1;

    position: relative;
    top: -2px;

    display: inline-block;

    box-sizing: border-box;
    width: 24px;
    height: 24px;
    margin-right: 14px;
    margin-left: -38px;
    padding-top: 5px;
    padding-right: 1px;

    content: 'Q';
    text-align: center;
    vertical-align: middle;

    color: #fff;
    border-radius: 50%;
    background-color: #a0d468;
}

.is-font-large .block-faq_question:before
{
    font-size: 15.96px;
    font-size: 1.596rem;
}

.block-faq_answer
{
    position: relative;

    padding-left: 38px;
}

.block-faq_answer:first-child
{
    margin-top: 0;
}

.block-faq_answer:before
{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;

    position: relative;
    top: -2px;

    display: inline-block;

    box-sizing: border-box;
    width: 24px;
    height: 24px;
    margin-right: 14px;
    margin-left: -38px;
    padding-top: 5px;

    content: 'A';
    text-align: center;
    vertical-align: middle;

    color: #fff;
    border-radius: 50%;
    background-color: #c8cfd3;
}

.is-font-large .block-faq_answer:before
{
    font-size: 15.96px;
    font-size: 1.596rem;
}

/* block-note
--------------------------------------------------------- */

.block-note
{
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
}

.is-font-large .block-note
{
    font-size: 13.68px;
    font-size: 1.368rem;
}

.block-note_title
{
    font-weight: bold;
}

.block-note_title:before
{
    margin-right: 5px;

    content: '※';
}

.block-note_content
{
    padding-left: calc(1em + 5px);
}

/* block-note2
--------------------------------------------------------- */

.block-note2
{
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
}

.is-font-large .block-note2
{
    font-size: 13.68px;
    font-size: 1.368rem;
}

.block-note2_title
{
    font-weight: bold;
}

.block-note2_content
{
    padding-left: calc(1em + 5px);
}

/* board
--------------------------------------------------------- */

.board
{
    margin: 40px 0;

    border: 1px solid #e2e6e8;
}

.board:first-child
{
    margin-top: 0;
}

.board:last-child
{
    margin-bottom: 0;
}

.board_title
{
    font-weight: bold;

    display: block;

    padding: 16px 22px;

    color: #434a53;
    background-color: #f3f5f8;
}

.board_title > a.title_link
{
    position: relative;

    display: block;

    margin: -16px -22px;
    padding: 16px 44px 16px 22px;

    color: #8cc152;
}

.board_title > a.title_link:hover
{
    text-decoration: none;
}

.board_title > a.title_link:after
{
    position: absolute;
    top: 50%;
    right: 32px;

    display: block;

    width: 8px;
    height: 8px;
    margin-top: -10px;
    margin-left: -1px;

    content: '';
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
    -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
            transform-origin: 100% 100%;

    border-top: 2px solid #a0d468;
    border-left: 2px solid #a0d468;
}

.board_content
{
    padding: 18px 22px;

    border-top: 1px solid #e2e6e8;
}

.board_content a[target='_blank']:after
{
    position: relative;
    top: -1px;

    display: inline-block;

    width: 10px;
    height: 10px;
    margin-left: 8px;

    content: '';
    vertical-align: middle;

    background-image: url('/common/img/blank.svg');
}

/* frame
--------------------------------------------------------- */

.frame
{
    margin: 40px 0;
    padding: 23px 27px;

    border: 4px solid #e2e6e8;
}

.frame:first-child
{
    margin-top: 0;
}

.frame:last-child
{
    margin-bottom: 0;
}

/* info-news
--------------------------------------------------------- */

.info-news
{
    font-weight: bold;
    line-height: 1.25;

    margin-bottom: 10px;
}

.info-news:last-child
{
    margin-bottom: 0;
}

.info-news_date
{
    padding-right: 14px;

    letter-spacing: 2px;

    border-right: 1px solid #e2e6e8;
}

.info-news_cat
{
    padding-left: 14px;
}

.info-news-author
{
    margin-bottom: 0;

    text-align: right;
}

/*
   carousel
============================================================================= */

.wrapper-carousel
{
    max-width: 1180px;
    margin: 0 auto;
}

.eyecatch-page .carousel_inner
{
    margin: 0;
}

.carousel
{
    position: relative;

    box-sizing: border-box;
    margin: 0 40px;

    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.carousel_wrap
{
    overflow: hidden;
}

.carousel_inner
{
    position: relative;
    left: 0;

    overflow: hidden;

    margin: 0 -20px;
}

.carousel_item
{
    float: left;

    box-sizing: border-box;
    padding: 0 20px;
}

.carousel_item a
{
    display: block;
}

.carousel .carousel_content
{
    max-width: 9999999px;
    margin-right: 0;
    margin-left: 0;
    padding: 0;
}

.carousel .carousel_content img
{
    pointer-events: none;
}

.carousel_dots
{
    overflow: hidden;

    height: 10px;
    padding-top: 20px;

    text-align: center;
}

.carousel_dots > li
{
    display: inline-block;
    overflow: hidden;

    height: 10px;
    margin: 0 5px;

    vertical-align: top;
}

.carousel_dots > li > a
{
    position: relative;

    display: block;

    width: 10px;
    height: 10px;

    border-radius: 50%;
    background-color: #a0d468;
}

.carousel_dots > li > a:after
{
    top: 0;
    left: 0;

    display: block;

    width: 10px;
    height: 10px;

    content: '';
    -webkit-transition: -webkit-transform .3s;
            transition: -webkit-transform .3s;
            transition:         transform .3s;
            transition:         transform .3s, -webkit-transform .3s;

    border-radius: 50%;
    background-color: #d9dde2;
}

.carousel_dots > li > a:hover:after
{
    -webkit-transform: scale(.55);
        -ms-transform: scale(.55);
            transform: scale(.55);
}

.carousel_dots > li > a.is-current:after
{
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
}

.carousel_dots > li > a.is-current:hover:after
{
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
}

.carousel_prev
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 28px;
    height: 28px;
    margin-top: -29px;
    margin-left: -14px;

    -webkit-transition: background-color .2s;
            transition: background-color .2s;

    border-radius: 50%;
    background-color: rgba(170, 178, 190, .6);
}

.carousel_prev:hover
{
    background-color: rgba(170, 178, 190, .95);
}

.carousel_prev:after
{
    display: block;

    width: 6px;
    height: 6px;
    margin-top: 6px;
    margin-left: 2px;

    content: '';
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
    -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
            transform-origin: 100% 100%;

    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.carousel_next
{
    position: absolute;
    top: 50%;
    right: 0;

    display: block;

    width: 28px;
    height: 28px;
    margin-top: -29px;
    margin-right: -14px;

    -webkit-transition: background-color .2s;
            transition: background-color .2s;

    border-radius: 50%;
    background-color: rgba(170, 178, 190, .6);
}

.carousel_next:hover
{
    background-color: rgba(170, 178, 190, .95);
}

.carousel_next:after
{
    display: block;

    width: 6px;
    height: 6px;
    margin-top: 6px;
    margin-left: -1px;

    content: '';
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
    -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
            transform-origin: 100% 100%;

    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
}

/*
   list-box
============================================================================= */

.list-box
{
    box-sizing: border-box;
    max-width: 1180px;
    margin: 0 auto -40px;
    padding: 0 20px;
}

.list-box_item
{
    float: left;

    box-sizing: border-box;
    width: 25%;
    margin-bottom: 42px;
    padding: 0 20px;
}

.list-box_item.large
{
    width: 33%;
}

.list-box > .list-box_item-3
{
    width: 33.33333%;
}

.list-box > .list-box_item-2
{
    width: 50%;
}

.list-box-incolumn
{
    box-sizing: border-box;
    max-width: 1180px;
    margin: 0 -40px 0;
    padding: 0 20px;
}

.list-box-incolumn > .list-box_item-3
{
    width: 33.33333%;
}

.list-box-incolumn > .list-box_item-2
{
    width: 50%;
}

/* box
--------------------------------------------------------- */

.box
{
    position: relative;

    display: block;

    box-sizing: border-box;

    -webkit-transition: border 400ms;
            transition: border 400ms;

    background-color: #fff;
    box-shadow: 0 2px #e2e6e8;
}

.box_eyecatch
{
    line-height: 0;

    margin-bottom: 0;
}

.box_eyecatch > img
{
    width: 100%;
    height: auto;

    border-bottom: 1px solid #e2e6e8;
}

.box_text
{
    padding: 20px 30px;
}

a.box
{
    overflow: hidden;

    color: #656d78;
}

a.box:after
{
    position: absolute;
    top: 0;
    left: 0;

    box-sizing: border-box;
    width: 0;
    height: 0;

    content: '';
    -webkit-transition: border .3s, width 0s .3s, height 0s .3s;
            transition: border .3s, width 0s .3s, height 0s .3s;
    pointer-events: none;

    border: 0 solid #a0d468;
}

a.box:after.box_media::after
{
    border-color: #f76171;
}

a.box:after.box_studio::after
{
    border-color: #c03;
}

a.box:after.box_broadcast::after
{
    border-color: #5798f2;
}

a.box:after.box_technology::after
{
    border-color: #ffc900;
}

a.box:after.box_education::after
{
    border-color: #9ed859;
}

a.box:after.box_others::after
{
    border-color: #aa96e6;
}

a.box:hover
{
    z-index: 0;

    text-decoration: none;
}

a.box:hover:after
{
    width: 100%;
    height: 100%;

    -webkit-transition: border .3s, width 0s, height 0s;
            transition: border .3s, width 0s, height 0s;

    border: 4px solid #a0d468;
}

a.box:hover.box_media::after
{
    border-color: #f76171;
}

a.box:hover.box_studio::after
{
    border-color: #c03;
}

a.box:hover.box_broadcast::after
{
    border-color: #5798f2;
}

a.box:hover.box_technology::after
{
    border-color: #ffc900;
}

a.box:hover.box_education::after
{
    border-color: #9ed859;
}

a.box:hover.box_others::after
{
    border-color: #aa96e6;
}

a.box:visited,
a.box:active,
a.box:focus
{
    text-decoration: none;
}

.box_inner
{
    padding: 20px 30px;
}

.box_inner-sub
{
    padding: 20px 20px;
}

/*
   box-split-ir
============================================================================= */

.box-split-ir
{
    display: table;

    table-layout: fixed;

    text-decoration: none;

    color: #656d78;
}

.box-split-ir:after
{
    position: absolute;
    top: 0;
    left: 0;

    box-sizing: border-box;
    width: 0;
    height: 0;

    content: '';
    -webkit-transition: border .3s, width 0s .3s, height 0s .3s;
            transition: border .3s, width 0s .3s, height 0s .3s;
    pointer-events: none;

    border: 0 solid #a0d468;
}

.box-split-ir:hover
{
    text-decoration: none;

    color: #656d78;
}

.box-split-ir:hover:after
{
    width: 100%;
    height: 100%;

    -webkit-transition: border .3s, width 0s, height 0s;
            transition: border .3s, width 0s, height 0s;

    border: 4px solid #a0d468;
}

.box-split-ir:active,
.box-split-ir:visited
{
    text-decoration: none;

    color: #656d78;
}

.box-split-ir_eyecatch
{
    display: table-cell;

    width: 50%;

    vertical-align: top;
}

.box-split-ir_eyecatch > img
{
    display: block;

    width: 100%;
}

.box-split-ir_content
{
    display: table-cell;

    width: 50%;
    padding: 25px 30px;

    vertical-align: top;
}

.box-split-ir_content > p
{
    margin-bottom: 5px;
}

.box-split-ir_content > p:last-child
{
    margin-bottom: 0;
}

/*
   block-movie-sub
============================================================================= */

.block-movie-sub
{
    display: block;

    text-decoration: none;
}

.block-movie-sub:hover
{
    z-index: 0;

    text-decoration: none;
}

.block-movie-sub:hover .block-movie-sub_thumb:after
{
    width: 100%;
    height: 100%;

    -webkit-transition: border .3s, width 0s, height 0s;
            transition: border .3s, width 0s, height 0s;

    border: 4px solid #a0d468;
}

.block-movie-sub_thumb
{
    position: relative;

    margin-bottom: 8px;
}

.block-movie-sub_thumb > img
{
    display: block;

    width: 100%;
}

.block-movie-sub_thumb:after
{
    position: absolute;
    top: 0;
    left: 0;

    box-sizing: border-box;
    width: 0;
    height: 0;

    content: '';
    -webkit-transition: border .3s, width 0s .3s, height 0s .3s;
            transition: border .3s, width 0s .3s, height 0s .3s;
    pointer-events: none;

    border: 0 solid #a0d468;
}

.block-movie-sub_title
{
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.6;

    color: #656d78;
}

.is-font-large .block-movie-sub_title
{
    font-size: 13.68px;
    font-size: 1.368rem;
}

.block-movie-sub_title:before
{
    content: '';
}

/*
   block-resize
============================================================================= */

.block-resize
{
    overflow: auto;

    width: 100%;
    height: 100px;

    resize: vertical;

    border: 1px solid #e2e6e8;
}

.block-resize_inner
{
    padding: 13px 20px;
}

/*
   Form
============================================================================= */

.form-search
{
    position: relative;

    margin-bottom: 40px;
}

.form-search input[type='text']
{
    font-size: 14px;
    font-size: 1.4rem;
    line-height: normal;

    box-sizing: border-box;
    width: 100%;
    height: 40px;
    padding: 12px 13px;

    -webkit-transition: background-color .4s;
            transition: background-color .4s;

    border: 1px solid #e2e6e8;
    background-color: #e2e6e8;

    -webkit-appearance: none;
}

.is-font-large .form-search input[type='text']
{
    font-size: 15.96px;
    font-size: 1.596rem;
}

.form-search input[type='text']:focus
{
    background-color: #fff;
}

.form-search input[type='submit']
{
    position: absolute;
    top: 0;
    right: 0;

    width: 40px;
    height: 40px;

    cursor: pointer;
    text-indent: -9999px;

    background-color: transparent;
    background-image: url('/common/img/serch.svg');
    background-repeat: no-repeat;
    background-position: center center;

    -webkit-appearance: none;
}

/*
   list
============================================================================= */

/* list-horizontal
--------------------------------------------------------- */

.list-vertical
{
    line-height: 2;

    margin-bottom: 20px;
}

.list-vertical:last-child
{
    margin-bottom: 0;
}

/* list-horizontal
--------------------------------------------------------- */

.list-horizontal
{
    line-height: 2;

    margin-bottom: 20px;
}

.list-horizontal:last-child
{
    margin-bottom: 0;
}

.list-horizontal > li
{
    position: relative;

    float: left;

    margin-top: 10px;
    margin-right: 15px;
    padding: 0 15px 0 0;
}

.list-horizontal > li:after
{
    position: absolute;
    top: 8px;
    right: 0;

    width: 1px;
    height: 12px;

    content: '';

    background-color: #c8cfd3;
}

.list-horizontal > li:first-child
{
    padding-left: 0;
}

.list-horizontal > li:last-child
{
    padding-right: 0;
}

.list-horizontal > li:last-child:after
{
    content: normal;
}

/* list-caption 
--------------------------------------------------------- */

.list-caption
{
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;

    margin-bottom: 20px;
}

.is-font-large .list-caption
{
    font-size: 13.68px;
    font-size: 1.368rem;
}

.list-caption:last-child
{
    margin-bottom: 0;
}

.list-caption > li
{
    margin-bottom: 5px;
    padding-left: 2em;
}

.list-caption > li:last-child
{
    margin-bottom: 0;
}

.list-caption > li:before
{
    margin-right: .5em;
    margin-left: -1.5em;

    content: '※';
}

.text-caption
{
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;

    margin-bottom: 20px;
    padding-left: 2em;
}

.is-font-large .text-caption
{
    font-size: 13.68px;
    font-size: 1.368rem;
}

.text-caption:before
{
    margin-right: .5em;
    margin-left: -1.5em;

    content: '※';
}

.text-caption2
{
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;

    margin-bottom: 20px;
    padding-left: 2em;
}

.is-font-large .text-caption2
{
    font-size: 13.68px;
    font-size: 1.368rem;
}

.text-caption2:before
{
    margin-right: .5em;
    margin-left: -1.5em;

    content: '';
}

.text-footnote
{
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;

    margin-bottom: 20px;
}

.is-font-large .text-footnote
{
    font-size: 13.68px;
    font-size: 1.368rem;
}

/* list-disc-bold 
--------------------------------------------------------- */

.list-disc-bold
{
    font-weight: bold;

    margin-bottom: 20px;
    padding-left: 1.4em;

    list-style-type: disc;

    color: #434a53;
}

.list-disc-bold:last-child
{
    margin-bottom: 0;
}

.list-disc-bold > li
{
    margin-bottom: 5px;
}

/* list-disc
--------------------------------------------------------- */

.list-disc
{
    margin-bottom: 20px;
    padding-left: 1.4em;

    list-style-type: disc;
}

.list-disc:last-child
{
    margin-bottom: 0;
}

.list-disc > li
{
    margin-bottom: 5px;
}

/* list-decimal 
--------------------------------------------------------- */

.list-decimal
{
    margin-bottom: 20px;
    padding-left: 1.4em;

    list-style-type: decimal;
}

.list-decimal:last-child
{
    margin-bottom: 0;
}

.list-decimal > li
{
    margin-bottom: 5px;
}

/* list-link
--------------------------------------------------------- */

.list-link
{
    margin-bottom: 20px;
}

.list-link:last-child
{
    margin-bottom: 0;
}

.list-link > li
{
    margin-bottom: 3px;
}

.list-link > li:last-child
{
    margin-bottom: 0;
}

.list-link > li > a
{
    display: inline-block;

    padding-left: 19px;

    color: #656d78;
}

.list-link > li > a:before
{
    position: relative;
    top: -2px;

    display: inline-block;

    width: 15px;
    height: 15px;
    margin-right: 5px;
    margin-left: -19px;

    content: '';
    vertical-align: middle;

    background-image: url('/common/img/arrow.svg');
}

/* list-news
--------------------------------------------------------- */

.list-news > li
{
    display: table;

    box-sizing: border-box;
    width: 100%;
    padding: 17px 30px;

    border-top: 1px dotted #c6c8cb;
}

.list-news > li:first-child
{
    border-top: 0;
}

.list-news_date
{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;

    display: table-cell;

    width: 6.5em;

    vertical-align: top;
    letter-spacing: 2px;

    color: #434a53;
}

.is-font-large .list-news_date
{
    font-size: 18.24px;
    font-size: 1.824rem;
}

.list-news_label
{
    line-height: 1;

    display: table-cell;

    width: 70px;
    padding-left: 15px;

    vertical-align: top;
}

.list-news_label .label
{
    font-size: 1.1rem;

    position: relative;
    top: 6px;
}

.list-news_content
{
    display: table-cell;

    padding-top: .15em;
    padding-left: 30px;

    vertical-align: top;
}

.list-news_content a[target='_blank']:after
{
    position: relative;
    top: -1px;

    display: inline-block;

    width: 10px;
    height: 10px;
    margin-left: 8px;

    content: '';
    vertical-align: middle;

    background-image: url('/common/img/blank.svg');
}

.list-news_content .label-new
{
    position: relative;
    top: -2px;

    margin-left: 8px;
}

.list-news-ir > li
{
    box-sizing: border-box;
    width: 100%;
    padding: 17px 25px;

    border-top: 1px dotted #c6c8cb;
}

.list-news-ir > li:first-child
{
    border-top: 0;
}

.list-news-ir_head
{
    margin-bottom: 6px;
}

.list-news-ir_head > .label
{
    font-weight: normal;

    position: relative;

    vertical-align: middle;
}

.list-news-ir_head > .label-new
{
    position: relative;

    margin-left: 5px;

    vertical-align: middle;
}

.list-news-ir_date
{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.6;

    float: left;

    margin-right: 10px;

    letter-spacing: 2px;

    color: #434a53;
}

.is-font-large .list-news-ir_date
{
    font-size: 18.24px;
    font-size: 1.824rem;
}

.list-news-ir_content
{
    margin-bottom: 0;
}

.list-news-ir_content a[target='_blank']:after
{
    position: relative;
    top: -1px;

    display: inline-block;

    width: 10px;
    height: 10px;
    margin-left: 8px;

    content: '';
    vertical-align: middle;

    background-image: url('/common/img/blank.svg');
}

/* list-career
--------------------------------------------------------- */

.list-carrer_date
{
    float: left;

    width: 7em;
    margin-bottom: 0;
}

.list-carrer_content
{
    overflow: hidden;

    margin-bottom: 0;
    padding-left: 20px;
}

/* list-link-ir
--------------------------------------------------------- */

.list-link-ir > li
{
    margin-bottom: 40px;
}

.list-link-ir > li > a
{
    font-size: 1.5rem;
    font-weight: bold;

    position: relative;

    display: block;

    box-sizing: border-box;
    padding: 21px 20px 21px 70px;

    letter-spacing: 2px;

    color: #434a53;
    border: 4px solid #e2e6e8;
    background-color: #fff;
}

.list-link-ir > li > a:hover,
.list-link-ir > li > a:active
{
    text-decoration: none;
}

.list-link-ir > li > a:before
{
    position: absolute;
    top: -4px;
    left: -4px;

    box-sizing: border-box;
    width: 0;
    height: 0;

    content: '';
    -webkit-transition: border .3s, width 0s .3s, height 0s .3s;
            transition: border .3s, width 0s .3s, height 0s .3s;

    border: 0 solid #a0d468;
}

.list-link-ir > li > a:hover:before
{
    width: calc(100% + 8px);
    height: calc(100% + 8px);

    -webkit-transition: border .3s, width 0s, height 0s;
            transition: border .3s, width 0s, height 0s;

    border: 4px solid #a0d468;
}

.list-link-ir > li > a.is-important
{
    color: #8cc152;
    border: 4px solid #a0d468;
}

.list-link-ir > li > a.is-important > .label-new
{
    position: relative;

    margin: -2px 0 0 10px;

    vertical-align: middle;
}

.list-link-ir > li > a.is-important:before
{
    position: absolute;
    top: 0;
    left: 0;

    box-sizing: border-box;
    width: 0;
    height: 0;

    content: '';
    -webkit-transition: border .3s, width 0s .3s, height 0s .3s;
            transition: border .3s, width 0s .3s, height 0s .3s;

    border: 0 solid #a0d468;
}

.list-link-ir > li > a.is-important:hover:before
{
    width: 100%;
    height: 100%;

    -webkit-transition: border .3s, width 0s, height 0s;
            transition: border .3s, width 0s, height 0s;

    border: 4px solid #a0d468;
}

.list-link-ir > li > .link-individual
{
    position: relative;

    background-image: url('/ir/img/individual.svg');
    background-repeat: no-repeat;
    background-position: 20px 50%;
    background-size: 30px 30px;
}

.list-link-ir > li > .link-dividend
{
    position: relative;

    background-image: url('/ir/img/dividend.svg');
    background-repeat: no-repeat;
    background-position: 18px 50%;
    background-size: 33px 33px;
}

.list-link-ir > li > .link-benefit
{
    position: relative;

    background-image: url('/ir/img/benefit.svg');
    background-repeat: no-repeat;
    background-position: 18px 50%;
    background-size: 33px 33px;
}

.list-link-ir > li > .link-pie
{
    position: relative;

    background-image: url('/ir/img/pie.svg');
    background-repeat: no-repeat;
    background-position: 18px 50%;
    background-size: 33px 33px;
}

.list-link-ir > li > .link-prices
{
    position: relative;

    background-image: url('/ir/img/prices.svg');
    background-repeat: no-repeat;
    background-position: 20px 50%;
    background-size: 30px 30px;
}

.list-link-ir > li > .link-prices:after
{
    position: absolute;
    top: 10px;
    right: 10px;

    display: inline-block;

    width: 10px;
    height: 10px;

    content: '';

    background-image: url('/common/img/blank.svg');
}

.list-link-ir > li > .link-summary
{
    position: relative;

    background-image: url('/ir/img/summary.svg');
    background-repeat: no-repeat;
    background-position: 20px 50%;
    background-size: 30px 30px;
}

.list-link-ir .link-arrow
{
    margin-top: 10px;

    color: #656d78;
}

/* list-board-half
--------------------------------------------------------- */

.list-board-half
{
    margin-bottom: 40px;

    border-top: 1px solid #e2e6e8;
    border-left: 1px solid #e2e6e8;
}

.list-board-half:last-child
{
    margin-bottom: 0;
}

.list-board-half > li
{
    float: left;

    box-sizing: border-box;
    width: 50%;
    padding: 15px 22px;

    border-right: 1px solid #e2e6e8;
    border-bottom: 1px solid #e2e6e8;
}

.list-board-half > li a[target='_blank']:after
{
    position: relative;
    top: -1px;

    display: inline-block;

    width: 10px;
    height: 10px;
    margin-left: 8px;

    content: '';
    vertical-align: middle;

    background-image: url('/common/img/blank.svg');
}

/* list-calender-sub
--------------------------------------------------------- */

.list-calender-sub
{
    line-height: 1.6;
}

.list-calender-sub > li
{
    box-sizing: border-box;
    width: 100%;
    padding: 18px 20px;

    border-top: 1px dotted #c6c8cb;
}

.list-calender-sub > li:first-child
{
    border-top: 0;
}

.list-calender-sub_date
{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;

    margin-bottom: 6px;

    letter-spacing: 2px;

    color: #434a53;
}

.is-font-large .list-calender-sub_date
{
    font-size: 15.96px;
    font-size: 1.596rem;
}

.list-calender-sub_content
{
    font-size: 12px;
    font-size: 1.2rem;

    margin-bottom: 0;
}

.is-font-large .list-calender-sub_content
{
    font-size: 13.68px;
    font-size: 1.368rem;
}

.list-calender-sub_content a[target='_blank']:after
{
    position: relative;
    top: -1px;

    display: inline-block;

    width: 10px;
    height: 10px;
    margin-left: 8px;

    content: '';
    vertical-align: middle;

    background-image: url('/common/img/blank.svg');
}

/* list-news-check
--------------------------------------------------------- */

.list-news-check
{
    box-sizing: border-box;
    max-width: 1180px;
    margin: 0 auto 40px;
    padding: 0 40px;
}

.list-news-check:last-child
{
    margin-bottom: 0;
}

.list-news-check_item
{
    font-weight: bold;
    line-height: 1;

    float: left;

    margin-right: 30px;
    padding-top: 20px;
}

.list-news-check_item:last-child
{
    margin-right: 0;
}

.list-news-check_item > input
{
    margin-right: 6px;
}

/* list-sns
--------------------------------------------------------- */

.list-sns
{
    float: right;

    padding-top: 25px;
}

.list-sns_item
{
    line-height: 1;

    float: left;

    width: 69px;
    height: 15px;

    text-align: center;

    border-left: 1px solid #e2e6e8;
}

.list-sns_item:last-child
{
    border-right: 1px solid #e2e6e8;
}

.btn-twitter > span
{
    display: inline-block;

    padding-top: 1px;
}

.btn-hatebu > span
{
    display: inline-block;

    padding-top: 1px;
}

/* list-sub
--------------------------------------------------------- */

.list-sub
{
    font-size: 12px;
    font-size: 1.2rem;

    margin-bottom: 10px;
}

.is-font-large .list-sub
{
    font-size: 13.68px;
    font-size: 1.368rem;
}

.list-sub:last-child
{
    margin-bottom: 0;
}

/* list-form-order
--------------------------------------------------------- */

.list-form-order
{
    overflow: hidden;

    margin: 0 -5px 30px;
}

.list-form-order > li
{
    position: relative;

    float: left;

    box-sizing: border-box;
    padding: 0 42px 0 5px;
}

.list-form-order > li.is-current > p
{
    color: #fff;
    background-color: #8cc152;
}

.list-form-order > li.is-current > p:after
{
    border-color: transparent transparent transparent #8cc152;
}

.list-form-order > li > p
{
    line-height: 45px;

    position: relative;

    box-sizing: border-box;
    height: 45px;
    padding-left: 43px;

    text-align: center;

    background-color: #f4f5f9;
}

.list-form-order > li > p:after
{
    position: absolute;
    top: 0;
    right: -37px;

    width: 0;
    height: 0;

    content: '';

    border-width: 23px 0 23px 37px;
    border-style: solid;
    border-color: transparent transparent transparent #f4f5f9;
}

.list-form-order > li > p:before
{
    position: absolute;
    top: 0;
    left: 0;

    width: 0;
    height: 0;

    content: '';

    border-width: 23px 0 23px 37px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
}

.list-form-order_item-01
{
    z-index: 2;

    width: 32%;
}

.list-form-order_item-01 > p
{
    padding-left: 15px !important;
}

.list-form-order_item-01 > p:before
{
    content: normal !important;
}

.list-form-order_item-02
{
    z-index: 1;

    width: 36%;
}

.list-form-order_item-03
{
    z-index: 0;

    width: 32%;
}

/* list-cdn
--------------------------------------------------------- */

.list-cdn
{
    counter-reset: number;
}

.list-cdn > li
{
    margin-bottom: 5px;

    counter-increment: number;
}

.list-cdn > li:last-child
{
    margin-bottom: 0;
}

.list-cdn > li:before
{
    font-family: 'Roboto', sans-serif;
    font-size: 1.1rem;
    line-height: 16px;

    position: relative;
    top: -1px;

    display: inline-block;

    width: 16px;
    height: 16px;
    margin-right: 6px;

    content: counter(number);
    text-align: center;
    vertical-align: middle;

    color: #fff;
    border-radius: 50%;
    background-color: #ea4f2d;
}

/*
   Media
============================================================================= */

/* eyecatch-page
--------------------------------------------------------- */

.eyecatch-page > img
{
    display: block;

    width: 100%;
    height: auto;
}

.eyecatch-page .carousel
{
    margin: 0 0 40px;
}

.eyecatch-page .carousel_item
{
    padding: 0;
}

.eyecatch-page .carousel_item img
{
    display: block;

    width: 100%;
    height: auto;
}

/* googlemap
--------------------------------------------------------- */

.gmap
{
    position: relative;

    overflow: hidden;

    height: 0;
    margin-top: 20px;
    padding-bottom: 50.8%;
}

.gmap iframe,
.gmap object,
.gmap embed
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

.img-full
{
    width: 100%;
}

/*
   Modal
============================================================================= */

.bg-modal
{
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;

    display: none;

    width: 100%;

    opacity: .7;
    background-color: #c8cfd3;
}

.modal
{
    position: fixed;
    z-index: 10;
    top: 50%;
    left: 50%;

    display: none;
}

.modal img
{
    max-width: 100000px;
}

.btn-modal-close
{
    position: absolute;
    top: -45px;
    right: 0;

    display: block;

    box-sizing: border-box;
    width: 40px;
    height: 40px;

    -webkit-transition: background-color .3s;
            transition: background-color .3s;

    border: 4px solid #a0d468;
    border-radius: 50%;
    background-color: #a0d468;
}

.btn-modal-close > svg polygon
{
    -webkit-transition: fill .3s;
            transition: fill .3s;
}

.btn-modal-close:hover
{
    background-color: #fff;
}

.btn-modal-close:hover > svg polygon
{
    fill: #a0d468;
}

/*
   table
============================================================================= */

.table-full
{
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2;

    width: 100%;
    margin-bottom: 40px;

    word-wrap: break-word;
    word-break: break-all;
}

.is-font-large .table-full
{
    font-size: 13.68px;
    font-size: 1.368rem;
}

.table-full.font-large
{
    font-size: 14px;
    font-size: 1.4rem;
}

.is-font-large .table-full.font-large
{
    font-size: 15.96px;
    font-size: 1.596rem;
}

.table-full:last-child
{
    margin-bottom: 0;
}

.table-full thead th,
.table-full thead td
{
    text-align: center;
}

.table-full thead th
{
    line-height: 1.6;

    padding: 18px 25px;
}

.table-full th,
.table-full td
{
    padding: 15px 25px;

    text-align: left;
    vertical-align: top;
    word-wrap: break-word;
    word-break: break-all;

    border: 1px solid #e2e6e8;
}

.table-full .col-row
{
    padding: 7px 25px;
}

.table-full th
{
    font-weight: bold;

    color: #434a53;
    background-color: #f3f5f8;
}

.table-full th span
{
    font-size: 12px;
    font-size: 1.2rem;
}

.is-font-large .table-full th span
{
    font-size: 13.68px;
    font-size: 1.368rem;
}

.table-full p
{
    margin-bottom: 8px;
}

.table-full p:last-child
{
    margin-bottom: 0;
}

.table-full ul,
.table-full .list-vertical,
.table-full .list-disc,
.table-full .list-decimal
{
    margin-bottom: 10px;
}

.table-full ul:last-child,
.table-full .list-vertical:last-child,
.table-full .list-disc:last-child,
.table-full .list-decimal:last-child
{
    margin-bottom: 0;
}

.table-full hr
{
    margin: 15px 0;
}

.table-full_ti
{
    overflow: hidden;

    width: 100%;
}

.table-full_ti > div
{
    float: left;

    width: 80%;
}

.table-full_ti > figure
{
    float: right;

    width: 20%;

    text-align: center;
}

.table-full_ti > figure img
{
    margin: auto;
}

.table-full-td-right td
{
    text-align: right;
}

.table-non-style
{
    line-height: 2;

    width: auto;
    margin-bottom: 20px;

    table-layout: fixed;
}

.table-non-style:last-child
{
    margin-bottom: 0;
}

.table-non-style th,
.table-non-style td
{
    padding: 0;

    text-align: left;
    vertical-align: top;

    border: 0;
}

.table-non-style th
{
    font-weight: normal;

    padding-right: 20px;

    color: #656d78;
    background-color: transparent;
}

.data-unit
{
    margin-bottom: 5px;

    text-align: right;
}

/*
   graph
============================================================================= */

.graph
{
    margin-bottom: 40px;

    border: 1px solid #e2e6e8;
}

.note-data
{
    margin-top: -30px;
    margin-bottom: 30px;
}

.note-data:last-child
{
    margin-bottom: 0;
}

.note-data-small
{
    font-size: 12px;
    font-size: 1.2rem;

    margin-top: -30px;
    margin-bottom: 30px;
}

.is-font-large .note-data-small
{
    font-size: 13.68px;
    font-size: 1.368rem;
}

.note-data-small:last-child
{
    margin-bottom: 0;
}

.data-info
{
    font-size: 12px;
    font-size: 1.2rem;

    margin-top: 10px;
    margin-bottom: 20px;
}

.is-font-large .data-info
{
    font-size: 13.68px;
    font-size: 1.368rem;
}

/*
   slide
============================================================================= */

.slide
{
    max-width: 595px;
    margin: 0 auto 40px;
}

.slide_inner
{
    position: relative;

    height: 0;
    padding-top: 81.5%;

    border: 1px solid #e2e6e8;
}

.slide_inner > iframe
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

/*
   form
============================================================================= */

.form-table
{
    display: table;

    width: 100%;

    border-top: 1px solid #e2e6e8;
    border-right: 1px solid #e2e6e8;
    border-left: 1px solid #e2e6e8;
}

.form-table input
{
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;

    box-sizing: border-box;
    margin: 0;
    margin-bottom: 5px;
    padding: 8px 10px 7px;

    -webkit-transition: background-color .4s;
            transition: background-color .4s;

    border: 1px solid #e2e6e8;
    background-color: #f4f5f9;

    -webkit-appearance: none;
}

.is-font-large .form-table input
{
    font-size: 13.68px;
    font-size: 1.368rem;
}

.form-table input:focus
{
    background-color: #fff;
}

.form-table input:last-child
{
    margin-bottom: 0;
}

.form-table input[type='text'],
.form-table input[type='email'],
.form-table input[type='tel']
{
    width: 100%;
}

.form-table select
{
    box-sizing: border-box;
    width: 100%;
}

.form-table textarea
{
    font-size: 12px;
    font-size: 1.2rem;

    position: relative;

    box-sizing: border-box;
    width: 100%;
    height: 150px;
    margin: 0;
    margin-bottom: 5px;
    padding: 3px 10px;

    resize: vertical;
    -webkit-transition: background-color .4s;
            transition: background-color .4s;

    border: 1px solid #e2e6e8;
    background-color: #f4f5f9;

    -webkit-appearance: none;
}

.is-font-large .form-table textarea
{
    font-size: 13.68px;
    font-size: 1.368rem;
}

.form-table textarea:focus
{
    background-color: #fff;
}

.form-table textarea:last-child
{
    margin-bottom: 0;
}

.form-table p
{
    line-height: 1.6;

    margin-bottom: 0;
}

.form-table_tr
{
    display: table-row;
}

.form-table_th
{
    font-weight: bold;

    display: table-cell;

    box-sizing: border-box;
    width: 40.67%;
    padding: 20px 25px;

    vertical-align: middle;

    border-right: 1px solid #e2e6e8;
    border-bottom: 1px solid #e2e6e8;
    background-color: #f4f5f9;
}

.form-table_td
{
    display: table-cell;

    box-sizing: border-box;
    width: 59.33%;
    padding: 15px 20px;

    vertical-align: middle;
    word-wrap: break-word;
    word-break: break-all;

    border-bottom: 1px solid #e2e6e8;
}

.form-table_td-split
{
    margin: -15px -20px;
    margin-bottom: 15px;
    padding: 15px 20px;

    border-bottom: 1px solid #e2e6e8;
}

.inquiry--price
{
    margin: 0 0 20px;
}

.inquiry--price__title
{
    margin-bottom: 0;
}

/*
   link / button
============================================================================= */

.area-btn-pdf-news
{
    float: left;
}

.btn-pdf-news
{
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1;

    position: relative;

    display: inline-block;

    padding: 11px 36px 9px;

    color: #434a53;
    border: 2px solid #e2e6e8;
}

.is-font-large .btn-pdf-news
{
    font-size: 14.82px;
    font-size: 1.482rem;
}

.btn-pdf-news:hover,
.btn-pdf-news:active,
.btn-pdf-news:visited
{
    color: #434a53;
}

.btn-pdf-news:before
{
    position: relative;
    top: -1px;

    display: inline-block;

    width: 14px;
    height: 16px;
    margin-right: 10px;

    content: '';
    vertical-align: middle;

    background-image: url('/common/img/pdf.svg');
}

.btn-pdf-news:after
{
    position: absolute;
    top: -2px;
    left: -2px;

    box-sizing: border-box;
    width: 0;
    height: 0;

    content: '';
    -webkit-transition: border .2s, width 0s .2s, height 0s .2s;
            transition: border .2s, width 0s .2s, height 0s .2s;
    pointer-events: none;

    border: 0 solid #a0d468;
}

.btn-pdf-news:hover
{
    z-index: 0;

    text-decoration: none;
}

.btn-pdf-news:hover:after
{
    width: calc(100% + 4px);
    height: calc(100% + 4px);

    -webkit-transition: border .2s, width 0s, height 0s;
            transition: border .2s, width 0s, height 0s;

    border: 2px solid #a0d468;
}

.area-link-calender-sub
{
    line-height: 1.6;

    padding: 16px 22px;

    text-align: right;

    border-top: 1px solid #e2e6e8;
}

.area-link-calender-sub > a
{
    font-size: 12px;
    font-size: 1.2rem;

    color: #656d78;
}

.is-font-large .area-link-calender-sub > a
{
    font-size: 13.68px;
    font-size: 1.368rem;
}

.area-link-calender-sub > a:before
{
    position: relative;
    top: -1px;

    display: inline-block;

    width: 15px;
    height: 15px;
    margin-right: 5px;
    margin-left: -19px;

    content: '';
    vertical-align: middle;

    background-image: url('/common/img/arrow.svg');
}

.link-arrow
{
    font-size: 1.6rem;

    display: inline-block;

    padding-left: 19px;
}

.link-arrow:before
{
    position: relative;
    top: -2px;

    display: inline-block;

    width: 15px;
    height: 15px;
    margin-right: 5px;
    margin-left: -19px;

    content: '';
    vertical-align: middle;

    background-image: url('/common/img/arrow.svg');
}

.link-blank
{
    display: inline-block;
}

.link-blank:after
{
    position: relative;
    top: -1px;

    display: inline-block;

    width: 10px;
    height: 10px;
    margin-left: 5px;

    content: '';
    vertical-align: middle;

    background-image: url('/common/img/renew/ico/ico-blank.svg');
}

.bnr-blank
{
    position: relative;
}

.bnr-blank:before
{
    position: absolute;
    top: 8px;
    right: 8px;

    display: inline-block;

    width: 10px;
    height: 10px;

    content: '';
    vertical-align: middle;

    background-image: url('/common/img/blank.svg');
}

.bnr-blank-w
{
    position: relative;
}

.bnr-blank-w:before
{
    position: absolute;
    top: 8px;
    right: 8px;

    display: inline-block;

    width: 10px;
    height: 10px;

    content: '';
    vertical-align: middle;

    background-image: url('/common/img/blank_w.svg');
}

.btn-large
{
    font-weight: bold;

    position: relative;

    display: inline-block;

    box-sizing: border-box;
    width: 410px;
    padding: 14px 0;

    text-align: center;

    color: #434a53;
    border: 4px solid #e2e6e8;
}

.btn-large:hover
{
    text-decoration: none;

    color: #434a53;
}

.btn-large:visited
{
    color: #434a53;
}

.btn-large:after
{
    position: absolute;
    top: -4px;
    left: -4px;

    box-sizing: border-box;
    width: 0;
    height: 0;

    content: '';
    -webkit-transition: border .3s, width 0s .3s, height 0s .3s;
            transition: border .3s, width 0s .3s, height 0s .3s;

    border: 0 solid #a0d468;
}

.btn-large:hover:after
{
    width: calc(100% + 8px);
    height: calc(100% + 8px);

    -webkit-transition: border .3s, width 0s, height 0s;
            transition: border .3s, width 0s, height 0s;

    border: 4px solid #a0d468;
}

.btn-large.link-faq:before
{
    position: relative;
    top: -1px;

    display: inline-block;

    width: 24px;
    height: 24px;
    margin-right: 5px;

    content: '';
    vertical-align: middle;

    background-image: url('/common/img/menu/sub/faq.svg');
}

.link-modal-thumb
{
    position: relative;

    display: block;
}

.link-modal-thumb > img
{
    display: block;
}

.link-modal-thumb:before
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: inline-block;

    width: 32px;
    height: 32px;
    margin-top: -16px;
    margin-left: -16px;

    content: '';
    -webkit-transition: -webkit-transform .3s;
            transition: -webkit-transform .3s;
            transition:         transform .3s;
            transition:         transform .3s, -webkit-transform .3s;

    background-image: url('/common/img/btn_play.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.link-modal-thumb:after
{
    position: absolute;
    top: 0;
    left: 0;

    box-sizing: border-box;
    width: 0;
    height: 0;

    content: '';
    -webkit-transition: border .3s, width 0s .3s, height 0s .3s;
            transition: border .3s, width 0s .3s, height 0s .3s;
    pointer-events: none;

    border: 0 solid #a0d468;
}

.link-modal-thumb:hover
{
    z-index: 0;
}

.link-modal-thumb:hover:after
{
    width: 100%;
    height: 100%;

    -webkit-transition: border .3s, width 0s, height 0s;
            transition: border .3s, width 0s, height 0s;

    border: 4px solid #a0d468;
}

.link-modal-thumb:hover:before
{
    -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
            transform: scale(1.15);
}

a.btn-contact
{
    display: table;

    width: 100%;
    max-width: 410px;

    -webkit-transition: opacity .3s;
            transition: opacity .3s;

    background-color: #484f59;
}

a.btn-contact:hover
{
    text-decoration: none;

    opacity: .8;
}

.btn-contact_inner
{
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;

    display: table-cell;

    padding: 10px 15px;

    text-align: center;
    vertical-align: middle;

    color: #fff;
}

.is-font-large .btn-contact_inner
{
    font-size: 15.96px;
    font-size: 1.596rem;
}

.btn-contact_inner.link-blank:after
{
    position: relative;
    top: -1px;

    display: inline-block;

    width: 10px;
    height: 10px;
    margin-left: 8px;

    content: '';
    vertical-align: middle;

    background-image: url('/common/img/blank_w.svg');
}

input.btn-contact
{
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;

    display: inline-block;

    width: 410px;
    margin: 0 20px;
    padding: 16px 0;

    cursor: pointer;
    -webkit-transition: opacity .3s;
            transition: opacity .3s;

    color: #fff;
    border-radius: 0;
    background-color: #484f59;

    -webkit-appearance: none;
}

.is-font-large input.btn-contact
{
    font-size: 15.96px;
    font-size: 1.596rem;
}

input.btn-contact:hover
{
    opacity: .7;
}

input.btn-contact-small
{
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;

    display: inline-block;

    width: 300px;
    margin: 0 20px 20px;
    padding: 16px 0;

    cursor: pointer;
    -webkit-transition: opacity .3s;
            transition: opacity .3s;

    color: #fff;
    border-radius: 0;
    background-color: #484f59;

    -webkit-appearance: none;
}

.is-font-large input.btn-contact-small
{
    font-size: 15.96px;
    font-size: 1.596rem;
}

input.btn-contact-small:hover
{
    opacity: .8;
}

.btn-contact-back-small
{
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;

    display: inline-block;

    width: 300px;
    margin: 0 20px 20px;
    padding: 16px 0;

    cursor: pointer;
    -webkit-transition: opacity .3s;
            transition: opacity .3s;

    color: #434a53;
    border-radius: 0;
    background-color: #d9dce1;

    -webkit-appearance: none;
}

.is-font-large .btn-contact-back-small
{
    font-size: 15.96px;
    font-size: 1.596rem;
}

.btn-contact-back-small:hover
{
    text-decoration: none;

    opacity: .8;
    color: #434a53;
}

.btn-dl-sub
{
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;

    display: block;

    padding: 6px 5px;

    -webkit-transition: border .2s;
            transition: border .2s;
    text-align: center;

    color: #434a53;
    border: 2px solid #e2e6e8;
}

.is-font-large .btn-dl-sub
{
    font-size: 13.68px;
    font-size: 1.368rem;
}

.btn-dl-sub:visited,
.btn-dl-sub:active
{
    text-decoration: none;

    color: #434a53;
}

.btn-dl-sub:hover
{
    text-decoration: none;

    color: #434a53;
    border: 2px solid #a0d468;
}

.btn-dl-sub:before
{
    position: relative;
    top: -1px;

    display: inline-block;

    width: 16px;
    height: 16px;
    margin-right: 10px;

    content: '';
    vertical-align: middle;

    background-image: url('/common/img/download.svg');
}

/*
   etc...
============================================================================= */

.emphasis
{
    font-style: normal;

    color: #8cc152;
}

.bold
{
    font-weight: bold !important;
}

.child
{
    padding-left: 35px;
}

.child:before
{
    position: relative;
    top: -10px;

    display: inline-block;

    box-sizing: border-box;
    width: 18px;
    height: 19px;
    margin: 0 11px 0 -30px;

    content: '';
    vertical-align: middle;

    border-bottom: 2px solid #e2e6e8;
    border-left: 2px solid #e2e6e8;
}

.attention
{
    color: #e53726;
}

.text-contact-ir-news
{
    margin-top: -20px;
}

.fz-small
{
    font-size: 12px;
    font-size: 1.2rem;
}

.is-font-large .fz-small
{
    font-size: 13.68px;
    font-size: 1.368rem;
}

.label
{
    font-size: 1rem;
    line-height: 1;

    display: inline-block;
    overflow: hidden;

    box-sizing: border-box;
    width: 70px;
    padding: 5px 2px;

    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;

    color: #fff;
    border-radius: 2px;
    background-color: #a0d468;
}

.label-box
{
    position: absolute;
    top: 0;
    right: 0;

    display: block;

    width: 0;
    height: 0;

    border-width: 0 70px 70px 0;
    border-style: solid;
    border-color: transparent #a0d468 transparent transparent;
}

.label-box:before
{
    position: absolute;
    top: 12px;
    right: -60px;

    display: inline-block;

    width: 20px;

    content: '';

    background-size: 100%;
}

.label-box.contents:before
{
    height: 15px;

    background-image: url('/common/img/label/contents.svg');
}

.label-box.broadcast_fishing-tv:before,
.label-box.broadcast:before
{
    height: 15px;

    background-image: url('/common/img/label/broadcast.svg');
}

.label-box.mediacontents_theatrical-distribution:before,
.label-box.mediacontents_movie-licensing:before,
.label-box.mediacontents_digitalmedia:before,
.label-box.media:before
{
    height: 15px;

    background-image: url('/common/img/label/media.svg');
}

.label-box.studiocontents_production:before,
.label-box.studiocontents_screening-room:before,
.label-box.studio:before
{
    height: 15px;

    background-image: url('/common/img/label/studio.svg');
}

.label-box.technology_cdn:before,
.label-box.technology_security:before,
.label-box.technology_global-network:before,
.label-box.technology_local-network:before,
.label-box.technology_delivery-system:before,
.label-box.technology_digital-cinema:before,
.label-box.technology_dx-solution:before,
.label-box.technology_ai-solution:before,
.label-box.cloudgame:before,
.label-box.technology:before
{
    top: 10px;

    height: 18px;

    background-image: url('/common/img/label/technology.svg');
}

.label-box.network:before
{
    height: 15px;

    background-image: url('/common/img/label/network.svg');
}

.label-box.education_highschool:before,
.label-box.education_nihongo:before,
.label-box.education_programming:before,
.label-box.education:before
{
    height: 20px;

    background-image: url('/common/img/renew/ico/ico-education-white.svg');
}

.label-box.others:before,
.label-box.others_e-sports:before,
.label-box.others_game-publishing:before
{
    height: 20px;

    background-image: url('/common/img/label/others.svg');
}

.label-new
{
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1;

    display: inline-block;

    box-sizing: border-box;
    width: 38px;
    padding: 3px 2px;

    text-align: center;

    color: #e53726;
    border: 2px solid #e53726;
    border-radius: 2px;
}

p > .label-new
{
    position: relative;
    top: -1px;

    margin-left: 5px;

    vertical-align: middle;
}

.list-top-movie_text .label-new
{
    position: relative;
    top: -1px;

    margin-left: 5px;

    vertical-align: middle;
}

.label-required
{
    font-size: 1rem;
    font-weight: bold;
    line-height: 1;

    position: relative;
    top: -1px;

    display: inline-block;

    box-sizing: border-box;
    margin-left: 15px;
    padding: 3px 7px;

    text-align: center;
    vertical-align: middle;

    color: #e53726;
    border: 2px solid #e53726;
    border-radius: 2px;
}

.label-optional
{
    font-size: 1rem;
    font-weight: bold;
    line-height: 1;

    position: relative;
    top: -1px;

    display: inline-block;

    box-sizing: border-box;
    margin-left: 15px;
    padding: 3px 7px;

    text-align: center;
    vertical-align: middle;

    color: #aab2bd;
    border: 2px solid #aab2bd;
    border-radius: 2px;
}

input[type=radio] + label
{
    position: relative;

    cursor: pointer;
}

input[type=radio]
{
    display: none;

    margin: 0;
}

input[type=radio] + label
{
    padding: 0 0 0 20px;
}

input[type=radio] + label::before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    box-sizing: border-box;
    width: 14px;
    height: 14px;
    margin-top: -7px;

    content: '';

    border-radius: 50%;
    background-color: #d9dde2;
}

input[type=radio]:checked + label::before
{
    background-color: #a0d468;
}

input[type=radio]:checked + label::after
{
    position: absolute;
    top: 50%;

    display: block;

    box-sizing: border-box;

    content: '';
}

input[type=radio]:checked + label::after
{
    left: 4px;

    width: 7px;
    height: 5px;
    margin-top: -4px;

    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);

    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
}

.easy-select-box
{
    position: relative;

    box-sizing: border-box;
    width: 100% !important;

    cursor: pointer;
    -webkit-transition: background-color .4s;
            transition: background-color .4s;
    text-align: left;

    border: 1px solid #e2e6e8;
    background-color: #f4f5f9;
}

.easy-select-box:focus
{
    outline: none;
    background-color: #fff;
}

.easy-select-box .esb-displayer
{
    font-size: 12px;
    font-size: 1.2rem;

    position: relative;

    box-sizing: border-box;
    width: calc(100% - 40px);
    padding: 3px 10px;
}

.is-font-large .easy-select-box .esb-displayer
{
    font-size: 13.68px;
    font-size: 1.368rem;
}

.easy-select-box .esb-displayer:before
{
    position: absolute;
    top: -1px;
    right: -41px;

    display: block;

    width: 40px;
    height: 100%;

    content: '';

    border: 1px solid #e2e6e8;
    background-color: #f4f5f9;
}

.easy-select-box .esb-displayer:after
{
    position: absolute;
    right: -19px;
    bottom: 11px;

    display: block;

    width: 8px;
    height: 8px;

    content: '';
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
            transform-origin: 100% 100%;

    border-right: 2px solid #656d78;
    border-bottom: 2px solid #656d78;
}

.easy-select-box:hover .esb-displayer
{
    text-decoration: none;
}

.easy-select-box .esb-dropdown
{
    font-size: 12px;
    font-size: 1.2rem;

    position: absolute;
    z-index: 999;

    display: none;
    overflow: auto;

    box-sizing: border-box;
    width: calc(100% - 40px) !important;
    max-height: 200px;

    border: 1px solid #e2e6e8;
    background-color: #f4f5f9;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .06);
}

.is-font-large .easy-select-box .esb-dropdown
{
    font-size: 13.68px;
    font-size: 1.368rem;
}

.easy-select-box .esb-item
{
    box-sizing: border-box;
    padding: 3px 10px;

    cursor: default;
    cursor: pointer;

    border-bottom: 1px dotted #c6c8cb;
    background-color: #f4f5f9;
}

.easy-select-box .esb-item:hover
{
    box-sizing: border-box;

    text-decoration: none;

    background-color: #e2e6e8;
}

.adjust-label
{
    position: relative;
}

.link-box
{
    display: inline-block;
}

.link-box > div
{
    font-size: 1.5rem;
    font-weight: bold;

    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    box-sizing: border-box;
    height: 72px;
    padding: 22px;

    color: #434a53;
    border: 4px solid #e2e6e8;
    background-color: #fff;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.link-box > div:after
{
    position: absolute;
    top: -4px;
    left: -4px;

    box-sizing: border-box;
    width: calc(100% + 8px);
    height: calc(100% + 8px);

    content: '';
    -webkit-transition: border 300ms;
            transition: border 300ms;
    pointer-events: none;

    border: 0 solid #a0d468;
}

.link-box i
{
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.link-box:hover
{
    text-decoration: none;

    color: #434a53;
}

.link-box:hover > div:after
{
    border: 4px solid #a0d468;
}

.link-box_icon
{
    background: url(/common/img/renew/ico/ico-movie.svg) center center/contain no-repeat;
}

.form-frame
{
    width: calc(100% + 80px);
    height: 1000px;
    margin: 0 -40px;
}

.form-frame::-webkit-scrollbar
{
    display: none;
}

.consumer-iframe
{
    height: 1570px;
}

.business-iframe
{
    height: 1570px;
}

.irs-iframe
{
    height: 1570px;
}

.publicities-iframe,
.recruits-iframe,
.others-iframe
{
    height: 1497px;
}

.en-iframe
{
    height: 1548px;
}

.area-article_inner .gsc-control-cse
{
    padding: 0;
}

.area-article_inner .gsc-selected-option-container
{
    cursor: pointer;
    text-align: left;

    background-color: #f3f5f8;
    background-image: none;
    box-shadow: none;
}

.area-article_inner .gsc-wrapper.gsc-thinWrapper
{
    border-right: 0;
}

.area-article_inner .gsc-thinWrapper
{
    box-sizing: border-box;
    width: 70%;
    padding-right: 20px;
}

.area-article_inner .gsc-adBlockVertical
{
    box-sizing: border-box;
    margin-top: 20px;
    padding-left: 20px;
}

.area-article_inner .gsc-adBlock
{
    margin-bottom: 0;
    padding: 20px 0;

    border-bottom: 1px solid #e2e6e8;
}

.area-article_inner .gsc-result-info
{
    font-size: 13px;
    font-size: 1.3rem;

    padding: 10px 0;

    color: #656d78;
}

.is-font-large .area-article_inner .gsc-result-info
{
    font-size: 14.82px;
    font-size: 1.482rem;
}

.area-article_inner .gsc-webResult .gsc-result
{
    margin-bottom: 20px;
    padding: 0 0 20px 0;

    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px dotted #c6c8cb !important;
    border-left: 0 !important;
}

.area-article_inner .gsc-results
{
    width: 100%;
}

.area-article_inner .gcsc-branding
{
    line-height: 1;

    padding: 20px 0 5px 0;
}

.area-article_inner td.gsc-branding-text,
.area-article_inner td.gcsc-branding-text
{
    color: #656d78;
}

.area-article_inner .gs-result .gs-title
{
    height: auto;
    margin-bottom: 0;

    text-decoration: none;
}

.area-article_inner .gs-result .gs-title *
{
    text-decoration: none;
}

.area-article_inner .gs-result .gs-title b
{
    font-weight: bold;
}

.area-article_inner .gs-result .gs-title a:hover
{
    text-decoration: underline;
}

.area-article_inner .gs-image-box
{
    padding-right: 20px;
}

.area-article_inner .gs-image-box img
{
    border: 0;
}

.area-article_inner .gs-spelling a
{
    text-decoration: none;

    color: #00599a;
}

.area-article_inner .gs-spelling a:hover
{
    text-decoration: underline;
}

.area-article_inner .gsc-control-cse .gs-spelling,
.area-article_inner .gsc-control-cse .gs-result .gs-title,
.area-article_inner .gsc-control-cse .gs-result .gs-title *
{
    font-size: 16px;
    font-size: 1.6rem;
}

.is-font-large .area-article_inner .gsc-control-cse .gs-spelling,
.is-font-large .area-article_inner .gsc-control-cse .gs-result .gs-title,
.is-font-large .area-article_inner .gsc-control-cse .gs-result .gs-title *
{
    font-size: 18.24px;
    font-size: 1.824rem;
}

.area-article_inner .gs-result .gs-title,
.area-article_inner .gs-result .gs-title *
{
    color: #00599a;
}

.area-article_inner .gsc-preview-reviews,
.area-article_inner .gsc-control-cse .gs-snippet,
.area-article_inner .gsc-control-cse .gs-promotion em,
.area-article_inner .gsc-control-cse .gs-snippet,
.area-article_inner .gsc-control-cse .gs-promotion em
{
    font-size: 14px;
    font-size: 1.4rem;

    color: #656d78;
}

.is-font-large .area-article_inner .gsc-preview-reviews,
.is-font-large .area-article_inner .gsc-control-cse .gs-snippet,
.is-font-large .area-article_inner .gsc-control-cse .gs-promotion em,
.is-font-large .area-article_inner .gsc-control-cse .gs-snippet,
.is-font-large .area-article_inner .gsc-control-cse .gs-promotion em
{
    font-size: 15.96px;
    font-size: 1.596rem;
}

.area-article_inner .gsc-preview-reviews b,
.area-article_inner .gsc-control-cse .gs-snippet b,
.area-article_inner .gsc-control-cse .gs-promotion em b,
.area-article_inner .gsc-control-cse .gs-snippet b,
.area-article_inner .gsc-control-cse .gs-promotion em b
{
    font-weight: bold;
}

.area-article_inner span.gs-fileFormat,
.area-article_inner span.gs-fileFormatType
{
    font-size: 12px;
    font-size: 1.2rem;
}

.is-font-large .area-article_inner span.gs-fileFormat,
.is-font-large
  .area-article_inner span.gs-fileFormatType
{
    font-size: 13.68px;
    font-size: 1.368rem;
}

.area-article_inner .gsc-control-cse,
.area-article_inner .gsc-control-cse .gsc-table-result
{
    font-size: 13px;
    font-size: 1.3rem;
}

.is-font-large .area-article_inner .gsc-control-cse,
.is-font-large .area-article_inner .gsc-control-cse .gsc-table-result
{
    font-size: 14.82px;
    font-size: 1.482rem;
}

.area-article_inner .gs-image-box.gs-web-image-box.gs-web-image-box-portrait,
.area-article_inner .gs-image-box.gs-web-image-box.gs-web-image-box-landscape
{
    width: 62px;
    height: auto;
}

.area-article_inner .gs-no-results-result .gs-snippet,
.area-article_inner .gs-error-result .gs-snippet
{
    margin: 0;
    padding: 0;

    color: #656d78;
    border: 0;
    background-color: transparent;
}

.area-article_inner .gsc-results .gsc-cursor-box .gsc-cursor-page
{
    margin-right: 10px;
}

.area-article_inner .gsc-results .gsc-cursor-box
{
    margin: 0;
}

.area-article_inner .gsc-cursor-page
{
    font-size: 14px;
    font-size: 1.4rem;
}

.is-font-large .area-article_inner .gsc-cursor-page
{
    font-size: 15.96px;
    font-size: 1.596rem;
}

.area-article_inner .gs-webResult div.gs-visibleUrl-long,
.area-article_inner .gs-promotion div.gs-visibleUrl-long
{
    display: block;

    color: #656d78;
}

.area-article_inner .gs-webResult div.gs-visibleUrl-long a,
.area-article_inner .gs-promotion div.gs-visibleUrl-long a
{
    cursor: default;

    color: #656d78;
}

.area-article_inner .gs-webResult div.gs-visibleUrl-long b,
.area-article_inner .gs-promotion div.gs-visibleUrl-long b
{
    font-weight: bold;

    color: #434a53;
}

.area-article_inner .gsc-results .gsc-cursor-box .gsc-cursor-current-page
{
    color: #8cc152;
}

/* ==========================================================================
   Media Queries
============================================================================= */

@media screen and (min-width: 801px)
{
    body[data-page-category='company'] .gbl-nav_service > ul > li.gbl-nav_service-company a .gbl-iconlink p
    {
        color: #434a53;
    }

    body[data-page-category='ir'] .gbl-nav_service > ul > li.gbl-nav_service-ir a .gbl-iconlink p
    {
        color: #434a53;
    }

    body[data-page-category='news'] .gbl-nav_service > ul > li.gbl-nav_service-news a .gbl-iconlink p
    {
        color: #434a53;
    }

    body[data-page-category='other'] .gbl-nav_service > ul > li.gbl-nav_service-other > a .gbl-iconlink p
    {
        color: #434a53;
    }

    body[data-nav-slide='media'] .gbl-nav_mc > ul > li.gbl-nav_mc-media a
    {
        background: #fff;
    }

    body[data-page-category='media'] .gbl-nav_mc > ul > li.gbl-nav_mc-media a
    {
        background: #fff;
    }

    body[data-nav-slide='media'] .gbl-nav_mc > ul > li.gbl-nav_mc-media a .gbl-iconlink p
    {
        color: #434a53;
    }

    body[data-page-category='media'] .gbl-nav_mc > ul > li.gbl-nav_mc-media a .gbl-iconlink p
    {
        color: #434a53;
    }

    body[data-nav-slide='studio'] .gbl-nav_mc > ul > li.gbl-nav_mc-studio a
    {
        background: #fff;
    }

    body[data-page-category='studio'] .gbl-nav_mc > ul > li.gbl-nav_mc-studio a
    {
        background: #fff;
    }

    body[data-nav-slide='studio'] .gbl-nav_mc > ul > li.gbl-nav_mc-studio a .gbl-iconlink p
    {
        color: #434a53;
    }

    body[data-page-category='studio'] .gbl-nav_mc > ul > li.gbl-nav_mc-studio a .gbl-iconlink p
    {
        color: #434a53;
    }

    body[data-nav-slide='broadcast'] .gbl-nav_mc > ul > li.gbl-nav_mc-broadcast a
    {
        background: #fff;
    }

    body[data-page-category='broadcast'] .gbl-nav_mc > ul > li.gbl-nav_mc-broadcast a
    {
        background: #fff;
    }

    body[data-nav-slide='broadcast'] .gbl-nav_mc > ul > li.gbl-nav_mc-broadcast a .gbl-iconlink p
    {
        color: #434a53;
    }

    body[data-page-category='broadcast'] .gbl-nav_mc > ul > li.gbl-nav_mc-broadcast a .gbl-iconlink p
    {
        color: #434a53;
    }

    body[data-nav-slide='technology'] .gbl-nav_mc > ul > li.gbl-nav_mc-technology a
    {
        background: #fff;
    }

    body[data-page-category='technology'] .gbl-nav_mc > ul > li.gbl-nav_mc-technology a
    {
        background: #fff;
    }

    body[data-nav-slide='technology'] .gbl-nav_mc > ul > li.gbl-nav_mc-technology a .gbl-iconlink p
    {
        color: #434a53;
    }

    body[data-page-category='technology'] .gbl-nav_mc > ul > li.gbl-nav_mc-technology a .gbl-iconlink p
    {
        color: #434a53;
    }

    body[data-nav-slide='education'] .gbl-nav_mc > ul > li.gbl-nav_mc-education a
    {
        background: #fff;
    }

    body[data-page-category='education'] .gbl-nav_mc > ul > li.gbl-nav_mc-education a
    {
        background: #fff;
    }

    body[data-nav-slide='education'] .gbl-nav_mc > ul > li.gbl-nav_mc-education a .gbl-iconlink p
    {
        color: #434a53;
    }

    body[data-page-category='education'] .gbl-nav_mc > ul > li.gbl-nav_mc-education a .gbl-iconlink p
    {
        color: #434a53;
    }

    body[data-nav-slide='others'] .gbl-nav_mc > ul > li.gbl-nav_mc-others a
    {
        background: #fff;
    }

    body[data-page-category='others'] .gbl-nav_mc > ul > li.gbl-nav_mc-others a
    {
        background: #fff;
    }

    body[data-nav-slide='others'] .gbl-nav_mc > ul > li.gbl-nav_mc-others a .gbl-iconlink p
    {
        color: #434a53;
    }

    body[data-page-category='others'] .gbl-nav_mc > ul > li.gbl-nav_mc-others a .gbl-iconlink p
    {
        color: #434a53;
    }
}

@media screen and (min-width: 960px)
{
    .page
    {
        z-index: 0;
    }
}

@media screen and (min-width: 1180px)
{
    .visual-main-top > p
    {
        width: 1180px;
        margin: auto;
    }
}

@media screen and (max-width: 800px)
{
    a:hover,
    a:active,
    a:focus
    {
        text-decoration: none;
    }

    body
    {
        min-width: 320px;
    }

    .gbl-header
    {
        z-index: 5;

        width: 16.88312%;
    }

    .gbl-header_logo
    {
        height: 80px;
    }

    .gbl-header_logo a
    {
        width: 100%;
        height: 80px;
    }

    .gbl-header_logo a img
    {
        width: 42px;
    }

    body.is-nav-open .gbl-nav::before
    {
        display: none;
    }

    .gbl-nav::before
    {
        display: none;
    }

    body.is-nav-open .gbl-nav::before
    {
        display: none;
    }

    .gbl-nav::before
    {
        display: none;
    }

    .gbl-nav
    {
        z-index: 5;
        top: 80px;

        width: 100%;
        height: 0;
    }

    .gbl-nav_service
    {
        position: fixed;
        top: 0;
        left: 15.84416%;

        width: 74.02597%;
    }

    .gbl-nav_service > ul
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        width: 100%;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .gbl-nav_service > ul > li
    {
        width: 20.3125%;
        margin: 0;

        cursor: pointer;
    }

    .gbl-nav_service > ul > li > a
    {
        font-size: 11px;
        font-size: 1.1rem;

        height: 80px;

        background: #434a53;
        box-shadow: 1px 0 0 #e2e6e8 inset;

        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .is-font-large .gbl-nav_service > ul > li > a
    {
        font-size: 12.54px;
        font-size: 1.254rem;
    }

    .gbl-nav_service > ul > li > a > .gbl-iconlink
    {
        display: block;

        padding: 0;
    }

    .gbl-nav_service > ul > li > a > .gbl-iconlink i
    {
        width: 30px;
        height: 30px;
        margin: 0 auto 5px auto;
    }

    .gbl-nav_service > ul > li > a > .gbl-iconlink p
    {
        margin: 0;

        text-align: center;
    }

    .gbl-nav_service > ul > li > a > .gbl-iconlink p.textinner
    {
        line-height: 12px;

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        min-height: 2em;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .gbl-nav_service > ul > li.gbl-nav_service-service a
    {
        height: 80px;

        background: #434a53;
    }

    body[data-nav-slide='mc'] .gbl-nav_service > ul > li.gbl-nav_service-service a,
    body[data-page-category='media'] .gbl-nav_service > ul > li.gbl-nav_service-service a,
    body[data-page-category='studio'] .gbl-nav_service > ul > li.gbl-nav_service-service a,
    body[data-page-category='broadcast'] .gbl-nav_service > ul > li.gbl-nav_service-service a,
    body[data-page-category='technology'] .gbl-nav_service > ul > li.gbl-nav_service-service a,
    body[data-page-category='education'] .gbl-nav_service > ul > li.gbl-nav_service-service a,
    body[data-page-category='others'] .gbl-nav_service > ul > li.gbl-nav_service-service a
    {
        background: #fff;
    }

    .gbl-nav_service > ul > li.gbl-nav_service-service a .gbl-iconlink i
    {
        display: block;
    }

    body[data-nav-slide='mc'] .gbl-nav_service > ul > li.gbl-nav_service-service a .gbl-iconlink i,
    body[data-page-category='media'] .gbl-nav_service > ul > li.gbl-nav_service-service a .gbl-iconlink i,
    body[data-page-category='studio'] .gbl-nav_service > ul > li.gbl-nav_service-service a .gbl-iconlink i,
    body[data-page-category='broadcast'] .gbl-nav_service > ul > li.gbl-nav_service-service a .gbl-iconlink i,
    body[data-page-category='technology'] .gbl-nav_service > ul > li.gbl-nav_service-service a .gbl-iconlink i,
    body[data-page-category='education'] .gbl-nav_service > ul > li.gbl-nav_service-service a .gbl-iconlink i,
    body[data-page-category='others'] .gbl-nav_service > ul > li.gbl-nav_service-service a .gbl-iconlink i
    {
        background: url(/common/img/renew/ico/ico-studio-green.svg) center center/contain no-repeat;
    }

    .gbl-nav_service > ul > li.gbl-nav_service-service a .gbl-iconlink p
    {
        font-size: 11px;
        font-size: 1.1rem;
    }

    .is-font-large .gbl-nav_service > ul > li.gbl-nav_service-service a .gbl-iconlink p
    {
        font-size: 12.54px;
        font-size: 1.254rem;
    }

    body[data-nav-slide='mc'] .gbl-nav_service > ul > li.gbl-nav_service-service a .gbl-iconlink p,
    body[data-page-category='studio'] .gbl-nav_service > ul > li.gbl-nav_service-service a .gbl-iconlink p,
    body[data-page-category='broadcast'] .gbl-nav_service > ul > li.gbl-nav_service-service a .gbl-iconlink p,
    body[data-page-category='technology'] .gbl-nav_service > ul > li.gbl-nav_service-service a .gbl-iconlink p,
    body[data-page-category='education'] .gbl-nav_service > ul > li.gbl-nav_service-service a .gbl-iconlink p,
    body[data-page-category='others'] .gbl-nav_service > ul > li.gbl-nav_service-service a .gbl-iconlink p
    {
        color: #a0d468;
    }

    .gbl-nav_service > ul > li.gbl-nav_service-company
    {
        margin: 0;
    }

    .gbl-nav_service > ul > li.gbl-nav_service-company a
    {
        padding-top: 0;

        pointer-events: none;
    }

    body[data-page-category='company'] .gbl-nav_service > ul > li.gbl-nav_service-company a,
    body[data-nav-slide='company'] .gbl-nav_service > ul > li.gbl-nav_service-company a
    {
        background: #fff;
    }

    body[data-page-category='company'] .gbl-nav_service > ul > li.gbl-nav_service-company a .gbl-iconlink i,
    body[data-nav-slide='company'] .gbl-nav_service > ul > li.gbl-nav_service-company a .gbl-iconlink i
    {
        background: url(/common/img/renew/ico/ico-company-green.svg) center center/contain no-repeat;
    }

    body[data-page-category='company'] .gbl-nav_service > ul > li.gbl-nav_service-company a .gbl-iconlink p,
    body[data-nav-slide='company'] .gbl-nav_service > ul > li.gbl-nav_service-company a .gbl-iconlink p
    {
        color: #a0d468;
    }

    .gbl-nav_service > ul > li.gbl-nav_service-ir a
    {
        pointer-events: none;
    }

    body[data-page-category='ir'] .gbl-nav_service > ul > li.gbl-nav_service-ir a,
    body[data-nav-slide='ir'] .gbl-nav_service > ul > li.gbl-nav_service-ir a
    {
        background: #fff;
    }

    body[data-page-category='ir'] .gbl-nav_service > ul > li.gbl-nav_service-ir a .gbl-iconlink i,
    body[data-nav-slide='ir'] .gbl-nav_service > ul > li.gbl-nav_service-ir a .gbl-iconlink i
    {
        background: url(/common/img/renew/ico/ico-ir-green.svg) center center/contain no-repeat;
    }

    body[data-page-category='ir'] .gbl-nav_service > ul > li.gbl-nav_service-ir a .gbl-iconlink p,
    body[data-nav-slide='ir'] .gbl-nav_service > ul > li.gbl-nav_service-ir a .gbl-iconlink p
    {
        color: #a0d468;
    }

    .gbl-nav_service > ul > li.gbl-nav_service-news a
    {
        pointer-events: none;
    }

    .gbl-nav_service > ul > li.gbl-nav_service-news a.mobileactive
    {
        pointer-events: all;
    }

    body[data-page-category='news'] .gbl-nav_service > ul > li.gbl-nav_service-news a,
    body[data-nav-slide='news'] .gbl-nav_service > ul > li.gbl-nav_service-news a
    {
        background: #fff;
    }

    body[data-page-category='news'] .gbl-nav_service > ul > li.gbl-nav_service-news a .gbl-iconlink i,
    body[data-nav-slide='news'] .gbl-nav_service > ul > li.gbl-nav_service-news a .gbl-iconlink i
    {
        background: url(/common/img/renew/ico/ico-news-green.svg) center center/contain no-repeat;
    }

    body[data-page-category='news'] .gbl-nav_service > ul > li.gbl-nav_service-news a .gbl-iconlink p,
    body[data-nav-slide='news'] .gbl-nav_service > ul > li.gbl-nav_service-news a .gbl-iconlink p
    {
        color: #a0d468;
    }

    .gbl-nav_service > ul > li.gbl-nav_service-other > a
    {
        pointer-events: none;

        background: #a0d468;
    }

    .gbl-nav_env
    {
        position: fixed;
        top: 0;
        right: 0;

        display: block;
        overflow: hidden;

        width: 10.12987%;
        height: 80px;
        margin: 0;

        background: rgba(0, 0, 0, .3);
    }

    .gbl-nav_env > ul
    {
        height: 80px;
    }

    .gbl-nav_env > ul > li
    {
        height: 40px;
    }

    .gbl-nav_env > ul > li > a
    {
        background: #a0d468;
    }

    .gbl-nav_env > ul > li > a .gbl-iconlink
    {
        margin: auto;
        padding: 0;
    }

    .gbl-nav_env > ul > li > a .gbl-iconlink p
    {
        display: none;
    }

    .gbl-nav_env > ul > li.gbl-nav_env-lang
    {
        height: 80px;
    }

    .gbl-nav_env > ul > li.gbl-nav_env-lang a
    {
        height: 80px;

        box-shadow: 1px 0 0 #e2e6e8 inset;
    }

    .gbl-nav_env > ul > li.gbl-nav_env-search
    {
        display: block;
    }

    .gbl-nav_env > ul > li.gbl-nav_env-search a
    {
        height: 40px;

        box-shadow: 1px 1px 0 #e2e6e8 inset;
    }

    body[data-nav-slide='search'] .gbl-nav_env > ul > li.gbl-nav_env-search a .gbl-iconlink i
    {
        background: url(/common/img/renew/ico/ico-close-white.svg) center center/contain no-repeat;
    }

    .gbl-nav_mc
    {
        position: fixed;
        top: 80px;

        display: none;

        width: 100%;
    }

    .gbl-nav_mc > .gbl-nav_winclose
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .gbl-nav_mc > ul
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        border-top: 1px solid #e2e6e8;

        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .gbl-nav_mc > ul > li
    {
        width: 33.33%;

        border-bottom: 1px solid #e2e6e8;
        box-shadow: none;
    }

    .gbl-nav_mc > ul > li:not(:nth-child(3n))
    {
        border-right: 1px solid #e2e6e8;
    }

    .gbl-nav_mc > ul > li > a
    {
        position: relative;

        height: 220px;
    }

    .gbl-nav_mc > ul > li > a::after
    {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;

        content: '';

        background: rgba(67, 74, 83, .8);
    }

    .gbl-nav_mc > ul > li > a .gbl-iconlink
    {
        position: relative;
        z-index: 2;

        display: block;

        margin: auto;
        padding: 0;
    }

    .gbl-nav_mc > ul > li > a .gbl-iconlink i
    {
        width: 60px;
        height: 60px;
        margin: auto;
    }

    .gbl-nav_mc > ul > li > a .gbl-iconlink p
    {
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: bold;

        margin: 5px 0 0 0;

        text-align: center;
    }

    .is-font-large .gbl-nav_mc > ul > li > a .gbl-iconlink p
    {
        font-size: 18.24px;
        font-size: 1.824rem;
    }

    .gbl-nav_mc > ul > li.gbl-nav_mc-media a
    {
        background: url(/img/top_service_1.jpg) center center/cover no-repeat;
    }

    .gbl-nav_mc > ul > li.gbl-nav_mc-media a .gbl-iconlink p
    {
        color: #f76171;
    }

    .gbl-nav_mc > ul > li.gbl-nav_mc-studio a
    {
        background: url(/img/top_service_5.jpg) center center/cover no-repeat;
    }

    .gbl-nav_mc > ul > li.gbl-nav_mc-studio a .gbl-iconlink p
    {
        color: #e42734;
    }

    .gbl-nav_mc > ul > li.gbl-nav_mc-broadcast a
    {
        background: url(/img/top_service_2.jpg) center center/cover no-repeat;
    }

    .gbl-nav_mc > ul > li.gbl-nav_mc-broadcast a .gbl-iconlink p
    {
        color: #5798f2;
    }

    .gbl-nav_mc > ul > li.gbl-nav_mc-technology a
    {
        background: url(/img/top_service_3.jpg) center center/cover no-repeat;
    }

    .gbl-nav_mc > ul > li.gbl-nav_mc-technology a .gbl-iconlink p
    {
        color: #ffc900;
    }

    .gbl-nav_mc > ul > li.gbl-nav_mc-education a
    {
        background: url(/img/top_service_4.jpg) center center/cover no-repeat;
    }

    .gbl-nav_mc > ul > li.gbl-nav_mc-education a .gbl-iconlink p
    {
        color: #9ed859;
    }

    .gbl-nav_mc > ul > li.gbl-nav_mc-others
    {
        width: 33.33%;
    }

    .gbl-nav_mc > ul > li.gbl-nav_mc-others a
    {
        background: url(/img/top_service_5.jpg) center center/cover no-repeat;
    }

    .gbl-nav_mc > ul > li.gbl-nav_mc-others a .gbl-iconlink p
    {
        color: #aa96e6;
    }

    .gbl-nav_news .label-box
    {
        display: block;
    }

    .gbl-nav_news-list
    {
        max-width: 100%;
    }

    .gbl-nav_news-list .clearfix
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .gbl-nav_news-list .nav-new-first
    {
        display: block;

        width: 50%;
        padding: 20px;
    }

    .gbl-nav_news-list .nav-new-first .nav-news-thumb
    {
        width: 100%;
    }

    .gbl-nav_news-list .nav-new-first .block-nav-news
    {
        width: 100%;
    }

    .gbl-nav_news-list .list-nav-primary_secondary-news
    {
        display: block;

        width: 50%;
        max-width: 50%;
    }

    .gbl-nav_news-list .list-nav-primary_secondary-news > li
    {
        border-right: none !important;
    }

    .gbl-nav_news-list .list-nav-primary_secondary-news > li > a
    {
        padding: 10px;

        border-top: none;
    }

    .gbl-nav_other .t-window_title
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .gbl-nav_form
    {
        top: 80px;
        left: 0;

        display: none;

        width: 100%;
        padding: 20px 0 0 0;

        background: #fff;
    }

    .gbl-nav_form .gbl-nav_winclose
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .gbl-nav_form .form-nav-other
    {
        margin: 0 20px 20px 20px;
        padding-bottom: 0;
    }

    .gbl-nav_winclose
    {
        position: static;
    }

    .t-window
    {
        top: 80px;
        left: 0;

        display: none;

        width: 100% !important;
        height: unset;

        -webkit-transition: none !important;
                transition: none !important;

        opacity: 1;
        border-top: 1px solid #e2e6e8;

        -webkit-transform-style: unset;
                transform-style: unset;
        -webkit-perspective: none;
                perspective: none;
    }

    .t-window_inner
    {
        height: unset;
        padding-top: 0;

        -webkit-transition: none;
                transition: none;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        -webkit-transform-origin: unset;
            -ms-transform-origin: unset;
                transform-origin: unset;

        background: #fff;
    }

    .t-window_title
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        max-width: 100%;
        height: 80px;
        margin: 0;
        padding: 0 20px;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .t-window_title > div i
    {
        width: 30px;
        height: 30px;
    }

    .t-window_title > div p
    {
        font-size: 16px;
        font-size: 1.6rem;
    }

    .is-font-large .t-window_title > div p
    {
        font-size: 18.24px;
        font-size: 1.824rem;
    }

    .t-window ul
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        max-width: 100%;
        margin: 0;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .t-window ul li
    {
        width: 50%;
        margin: 0;

        border-bottom: 1px solid #e2e6e8;
    }

    .t-window ul li:nth-child(odd)
    {
        border-right: 1px solid #e2e6e8;
    }

    .t-window ul li a
    {
        display: block;

        margin: 0;
        padding: 20px;
    }

    .area-noscript
    {
        margin-left: 0;
    }

    #container
    {
        margin-left: 0;
    }

    #container:before
    {
        content: normal;
    }

    #container:after
    {
        z-index: 4;

        -webkit-transition: opacity .5s .1s, width .1s .5s;
                transition: opacity .5s .1s, width .1s .5s;
    }

    .is-nav-open #container:after
    {
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;

        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
    }

    .is-localnav-open #container
    {
        z-index: 4;
    }

    .is-localnav-open #container:after
    {
        display: none;
    }

    .is-localnav-open #container:after
    {
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
    }

    .is-spnav-open #container:after
    {
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
    }

    .page
    {
        -webkit-transition: none;
                transition: none;
    }

    .is-nav-open .page
    {
        -webkit-transition: none;
                transition: none;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }

    .page:after
    {
        position: absolute;
        z-index: 3;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;

        width: 0;

        content: '';
        -webkit-transition: opacity .5s .1s, width .1s .5s;
                transition: opacity .5s .1s, width .1s .5s;

        opacity: 0;
        background: #c8cfd3;
    }

    .is-localnav-open .page:after
    {
        bottom: 0;
        left: 0;

        width: 100%;

        -webkit-transition: opacity .5s;
                transition: opacity .5s;

        opacity: .7;

        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
    }

    .loading
    {
        width: 34px;
        height: 34px;
        margin-top: -17px;
        margin-left: -17px;
    }

    .nav-secondary
    {
        max-width: 100%;

        -webkit-transition: none;
                transition: none;
    }

    .js-on .nav-secondary
    {
        max-width: 100%;

        -webkit-transition: none;
                transition: none;
    }

    .is-nav-open .nav-secondary
    {
        -webkit-transition: none;
                transition: none;
    }

    .nav-secondary
    {
        position: static;
        position: absolute;
        z-index: 4;
        left: 0;

        display: none;

        width: 100%;

        background-color: #fff;
    }

    .js-on .nav-secondary
    {
        position: static;
        position: absolute;
        z-index: 4;
        left: 0;

        display: none;

        width: 100%;

        background-color: #fff;
    }

    .nav-secondary_btn-prev
    {
        display: none !important;
    }

    .nav-secondary_btn-next
    {
        display: none !important;
    }

    .list-nav-secondary
    {
        position: static;

        width: auto;
        padding: 0;
    }

    .list-nav-secondary_item
    {
        float: none;

        border-bottom: 1px solid #e2e6e8;
    }

    .list-nav-secondary_item > a
    {
        text-decoration: none;
    }

    .list-nav-secondary_item > a
    {
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: bold;

        padding: 23px 40px;

        color: #434a53;
        border-top: 0;
    }

    .is-font-large .list-nav-secondary_item > a
    {
        font-size: 15.96px;
        font-size: 1.596rem;
    }

    .list-nav-secondary_item > a:before
    {
        position: relative;
        top: -1px;

        display: inline-block;

        width: 15px;
        height: 15px;
        margin-right: 10px;

        content: '';
        vertical-align: middle;

        background-color: transparent;
        background-image: url('/common/img/arrow.svg');
        background-size: 100%;
    }

    .nav-tertiary
    {
        max-width: 100%;
    }

    .js-on .nav-tertiary
    {
        max-width: 100%;
    }

    .is-nav-open .nav-tertiary
    {
        -webkit-transition: none;
                transition: none;
    }

    .nav-tertiary
    {
        position: static;
        position: absolute;
        z-index: 4;
        left: 0;

        display: none;

        width: 100%;

        background-color: #fff;
    }

    .js-on .nav-tertiary
    {
        position: static;
        position: absolute;
        z-index: 4;
        left: 0;

        display: none;

        width: 100%;

        background-color: #fff;
    }

    .nav-tertiary_btn-prev
    {
        display: none !important;
    }

    .nav-tertiary_btn-next
    {
        display: none !important;
    }

    .list-nav-tertiary
    {
        position: static;

        width: auto;
        padding: 0;
    }

    .list-nav-tertiary_item
    {
        float: none;

        padding: 0;

        border-bottom: 1px solid #e2e6e8;
    }

    .list-nav-tertiary_item:last-child
    {
        border-bottom: 0;
    }

    .list-nav-tertiary_item:before
    {
        content: normal;
    }

    .list-nav-tertiary_item:last-child:after
    {
        content: normal;
    }

    .list-nav-tertiary_item > a
    {
        text-decoration: none;
    }

    .list-nav-tertiary_item > a
    {
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: bold;

        padding: 23px 20px;

        color: #434a53;
        border-top: 0;
    }

    .is-font-large .list-nav-tertiary_item > a
    {
        font-size: 13.68px;
        font-size: 1.368rem;
    }

    .list-nav-tertiary_item > a:before
    {
        position: static;
        position: relative;
        top: -1px;

        display: inline-block;

        width: 15px;
        height: 15px;
        margin-right: 10px;

        content: '';
        vertical-align: middle;

        background-color: transparent;
        background-image: url('/common/img/arrow.svg');
        background-size: 100%;
    }

    .list-nav-tertiary_item > a.is-current
    {
        color: #434a53;
        background-color: #fff;
    }

    .list-nav-anchor-header > li > a:hover,
    .list-nav-anchor-header > li > a:active
    {
        text-decoration: none;
    }

    .list-nav-page-header > li > a:hover,
    .list-nav-page-header > li > a:active
    {
        text-decoration: none;
    }

    .breadcrumbs
    {
        -webkit-transition: z-index 0s .5s;
                transition: z-index 0s .5s;
    }

    .footer-global_inner
    {
        padding-bottom: 0;
    }

    .links-footer_title.filter50
    {
        opacity: 1;
    }

    .area-footer-links
    {
        position: relative;

        float: none;
        clear: both;

        width: auto;
        margin: 0 -20px;
        padding: 0;

        border-top: 1px solid #c8cfd3;
    }

    .list-footer-bold
    {
        font-size: 0;
        font-size: 0rem;

        margin-top: 68px;
        margin-bottom: 0;
        padding: 20px 0 6px;

        text-align: center;

        border-top: 1px solid #c8cfd3;
        border-bottom: 0;
    }

    .is-font-large .list-footer-bold
    {
        font-size: 0;
        font-size: 0rem;
    }

    .list-footer-bold_item
    {
        line-height: 1;

        display: inline-block;

        box-sizing: border-box;
        margin-bottom: 10px;
        margin-left: -1px;
        padding: 0 10px;

        border-right: 1px solid #c8cfd3;
        border-left: 1px solid #c8cfd3;
    }

    .list-footer-bold_item:first-child
    {
        margin-left: 0;
    }

    .list-footer-bold_item:last-child
    {
        margin-bottom: 14px;
    }

    .list-footer-bold_item > a
    {
        font-size: 12px;
        font-size: 1.2rem;

        display: block;

        text-align: center;
    }

    .is-font-large .list-footer-bold_item > a
    {
        font-size: 13.68px;
        font-size: 1.368rem;
    }

    .list-footer-other
    {
        position: absolute;
        top: 0;
        left: 0;

        box-sizing: border-box;
        width: 50%;

        border-left: 1px solid #c8cfd3;
    }

    .list-footer-other_item
    {
        font-size: 14px;
        font-size: 1.4rem;

        margin-bottom: 0;
    }

    .is-font-large .list-footer-other_item
    {
        font-size: 15.96px;
        font-size: 1.596rem;
    }

    .list-footer-other_item > a
    {
        display: block;

        padding: 19px 0;

        text-align: center;
        text-decoration: none;
    }

    .list-footer-other_item > a span
    {
        padding: 1px 5px;
    }

    .list-footer-other_item-print
    {
        display: none;
    }

    .link-footer-lang
    {
        position: absolute;
        top: 0;
        right: 0;

        display: block;

        box-sizing: border-box;
        width: 50%;

        border-left: 1px solid #c8cfd3;
    }

    html[lang='en'] .link-footer-lang
    {
        width: 100%;
    }

    .link-footer-lang > li
    {
        font-size: 14px;
        font-size: 1.4rem;

        margin-bottom: 0;
    }

    .is-font-large .link-footer-lang > li
    {
        font-size: 15.96px;
        font-size: 1.596rem;
    }

    .link-footer-lang > li > a
    {
        display: block;

        padding: 19px 0;

        text-align: center;
        text-decoration: none;
    }

    .link-footer-lang > li > a span
    {
        padding: 1px 5px;
    }

    .link-footer-lang > li-print
    {
        display: none;
    }

    .btn-up:hover
    {
        opacity: .8;
    }

    .footer-global_inner-bottom
    {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .list-footer-end
    {
        width: 100%;

        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .copyright
    {
        width: 100%;
        margin-top: 20px;

        text-align: center;

        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .visual-main-top > p
    {
        width: 72.72727%;
        margin: auto;
    }

    .visual-main-top > p img
    {
        width: 100%;
    }

    .list-top-movie
    {
        margin: 0 -20px;
    }

    .list-top-movie > li
    {
        float: left;

        box-sizing: border-box;
        width: 50%;
        padding: 0 20px;
    }

    .list-top-movie > li > a
    {
        text-decoration: none;
    }

    .list-top-movie_thumb:after
    {
        content: normal;
    }

    .list-top-movie_thumb > img
    {
        width: 100%;
    }

    .area-top-board_inner:after
    {
        content: normal;
    }

    .area-top-board_inner:hover
    {
        text-decoration: none;
    }

    .area-top-board_content:after
    {
        content: normal;
    }

    .area-top-investor_btn:hover,
    .area-top-investor_btn:active
    {
        background-color: rgba(36, 35, 31, .16);
    }

    .list-top-recommend > li > a:hover .top-recommend_icon
    {
        background-color: #a0d468;
    }

    a:hover .top-recommend_icon svg path
    {
        fill: #fff;
    }

    .list-top-banner > li > a:after
    {
        content: normal;
    }

    .irnews-main-top .area-split_threeQuarters
    {
        padding: 0 20px;
    }

    .area-cloud-01 .img-cloud
    {
        display: none;
    }

    .title-page
    {
        padding: 54px 100px 54px 40px;

        -webkit-transition: z-index 0s .5s;
                transition: z-index 0s .5s;
    }

    .title-page .btn-sp
    {
        position: absolute;
        z-index: 1;
        top: 50%;
        right: 36px;

        display: block;

        margin-top: -15px;

        -webkit-transition: -webkit-transform .4s;
                transition: -webkit-transform .4s;
                transition:         transform .4s;
                transition:         transform .4s, -webkit-transform .4s;
    }

    .title-page .btn-sp > a
    {
        display: block;

        box-sizing: border-box;
        width: 30px;
        height: 30px;
        padding: 10px 5px;
    }

    .is-localnav-open .title-page .btn-sp
    {
        -webkit-transform: rotateX(180deg);
                transform: rotateX(180deg);
    }

    .title-page .btn-sp span
    {
        display: block;

        width: 12px;
        height: 12px;
        margin-top: -4px;

        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
        -webkit-transform-origin: 100% 100%;
            -ms-transform-origin: 100% 100%;
                transform-origin: 100% 100%;

        border-right: 2px solid #a0d468;
        border-bottom: 2px solid #a0d468;
    }

    .list-recommend_item > a:after
    {
        content: normal;
    }

    #recommend-sitemap
    {
        margin-right: 14px;
    }

    .area-split
    {
        margin: 0 -20px;
    }

    .area-split_third
    {
        width: 50%;
        margin-bottom: 35px;
    }

    .area-split_quarter
    {
        float: none;

        width: auto;
        margin-bottom: 40px;
    }

    .area-split_quarter-top
    {
        margin: 0 -20px;
        padding: 35px 40px 15px;

        border-top: 1px solid #e2e6e8;
    }

    .area-split_threeQuarters
    {
        float: none;

        width: 100%;
        margin-bottom: 40px;
    }

    .area-split-subhead_third
    {
        width: 50%;
    }

    .area-split-subhead_third:last-child .area-split-subhead_content
    {
        border-left: 1px dotted #c6c8cb;
    }

    .area-column2_main
    {
        float: none;

        width: auto;
        margin-bottom: 42px;
    }

    .area-column2_sub
    {
        float: none;

        width: auto;
        margin: 0 -20px;
        padding: 40px 40px 0;

        border-top: 1px solid #e2e6e8;
    }

    .area-column2_sub .list-top-movie
    {
        margin: 0 0;
    }

    .block-areadetail
    {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .block-areadetail > li
    {
        width: 100%;
    }

    .block-areadetail_explain
    {
        margin-bottom: 20px;
    }

    .block-areadetail table
    {
        margin-top: 20px;
    }

    a.block-eyecatch .block-eyecatch_img:after
    {
        content: normal;
    }

    .block-officer_title
    {
        width: 35%;
    }

    .block-officer_title-has-img
    {
        width: 35%;
    }

    .block-officer_content
    {
        display: block;

        width: auto;
    }

    .block-glossary_title
    {
        width: 35%;
    }

    .block-glossary_content
    {
        width: 65%;
    }

    .list-box_item.large
    {
        width: 50%;
    }

    .list-box_item
    {
        width: 50%;
    }

    .list-box > .list-box_item-3
    {
        width: 50%;
    }

    .list-box-incolumn > .list-box_item-3
    {
        width: 50%;
    }

    a.box:after
    {
        content: normal;
    }

    .box-split-ir:after
    {
        content: normal;
    }

    .block-movie-sub_thumb:after
    {
        content: normal;
    }

    .list-link-ir > li > a:before
    {
        content: normal;
    }

    .list-link-ir > li > a.is-important:before
    {
        content: normal;
    }

    .list-form-order > li
    {
        float: none;
    }

    .list-form-order > li > p
    {
        padding-left: 0;
    }

    .list-form-order > li > p:before
    {
        content: normal;
    }

    .list-form-order_item-01
    {
        width: 100%;
        margin-bottom: 20px;
    }

    .list-form-order_item-01 > p
    {
        padding-left: 0;
    }

    .list-form-order_item-02
    {
        width: 100%;
        margin-bottom: 20px;
    }

    .list-form-order_item-03
    {
        width: 100%;
    }

    .btn-modal-close:hover
    {
        background-color: #a0d468;
    }

    .btn-modal-close:hover > svg polygon
    {
        fill: #fff;
    }

    .table-full_ti
    {
        display: block;
    }

    .table-full_ti > div
    {
        width: 100%;
    }

    .table-full_ti > figure
    {
        width: 100%;
        margin-top: 10px;
    }

    .form-table input[type='text'],
    .form-table input[type='email'],
    .form-table input[type='tel']
    {
        width: 100%;
    }

    .form-table select
    {
        width: 100%;
    }

    .form-table textarea
    {
        width: 100%;
    }

    .btn-pdf-news:after
    {
        content: normal;
    }

    .btn-large:after
    {
        content: normal;
    }

    .link-modal-thumb:after
    {
        content: normal;
    }

    .link-modal-thumb:hover:before
    {
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);
    }

    .link-box > div:after
    {
        content: normal;
    }
}

@media screen and (max-width: 640px)
{
    body
    {
        font-size: 12px;
        font-size: 1.2rem;
    }

    .is-font-large body
    {
        font-size: 13.68px;
        font-size: 1.368rem;
    }

    body
    {
        padding-top: 0 !important;
    }

    .board_content a[href$='.pdf']:after,
    .board_content a[href*='.aspx']:after,
    .board_content a[target='_blank'][href$='.pdf']:after,
    .board_content a[target='_blank'][href*='.aspx']:after,
    .list-news_content a[href$='.pdf']:after,
    .list-news_content a[href*='.aspx']:after,
    .list-news_content a[target='_blank'][href$='.pdf']:after,
    .list-news_content a[target='_blank'][href*='.aspx']:after,
    .list-news-ir_content a[href$='.pdf']:after,
    .list-news-ir_content a[href*='.aspx']:after,
    .list-news-ir_content a[target='_blank'][href$='.pdf']:after,
    .list-news-ir_content a[target='_blank'][href*='.aspx']:after,
    .list-board-half > li a[href$='.pdf']:after,
    .list-board-half > li a[href*='.aspx']:after,
    .list-board-half > li a[target='_blank'][href$='.pdf']:after,
    .list-board-half > li a[target='_blank'][href*='.aspx']:after,
    .list-calender-sub_content a[href$='.pdf']:after,
    .list-calender-sub_content a[href*='.aspx']:after,
    .list-calender-sub_content a[target='_blank'][href$='.pdf']:after,
    .list-calender-sub_content a[target='_blank'][href*='.aspx']:after,
    .table-full a[href$='.pdf']:after,
    .table-full a[href*='.aspx']:after,
    .link-pdf:after,
    #divDataArea a[href$='.pdf']:after,
    #divDataArea a[href*='.aspx']:after,
    #divDataArea a[target='_blank'][href$='.pdf']:after,
    #divDataArea a[target='_blank'][href*='.aspx']:after
    {
        margin-left: 5px;
    }

    body[data-nav-fixed='true'] #container
    {
        padding-top: 53px !important;
    }

    .gbl-header
    {
        position: relative;

        width: 100%;
    }

    .gbl-header_logo
    {
        height: 52px;
    }

    .gbl-header_logo a
    {
        width: inherit;
        height: 52px;
    }

    .gbl-header_logo a img
    {
        width: 33.33px;
        height: 40px;
    }

    .gbl-nav
    {
        position: relative;
        top: 0;

        overflow: visible;

        height: 53px;
    }

    body[data-nav-fixed='true'] .gbl-nav
    {
        position: fixed;
    }

    .gbl-nav_service
    {
        position: relative;
        left: 0;

        width: 100%;
    }

    .gbl-nav_service > ul > li
    {
        width: 25%;
    }

    .gbl-nav_service > ul > li:first-child a
    {
        box-shadow: none;
    }

    .gbl-nav_service > ul > li > a
    {
        height: 53px;
    }

    .gbl-nav_service > ul > li > a > .gbl-iconlink i
    {
        width: 20px;
        height: 20px;
        margin: auto;
    }

    .gbl-nav_service > ul > li > a > .gbl-iconlink p
    {
        font-size: 10px;
        font-size: 1rem;
    }

    .is-font-large .gbl-nav_service > ul > li > a > .gbl-iconlink p
    {
        font-size: 11.4px;
        font-size: 1.14rem;
    }

    .gbl-nav_service > ul > li.gbl-nav_service-service a
    {
        height: 53px;
    }

    .gbl-nav_service > ul > li.gbl-nav_service-service a .gbl-iconlink p
    {
        font-size: 10px;
        font-size: 1rem;
    }

    .is-font-large .gbl-nav_service > ul > li.gbl-nav_service-service a .gbl-iconlink p
    {
        font-size: 11.4px;
        font-size: 1.14rem;
    }

    .gbl-nav_service > ul > li.gbl-nav_service-other
    {
        position: absolute;
        top: -53px;
        right: 0;

        width: 50px;
        height: 53px;
    }

    .gbl-nav_service > ul > li.gbl-nav_service-other > a
    {
        height: 53px;

        background: none;
        box-shadow: none;
    }

    body[data-nav-slide='other'] .gbl-nav_service > ul > li.gbl-nav_service-other > a .gbl-iconlink i
    {
        background: url(/common/img/renew/ico/ico-other-green.svg) center center/contain no-repeat;
    }

    .gbl-nav_service > ul > li.gbl-nav_service-other > a .gbl-iconlink i
    {
        background: url(/common/img/renew/ico/ico-other-gray.svg) center center/contain no-repeat;
    }

    .gbl-nav_service > ul > li.gbl-nav_service-other > a .gbl-iconlink p
    {
        display: none;
    }

    .gbl-nav_env
    {
        position: absolute;
        top: -53px;
        left: 0;

        display: none;

        width: 50px;
        height: 53px;
    }

    .gbl-nav_env > ul
    {
        height: 53px;
    }

    .gbl-nav_env > ul > li
    {
        height: 53px;
    }

    .gbl-nav_env > ul > li.gbl-nav_env-lang
    {
        height: 53px;
    }

    .gbl-nav_env > ul > li.gbl-nav_env-lang a
    {
        height: 53px;

        background: #fff;
    }

    .gbl-nav_env > ul > li.gbl-nav_env-search a
    {
        height: 53px;

        background: #fff;
    }

    .gbl-nav_env > ul > li.gbl-nav_env-search a .gbl-iconlink i
    {
        background: url(/common/img/renew/ico/ico-search.svg) center center/contain no-repeat;
    }

    body[data-nav-slide='search'] .gbl-nav_env > ul > li.gbl-nav_env-search a .gbl-iconlink i
    {
        background: url(/common/img/renew/ico/ico-search-green.svg) center center/contain no-repeat;
    }

    .gbl-nav_mc
    {
        position: absolute;
        top: 53px;
    }

    .gbl-nav_mc > ul > li > a
    {
        height: 90px;
    }

    .gbl-nav_mc > ul > li > a .gbl-iconlink i
    {
        width: 30px;
        height: 30px;
    }

    .gbl-nav_mc > ul > li > a .gbl-iconlink p
    {
        font-size: 12px;
        font-size: 1.2rem;
    }

    .is-font-large .gbl-nav_mc > ul > li > a .gbl-iconlink p
    {
        font-size: 13.68px;
        font-size: 1.368rem;
    }

    .gbl-nav_news-list .clearfix
    {
        display: block;
    }

    .gbl-nav_news-list .nav-new-first
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        width: 100%;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .gbl-nav_news-list .nav-new-first .nav-news-thumb
    {
        width: 30%;
    }

    .gbl-nav_news-list .nav-new-first .block-nav-news
    {
        width: 70%;
    }

    .gbl-nav_news-list .list-nav-primary_secondary-news
    {
        width: 100%;
        max-width: 100%;
        margin: 0;
    }

    .gbl-nav_news-list .list-nav-primary_secondary-news > li:first-child a
    {
        border-top: 1px solid #e2e6e8;
    }

    .gbl-nav_news-list .list-nav-primary_secondary-news > li:last-child a
    {
        border-bottom: none;
    }

    .gbl-nav_news-list .list-nav-primary_secondary-news > li > a
    {
        padding: 20px;

        border-bottom: 1px solid #e2e6e8;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .gbl-nav_form
    {
        position: absolute;
        top: 52px;
    }

    .gbl-nav_form .form-nav-other input[type='text']
    {
        font-size: 11px;
        font-size: 1.1rem;

        height: 30px;
        padding: 4px 10px;
    }

    .is-font-large .gbl-nav_form .form-nav-other input[type='text']
    {
        font-size: 12.54px;
        font-size: 1.254rem;
    }

    .gbl-nav_form .form-nav-other input[type='submit']
    {
        width: 30px;
        height: 30px;

        background-size: 55%;
    }

    .t-window
    {
        position: absolute;
        top: 52px;
    }

    body[data-nav-fixed='true'] .t-window
    {
        position: fixed;

        overflow: auto;

        height: calc(100% - 53px);

        -webkit-overflow-scrolling: touch;
    }

    .t-window_title
    {
        max-width: 76.5625%;
        margin: auto;
        margin-top: 0;
        padding: 20px 0 0 0;
    }

    .t-window ul
    {
        display: block;

        max-width: 76.5625%;
        margin: auto;
        margin-top: 30px;
        padding-bottom: 40px;
    }

    .t-window ul li
    {
        width: 100%;

        border: none;
    }

    .t-window ul li:nth-child(odd)
    {
        border: none;
    }

    .t-window ul li a
    {
        padding: 10px 0;
    }

    .list-nav-secondary_item:before
    {
        content: normal;
    }

    .list-nav-secondary_item:last-child
    {
        border-bottom: 0;
    }

    .list-nav-secondary_item:last-child:after
    {
        content: normal;
    }

    .list-nav-secondary_item > a
    {
        font-size: 12px;
        font-size: 1.2rem;

        padding: 23px 20px;
    }

    .is-font-large .list-nav-secondary_item > a
    {
        font-size: 13.68px;
        font-size: 1.368rem;
    }

    .list-nav-secondary_item > a.is-current
    {
        border-top: 0;
    }

    .list-nav-secondary_item > a.has-nav:after
    {
        content: normal;
    }

    .nav-anchor-header
    {
        padding: 20px 0 5px;
    }

    .list-nav-anchor-header
    {
        padding: 0 20px;
    }

    .list-nav-anchor-header > li
    {
        margin-bottom: 15px;
        padding: 0 20px;
    }

    .nav-anchor
    {
        margin-bottom: 20px;
    }

    .list-nav-anchor_item
    {
        margin-right: 15px;
    }

    .nav-page-header
    {
        padding: 20px 0 5px;
    }

    .list-nav-page-header
    {
        padding: 0 20px;
    }

    .list-nav-page-header > li
    {
        margin-bottom: 15px;
        padding: 0 10px;
    }

    .breadcrumbs
    {
        display: none;
    }

    .footer-global_inner
    {
        padding: 0;
    }

    .wrapper-footer-global-inner
    {
        border-bottom: 0;
    }

    .links-footer
    {
        float: none;

        width: auto;
        padding: 0;

        border-bottom: 1px solid #c8cfd3;
    }

    .links-footer_title
    {
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: normal;

        margin-bottom: 0;
    }

    .is-font-large .links-footer_title
    {
        font-size: 13.68px;
        font-size: 1.368rem;
    }

    .links-footer_title > a
    {
        position: relative;

        display: block;

        padding: 12px 20px;
    }

    .links-footer_title > a:after
    {
        position: absolute;
        right: 30px;
        bottom: 18px;

        display: block;

        width: 8px;
        height: 8px;

        content: '';
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
        -webkit-transform-origin: 100% 100%;
            -ms-transform-origin: 100% 100%;
                transform-origin: 100% 100%;

        border-right: 2px solid #656d78;
        border-bottom: 2px solid #656d78;
    }

    .links-footer_title > a.is-open:after
    {
        bottom: 28px;

        -webkit-transform: rotate(225deg);
            -ms-transform: rotate(225deg);
                transform: rotate(225deg);
    }

    .links-footer_content
    {
        display: none;

        padding: 0 20px;

        background-color: #f3f5f8;
    }

    .list-footer_item
    {
        border-bottom: 1px dotted #c8cfd3;
    }

    .list-footer_item > a
    {
        display: block;

        padding: 12px 15px;
    }

    .list-footer_item:last-child
    {
        border-bottom: 0;
    }

    .area-footer-links
    {
        margin: 0;

        border-top: 0;
    }

    .list-footer-bold
    {
        float: none;

        width: auto;
        margin-top: 48px;
    }

    .list-footer-bold_item
    {
        font-size: 11px;
        font-size: 1.1rem;
        font-weight: normal;
    }

    .is-font-large .list-footer-bold_item
    {
        font-size: 12.54px;
        font-size: 1.254rem;
    }

    .list-footer-other
    {
        border-left: 0;
    }

    .list-footer-other_item
    {
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: normal;
    }

    .is-font-large .list-footer-other_item
    {
        font-size: 13.68px;
        font-size: 1.368rem;
    }

    .list-footer-other_item > a
    {
        padding: 12px 20px;
    }

    .list-footer-other_item > a span
    {
        width: 20px;
        height: 20px;
        padding: 0 0 1px;

        text-align: center;

        border: 0 solid #a0d468;
    }

    .list-footer-other_item > a span svg
    {
        width: 10px;
        height: 14px;
    }

    .link-footer-lang > li
    {
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: normal;
    }

    .is-font-large .link-footer-lang > li
    {
        font-size: 13.68px;
        font-size: 1.368rem;
    }

    .link-footer-lang > li > a
    {
        padding: 12px 20px;
    }

    .link-footer-lang > li > a span
    {
        width: 20px;
        height: 20px;
        padding: 0 0 1px;

        text-align: center;

        border: 0 solid #a0d468;
    }

    .link-footer-lang > li > a span svg
    {
        width: 10px;
        height: 14px;
    }

    .wrapper-footer-global-inner-bottom .footer-global_inner
    {
        padding: 20px;
    }

    .area-btn-up
    {
        right: 20px;
    }

    .btn-up
    {
        bottom: 30px;
    }

    .footer-global_inner-bottom
    {
        font-size: 10px;
        font-size: 1rem;

        display: block;

        padding: 0;
    }

    .is-font-large .footer-global_inner-bottom
    {
        font-size: 11.4px;
        font-size: 1.14rem;
    }

    .list-footer-end
    {
        margin-bottom: 15px;
        padding-left: 0;

        text-align: center;
    }

    .visual-main-top
    {
        height: 347px;
    }

    .visual-main-top > p
    {
        width: 83.125%;
    }

    .header-lv2-top
    {
        padding-right: 20px;
    }

    .header-lv2-top > .link-arrow
    {
        padding-top: 5px;
    }

    .heading-lv2-top
    {
        font-size: 17px;
        font-size: 1.7rem;
        font-weight: 300;

        margin: 15px auto;
        padding: 0 20px;
    }

    .is-font-large .heading-lv2-top
    {
        font-size: 19.38px;
        font-size: 1.938rem;
    }

    .tab-top-news_nav
    {
        padding: 0 3px;
    }

    .list-tab-top-news_nav > li
    {
        margin: 0 12px;
    }

    .list-tab-top-news_nav > li > a
    {
        font-size: 1.1rem;
    }

    .tab-bar
    {
        left: 15px;
    }

    .list-top-movie
    {
        margin: 0;
    }

    .list-top-movie > li
    {
        float: none;

        width: 100%;
        padding: 0;
    }

    .list-top-movie_text:before
    {
        top: -1px;
    }

    .area-top-board
    {
        height: auto;
        margin: 22px;
        padding: 0;

        box-shadow: 0 2px #e2e6e8;
    }

    .area-top-board_inner
    {
        height: auto;
        padding-top: 67.9%;

        background-position: 0 0;
        background-size: 100% auto;
    }

    .area-top-board_content
    {
        position: static;

        width: auto;
        height: auto;
        padding: 20px 15px;
    }

    .area-top-board_content br
    {
        display: none;
    }

    .area-top-board-contents .area-top-board_inner
    {
        background-image: url('/img/top_00_sp.jpg');
    }

    .area-top-board-contents .area-top-board_content
    {
        padding-top: 20px;
    }

    .area-top-board-broadcast .area-top-board_inner
    {
        background-image: url('/img/top_01_sp.jpg');
    }

    .area-top-board-broadcast .area-top-board_content
    {
        padding-top: 20px;
    }

    .area-top-board-studio .area-top-board_inner
    {
        background-image: url('/img/top_02_sp.jpg');
    }

    .area-top-board-studio .area-top-board_content
    {
        padding-top: 20px;
    }

    .area-top-board-technology .area-top-board_inner
    {
        background-image: url('/img/top_03_sp.jpg');
    }

    .area-top-board-technology .area-top-board_content
    {
        padding-top: 20px;
    }

    .area-top-board-network .area-top-board_inner
    {
        background-image: url('/img/top_04_sp.jpg');
    }

    .area-top-board-network .area-top-board_content
    {
        padding-top: 20px;
    }

    .area-top-service
    {
        padding: 35px 20px;
    }

    .heading-lv2-top-service
    {
        font-size: 18px;
        font-size: 1.8rem;

        margin-bottom: 35px;
    }

    .is-font-large .heading-lv2-top-service
    {
        font-size: 20.52px;
        font-size: 2.052rem;
    }

    .area-top-investor
    {
        height: 190px;

        background-image: url('/img/top_ir_sp_renew.jpg');
    }

    .area-top-investor_heading
    {
        font-size: 2.8rem;
        font-weight: 200;
    }

    .area-top-investor_btn:before
    {
        top: -1px;

        width: 10px;
        height: 10px;
        margin-right: 7px;

        background-size: 100%;
    }

    .area-top-investor_btn
    {
        font-size: 1rem;

        width: 190px;
        padding: 3px 0;

        letter-spacing: 2px;

        border: 2px solid #fff;
    }

    .area-top-recommend
    {
        padding: 40px 10px 35px;
    }

    .list-top-recommend
    {
        min-width: 630px;
    }

    .list-top-recommend > li
    {
        padding: 0 10px;
    }

    .top-recommend_icon
    {
        width: 80px;
        height: 80px;
        margin-bottom: 15px;
        padding: 14px;
    }

    .top-recommend_en,
    .top-recommend_ja
    {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .is-font-large .top-recommend_en,
    .is-font-large .top-recommend_ja
    {
        font-size: 15.96px;
        font-size: 1.596rem;
    }

    .area-top-banner
    {
        padding: 20px;
    }

    .list-top-banner > li
    {
        width: 100%;
        margin-bottom: 20px;
        padding: 0;
    }

    .list-top-banner > li:last-child
    {
        margin-bottom: 0;
    }

    .border-important
    {
        display: block;

        border: 2px solid #e85036;
    }

    .border-important_title
    {
        font-size: 14px;
        font-size: 1.4rem;

        display: block;

        width: auto;
        padding: 10px 15px;

        border-right: 0;
        border-bottom: 2px solid #e85036;
    }

    .is-font-large .border-important_title
    {
        font-size: 15.96px;
        font-size: 1.596rem;
    }

    .border-important_content
    {
        display: block;
    }

    .list-news-important > li
    {
        display: block;

        padding: 12px 15px;

        border-top: 2px solid #e85036;

        *zoom: 1;
    }

    .list-news-important > li:before,
    .list-news-important > li:after
    {
        display: table;

        content: ' ';
    }

    .list-news-important > li:after
    {
        clear: both;
    }

    .list-news-important_date
    {
        font-size: 15px;
        font-size: 1.5rem;

        display: block;
        float: left;
    }

    .is-font-large .list-news-important_date
    {
        font-size: 17.1px;
        font-size: 1.71rem;
    }

    .list-news-important_content
    {
        display: block;
        float: left;

        width: 100%;
        padding-top: 3px;
        padding-left: 0;
    }

    .list-news-important_content a:hover,
    .list-news-important_content a:active
    {
        text-decoration: none;
    }

    .heading-lv2-top-centerd
    {
        font-size: 20px;
        font-size: 2rem;

        margin-bottom: 15px;
    }

    .is-font-large .heading-lv2-top-centerd
    {
        font-size: 22.8px;
        font-size: 2.28rem;
    }

    .heading-lv2-top-centerd .sp_br
    {
        display: block;
    }

    .area-top-vision_inner
    {
        display: block;

        padding: 0;
    }

    .area-top-vision_inner > figure
    {
        max-width: 100%;
    }

    .area-top-vision_inner > div
    {
        max-width: 100%;
        margin: 20px 0 0 0;
        padding: 0 20px;
    }

    .area-top-vision_inner > div p
    {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .is-font-large .area-top-vision_inner > div p
    {
        font-size: 15.96px;
        font-size: 1.596rem;
    }

    .area-cloud-00
    {
        font-size: 19px;
        font-size: 1.9rem;

        display: table;

        width: 100%;
        height: 190px;
        padding-top: 0;
    }

    .is-font-large .area-cloud-00
    {
        font-size: 21.66px;
        font-size: 2.166rem;
    }

    .area-cloud-00 p
    {
        display: table-cell;

        padding: 0 20px;

        vertical-align: middle;
    }

    .area-cloud-00 br
    {
        display: none;
    }

    .area-cloud-01
    {
        font-size: 19px;
        font-size: 1.9rem;

        display: table;

        width: 100%;
        height: 190px;
        padding-top: 0;
    }

    .is-font-large .area-cloud-01
    {
        font-size: 21.66px;
        font-size: 2.166rem;
    }

    .area-cloud-01 h2
    {
        display: table-cell;

        padding: 0 20px;

        vertical-align: middle;
    }

    .area-cloud-01 br
    {
        display: none;
    }

    .area-cloud-02.area-article_inner
    {
        margin-bottom: 40px;
    }

    .area-cloud-03
    {
        font-size: 17px;
        font-size: 1.7rem;

        display: table;

        width: 100%;
        height: 140px;
        padding-top: 0;
    }

    .is-font-large .area-cloud-03
    {
        font-size: 19.38px;
        font-size: 1.938rem;
    }

    .area-cloud-03 p
    {
        display: table-cell;

        vertical-align: middle;
    }

    .area-cloud-04
    {
        height: auto;
        padding: 30px 0 10px;
    }

    .area-cloud-04_img
    {
        display: none;
    }

    .area-cloud-04_content
    {
        width: auto;
    }

    .area-cloud-04_content h3
    {
        font-size: 17px;
        font-size: 1.7rem;
    }

    .is-font-large .area-cloud-04_content h3
    {
        font-size: 19.38px;
        font-size: 1.938rem;
    }

    .cloud-content-left .cloud-content_inner
    {
        float: none;

        padding-right: 20px;
        padding-left: 20px;
    }

    .cloud-content-right .cloud-content_inner
    {
        float: none;

        padding-right: 20px;
        padding-left: 20px;
    }

    .cloud-content_inner
    {
        max-width: 100%;
    }

    .area-cloud-05
    {
        font-size: 19px;
        font-size: 1.9rem;

        display: table;

        width: 100%;
        height: 190px;
        margin-top: 30px;
        padding-top: 0;
    }

    .is-font-large .area-cloud-05
    {
        font-size: 21.66px;
        font-size: 2.166rem;
    }

    .area-cloud-05 h2
    {
        display: table-cell;

        padding: 0 20px;

        vertical-align: middle;
    }

    .area-cloud-05 h2 br
    {
        display: none;
    }

    .area-cloud-06
    {
        width: auto;
        margin: 30px 20px 0;
        padding-bottom: 30px;
    }

    .area-cloud-06_left
    {
        float: none;

        width: auto;
        margin-bottom: 30px;
        padding-right: 0;

        text-align: center;
    }

    .area-cloud-06_right
    {
        float: none;

        width: auto;
        padding-left: 0;

        text-align: center;
    }

    .area-cloud-07.area-article_inner
    {
        padding-top: 30px;
    }

    .area-cloud-07 h2
    {
        font-size: 17px;
        font-size: 1.7rem;
    }

    .is-font-large .area-cloud-07 h2
    {
        font-size: 19.38px;
        font-size: 1.938rem;
    }

    .heading-cloud-01
    {
        font-size: 17px;
        font-size: 1.7rem;

        margin-bottom: 30px;
    }

    .is-font-large .heading-cloud-01
    {
        font-size: 19.38px;
        font-size: 1.938rem;
    }

    .title-page.title-page-news
    {
        padding: 0 24px;
    }

    .title-page
    {
        padding: 24px;
    }

    .title-page .btn-sp
    {
        right: 16px;
    }

    .title-page .btn-sp span
    {
        width: 8px;
        height: 8px;
        margin-top: 0;
    }

    .heading-lv1
    {
        font-size: 20px;
        font-size: 2rem;
        font-weight: 300;

        margin-right: 25px;
    }

    .is-font-large .heading-lv1
    {
        font-size: 22.8px;
        font-size: 2.28rem;
    }

    .heading-lv2
    {
        font-size: 17px;
        font-size: 1.7rem;
        font-weight: 300;

        margin: 40px 0 15px;
        padding-bottom: 5px;
        padding-left: 16px;
    }

    .is-font-large .heading-lv2
    {
        font-size: 19.38px;
        font-size: 1.938rem;
    }

    .heading-lv2:before
    {
        width: 6px;
        height: 6px;
        margin-right: 6px;
        margin-left: -16px;

        border: 2px solid #a0d468;
    }

    .heading-lv2 > span
    {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .is-font-large .heading-lv2 > span
    {
        font-size: 15.96px;
        font-size: 1.596rem;
    }

    .heading-lv2-inbox
    {
        font-weight: 300;

        padding: 12px 15px;
    }

    .heading-lv2-inbox > h2
    {
        font-size: 17px;
        font-size: 1.7rem;
        font-weight: 300;

        padding-left: 16px;
    }

    .is-font-large .heading-lv2-inbox > h2
    {
        font-size: 19.38px;
        font-size: 1.938rem;
    }

    .heading-lv2-inbox > h2:before
    {
        width: 6px;
        height: 6px;
        margin-right: 6px;
        margin-left: -16px;

        border: 2px solid #a0d468;
    }

    .heading-lv2-inbox > .link-arrow
    {
        font-size: 11px;
        font-size: 1.1rem;

        padding-top: 5px;
    }

    .is-font-large .heading-lv2-inbox > .link-arrow
    {
        font-size: 12.54px;
        font-size: 1.254rem;
    }

    a.heading-lv2-inbox
    {
        padding: 12px 25px 11px 15px;
    }

    a.heading-lv2-inbox:after
    {
        right: 26px;
    }

    a.heading-lv2-inbox:hover:after
    {
        right: 26px;
    }

    .heading-lv2-outside
    {
        font-size: 17px;
        font-size: 1.7rem;
        font-weight: 300;

        margin: 15px auto;
        padding: 0 20px;
    }

    .is-font-large .heading-lv2-outside
    {
        font-size: 19.38px;
        font-size: 1.938rem;
    }

    .heading-lv2-q
    {
        font-size: 17px;
        font-size: 1.7rem;
        font-weight: 300;

        margin: 40px 0 15px;
        padding-bottom: 5px;
        padding-left: 25px;
    }

    .is-font-large .heading-lv2-q
    {
        font-size: 19.38px;
        font-size: 1.938rem;
    }

    .heading-lv2-q:before
    {
        font-size: 11px;
        font-size: 1.1rem;

        width: 21px;
        height: 21px;
        margin-right: 6px;
        margin-left: -25px;
        padding: 4px 4px 6px 6px;
    }

    .is-font-large .heading-lv2-q:before
    {
        font-size: 12.54px;
        font-size: 1.254rem;
    }

    .heading-lv2-q > span
    {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .is-font-large .heading-lv2-q > span
    {
        font-size: 15.96px;
        font-size: 1.596rem;
    }

    .heading-lv3
    {
        font-size: 14px;
        font-size: 1.4rem;

        margin: 20px 0 10px;
    }

    .is-font-large .heading-lv3
    {
        font-size: 15.96px;
        font-size: 1.596rem;
    }

    .heading-lv3:before
    {
        top: -1px;

        width: 6px;
        height: 6px;
        margin-right: 6px;

        border: 2px solid #a0d468;
    }

    .heading-lv4
    {
        font-size: 12px;
        font-size: 1.2rem;

        margin-bottom: 6px;
    }

    .is-font-large .heading-lv4
    {
        font-size: 13.68px;
        font-size: 1.368rem;
    }

    .heading-lv4-dark
    {
        font-size: 12px;
        font-size: 1.2rem;

        margin-bottom: 6px;
    }

    .is-font-large .heading-lv4-dark
    {
        font-size: 13.68px;
        font-size: 1.368rem;
    }

    .area-article
    {
        padding: 35px 0;
    }

    .area-article_inner
    {
        padding: 0 20px;
    }

    .area-article hr
    {
        margin: 20px 0;
    }

    p
    {
        margin-bottom: 15px;
    }

    .area-no-article
    {
        padding: 35px 0;
    }

    .area-none-eyecatch
    {
        padding: 0 0 35px;
    }

    .area-outside
    {
        padding: 15px 0 20px;
    }

    .area-outside_inner
    {
        padding: 0 20px;
    }

    .area-outside-border
    {
        padding: 15px 0 20px;
    }

    .area-info-news-top
    {
        padding-top: 30px;
        padding-bottom: 24px;
    }

    .area-info-news-bottom
    {
        padding-top: 24px;
        padding-bottom: 20px;
    }

    .area-individual
    {
        padding: 20px 0 2px;
    }

    .area-box
    {
        padding: 20px 0 22px;
    }

    .area-news-box
    {
        padding: 0 0 22px;
    }

    .area-attention
    {
        font-size: 14px;
        font-size: 1.4rem;

        margin-bottom: 35px;
        padding: 12px 20px;
    }

    .is-font-large .area-attention
    {
        font-size: 15.96px;
        font-size: 1.596rem;
    }

    .area-thanks
    {
        font-size: 14px;
        font-size: 1.4rem;

        margin-bottom: 35px;
        padding: 50px 20px;
    }

    .is-font-large .area-thanks
    {
        font-size: 15.96px;
        font-size: 1.596rem;
    }

    .area-recommend
    {
        padding: 20px;

        border: 1px solid #e2e6e8;
    }

    .list-recommend
    {
        border: 1px solid #e2e6e8;
    }

    .list-recommend_item
    {
        border: 1px solid #e2e6e8;
    }

    .list-recommend_item
    {
        float: none;

        width: auto;
    }

    .list-recommend_item > a
    {
        height: 48px;
        padding: 11px;
    }

    #recommend-corporate
    {
        width: 20px;
        height: 22px;
        margin-right: 24px;
        margin-left: 2px;
    }

    #recommend-ir
    {
        width: 21px;
        height: 21px;
        margin-right: 23px;
        margin-left: 1px;
    }

    #recommend-recruit
    {
        width: 20px;
        height: 21px;
        margin-right: 24px;
        margin-left: 2px;
    }

    #recommend-inquiry
    {
        width: 24px;
        height: 18px;
        margin-right: 22px;
    }

    #recommend-outline
    {
        width: 24px;
        height: 21px;
        margin-right: 22px;
    }

    #recommend-faq
    {
        width: 24px;
        height: 24px;
        margin-right: 22px;
    }

    #recommend-sitemap
    {
        width: 30px;
        height: 30px;
        margin-right: 13px;
    }

    #recommend-news
    {
        width: 25px;
        height: 25px;
        margin-right: 20px;
    }

    .area-split
    {
        margin: 0 -20px;
    }

    .area-split_half > .board:last-child
    {
        margin-bottom: 0;
    }

    .area-split_half
    {
        float: none;

        width: auto;
        height: auto !important;
        margin-bottom: 20px;
        padding-bottom: 0;
    }

    .area-split_half:last-child
    {
        margin-bottom: 0;
    }

    .area-split_third
    {
        width: 100%;
        margin-bottom: 20px;
    }

    .area-split_third:last-child
    {
        margin-bottom: 0;
    }

    .area-split_quarter
    {
        margin-bottom: 20px;
    }

    .area-split_quarter-top
    {
        margin-bottom: 0;
        padding: 15px 40px 0;

        border-top: 1px solid #e2e6e8;
    }

    .area-split_threeQuarters
    {
        margin-bottom: 20px;
    }

    .area-split-subhead_heading
    {
        margin-bottom: 6px;
    }

    .area-column2
    {
        margin: 0 auto 20px;
        padding: 0 10px;
    }

    .area-column2_main
    {
        margin-bottom: 22px;
        padding: 0 10px;
    }

    .area-column2_main > .box
    {
        margin-bottom: 22px;
    }

    .area-column2_sub
    {
        margin: 0 -10px;
        padding: 20px 20px 0;
    }

    .area-column2_sub > .box
    {
        margin-bottom: 22px;
    }

    .footer-article
    {
        margin-top: 35px;
    }

    .wrapper-section-primary
    {
        margin: 35px 0;
    }

    .wrapper-section-primary-large
    {
        margin: 60px 0;
    }

    .wrapper-section-secondary
    {
        margin: 20px 0;
    }

    .wrapper-section-tertiary
    {
        margin: 20px 0;
    }

    .wrapper-section-sub
    {
        margin: 20px 0;
    }

    .wrapper-section-sub p,
    .wrapper-section-sub ul,
    .wrapper-section-sub ol
    {
        font-size: 11px;
        font-size: 1.1rem;
    }

    .is-font-large .wrapper-section-sub p,
    .is-font-large .wrapper-section-sub ul,
    .is-font-large .wrapper-section-sub ol
    {
        font-size: 12.54px;
        font-size: 1.254rem;
    }

    .block-item_media
    {
        width: 30%;
        min-width: 30%;
        padding-right: 20px;
    }

    .block-item_media-small
    {
        width: 25%;
        min-width: 25%;
        padding-right: 15px;
    }

    .block-item_media-large
    {
        width: 35%;
        min-width: 35%;
        padding-right: 20px;
    }

    .block-profile
    {
        margin-top: -15px;
    }

    .block-profile_title
    {
        font-size: 14px;
        font-size: 1.4rem;

        margin-bottom: 10px;
    }

    .is-font-large .block-profile_title
    {
        font-size: 15.96px;
        font-size: 1.596rem;
    }

    .block-profile_content
    {
        font-size: 10px;
        font-size: 1rem;
    }

    .is-font-large .block-profile_content
    {
        font-size: 11.4px;
        font-size: 1.14rem;
    }

    .block-subhead_title
    {
        margin-bottom: 6px;
    }

    .block-subhead_title-large
    {
        font-size: 14px;
        font-size: 1.4rem;

        margin-bottom: 6px;
    }

    .is-font-large .block-subhead_title-large
    {
        font-size: 15.96px;
        font-size: 1.596rem;
    }

    .block-subhead_content .midletitle
    {
        margin-bottom: 6px;
    }

    .block-notice_title
    {
        font-size: 14px;
        font-size: 1.4rem;

        margin-bottom: 4px;
    }

    .is-font-large .block-notice_title
    {
        font-size: 15.96px;
        font-size: 1.596rem;
    }

    .block-notice_content
    {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .is-font-large .block-notice_content
    {
        font-size: 15.96px;
        font-size: 1.596rem;
    }

    .block-officer
    {
        display: block;

        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .block-officer_title
    {
        display: block;

        width: auto;
        margin-bottom: 10px;
    }

    .block-officer_title-has-img
    {
        display: table;

        width: 100%;
    }

    .block-officer_title-has-img .media_caption
    {
        display: table-header-group;
    }

    .block-officer_title-has-img .media_caption dd
    {
        padding-bottom: 10px;
    }

    .block-officer_title-has-img > img
    {
        width: 100%;
        margin-bottom: 10px;
    }

    .block-faq_question
    {
        font-size: 14px;
        font-size: 1.4rem;

        margin-bottom: 7px;
        padding-left: 25px;
    }

    .is-font-large .block-faq_question
    {
        font-size: 15.96px;
        font-size: 1.596rem;
    }

    .block-faq_question:before
    {
        font-size: 11px;
        font-size: 1.1rem;

        width: 21px;
        height: 21px;
        margin-right: 6px;
        margin-left: -25px;
        padding: 4px 5px 6px 5px;
    }

    .is-font-large .block-faq_question:before
    {
        font-size: 12.54px;
        font-size: 1.254rem;
    }

    .block-faq_answer
    {
        padding-left: 25px;
    }

    .block-faq_answer:before
    {
        font-size: 11px;
        font-size: 1.1rem;

        width: 21px;
        height: 21px;
        margin-right: 6px;
        margin-left: -25px;
        padding: 4px 5px 6px 5px;
    }

    .is-font-large .block-faq_answer:before
    {
        font-size: 12.54px;
        font-size: 1.254rem;
    }

    .board
    {
        margin: 20px 0;
    }

    .board_title
    {
        padding: 10px 15px;
    }

    .board_title > a.title_link:after
    {
        right: 26px;
    }

    .board_content
    {
        padding: 12px 15px;
    }

    .board_content a[target='_blank']:after
    {
        top: -1px;

        width: 10px;
        height: 10px;
        margin-left: 5px;

        background-size: 100%;
    }

    .frame
    {
        margin: 20px 0;
        padding: 12px 15px;
    }

    .carousel
    {
        margin: 0 20px;
    }

    .carousel_inner
    {
        margin: 0 -10px;
    }

    .carousel_item
    {
        padding: 0 10px;
    }

    .carousel_dots
    {
        padding-top: 15px;
    }

    .carousel_prev
    {
        display: none;
    }

    .carousel_next
    {
        display: none;
    }

    .list-box
    {
        margin: 0 auto -20px;
        padding: 0 10px;
    }

    .list-box_item
    {
        margin-bottom: 22px;
        padding: 0 10px;
    }

    .list-box > .list-box_item-2
    {
        width: 100%;
    }

    .list-box-incolumn
    {
        margin: 0 -20px;
        padding: 0 10px;
    }

    .list-box-incolumn > .list-box_item-2
    {
        width: 100%;
    }

    .box_text
    {
        font-size: 11px;
        font-size: 1.1rem;

        padding: 12px 15px;
    }

    .is-font-large .box_text
    {
        font-size: 12.54px;
        font-size: 1.254rem;
    }

    .box_inner
    {
        padding: 12px 15px;
    }

    .box_inner-sub
    {
        padding: 15px 15px;
    }

    .box-split-ir
    {
        display: block;
    }

    .box-split-ir_eyecatch
    {
        display: block;

        width: auto;
    }

    .box-split-ir_content
    {
        display: block;

        width: auto;
        padding: 12px 15px;
    }

    .form-search
    {
        margin-bottom: 20px;
    }

    .list-link > li
    {
        margin-bottom: 5px;
    }

    .list-link > li > a:before
    {
        top: -1px;

        width: 12px;
        height: 12px;

        background-size: 100%;
    }

    .list-link > .list-footer_item
    {
        border-bottom: 0;
    }

    .list-link > .list-footer_item > a
    {
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
    }

    .list-news > li
    {
        display: block;

        padding: 12px 15px;

        *zoom: 1;
    }

    .list-news > li:before,
    .list-news > li:after
    {
        display: table;

        content: ' ';
    }

    .list-news > li:after
    {
        clear: both;
    }

    .list-news_date
    {
        font-size: 16px;
        font-size: 1.6rem;

        display: block;
        float: left;
    }

    .is-font-large .list-news_date
    {
        font-size: 18.24px;
        font-size: 1.824rem;
    }

    .list-news_label
    {
        display: block;
        float: left;
    }

    .list-news_content
    {
        font-size: 1.4rem;

        display: block;
        float: left;

        width: 100%;
        padding-top: 3px;
        padding-left: 0;
    }

    .list-news_content a:hover,
    .list-news_content a:active
    {
        text-decoration: none;
    }

    .list-news_content a[target='_blank']:after
    {
        top: -1px;

        width: 10px;
        height: 10px;
        margin-left: 5px;

        background-size: 100%;
    }

    .list-news-ir > li
    {
        display: block;

        padding: 12px 15px;

        *zoom: 1;
    }

    .list-news-ir > li:before,
    .list-news-ir > li:after
    {
        display: table;

        content: ' ';
    }

    .list-news-ir > li:after
    {
        clear: both;
    }

    .list-news-ir_head
    {
        margin-bottom: 4px;
    }

    .list-news-ir_head > .label
    {
        top: -2px;
    }

    .list-news-ir_head > .label-new
    {
        top: -2px;
    }

    .list-news-ir_date
    {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .is-font-large .list-news-ir_date
    {
        font-size: 15.96px;
        font-size: 1.596rem;
    }

    .list-news-ir_content a[target='_blank']:after
    {
        top: -1px;

        width: 10px;
        height: 10px;
        margin-left: 5px;

        background-size: 100%;
    }

    .list-carrer > li
    {
        margin-bottom: 6px;
    }

    .list-carrer > li:last-child
    {
        margin-bottom: 0;
    }

    .list-carrer_content
    {
        padding-left: 10px;
    }

    .list-link-ir > li
    {
        margin-bottom: 20px;
    }

    .list-link-ir > li > a
    {
        padding: 11px 11px 11px 55px;

        text-decoration: none;

        border: 2px solid #e2e6e8;
    }

    .list-link-ir > li > a.is-important
    {
        border: 2px solid #a0d468;
    }

    .list-link-ir > li > .link-individual
    {
        background-position: 11px 50%;
        background-size: 24px 24px;
    }

    .list-link-ir > li > .link-dividend
    {
        background-position: 11px 50%;
        background-size: 24px 24px;
    }

    .list-link-ir > li > .link-benefit
    {
        background-position: 11px 50%;
        background-size: 24px 24px;
    }

    .list-link-ir > li > .link-pie
    {
        background-position: 11px 50%;
        background-size: 24px 24px;
    }

    .list-link-ir > li > .link-prices
    {
        background-position: 11px 50%;
        background-size: 24px 24px;
    }

    .list-link-ir > li > .link-summary
    {
        background-position: 11px 50%;
        background-size: 24px 24px;
    }

    .list-board-half
    {
        margin-bottom: 20px;

        border-right: 1px solid #e2e6e8;
    }

    .list-board-half > li
    {
        float: none;

        width: 100%;
        padding: 12px 15px;

        border-right: 0;
    }

    .list-board-half > li a[target='_blank']:after
    {
        top: -1px;

        width: 10px;
        height: 10px;
        margin-left: 5px;

        background-size: 100%;
    }

    .list-calender-sub > li
    {
        display: block;

        padding: 12px 15px;

        *zoom: 1;
    }

    .list-calender-sub > li:before,
    .list-calender-sub > li:after
    {
        display: table;

        content: ' ';
    }

    .list-calender-sub > li:after
    {
        clear: both;
    }

    .list-calender-sub_date
    {
        font-size: 12px;
        font-size: 1.2rem;
    }

    .is-font-large .list-calender-sub_date
    {
        font-size: 13.68px;
        font-size: 1.368rem;
    }

    .list-calender-sub_content a[target='_blank']:after
    {
        top: -1px;

        width: 10px;
        height: 10px;
        margin-left: 5px;

        background-size: 100%;
    }

    .list-news-check
    {
        margin-bottom: 20px;
        padding: 0 20px;
    }

    .list-news-check_item
    {
        margin-right: 15px;
    }

    .list-sns
    {
        float: none;

        width: 241px;
        margin: 0 auto;
        padding-top: 15px;
    }

    .list-sns_item
    {
        width: 59px;
    }

    .list-form-order
    {
        margin-bottom: 20px;
    }

    .list-form-order_item-01
    {
        margin-bottom: 10px;
    }

    .list-form-order_item-02
    {
        margin-bottom: 10px;
    }

    .eyecatch-page .carousel
    {
        margin: 0 0 20px;
    }

    .table-full
    {
        font-size: 11px;
        font-size: 1.1rem;

        margin-bottom: 20px;
    }

    .is-font-large .table-full
    {
        font-size: 12.54px;
        font-size: 1.254rem;
    }

    .table-full.font-large
    {
        font-size: 12px;
        font-size: 1.2rem;
    }

    .is-font-large .table-full.font-large
    {
        font-size: 13.68px;
        font-size: 1.368rem;
    }

    .table-full thead th
    {
        padding: 12px 10px;
    }

    .table-full th,
    .table-full td
    {
        padding: 12px 10px;
    }

    .table-full .col-row
    {
        padding: 5px 10px;
    }

    .table-full th span
    {
        font-size: 11px;
        font-size: 1.1rem;
    }

    .is-font-large .table-full th span
    {
        font-size: 12.54px;
        font-size: 1.254rem;
    }

    .table-non-style th,
    .table-non-style td
    {
        padding: 0;
    }

    .table-non-style th
    {
        padding-right: 15px;
    }

    .graph
    {
        margin-bottom: 20px;
    }

    .note-data
    {
        margin-top: -15px;
        margin-bottom: 20px;
    }

    .note-data-small
    {
        font-size: 11px;
        font-size: 1.1rem;

        margin-top: -15px;
        margin-bottom: 20px;
    }

    .is-font-large .note-data-small
    {
        font-size: 12.54px;
        font-size: 1.254rem;
    }

    .data-info
    {
        font-size: 11px;
        font-size: 1.1rem;

        margin-bottom: 20px;
    }

    .is-font-large .data-info
    {
        font-size: 12.54px;
        font-size: 1.254rem;
    }

    .form-table
    {
        display: block;

        border-top: 1px solid #e2e6e8;
        border-right: 1px solid #e2e6e8;
        border-left: 1px solid #e2e6e8;
    }

    .form-table_tr
    {
        display: block;
    }

    .form-table_th
    {
        display: block;

        width: 100%;
        padding: 10px 20px;
    }

    .form-table_td
    {
        display: block;

        width: 100%;
    }

    .area-btn-pdf-news
    {
        float: none;

        text-align: center;
    }

    .area-link-calender-sub
    {
        padding: 12px 15px;
    }

    .area-link-calender-sub > a:before
    {
        top: -1px;

        width: 12px;
        height: 12px;

        background-size: 100%;
    }

    .link-arrow
    {
        font-size: 1.4rem;
    }

    .link-arrow:before
    {
        font-size: 1.4rem;

        top: -1px;

        width: 12px;
        height: 12px;

        background-size: 100%;
    }

    .link-blank:after
    {
        top: -1px;

        width: 10px;
        height: 10px;
        margin-left: 5px;

        background-size: 100%;
    }

    .btn-large
    {
        width: 100%;
        padding: 9px 0;

        border: 2px solid #e2e6e8;
    }

    .btn-contact_inner.link-blank:after
    {
        top: -1px;

        width: 10px;
        height: 10px;
        margin-left: 5px;

        background-size: 100%;
    }

    .btn-contact_inner
    {
        font-size: 12px;
        font-size: 1.2rem;
    }

    .is-font-large .btn-contact_inner
    {
        font-size: 13.68px;
        font-size: 1.368rem;
    }

    .btn-contact_inner br
    {
        display: none;
    }

    input.btn-contact
    {
        font-size: 12px;
        font-size: 1.2rem;

        width: 100%;
        margin: 0;
        padding: 9px 0;
    }

    .is-font-large input.btn-contact
    {
        font-size: 13.68px;
        font-size: 1.368rem;
    }

    input.btn-contact-small
    {
        font-size: 12px;
        font-size: 1.2rem;

        width: 100%;
        margin: 0 0 20px;
        padding: 9px 0;
    }

    .is-font-large input.btn-contact-small
    {
        font-size: 13.68px;
        font-size: 1.368rem;
    }

    .btn-contact-back-small
    {
        font-size: 12px;
        font-size: 1.2rem;

        width: 100%;
        margin: 0 0 20px;
        padding: 9px 0;
    }

    .is-font-large .btn-contact-back-small
    {
        font-size: 13.68px;
        font-size: 1.368rem;
    }

    .btn-dl-sub
    {
        -webkit-transition: none;
                transition: none;
    }

    .btn-dl-sub:hover
    {
        border: 2px solid #e2e6e8;
    }

    .child
    {
        padding-left: 30px;
    }

    .child:before
    {
        top: -8px;

        width: 15px;
        height: 15px;
        margin: 0 11px 0 -25px;
    }

    .text-contact-ir-news
    {
        margin-top: -10px;
    }

    .fz-small
    {
        font-size: 11px;
        font-size: 1.1rem;
    }

    .is-font-large .fz-small
    {
        font-size: 12.54px;
        font-size: 1.254rem;
    }

    .link-box > div
    {
        height: inherit;
        padding: 11px;

        border: 2px solid #e2e6e8;
    }

    .link-box i
    {
        width: 20px;
        height: 20px;
    }

    .form-frame
    {
        width: 100%;
        margin: 0;
    }

    .consumer-iframe
    {
        height: 1722px;
    }

    .business-iframe
    {
        height: 1703px;
    }

    .irs-iframe
    {
        height: 1704px;
    }

    .publicities-iframe,
    .recruits-iframe,
    .others-iframe
    {
        height: 1604px;
    }

    .en-iframe
    {
        height: 1620px;
    }

    .area-article_inner .gsc-result-info
    {
        font-size: 11px;
        font-size: 1.1rem;
    }

    .is-font-large .area-article_inner .gsc-result-info
    {
        font-size: 12.54px;
        font-size: 1.254rem;
    }

    .area-article_inner .gsc-webResult .gsc-result
    {
        margin-bottom: 10px;
        padding: 0 0 10px 0;
    }

    .area-article_inner .gsc-control-cse .gs-spelling,
    .area-article_inner .gsc-control-cse .gs-result .gs-title,
    .area-article_inner .gsc-control-cse .gs-result .gs-title *
    {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .is-font-large .area-article_inner .gsc-control-cse .gs-spelling,
    .is-font-large .area-article_inner .gsc-control-cse .gs-result .gs-title,
    .is-font-large .area-article_inner .gsc-control-cse .gs-result .gs-title *
    {
        font-size: 15.96px;
        font-size: 1.596rem;
    }

    .area-article_inner .gsc-preview-reviews,
    .area-article_inner .gsc-control-cse .gs-snippet,
    .area-article_inner .gsc-control-cse .gs-promotion em,
    .area-article_inner .gsc-control-cse .gs-snippet,
    .area-article_inner .gsc-control-cse .gs-promotion em
    {
        font-size: 12px;
        font-size: 1.2rem;
    }

    .is-font-large .area-article_inner .gsc-preview-reviews,
    .is-font-large .area-article_inner .gsc-control-cse .gs-snippet,
    .is-font-large .area-article_inner .gsc-control-cse .gs-promotion em,
    .is-font-large .area-article_inner .gsc-control-cse .gs-snippet,
    .is-font-large .area-article_inner .gsc-control-cse .gs-promotion em
    {
        font-size: 13.68px;
        font-size: 1.368rem;
    }

    .area-article_inner span.gs-fileFormat,
    .area-article_inner span.gs-fileFormatType
    {
        font-size: 11px;
        font-size: 1.1rem;
    }

    .is-font-large .area-article_inner span.gs-fileFormat,
    .is-font-large
    .area-article_inner span.gs-fileFormatType
    {
        font-size: 12.54px;
        font-size: 1.254rem;
    }

    .area-article_inner .gsc-control-cse,
    .area-article_inner .gsc-control-cse .gsc-table-result
    {
        font-size: 11px;
        font-size: 1.1rem;
    }

    .is-font-large .area-article_inner .gsc-control-cse,
    .is-font-large .area-article_inner .gsc-control-cse .gsc-table-result
    {
        font-size: 12.54px;
        font-size: 1.254rem;
    }

    .area-article_inner .gsc-cursor-page
    {
        font-size: 12px;
        font-size: 1.2rem;
    }

    .is-font-large .area-article_inner .gsc-cursor-page
    {
        font-size: 13.68px;
        font-size: 1.368rem;
    }
}

@media screen and (min-width: 641px) and (max-width: 800px)
{
    .wrapper
    {
        padding-top: 81px;
    }

    .nav-tertiary
    {
        position: static;

        display: none;
    }

    .js-on .nav-tertiary
    {
        position: static;

        display: none;
    }

    .links-footer
    {
        width: 25%;
        margin-bottom: 35px;
    }

    .list-top-recommend
    {
        min-width: 1140px;
    }

    .list-top-banner > li
    {
        width: 50%;
        margin-bottom: 40px;
    }

    .list-top-banner > li:last-child
    {
        margin-bottom: 0;
    }

    .title-page.title-page-news > h1
    {
        margin-right: 60px;
    }

    a.heading-lv2-inbox:hover:after
    {
        right: 36px;
    }

    .list-recommend_item
    {
        width: 50%;
    }

    .area-column2_sub .list-top-movie > li
    {
        border-top: 0;
    }
}

@media screen and (min-width: 800px) and (max-width: 1100px)
{
    .list-recommend_item
    {
        width: 50%;
    }

    #recommend-sitemap
    {
        margin-right: 14px;
    }
}

@media print
{
    .content
    {
        padding-top: 0 !important;
    }

    .nav-secondary
    {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;

        max-width: 100% !important;
    }

    .list-nav-secondary
    {
        min-width: 1280px;
        max-width: 9999px;
    }

    .nav-tertiary
    {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;

        max-width: 100% !important;
    }

    .list-nav-tertiary
    {
        min-width: 1280px;
        max-width: 9999px;
    }

    .btn-up
    {
        display: none;
    }
}