@charset "utf-8";
/* ****************************************************

component.css
-----------------------------------
1: contents parts for PC
-----------------------------------
2: contents parts for Smartphone
-----------------------------------
3: print for PC
-----------------------------------
ex: clearfix

***************************************************** */

/*=================================

    1: contents parts for PC

================================ */

/* ja */

[class^=headline],
.hero>.heroBanner>.heroCaptions>.caption,
.btnType05 a>span,
.colWrap>.boxLink04 .details>.title,
[class*=boxType] .boxTitle,
.missionDetails .word .text,
.groupBizText,
.groupBizWrap>.title,
.groupBizWrap>.bizAreas>.lead,
.groupBizWrap>.bizAreas>.areaList>li,
.investorBox01>.boxTitle,
.storyHeadline *,
.jinContentsWrap [class^=headLv]>*,
.jinContentsWrap .link-list .headline strong,
.jinContentsWrap .common-block .common-block-headding>h3,
.jinContentsWrap .common-block-lv2 .common-block-headding>h3 {
    font-family: 'Inter', serif;
}

[class^=headline],
.colWrap>.boxLink04 .details>.title,
[class*=boxType] .boxTitle,
.groupBizWrap>.bizAreas>.lead,
.groupBizWrap>.bizAreas>.areaList>li,
.investorBox01>.boxTitle {
    font-weight: 400;
}

.hero>.heroBanner>.heroCaptions>.caption,
.groupBizText,
.groupBizWrap>.title,
.feelContentsWrap .headline08 {
    font-weight: 200;
}

@media only screen and (min-width: 769px) {

    /* hover common settings */
    a img,
    [class^=headline].linkType>a:before,
    .openModal01 .img:after,
    .openModal02 .img:after,
    .linkType02>li>a:before,
    .btnType04 a:after,
    .btnType05 a>span:before,
    .btnType06 a>span:before,
    .linkExpand .img img,
    .release .img img {
        -webkit-transition: all 0.2s ease-out 0s;
        -moz-transition: all 0.2s ease-out 0s;
        -ms-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;
        opacity: 1;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    a:hover img,
    [class^=headline].linkType>a:hover:before,
    .openModal01:hover .img:after,
    .openModal02:hover .img:after,
    .linkType02>li>a:hover:before,
    .btnType04 a:hover:after,
    .btnType05 a:hover>span:before,
    .btnType06 a:hover>span:before,
    .linkExpand.on .img img,
    .release.on .img img {
        opacity: 1;
    }

    [class*="btnType"]>li>a {
        -webkit-transition: background-color 0.2s ease-out 0s, transform 0.2s ease-out 0s;
        -moz-transition: background-color 0.2s ease-out 0s, transform 0.2s ease-out 0s;
        -ms-transition: background-color 0.2s ease-out 0s, transform 0.2s ease-out 0s;
        -o-transition: background-color 0.2s ease-out 0s, transform 0.2s ease-out 0s;
        transition: background-color 0.2s ease-out 0s, transform 0.2s ease-out 0s;
    }

    [class*="btnType"]>li>a:active {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    .boxType01>.btnType04>li>a:active {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

/* headline
================================ */

[class^=headline] {
    position: relative;
    color: #444444;
    line-height: 1.2;
}

[class*=headline] a:link,
[class*=headline] a:visited {
    text-decoration: none;
}

/* [class*=headline] a:hover,
[class*=headline] a:active {
    text-decoration: underline;
} */

[class^=headline]>.shoulder {
    display: block;
    vertical-align: top;
    color: #555555;
}

[class^=headline]>.shoulder+br {
    display: none;
}

.headline02.linkType,
.headline03.linkType {
    padding: 0;
}

.headline02.linkType>a,
.headline03.linkType>a {
    display: block;
}

.headline02.linkType>a:before,
.headline03.linkType>a:before,
.headline06>a:before {
    content: "";
    position: absolute;
}

.headline02.linkType>a .linkIcon {
    top: 0.45em !important;
}

.headline03.linkType>a .linkIcon {
    top: 0.3em !important;
}

/* headline01 */

.headline01 {
    font-size: 40px;
    font-size: 4rem;
}

.headline01+* {
    margin-top: 2.5em !important;
}

.headline01+.subTitle {
    margin-top: 0.5em !important;
    font-size: 20px;
    font-size: 2rem;
}

.headline01 sup {
    top: 0;
    margin-left: 0.1em;
    font-size: 75%;
}

.headline01+#main,
.headline01+#main+.subTitle {
    margin-top: 0 !important;
}

.headline01+.csrSubTitle {
    font-size: 32px;
    font-size: 3.2rem;
    margin-top: 0.3em !important;
    font-family: 'Noto Sans Japanese', serif;
}

/* headline02 */

.headline02 {
    padding: 17px 0;
    border-bottom: 1px solid #dddddd;
    font-size: 28px;
    font-size: 2.8rem;
    text-align: justify;
}

.hero .headline02 {
    padding-bottom: 0px;
    border-bottom: 0px solid #dddddd;
}

.headline02+* {
    margin-top: 1.5em !important;
}

.headline02>.shoulder {
    font-size: 14px;
    font-size: 1.4rem;
}

.headline02.linkType>a {
    position: relative;
    padding: 17px 40px 17px 0;
}

.headline02.linkType>a:before {
    top: 50%;
    right: 27px;
    width: 12px;
    height: 20px;
    margin-top: -10px;
    background: url(/en/common/img/com_arrow_ic01.png) no-repeat 0 0;
}

.col>section>.headline02,
.col>section>.headline02.linkType>a {
    margin-top: 0;
    padding-top: 0;
}

#main>.headline02,
#main>.headline02+.headline02,
div.section>.headline02,
div.section>.headline02+.headline02,
div.jinContentsWrap>.headline02,
div.jinContentsWrap>.headline02+.headline02 {
    margin-top: 2.5em !important;
}

/* headline03 */

.headline03 {
    padding: 15px 0 15px 22px;
    border-left: 3px solid #999999;
    font-size: 20px;
    font-size: 2rem;
}

.headline03+* {
    margin-top: 1.5em !important;
}

.headline03+.paragraph01 {
    margin-top: 1.2em !important;
}

.headline03>.shoulder {
    font-size: 12px;
    font-size: 1.2rem;
}

.headline03.linkType>a {
    padding: 15px 20px 15px 22px;
}

.headline03.linkType>a:before {
    top: 50%;
    right: 0;
    width: 10px;
    height: 16px;
    margin-top: -8px;
    background: url(/en/common/img/com_arrow_ic02.png) no-repeat 0 0;
}

#main>.headline03,
#main>.headline03+.headline03,
div.section>.headline03,
div.section>.headline03+.headline03,
div.jinContentsWrap>.headline03,
div.jinContentsWrap>.headline03+.headline03 {
    margin-top: 2em !important;
}

/* headline04 */

.headline04 {
    padding-left: 24px;
    font-size: 18px;
    font-size: 1.8rem;
}

.headline04+* {
    margin-top: 1em !important;
}

.headline04:before {
    content: "";
    position: absolute;
    top: 0.07em;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: #dddddd;
}

.headline04>.shoulder {
    font-size: 12px;
    font-size: 1.2rem;
}

#main>.headline04,
#main>.headline04+.headline04,
div.section>.headline04,
div.section>.headline04+.headline04,
div.jinContentsWrap>.headline04,
div.jinContentsWrap>.headline04+.headline04 {
    margin-top: 2em !important;
}

/* headline05 */

.headline05 {
    padding-left: 24px;
    font-size: 16px;
    font-size: 1.6rem;
}

.headline05+* {
    margin-top: 1em !important;
}

.headline05:before,
.headline05:after {
    content: "";
    position: absolute;
    top: 0.03em;
    left: 0;
    width: 1px;
    height: 100%;
    background-color: #999999;
}

.headline05:after {
    left: 2px;
}

#main>.headline05,
#main>.headline05+.headline05,
div.section>.headline05,
div.section>.headline05+.headline05,
div.jinContentsWrap>.headline05,
div.jinContentsWrap>.headline05+.headline05 {
    margin-top: 2em !important;
}

/* headline06 */

.headline06 {
    font-size: 20px;
    font-size: 2rem;
}

.headline06+[class^=paragraph] {
    margin-top: 2em !important;
}

.col>.colWrap>.colText>.headline06+[class^=paragraph] {
    margin-top: 1em !important;
}

.headline06>a {
    display: inline-block;
    position: relative;
    padding-left: 29px;
}

.headline06>a:link {
    color: #444444;
}

.headline06>a:visited {
    color: #3e00a5;
}

.headline06>a:hover,
.headline06>a:active {
    color: #0a5fbe;
}

.headline06>a:before {
    top: 0.25em;
    left: 0;
    width: 18px;
    height: 18px;
    background: url(/en/common/img/com_arrow_ic28.png) no-repeat 0 0;
}

.headline06>a img[src*=blank].linkIcon {
    top: 0.4em;
}

.headline06>a img.linkIcon[src*="pdf"] {
    top: 0.25em;
}

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

/* headline07 */

.headline07 {
    padding-bottom: 0.8em;
    border-bottom: 1px solid #e6e6e6;
    font-size: 20px;
    font-size: 2rem;
}

.headline07+* {
    margin-top: 2em !important;
}

/* headline08 */

.headline08 {
    font-size: 30px;
    font-size: 3rem;
    text-align: center;
}

.headline08+* {
    margin-top: 1em !important;
}

.headline08+.colWrap {
    margin-top: 2em !important;
}

/* headline09 */

.headline09 {
    padding: 17px 0;
    border-bottom: 1px solid #dddddd;
    font-size: 25px;
    font-size: 2.5rem;
    text-align: center;
}

.headline09+* {
    margin-top: 1.5em !important;
}

/* missionHeadline */

.missionHeadline {
    position: relative;
    display: table;
    margin: 0 auto;
    padding: 0 7.5%;
    text-align: center;
}

.missionHeadline:before,
.missionHeadline:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 17.87%;
    height: 1px;
    margin-top: -1px;
    background-color: #333333;
    z-index: -1;
}

.missionHeadline:before {
    left: 0;
}

.missionHeadline:after {
    right: 0;
}

.missionHeadline+* {
    margin-top: 1.5em !important;
}

.missionHeadline img {
    padding: 0 8.87%;
    vertical-align: middle;
    background-color: #ffffff;
}

.values .missionHeadline:before,
.values .missionHeadline:after {
    width: 23.58%;
}

.selfTests .missionHeadline:before,
.selfTests .missionHeadline:after {
    width: 30.38%;
}

.range2Col .missionHeadline {
    width: 100%;
    padding: 1em 0;
}

.range2Col .missionHeadline+* {
    margin-top: 0.5em !important;
}

/* section
================================ */

section {
    position: relative;
    margin-top: 2.5em;
}

section+section {
    margin-top: 2.5em;
}

section>section {
    margin-top: 2em;
}

section>section>section {
    margin-top: 2em;
}

/* txt
================================ */

/* paragraph */

.paragraph01 {
    margin-top: 1em;
    line-height: 1.8;
    font-family: 'Noto Sans', sans serif;
    text-align: justify;
}

.paragraph01 img.vM {
    position: relative;
    top: -0.1em;
    margin-right: 0.4em;
}

/* bold */

.bold {
    font-weight: bold;
}

/* italic */

.italic {
    font-style: italic;
}

/* leadType01 */

.leadType01 {
    margin-top: 1.5em;
    color: #fa9511;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.25;
}

/* leadType02 */

.leadType02 {
    margin-top: 1.5em;
    color: #fa9511;
    font-size: 35px;
    font-size: 3.5rem;
    font-weight: bold;
    line-height: 1.25;
    text-align: center;
}

/* lastUpdate */

.lastUpdate {
    position: absolute;
    top: -1.5em;
    right: 10px;
}

/* textSmall */

.textSmall {
    font-size: 13px;
    font-size: 1.3rem;
}

/* list
================================ */

/* listType */

[class*=listType] {
    margin-top: 1em;
}

[class*=listType] li {
    position: relative;
}

[class*=listType] li:before {
    content: "";
    position: absolute;
}

[class*=listType] li+li {
    margin-top: 0.5em;
}

[class*=listType] li>* {
    margin-top: 0;
}

[class*=listType] li>*>li {
    margin-top: 0.5em;
    font-size: 14px;
    font-size: 1.4rem;
}

[class*=listType] li>a:link {
    color: #003da5 !important;
}

[class*=listType] li>a:visited {
    color: #3e00a5 !important;
}

[class*=listType] li>a:hover,
[class*=listType] li>a:active {
    color: #3763b4 !important;
}

[class*=listType] li>a .linkIcon {
    top: 0.25em;
}

[class*=listType] li>[class*=noteType]>li {
    padding-left: 1.5em !important;
}

[class*=listType] li>[class*=noteType]>li:before {
    top: 0 !important;
    left: 0 !important;
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
    background-color: transparent !important;
}

dl[class*=listType]>dt {
    position: relative;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}

dl[class*=listType]>dt:before {
    content: "";
    position: absolute;
}

dl[class*=listType]>dt span[class*=grIcon] {
    display: inline-block;
    position: relative;
    top: -1px;
    margin-left: 1em;
    padding: 2px 0.7em 1px;
    color: #ffffff;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal;
    text-align: center;
}

dl[class*=listType]>dt span.grIcon01 {
    background-color: #003391;
}

dl[class*=listType]>dd {
    margin-top: 0.5em;
    padding-left: 22px;
    font-size: 15px;
    font-size: 1.5rem;
}

dl[class*=listType]>dd>*:first-child {
    margin-top: 0 !important;
}

dl[class*=listType]>dd+dt {
    margin-top: 0.5em;
}

.col dl[class*=listType]>dd {
    padding-left: 0;
}

/* listType01 */

ul.listType01 li {
    padding-left: 22px;
}

ul.listType01 li:before {
    top: 0.5em;
    left: 0;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #999999;
}

ul.listType01 li>ul>li {
    padding-left: 15px;
}

ul.listType01 li>ul>li:before {
    top: 0.65em;
    width: 5px;
    height: 5px;
    background-color: #999999;
}

ul.listType01 li>.linkIcon:link,
ul.listType01 li>.linkIcon:visited {
    text-decoration: none;
}

ul.listType01 li>.linkIcon:hover,
ul.listType01 li>.linkIcon:active {
    text-decoration: underline;
}

ul.listType01 li>.linkIcon {
    position: relative;
    margin-left: -22px;
    padding-left: 22px;
    z-index: 2;
}

ul.listType01 li>ul>li>.linkIcon {
    margin-left: -15px;
    padding-left: 15px;
}

ol.listType01>li {
    padding-left: 2.1em;
}

ol.listType01>li:first-child,
ol.listType01>li:first-child+li,
ol.listType01>li:first-child+li+li,
ol.listType01>li:first-child+li+li+li,
ol.listType01>li:first-child+li+li+li+li,
ol.listType01>li:first-child+li+li+li+li+li,
ol.listType01>li:first-child+li+li+li+li+li+li,
ol.listType01>li:first-child+li+li+li+li+li+li+li,
ol.listType01>li:first-child+li+li+li+li+li+li+li+li {
    padding-left: 1.5em;
}

ol.listType01>li:before {
    top: 0;
    left: 0;
    color: #666666;
    font-weight: bold;
}

ol.listType01>li {
    counter-increment: listNum01;
}

ol.listType01>li:before {
    content: counter(listNum01)". ";
}

ol.listType01>li>ol,
ol.listType01>li>ul {
    margin-left: -0.5em;
}

ol.listType01>li>ol>li {
    padding-left: 3.1em;
    counter-increment: listNum02;
}

ol.listType01>li>ol>li:first-child,
ol.listType01>li>ol>li:first-child+li,
ol.listType01>li>ol>li:first-child+li+li,
ol.listType01>li>ol>li:first-child+li+li+li,
ol.listType01>li>ol>li:first-child+li+li+li+li,
ol.listType01>li>ol>li:first-child+li+li+li+li+li,
ol.listType01>li>ol>li:first-child+li+li+li+li+li+li,
ol.listType01>li>ol>li:first-child+li+li+li+li+li+li+li,
ol.listType01>li>ol>li:first-child+li+li+li+li+li+li+li+li {
    padding-left: 2.5em;
}

ol.listType01>li>ol>li:before {
    content: "（" counter(listNum02)"）";
    top: 0;
    left: 0;
    color: #666666;
    font-weight: bold;
}

ol.listType01>li>ul>li {
    padding-left: 2.5em;
}

ol.listType01>li>ul>li:before {
    content: "";
    top: 0.65em;
    left: 1.2em;
    width: 5px;
    height: 5px;
    background-color: #999999;
}

ol.listType01>li>[class*=linkType] {
    margin: 0.5em 0 0;
}

ol.listType01>li>[class*=linkType]>li {
    padding-left: 0;
}

ol.listType01>li>[class*=linkType]>li:before {
    display: none;
}

ol.listType01>[class*=csrIcon] {
    margin-left: 75px;
}

ol.listType01>[class*=csrIcon]+[class*=csrIcon] {
    margin-top: 1.5em;
}

ol.listType01>[class*=csrIcon]:after {
    content: "";
    position: absolute;
    top: 5px;
    left: -75px;
    width: 60px;
    height: 61px;
}

ol.listType01>.csrIcon01:after {
    background-image: url(/en/common/img/com_other_ic49.png);
}

ol.listType01>.csrIcon02:after {
    background-image: url(/en/common/img/com_other_ic50.png);
}

ol.listType01>.csrIcon03:after {
    background-image: url(/en/common/img/com_other_ic51.png);
}

ol.listType01>.csrIcon04:after {
    background-image: url(/en/common/img/com_other_ic52.png);
}

ol.listType01>.csrIcon05:after {
    background-image: url(/en/common/img/com_other_ic53.png);
}

dl.listType01>dt {
    padding-left: 22px;
}

dl.listType01>dt:before {
    top: 0.55em;
    left: 0;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #999999;
}

/* listType02 */

ol.listType02>li {
    padding-left: 2.5em;
}

ol.listType02>li:before {
    top: 0;
    left: 0;
    color: #666666;
    font-weight: bold;
}

ol.listType02>li {
    counter-increment: listNum01;
}

ol.listType02>li:before {
    content: "(" counter(listNum01)")";
}

ol.listType02>li>ol,
ol.listType02>li>ul {
    margin-left: -0.5em;
}

ol.listType02>li>ol>li {
    padding-left: 2.5em;
    counter-increment: listNum02;
}

ol.listType02>li>ol>li:before {
    content: "(" counter(listNum02)")";
    top: 0;
    left: 0;
    color: #666666;
    font-weight: bold;
}

ol.listType02>li>ul>li {
    padding-left: 2.5em;
}

ol.listType02>li>ul>li:before {
    top: 0.75em;
    left: 1.2em;
    width: 5px;
    height: 5px;
    background-color: #999999;
}

/* listType03 */

ul.listType03 li {
    padding-left: 22px;
}

ul.listType03 li:before {
    top: 0.65em;
    left: 0;
    width: 13px;
    height: 2px;
    background-color: #999999;
}

ul.listType03 li>ul>li {
    padding-left: 22px;
}

ul.listType03 li>ul>li:before {
    top: 0.75em;
    width: 9px;
    height: 2px;
    background-color: #999999;
}

dl.listType03>dt {
    padding-left: 22px;
}

dl.listType03>dt:before {
    top: 0.75em;
    left: 0;
    width: 13px;
    height: 2px;
    background-color: #999999;
}

ol.listType03>li {
    padding-left: 1.5em;
    font-size: 16px;
    font-size: 1.6rem;
}

ol.listType03>li:before {
    top: 0;
    left: 0;
    color: #003391;
    font-weight: bold;
}

ol.listType03>li {
    counter-increment: listNum01;
}

ol.listType03>li:before {
    content: counter(listNum01)". ";
}

/* listType04 */

ul.listType04 li {
    padding-left: 28px;
}

ul.listType04 li:before {
    top: 0.25em;
    left: 0;
    width: 16px;
    height: 16px;
    background-color: #999999;
}

ul.listType04 li>ul>li {
    padding-left: 25px;
}

ul.listType04 li>ul>li:before {
    top: 0.35em;
    width: 13px;
    height: 13px;
}

ul.listType04 .blank:before,
ul.listType04 .pdf:before,
ul.listType04 .excel:before,
ul.listType04 .zip:before,
ul.listType04 .video:before {
    top: 0.35em;
    width: 14px;
    height: 14px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
}

ul.listType04 .blank:before {
    top: 0.5em;
    height: 12px;
    background-image: url(/en/common/img/com_blank_ic01.png);
}

ul.listType04 .pdf:before {
    background-image: url(/en/common/img/com_pdf_ic01.png);
}

ul.listType04 .excel:before {
    background-image: url(/en/common/img/com_excel_ic01.png);
}

ul.listType04 .zip:before {
    background-image: url(/en/common/img/com_zip_ic01.png);
}

ul.listType04 .video:before {
    background-image: url(/en/common/img/com_video_ic01.png);
}

dl.listType04>dt>a {
    display: inline-block;
    position: relative;
    padding-left: 22px;
}

dl.listType04>dt>a:before {
    content: "";
    position: absolute;
    top: 0.4em;
    left: 0;
    width: 10px;
    height: 14px;
    background: url(/en/common/img/com_arrow_ic19.png) no-repeat 0 0;
}

dl.listType04>dt>a img[src*=blank].linkIcon {
    top: 0.4em;
}

/* listType05 */

dl.listType05>dt {
    width: 3em;
    color: #666666;
    font-size: 15px;
    font-size: 1.5rem;
}

dl.listType05>dd {
    margin: -1.67em 0 0 3.5em;
    padding-left: 1em;
    border-left: 1px solid #e6e6e6;
}

/* listType06 */

ul.listType06>li {
    padding-left: 28px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.33;
}

ul.listType06>li:before {
    top: 0.3em;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #003391;
}

/* noteType */

[class*=noteType] {
    margin-top: 1em;
}

[class*=noteType]>li {
    position: relative;
    color: #555555;
}

[class*=noteType]>li+li,
[class*=noteType]>li>ul {
    margin-top: 0.25em;
}

[class*=noteType]>li:before {
    position: absolute;
    top: 0;
    left: 0;
}

[class*=noteType]>li>a {
    margin: 0 0.5em;
}

[class*=noteType].textSmall>li {
    font-size: 13px;
    font-size: 1.3rem;
}

[class*=noteType]>.aC {
    display: table;
    margin-right: auto;
    margin-left: auto;
}

[class*=noteType]>.aR {
    float: right;
}

ul.noteType01>li {
    clear: both;
    padding-left: 1.5em;
}

ul.noteType01>li:before {
    content: "*";
}

ol.noteType01>li {
    padding-left: 2em;
    counter-increment: noteNum01;
}

ol.noteType01>li:before {
    content: "*" counter(noteNum01);
}

ol.noteType01.textSmall>li {
    counter-increment: noteNum02;
}

ol.noteType01.textSmall>li:before {
    content: "*" counter(noteNum02);
}

/* placeInfo */

.placeInfo {
    margin-top: 1.5em;
}

.placeInfo>li {
    position: relative;
    padding-left: 25px;
    font-size: 16px;
    font-size: 1.6rem;
}

.placeInfo>li:before {
    content: "";
    position: absolute;
    top: 0.2em;
    left: 0;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.placeInfo>li+li {
    margin-top: 0.5em;
}

.placeInfo>.address:before {
    background-image: url(/en/common/img/com_other_ic14.png);
}

.placeInfo>.phone:before {
    background-image: url(/en/common/img/com_other_ic15.png);
}

/* img
================================ */

/* linkIcon */

a .linkIcon {
    position: relative;
    top: 0.4em;
    margin: 0 0.4em;
}

a img[src*=blank].linkIcon,
a img[src*=sound].linkIcon {
    top: 0.45em;
}

/* colorIcon */

img.colorIcon {
    position: relative;
    top: 0.3em;
    margin: 0 0.4em 0 0;
}

/* img */

.img+.img {
    margin-top: 1.5em;
}

a .img>span {
    display: block;
    background-color: #ffffff;
}

@media print,
screen and (min-width: 769px) {
    a .img {
        overflow: hidden;
    }

    a .img>span img {
        -webkit-transition: all 0.2s ease-out 0s;
        -moz-transition: all 0.2s ease-out 0s;
        -ms-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;
    }

    a:hover .img>span img {
        -webkit-transform: scale(1.05, 1.05);
        -moz-transform: scale(1.05, 1.05);
        -ms-transform: scale(1.05, 1.05);
        -o-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05);
    }
}

/* imgWrap */

[class*=imgWrap] {
    overflow: hidden;
    margin-top: 1.5em;
}

[class*=imgWrap]>.paragraph01+.img {
    margin-top: 0.5em;
}

[class*=imgWrap]>[class*=openModal] {
    display: table;
}

[class*=imgWrap]>[class*=openModal] .img img {
    width: 100%;
}

/* imgWrap02 */

.imgWrap02,
.imgWrap02 .caption {
    text-align: center;
}

.imgWrap02 .img,
.imgWrap02>[class*=openModal] {
    margin: 0 auto;
}

/* imgWrap03 */

.imgWrap03,
.imgWrap03 .caption {
    text-align: right;
}

.imgWrap03>[class*=openModal] {
    float: right;
}

/* imgWrap04 */

.imgWrap04 {
    position: relative;
    margin-top: 2.5em;
}

.imgWrap04 a {
    display: block;
    color: #ffffff;
}

.imgWrap04 a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.75%;
    width: 18px;
    height: 32px;
    margin-top: -16px;
    background: url(/en/common/img/com_arrow_ic22.png) no-repeat 0 0;
}

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

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

.imgWrap04 .img {
    float: left;
    width: 50%;
}

.imgWrap04 .img+.img {
    margin-top: 0;
}

.imgWrap04 .text {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    padding: 0 4.17%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.imgWrap04 .text>.title {
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: bold;
}

@media print,
screen and (min-width: 769px) {
    .imgWrap04 a:hover .img>span img {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
}

/* imgWrap05 */

.imgWrap05 {
    position: relative;
    overflow: hidden !important;
}

.imgWrap05>.colWrap {
    position: relative;
    left: 50%;
    float: left;
    margin-top: 0;
}

.imgWrap05>.colWrap>.col {
    position: relative;
    left: -50%;
    float: left;
}

.imgWrap05>.colWrap>.col img {
    width: 100%;
}

.imgWrap05.wType01>.colWrap>.col {
    width: 35.67%;
}

.imgWrap05.wType01>.colWrap>.col+.col {
    width: 29.39%;
}

.imgWrap05.wType01>.colWrap>.col+.col+.col {
    width: 34.94%;
}

.imgWrap05.wType02>.colWrap>.col {
    width: 49.57%;
}

.imgWrap05.wType02>.colWrap>.col+.col {
    width: 50.43%;
}

/* caption */

.caption {
    display: block;
    color: #666666;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: left;
}

.img>span+.caption,
.caption+.img>span {
    margin-top: 1em;
}

.caption>.textSmall {
    font-size: 10px;
    font-size: 1rem;
}

/* openModal */

[class*=openModal],
.playIcon {
    text-decoration: none !important;
    outline: none !important;
}

[class*=openModal] .img>span,
.playIcon .img>span {
    position: relative;
}

[class*=openModal] .img>span:after,
.playIcon .img>span:after {
    position: absolute;
    text-indent: -9999px;
}

[class*=openModal] .img>span:after {
    content: "[拡大]";
    right: 0;
    bottom: 0;
    width: 21px;
    height: 21px;
    background: url(/en/common/img/com_other_ic03.png) no-repeat 0 0;
    text-align: left;
}

[class*=openModal].noIcon .img>span:after {
    display: none;
}

.playIcon .img>span:after {
    content: "[再生]";
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    width: 120px;
    height: 120px;
    margin: -60px 0 0 -60px;
    background: url(/en/common/img/com_other_ic11.png) no-repeat 0 0;
}

.range3Col .playIcon .img>span:after {
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    background-image: url(/en/common/img/com_other_ic12.png);
}

[class*=listType] [class*=openModal]:link,
[class*=listType] [class*=openModal]:visited,
[class*=linkType] [class*=openModal]:link,
[class*=linkType] [class*=openModal]:visited {
    text-decoration: none !important;
}

[class*=listType] [class*=openModal]:hover,
[class*=listType] [class*=openModal]:active,
[class*=linkType] [class*=openModal]:hover,
[class*=linkType] [class*=openModal]:active {
    text-decoration: underline !important;
}

/* colorbox */

.modalContents {
    display: none;
}

.modalDetail .inner>*:first-child {
    margin-top: 0 !important;
}

#cboxContent {
    position: relative;
}

#cboxContent #cboxLoadedContent {
    padding: 0;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

#cboxContent #cboxClose {
    display: block;
    position: absolute;
    top: -42px;
    right: 0;
    width: 42px;
    height: 42px;
    background: url(/en/common/img/com_modal_bt01.png) no-repeat 0 0;
    text-indent: -9999px;
}

/* protectImg */

.protectImg {
    position: relative;
}

.protectImg .protectSeal {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* hero */

.hero>.heroBanner {
    position: relative;
}

.hero>.heroBanner+.paragraph01 {
    margin-top: 1.5em;
}

.hero>.heroBanner>.heroCaptions {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hero>.heroBanner>.heroCaptions>.caption {
    display: table;
    position: relative;
    top: 50%;
    width: 50%;
    margin: 0 auto;
    padding: 2.67% 2.5%;
    background-color: rgba(0, 77, 161, 0.8);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #ffffff;
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.2;
    text-align: center;
}

.hero+#main,
.hero+#main+#sidebar {
    margin-top: 50px;
}

.hero+#main>*:first-child>.headline02 {
    padding-top: 0;
}

.hero.investorType {
    padding: 30px 0;
    background: url(/en/common/img/com_other_bg06.jpg) no-repeat 50% 0;
}

.hero.investorType>.heroBanner+.colWrap {
    margin-top: -45px;
}

.hero.investorType>.colWrap {
    padding: 0 40px;
}

/* frame */

.img.frame img {
    border: 1px solid #dddddd;
}

/* historyIcon */

.historyIcon {
    position: relative;
    top: 0.3em;
    margin: 0 0.4em;
}

/* gmapArea */

.gmapArea {
    width: 100%;
    max-width: 920px;
    height: 600px;
    margin: 1.5em auto 0;
}

/* imgAnchor */

.imgAnchor>.col.boxLink06 .img:after {
    content: "1";
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    background-color: #004da1;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
    line-height: 50px;
}

.imgAnchor>.col.boxLink06+.col .img:after {
    content: "2";
}

.imgAnchor>.col.boxLink06+.col+.col .img:after {
    content: "3";
}

/* sizeAuto */

.sizeAuto {
    width: 100%;
}

/* col
================================ */

.colWrap {
    margin-top: 2.5em;
}

/* col */

.col .sizeSet {
    width: 100%;
}

.colWrap>.col .img {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.colWrap>.col .img:before {
    content: "";
    position: absolute;
    inset: 0;
    /* background-color: rgba(0, 0, 0, 0.3); nền đen trong suốt 30% */
    z-index: 1;
}

.colWrap>.col .img+.title {
    margin-top: 1em;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.2;
}

.colWrap>.col .img+.hightlight {
    font-size: 1.4rem;
}

.colWrap>.col .caption {
    text-align: center;
}

.colWrap>.col a:link {
    color: #444444;
    text-decoration: none;
}

.colWrap>.col a:visited {
    color: #3e00a5;
    text-decoration: none;
}

.colWrap>.col a:hover,
.colWrap>.col a:active {
    color: #003da5;
    /* text-decoration: underline; */
}

.colWrap>.col .release .title a:link,
.colWrap>.col .release .title a:visited,
.colWrap>.col [class*=tableType] td a:link,
.colWrap>.col [class*=tableType] td a:visited,
.gcsrModal .colWrap>.col a:link,
.gcsrModal .colWrap>.col a:visited,
.colWrap>.col .headline02.linkType a:link,
.colWrap>.col .headline03.linkType a:visited,
.colWrap>.col .headline02.linkType a:link,
.colWrap>.col .headline02.linkType a:visited,
.colWrap>.col .headline03.linkType a:link,
.colWrap>.col .headline03.linkType a:visited {
    color: #003da5;
}

.colWrap>.col .release .title a:hover,
.colWrap>.col .release .title a:active,
.colWrap>.col [class*=tableType] td a:hover,
.colWrap>.col [class*=tableType] td a:active,
.gcsrModal .colWrap>.col a:hover,
.gcsrModal .colWrap>.col a:active,
.colWrap>.col .headline02.linkType a:hover,
.colWrap>.col .headline02.linkType a:active,
.colWrap>.col .headline03.linkType a:hover,
.colWrap>.col .headline03.linkType a:active {
    color: #3763b4;
}

.colWrap>.col a .title {
    position: relative;
    padding-left: 29px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.2;
}

.colWrap>.col a .title:before {
    content: "";
    position: absolute;
    top: 0.2em;
    left: 0;
    width: 18px;
    height: 18px;
    background: url(/en/common/img/com_arrow_ic28.png) no-repeat 0 0;
}

.lhm-section .title:before {
    content: "";
    position: absolute;
    top: 0.2em;
    left: 0;
    width: 18px;
    height: 18px;
    background: url(/en/common/img/com_arrow_ic28.png) no-repeat 0 0;
}

.colWrap>.col a .title .linkIcon {
    top: 0.3em;
}

.colWrap>.col a .img+.title {
    margin-top: 1em;
}

.colWrap>.col a .title.small {
    padding-left: 21px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.33;
}

.colWrap>.col a .title.small:before {
    top: 0.2em;
    width: 8px;
    height: 12px;
    background: url(/en/common/img/com_arrow_ic03.png) no-repeat 0 0;
}

.colWrap>.col>a {
    display: block;
}

.colWrap>.col>a+a {
    margin-top: 1em;
}

.colWrap>.col .img+.title+.paragraph01,
.colWrap>.col>a+.paragraph01 {
    margin-top: 0.5em;
}

/* stockInfo */

.col.stockInfo .img>span,
.col.stockInfo img {
    width: 100%;
}

@media print,
screen and (min-width: 769px) {

    /* col */
    .col>.paragraph01+[class*=imgWrap] {
        margin-top: 1em;
    }

    /* colRight */
    .colRight {
        float: right;
        margin-left: 4.4%;
    }

    .colRight>*:first-child {
        margin-top: 0 !important;
    }

    .colRight a {
        outline: none;
    }

    /* colLeft */
    .colLeft {
        float: left;
        margin-right: 4.4%;
    }

    .colLeft>*:first-child {
        margin-top: 0 !important;
    }

    .colLeft a {
        outline: none;
    }

    /* colText */
    .colText.break {
        overflow: hidden;
    }

    .colText>*:first-child {
        margin-top: 0 !important;
    }

    /* col1Half */
    .col1Half {
        width: 47.8%;
    }

    .col1Half .img span>img {
        width: 100%;
    }

    /* col1Third */
    .col1Third {
        width: 30.4%;
    }

    .col1Third .img span>img {
        width: 100%;
    }

    /* col1Quarter */
    .col1Quarter {
        width: 21.7%;
    }

    .col1Quarter .img span>img {
        width: 100%;
    }

    /* colTable */
    .colTable {
        width: 50%;
    }

    /* range */
    .range2Col,
    .range3Col,
    .range4Col,
    .range5Col,
    .range6Col,
    .range7Col,
    .rangeOvCol {
        position: relative;
    }

    .range2Col>*,
    .range3Col>*,
    .range4Col>*,
    .range5Col>*,
    .range6Col>*,
    .range7Col>*,
    .rangeOvCol>* {
        float: left;
        margin-top: 2em;
    }

    .range2Col>*>*:first-child,
    .range3Col>*>*:first-child,
    .range4Col>*>*:first-child,
    .range5Col>*>*:first-child,
    .range6Col>*>*:first-child,
    .range7Col>*>*:first-child,
    .rangeOvCol>*>*:first-child {
        margin-top: 0 !important;
    }

    .range2Col>*:nth-child(-n+2),
    .range3Col>*:nth-child(-n+3),
    .range4Col>*:nth-child(-n+4),
    .range5Col>*:nth-child(-n+5),
    .range6Col>*:nth-child(-n+6),
    .range7Col>*:nth-child(-n+7) {
        margin-top: 0 !important;
    }

    .range2Col>*:nth-child(2n+1),
    .range3Col>*:nth-child(3n+1),
    .range4Col>*:nth-child(4n+1),
    .range5Col>*:nth-child(5n+1),
    .range6Col>*:nth-child(6n+1),
    .range7Col>*:nth-child(7n+1) {
        clear: left;
        margin-left: 0 !important;
    }

    .range2Col>* {
        width: 47.8%;
        margin-left: 4.4%;
    }

    .range2Col.wType02>* {
        width: 48.9%;
        margin-left: 1.1%;
    }

    .range2Col.wType02>.twoThirds {
        width: 65.58% !important;
        margin-left: 0 !important;
    }

    .range2Col.wType02>.twoThirds+.col {
        width: 31.25%;
        margin-left: 3.17%;
    }

    .range2Col.wType03>* {
        width: 40.76%;
        margin-left: 3.26%;
    }

    .range2Col.wType03>*:nth-child(2n+1) {
        width: 55.98%;
    }

    .range3Col>* {
        width: 30.36%;
        margin-left: 4.46%;
    }

    .range3Col.wType02>* {
        width: 31.25%;
        margin-left: 3.125%;
    }

    .range4Col>* {
        width: 21.7%;
        margin-left: 4.4%;
    }

    .range4Col.wType02>* {
        width: 22.5%;
        margin-left: 3.33%;
    }

    .range4Col.wType02>*:nth-child(4n+1) {
        margin-left: 3.34%;
    }

    .range5Col>* {
        width: 16.52%;
        margin-left: 4.35%;
    }

    .rangeOvCol>* {
        width: 240px;
        padding-right: 40px;
    }

    .rangeOvCol>*:last-child {
        width: 200px;
        padding-right: 0;
    }

    /* panelType01 */
    .range3Col.panelType01>* {
        width: 33.26%;
        margin-left: 0;
    }

    .range3Col.panelType01>*:nth-child(2n+2) {
        width: 33.48%;
        padding: 0 1px;
    }

    /* panelType02 */
    .range3Col.panelType02 {
        position: relative;
    }

    .range3Col.panelType02>* {
        margin-top: 2.4em;
    }

    .range3Col.panelType02>*:nth-child(3n+1) {
        clear: none;
        margin-left: 4.4% !important;
    }

    .range3Col.panelType02>*:nth-child(3n+6) {
        clear: left;
        margin-left: 0 !important;
    }

    .range3Col.panelType02>*:nth-child(2),
    .range3Col.panelType02>*:nth-child(4) {
        margin-left: 34.8% !important;
    }

    .range3Col.panelType02>.pickUp {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 0 !important;
    }

    .range3Col.panelType02>.col a .title {
        margin-top: 1em;
        font-size: 17px;
        font-size: 1.7rem;
        font-weight: bold;
        line-height: 1.15;
    }

    .range3Col.panelType02>.col a .title:before {
        top: 0.2em;
    }

    /* panelType03 */
    .range4Col.panelType03 {
        position: relative;
    }

    .range4Col.panelType03>* {
        width: 25%;
        margin: 1px 0 0 !important;
        padding-right: 1px;
    }

    .range4Col.panelType03>*:nth-child(4n+1) {
        clear: none;
    }

    .range4Col.panelType03>*:nth-child(4n+6) {
        clear: left;
    }

    .range4Col.panelType03>*:nth-child(2),
    .range4Col.panelType03>*:nth-child(4) {
        margin-left: 50% !important;
    }

    .range4Col.panelType03>*:nth-child(2),
    .range4Col.panelType03>*:nth-child(3) {
        margin-top: 0 !important;
    }

    .range4Col.panelType03>.pickUp {
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        margin-top: 0 !important;
    }

    .range4Col.panelType03>.pickUp a .title:before {
        right: 3.17%;
    }

    .range4Col.panelType03>.pickUp a .title span {
        padding: 0 4.67% 0 3.34%;
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.25;
    }

    .range4Col.panelType03>* img {
        width: 100%;
    }

    .range3Col.panelType03>* {
        width: 33.33%;
        margin: 1px 0 0 !important;
        padding-right: 1px;
    }

    .range3Col.panelType03>*:nth-child(-n+3) {
        margin-top: 0 !important;
    }

    .range3Col.panelType03>*:nth-child(3n+2) {
        width: 33.34%;
    }

    .range3Col.panelType03>* img {
        width: 100%;
    }

    .range3Col.panelType03 .playIcon .img>span:after {
        width: 120px;
        height: 120px;
        margin: -60px 0 0 -60px;
        background-image: url(/en/common/img/com_other_ic11.png);
    }

    /* posRight */
    .col.posRight {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
    }

    /* overflowWrap */
    .overflowWrap {
        overflow-x: auto;
        padding-bottom: 30px;
        -webkit-overflow-scrolling: touch;
    }
}

/* link-text
================================ */

/* linkType */

[class*=linkType] {
    margin-top: 1em;
}

[class*=linkType] a:link,
[class*=linkType] a:visited {
    text-decoration: none;
}

[class*=linkType] a:visited {
    color: #3e00a5;
}

[class*=linkType] a:hover,
[class*=linkType] a:active {
    text-decoration: underline;
}

[class*=linkType] li {
    line-height: 1.33;
}

[class*=linkType] li+li {
    margin-top: 0.6em;
}

[class*=linkType] li>a {
    display: inline-block;
    position: relative;
}

[class*=linkType] li>a:before {
    content: "";
    position: absolute;
}

[class*=linkType] li>* {
    margin-top: 0;
}

[class*=linkType] li>*>li {
    margin-top: 0.6em;
    font-size: 14px;
    font-size: 1.4rem;
}

[class*=linkType] a .linkIcon {
    top: 0.3em;
}

[class*=linkType] a img[src*=blank].linkIcon,
[class*=linkType] a img[src*=video].linkIcon,
[class*=linkType] a img[src*=sound].linkIcon {
    top: 0.35em;
}

[class*=linkType] .current>a {
    color: #333333;
    font-weight: bold;
}

[class*=linkType] li.textLarge {
    font-size: 17px;
    font-size: 1.7rem;
}

/* linkType01 */

.linkType01>li>a {
    padding-left: 21px;
}

.linkType01>li>a:before {
    top: 0.3em;
    left: 0;
    width: 8px;
    height: 12px;
    background: url(/en/common/img/com_arrow_ic03.png) no-repeat 0 0;
}

.linkType01 li>ul {
    padding-left: 21px;
}

.linkType01.indentType {
    margin-top: 0.6em;
    padding-left: 17px;
}

.linkType01 li>ul>li>a,
.linkType01.indentType li>a {
    padding-left: 17px;
}

.linkType01 li>ul>li>a:before,
.linkType01.indentType li>a:before {
    top: 0.15em;
    left: 0;
    width: 8px;
    height: 12px;
    background: url(/en/common/img/com_arrow_ic03.png) no-repeat 0 0;
}

.linkType01>li>a:link,
.linkType01>li>ul>li>a:link {
    color: #444444;
}

.linkType01>li>a:visited,
.linkType01>li>ul>li>a:visited {
    color: #3e00a5;
}

.linkType01>li>a:hover,
.linkType01>li>a:active,
.linkType01>li>ul>li>a:hover,
.linkType01>li>ul>li>a:active {
    color: #0a5fbe;
}

.linkType01>li.textLarge>a:before {
    top: 0.35em;
}

/* linkType02 */

.linkType02>li>a {
    padding: 0.35em 0 0.35em 28px;
    font-weight: bold;
}

.linkType02>li>a:before {
    top: 0;
    left: 0;
    width: 17px;
    height: 30px;
    background: url(/en/common/img/com_arrow_ic13.png) no-repeat 0 0;
}

.linkType02>li>a:link {
    color: #444444;
}

.linkType02>li>a:visited {
    color: #3e00a5;
}

.linkType02>li>a:hover,
.linkType02>li>a:active {
    color: #0a5fbe;
}

/* linkType03 */

.linkType03>li>a {
    padding-right: 26px;
}

.linkType03>li>a:before {
    top: -0.1em;
    right: 0;
    width: 12px;
    height: 20px;
    background: url(/en/common/img/com_arrow_ic01.png) no-repeat 0 0;
}

/* linkTypeRss */

.linkTypeRss li {
    float: right;
    margin-left: 2em;
}

.linkTypeRss li+li {
    margin-top: 0;
}

.linkTypeRss li>a {
    padding-left: 21px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
}

.linkTypeRss li>a:before {
    top: 0.45em;
    left: 0;
    width: 8px;
    height: 12px;
    background: url(/en/common/img/com_arrow_ic03.png) no-repeat 0 0;
}

.linkTypeRss li>a:link {
    color: #444444;
}

.linkTypeRss li>a:visited {
    color: #3e00a5;
}

.linkTypeRss li>a:hover,
.linkTypeRss li>a:active {
    color: #0a5fbe;
}

.linkTypeRss li>.rssIcon {
    padding-left: 0;
    color: #333333;
}

.linkTypeRss li>.rssIcon:before {
    display: none;
}

.linkTypeRss li>.rssIcon .linkIcon {
    top: 0;
    margin: 0 10px 0 0;
}

/* anchorType */

[class*=anchorType] {
    margin-top: 1em;
}

[class*=anchorType] a:link,
[class*=anchorType] a:visited {
    text-decoration: none;
}

[class*=anchorType] a:hover,
[class*=anchorType] a:active {
    text-decoration: underline;
}

[class*=anchorType] li {
    line-height: 1.33;
}

[class*=anchorType] li+li {
    margin-top: 0.6em;
}

[class*=anchorType] li>a,
[class*=anchorType] li>span {
    display: inline-block;
    position: relative;
}

[class*=anchorType] li>a:before,
[class*=anchorType] li>span:before {
    content: "";
    position: absolute;
}

[class*=anchorType].rangeVarCol>li {
    float: left;
    margin: 0.6em 21px 0 0;
    padding-right: 20px;
    border-right: 1px solid #cccccc;
}

[class*=anchorType].rangeVarCol>.row1 {
    margin-top: 0;
}

[class*=anchorType].rangeVarCol>.rowLast {
    border-right: none;
}

/* anchorType01 */

.anchorType01>li>a,
[class*=anchorType] li>span {
    padding-left: 20px;
}

.anchorType01>li>a:before,
[class*=anchorType] li>span:before {
    top: 0.5em;
    left: 0;
    width: 10px;
    height: 6px;
    background: url(/en/common/img/com_arrow_ic10.png) no-repeat 0 0;
}

[class*=anchorType] li>span:before {
    background-image: url(/en/common/img/com_arrow_ic11.png);
}

/* link-btn
================================ */

/* btnType */

[class*=btnType] {
    margin-top: 1.5em;
}

[class*=btnType] a:link,
[class*=btnType] a:visited {
    text-decoration: none;
}

[class*=btnType] a:hover,
[class*=btnType] a:active {
    text-decoration: underline;
}

[class*=btnType] li+li {
    margin-top: 1em;
}

[class*=btnType] a {
    display: inline-block;
    outline: none;
    line-height: 1.33;
}

[class*=btnType] a>span {
    display: inline-block;
    position: relative;
    font-weight: bold;
    line-height: 1.33;
}

[class*=btnType] a>span:before {
    content: "";
    position: absolute;
}

[class*=btnType] a .linkIcon {
    top: 0.2em;
}

[class*=btnType] a img[src*=blank].linkIcon,
[class*=btnType] a img[src*=sound].linkIcon {
    top: 0.3em;
}

[class*=btnType][class*=range] a {
    width: 100%;
    text-align: center;
}

[class*=btnType][class*=range] a>span {
    text-align: left;
}

[class*=btnType] a.w100per {
    text-align: center;
}

[class*=btnType][class*=range] .eqChildLink {
    display: table-cell;
    width: 1%;
    vertical-align: middle;
}

/* btnType01 */

.btnType01 a {
    padding: 19px 3.26% 17px;
    border: 2px solid #e2e2e2;
    background-color: #ffffff;
}

.btnType01 a>span {
    padding-left: 19px;
}

.btnType01 a>span:before {
    top: 50%;
    left: 0;
    width: 8px;
    height: 12px;
    margin-top: -6px;
    background: url(/en/common/img/com_arrow_ic03.png) no-repeat 0 0;
}

.btnType01 a:hover {
    background-color: #f6f6f6;
}

.btnType01 a:link>span,
.btnType01 a:visited>span {
    text-decoration: none;
}

.btnType01 a:hover>span,
.btnType01 a:active>span {
    text-decoration: underline;
}

.btnType01 a.attention {
    font-size: 14px;
    font-size: 1.4rem;
}

.btnType01 a.attention>span {
    padding-left: 30px;
    font-weight: normal;
}

.btnType01 a.attention>span:before {
    width: 22px;
    height: 20px;
    margin-top: -10px;
    background-image: url(/en/common/img/com_other_ic37.png);
}

.btnType01.range5Col a {
    padding-right: 13px;
    padding-left: 13px;
}

.btnType01.range5Col a>span {
    padding-left: 15px;
    font-size: 14px;
    font-size: 1.4rem;
}

.btnType01.noArrowType {
    width: 200px;
    margin-right: auto;
    margin-left: auto;
}

.btnType01.noArrowType a {
    padding-top: 16px;
    padding-bottom: 14px;
    border: none;
    background-color: #0c479d;
    color: #ffffff !important;
}

.btnType01.noArrowType a:hover,
.btnType01.noArrowType a:active {
    background-color: #3763b4 !important;
    text-decoration: none !important;
}

.btnType01.noArrowType a>span {
    padding-left: 0;
    font-weight: normal;
    text-decoration: none !important;
}

.btnType01.noArrowType a>span:before {
    display: none;
}

/* btnType02 */

.btnType02 a {
    padding: 21px 3.3% 19px;
    background-color: #003391;
    color: #ffffff !important;
}

.btnType02 a:hover {
    background-color: #3763b4;
}

.btnType02 a>span {
    padding-left: 19px;
}

.btnType02 a>span:before {
    top: 50%;
    left: 0;
    width: 6px;
    height: 12px;
    margin-top: -6px;
    background: url(/en/common/img/com_arrow_ic05.png) no-repeat 0 0;
}

.btnType02.range5Col a {
    padding-right: 13px;
    padding-left: 13px;
}

.btnType02.range5Col a>span {
    padding-left: 15px;
    font-size: 14px;
    font-size: 1.4rem;
}

/* btnType03 */

.btnType03 a {
    position: relative;
    padding: 19px 3.6% 17px 5.1%;
    border: 2px solid #e2e2e2;
    background-color: #ffffff;
}

.btnType03 a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 17px;
    height: 100%;
    background: #003391 url(/en/common/img/com_arrow_ic14.png) no-repeat 0 50%;
}

.btnType03 a:hover {
    background-color: #f6f6f6;
}

.btnType03 a:link>span,
.btnType03 a:visited>span {
    text-decoration: none;
}

.btnType03 a:hover>span,
.btnType03 a:active>span {
    text-decoration: underline;
}

/* btnType04 */

.btnType04 a,
.btnType04>span {
    position: relative;
    display: table;
    padding: 0 36px 0 15px;
    border: 1px solid #dddddd;
    background-color: #ffffff;
    line-height: 1.33;
}

.btnType04>span {
    width: 100%;
    padding-right: 14px;
}

.btnType04 a:before,
.btnType04>span:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background-color: #003391;
}

.btnType04 a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 19px;
    width: 12px;
    height: 20px;
    margin-top: -10px;
    background: url(/en/common/img/com_arrow_ic01.png) no-repeat 0 0;
}

.btnType04 a:hover {
    background-color: #f6f6f6;
}

.btnType04 a>span,
.btnType04>span>span {
    display: table-cell;
    /*height: 76px;*/
    vertical-align: middle;
    padding: 14px 0 12px;
    font-size: 19px;
    font-size: 1.9rem;
    font-weight: normal;
}

.btnType04 a:link>span,
.btnType04 a:visited>span {
    text-decoration: none;
}

.btnType04 a:hover>span,
.btnType04 a:active>span {
    text-decoration: underline;
}

/* btnType05 */

.btnType05 {
    margin-top: 1.5em;
    border: 1px solid #e6e6e6;
}

.btnType05 a {
    display: table;
    position: relative;
    width: 100%;
    padding: 0 32px 0 9px;
    border-bottom: 4px solid #003391;
    background-color: #ffffff;
}

.btnType05 a:hover {
    background-color: #f6f6f6;
}

.btnType05 a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 4.7%;
    width: 12px;
    height: 20px;
    margin-top: -10px;
    background: url(/en/common/img/com_arrow_ic01.png) no-repeat 0 0;
}

.btnType05 a>span {
    display: table-cell;
    height: 114px;
    vertical-align: middle;
}

.btnType05 a>.icon {
    width: 27%;
    padding: 0 2%;
    text-align: center;
}

.btnType05 a>.icon+span {
    position: static;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.33;
}

/* btnType06 */

.btnType06>li+li {
    margin-top: 10px;
}

.btnType06 a {
    display: table;
    width: 100%;
    border: 1px solid #cccccc;
    color: #333333;
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: -0.04em;
}

.btnType06 a>span {
    display: table-cell;
    height: 68px;
    vertical-align: middle;
}

.btnType06 a>.icon {
    width: 25.8%;
    text-align: center;
}

.btnType06 a>.icon+span {
    padding-right: 10px;
}

.bnrList+.btnType06 {
    margin-top: 15px;
}

/* btnType07 */

.btnType07>li+li {
    margin-top: 0;
}

.btnType07>li+li a {
    border-top: none;
}

.btnType07 a {
    display: table;
    width: 100%;
    padding: 11px 16px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    color: #333333;
}

.btnType07 a:link,
.btnType07 a:visited,
.btnType07 a:hover,
.btnType07 a:active {
    text-decoration: none !important;
}

.btnType07 a:hover {
    background-color: #f6f6f6;
}

.btnType07 a>.icon,
.btnType07 a>.details {
    display: table-cell;
    vertical-align: middle;
}

.btnType07 a>.icon {
    width: 16.64%;
    text-align: center;
}

.btnType07 a>.details {
    padding-left: 16px;
}

.btnType07 a>.details>.title {
    padding-left: 21px;
    color: #004da1;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: bold;
    line-height: 1.67;
}

.btnType07 a>.details>.title:before {
    top: 0.45em;
    left: 6px;
    width: 6px;
    height: 11px;
    background-image: url(/en/common/img/com_arrow_ic27.png);
}

.btnType07 a>.details>.paragraph01 {
    margin-top: 0.25em;
    line-height: 1.67;
}

/* readMore */

.btnType01[class*=rmType] {
    margin-top: 1.5em;
}

.btnType01[class*=rmType] a>span:before {
    width: 14px;
    height: 14px;
    background: url(/en/common/img/com_other_ic02.png) no-repeat 0 0;
}

.btnType01[class*=rmType].active a>span:before {
    background-position: -14px 0;
}

.btnType01.rmType01 a {
    vertical-align: top;
    padding: 0;
    border: none;
    background-color: transparent;
    line-height: 1.67;
}

.btnType01.rmType01 a>span {
    display: inline-block;
    padding: 0 0 0 24px;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.67;
}

.btnType01.rmType01 a>span:before {
    top: 0.3em;
    left: 0;
    margin-top: 0;
}

.btnType01.rmType02 a {
    width: 100%;
    padding: 19px 19px 17px 22px;
    border: none;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.btnType01.rmType02 a:hover {
    background-color: #ffffff;
}

.btnType01.rmType02 a>span {
    display: block;
    padding: 0 14px 0 0;
    font-weight: normal;
}

.btnType01.rmType02 a>span:before {
    top: 50%;
    right: 0;
    left: auto;
    margin-top: -8px;
}

/* boxLink01 */

.boxLink01 a {
    display: block;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    background-color: #ffffff;
}

.boxLink01 a:link,
.boxLink01 a:visited,
.boxLink01 a:hover,
.boxLink01 a:active {
    text-decoration: none;
}

.boxLink01 a:hover {
    border-right-color: #e7e7e7;
    border-left-color: #e7e7e7;
    background-color: #f6f6f6;
    color: #003391;
}

.boxLink01 .img {
    margin: 0 -1px;
}

.boxLink01 .img img {
    width: 100%;
}

.boxLink01 .title {
    display: table-cell;
    width: 1%;
    height: 50px;
    vertical-align: middle;
    line-height: 1.33;
    text-align: center;
}

/* boxLink02 */

.colWrap>.boxLink02 a {
    display: block;
    position: relative;
    color: #ffffff;
}

.colWrap>.boxLink02 a:link,
.colWrap>.boxLink02 a:visited,
.colWrap>.boxLink02 a:hover,
.colWrap>.boxLink02 a:active {
    text-decoration: none;
}

.colWrap>.boxLink02 a .title {
    display: table;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.75);
}

.colWrap>.boxLink02 a .title:before {
    top: 50%;
    left: 6.2%;
    margin-top: -6px;
    background-image: url(/en/common/img/com_arrow_ic26.png);
}

.colWrap>.boxLink02 a .title span {
    display: table-cell;
    height: 70px;
    vertical-align: middle;
    padding: 0 6% 0 11.76%;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.25;
    font-weight: bold;
}

/* boxLink03 */

.colWrap>.boxLink03 a {
    display: block;
    position: relative;
    color: #ffffff;
}

.colWrap>.boxLink03 a:link,
.colWrap>.boxLink03 a:visited,
.colWrap>.boxLink03 a:hover,
.colWrap>.boxLink03 a:active {
    text-decoration: none;
}

.colWrap>.boxLink03 a .img img {
    width: 100%;
}

.colWrap>.boxLink03 a .title {
    display: table;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.75);
    color: #ffffff;
}

.colWrap>.boxLink03 a .title:before {
    top: 50%;
    right: 6.35%;
    left: auto;
    width: 10px;
    height: 18px;
    margin-top: -9px;
    background-image: url(/en/common/img/com_arrow_ic25.png);
}

.colWrap>.boxLink03 a .title span {
    display: table-cell;
    height: 60px;
    vertical-align: middle;
    padding: 0 9.36% 0 6.69%;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.25;
}

.colWrap>.boxLink03 .playIcon .img>span:after {
    margin-top: -90px;
}

/* boxLink04 */

.colWrap>.boxLink04 {
    position: relative;
    overflow: hidden;
    background-color: #fff;
}

.colWrap>.boxLink04>a:hover {
    text-decoration: none;
}

.colWrap>.boxLink04 .details {
    position: absolute;
    left: 0;
    width: 100%;
    margin-top: 0;
}

.colWrap>.boxLink04 .details>.title {
    display: table;
    width: 100%;
    padding: 0 15px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2;
}

.colWrap>.boxLink04 .details>.title:before {
    display: none;
}

.colWrap>.boxLink04 .details>.title>span {
    display: table-cell;
    height: 45px;
    vertical-align: middle;
}

.colWrap>.boxLink04 .details>.title img[src*=blank].linkIcon,
.colWrap>.boxLink04 .details>.title img[src*=sound].linkIcon {
    top: 0.4em;
}

.colWrap>.boxLink04 .details>.title+* {
    margin-top: 0;
    padding: 0 15px 1em;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.28;
}

.large .colWrap>.boxLink04 .details>.title {
    font-size: 11.5px;
    font-size: 1.15rem;
}

.large .colWrap>.boxLink04 .details>.title+* {
    font-size: 9px;
    font-size: 0.9rem;
}

@media print,
screen and (min-width: 769px) {
    .colWrap>.boxLink04>a {
        color: #ffffff !important;
    }

    .colWrap>.boxLink04 .details {
        background-color: rgba(0, 0, 0, 0.75);
    }
}

/* boxLink05 */

.boxLink05 {
    margin-top: 4em;
    background-repeat: no-repeat;
    background-position: 0 100%;
    -webkit-background-size: cover;
    background-size: cover;
}

.boxLink05+* {
    margin-top: 3.5em;
}

.boxLink05>a {
    display: table;
    position: relative;
    width: 100%;
    padding: 20px;
    color: #ffffff;
    text-decoration: none !important;
}

.boxLink05>a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 18px;
    height: 32px;
    margin-top: -16px;
    background: url(/en/common/img/com_arrow_ic22.png) no-repeat 0 0;
}

.boxLink05>a>* {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}

.boxLink05>a>.details {
    padding: 0 4.31%;
}

.boxLink05>a>.details>.title {
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: bold;
}

.boxLink05.special01 {
    background-image: url(/en/common/img/com_other_bg01.png);
}

/* boxLink06 */

.colWrap>.boxLink06 a {
    display: block;
    position: relative;
    color: #333333;
}

.colWrap>.boxLink06 a:link,
.colWrap>.boxLink06 a:visited,
.colWrap>.boxLink06 a:hover,
.colWrap>.boxLink06 a:active {
    text-decoration: none;
}

.colWrap>.boxLink06 a .title {
    display: table;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0;
    background-color: rgba(255, 255, 255, 0.9);
}

.colWrap>.boxLink06 a .title:before {
    top: 50%;
    left: 5.3%;
    width: 6px;
    height: 11px;
    margin-top: -6px;
    background-image: url(/en/common/img/com_arrow_ic27.png);
}

.colWrap>.boxLink06 a .title span {
    display: table-cell;
    height: 50px;
    vertical-align: middle;
    padding: 0 2% 0 9.4%;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.2;
    font-weight: bold;
    letter-spacing: -0.04em;
}

/* tab
================================ */

@media print,
screen and (min-width: 769px) {

    /* tabWrap */
    [class*=tabWrap] {
        margin-top: 1.5em;
    }

    [class*=tabWrap] .tabNav>li {
        float: left;
    }

    [class*=tabWrap] .tabDetail>*:first-child {
        margin-top: 0 !important;
    }

    [class*=tabWrap] .spSelectTrigger,
    [class*=tabWrap].tabSwitcher .spAcodNav {
        display: none !important;
    }

    [class*=tabWrap] .spSelectTrigger+.tabNav {
        display: block !important;
    }

    .tabWrap01 .tabNav,
    .tabWrap02 .tabNav {
        position: relative;
    }

    .tabWrap01 .tabNav a,
    .tabWrap02 .tabNav a {
        display: table;
        position: relative;
        width: 100%;
        outline: none;
    }

    .tabWrap01 .tabNav a>span,
    .tabWrap02 .tabNav a>span {
        display: table-cell;
        vertical-align: middle;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        line-height: 1.2;
        text-align: center;
    }

    .tabWrap01 .tabNav .active a>span:before,
    .tabWrap02 .tabNav .active a>span:before {
        content: "";
        position: absolute;
        left: 50%;
        width: 0;
        height: 0;
        margin-left: -12px;
        border-top: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 12px solid transparent;
        border-left: 12px solid transparent;
    }

    .tabWrap01 .tabNav.upper,
    .tabWrap02 .tabNav.upper {
        border-bottom: 2px solid #dddddd;
    }

    .tabWrap01 .tabNav.upper .active a>span:before,
    .tabWrap02 .tabNav.upper .active a>span:before {
        bottom: -24px;
        border-top-color: #0c479d;
    }

    .tabWrap01 .tabNav.lower,
    .tabWrap02 .tabNav.lower {
        border-top: 2px solid #dddddd;
    }

    .tabWrap01 .tabNav.lower .active a>span:before,
    .tabWrap02 .tabNav.lower .active a>span:before {
        top: -24px;
        border-bottom-color: #0c479d;
    }

    .tabWrap01 .tabNav.range2Col>li,
    .tabWrap01 .tabNav.range3Col>li,
    .tabWrap01 .tabNav.range4Col>li,
    .tabWrap01 .tabNav.range5Col>li,
    .tabWrap01 .tabNav.range6Col>li,
    .tabWrap01 .tabNav.range7Col>li,
    .tabWrap02 .tabNav.range2Col>li,
    .tabWrap02 .tabNav.range3Col>li,
    .tabWrap02 .tabNav.range4Col>li,
    .tabWrap02 .tabNav.range5Col>li,
    .tabWrap02 .tabNav.range6Col>li,
    .tabWrap02 .tabNav.range7Col>li {
        margin-left: 0;
    }

    .tabWrap01 .tabNav.range2Col>li,
    .tabWrap02 .tabNav.range2Col>li {
        width: 50%;
    }

    .tabWrap01 .tabNav.range3Col>li,
    .tabWrap02 .tabNav.range3Col>li {
        width: 33.33%;
    }

    .tabWrap01 .tabNav.range3Col>li:nth-child(2n),
    .tabWrap02 .tabNav.range3Col>li:nth-child(2n) {
        width: 33.34%;
    }

    .tabWrap01 .tabNav.range4Col>li,
    .tabWrap02 .tabNav.range4Col>li {
        width: 25%;
    }

    .tabWrap01 .tabNav.range5Col>li,
    .tabWrap02 .tabNav.range5Col>li {
        width: 20%;
    }

    .tabWrap01 .tabNav.range6Col>li,
    .tabWrap02 .tabNav.range6Col>li {
        width: 16.67%;
    }

    .tabWrap01 .tabNav.range6Col>li:nth-child(3n),
    .tabWrap02 .tabNav.range6Col>li:nth-child(3n) {
        width: 16.66%;
    }

    .tabWrap01 .tabNav.range7Col>li,
    .tabWrap02 .tabNav.range7Col>li {
        width: 14.28%;
    }

    .tabWrap01 .tabNav.range7Col>li:nth-child(2n-1),
    .tabWrap02 .tabNav.range7Col>li:nth-child(2n-1) {
        width: 14.29%;
    }

    .tabWrap01 .tabNav.range7Col a>span,
    .tabWrap02 .tabNav.range7Col a>span {
        font-size: 12px;
        font-size: 1.2rem;
    }

    .large .tabWrap01 .tabNav.range7Col a>span,
    .large .tabWrap02 .tabNav.range7Col a>span {
        font-size: 10px;
        font-size: 1rem;
    }

    .tabWrap01 .tabDetail,
    .tabWrap02 .tabDetail {
        position: relative;
        padding: 3.15%;
    }

    .noSide .tabWrap01 .tabDetail,
    .noSide .tabWrap02 .tabDetail {
        padding: 4.17% 3.15%;
    }

    .tabWrap01.boxType .tabNav.lower,
    .tabWrap02.boxType .tabNav.lower {
        margin-top: -1px;
        border-top: 2px solid #cccccc;
    }

    .tabWrap01.boxType .tabDetail,
    .tabWrap02.boxType .tabDetail {
        border: 1px solid #e2e2e2;
        border-top: none;
    }

    /* tabWrap01, tabWrap02 */
    .tabWrap01 .tabNav a:before,
    .tabWrap02 .tabNav a:before {
        content: "";
        position: absolute;
        left: 50%;
        width: 12px;
        height: 8px;
        margin-left: -6px;
    }

    .tabWrap01 .tabNav a:link,
    .tabWrap01 .tabNav a:visited,
    .tabWrap02 .tabNav a:link,
    .tabWrap02 .tabNav a:visited {
        text-decoration: none;
    }

    .tabWrap01 .tabNav a:hover,
    .tabWrap01 .tabNav a:active,
    .tabWrap02 .tabNav a:hover,
    .tabWrap02 .tabNav a:active {
        text-decoration: underline;
    }

    .tabWrap01 .tabNav .active a,
    .tabWrap02 .tabNav .active a {
        color: #333333;
        text-decoration: none;
    }

    .tabWrap01 .tabNav .active a:before,
    .tabWrap02 .tabNav .active a:before {
        display: none;
    }

    .tabWrap01 .tabNav .active a:after,
    .tabWrap02 .tabNav .active a:after {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #0c479d;
    }

    .tabWrap01 .tabNav.lower,
    .tabWrap02 .tabNav.lower {
        margin-top: 1.5em;
    }

    .tabWrap01 .tabNav.upper a:before,
    .tabWrap02 .tabNav.upper a:before {
        bottom: 6px;
        background: url(/en/common/img/com_arrow_ic08.png) no-repeat 0 0;
    }

    .tabWrap01 .tabNav.lower a:before,
    .tabWrap02 .tabNav.lower a:before {
        top: 6px;
        background: url(/en/common/img/com_arrow_ic09.png) no-repeat 0 0;
    }

    .tabWrap01 .tabNav.upper a>span,
    .tabWrap02 .tabNav.upper a>span {
        padding-bottom: 20px;
    }

    .tabWrap01 .tabNav.lower a>span,
    .tabWrap02 .tabNav.lower a>span {
        padding-top: 20px;
    }

    .tabWrap01 .tabNav.upper .active a:after,
    .tabWrap02 .tabNav.upper .active a:after {
        bottom: -2px;
    }

    .tabWrap01 .tabNav.lower .active a:after,
    .tabWrap02 .tabNav.lower .active a:after {
        top: -2px;
    }

    .tabWrap01 .tabDetail,
    .tabWrap02 .tabDetail {
        margin-top: 1.5em;
    }

    /* tabWrap03 */
    .tabWrap03 .tabNav {
        padding: 1.7em 2.17%;
        border-top: 1px solid #e2e2e2;
        border-bottom: 1px solid #e2e2e2;
    }

    .tabWrap03 .tabNav>li {
        float: left;
        margin: 1.5em 21px 0 0;
        padding-right: 20px;
        border-right: 1px solid #cccccc;
        line-height: 1.33;
    }

    .tabWrap03 .tabNav>li>a {
        display: inline-block;
        position: relative;
        padding-left: 20px;
        outline: none;
    }

    .tabWrap03 .tabNav>li>a:before {
        content: "";
        position: absolute;
        top: 0.5em;
        left: 0;
        width: 10px;
        height: 6px;
        background: url(/en/common/img/com_arrow_ic10.png) no-repeat 0 0;
    }

    .tabWrap03 .tabNav>.active>a {
        font-weight: bold;
    }

    .tabWrap03 .tabNav>.active>a:before {
        top: 0.4em;
        background-image: url(/en/common/img/com_arrow_ic09.png);
    }

    .tabWrap03 .tabNav>.row1 {
        margin-top: 0;
    }

    .tabWrap03 .tabDetail {
        margin-top: 2.5em;
    }
}

@media print,
screen and (min-width: 901px) {

    /* tabWrap */
    .tabWrap01 .tabNav.range7Col a>span,
    .tabWrap02 .tabNav.range7Col a>span {
        font-size: 15px;
        font-size: 1.5rem;
    }

    .large .tabWrap01 .tabNav.range7Col a>span,
    .large .tabWrap02 .tabNav.range7Col a>span {
        font-size: 12px;
        font-size: 1.2rem;
    }
}

@media only screen and (max-width: 900px) {

    /* tabSwitcher */
    .tabSwitcher.acod900 {
        border: 1px solid #dddddd;
        border-bottom: none;
    }

    .tabSwitcher.acod900 .tabNav {
        display: none !important;
    }

    .tabSwitcher.acod900 .tabNav.lower {
        display: none !important;
    }

    .tabSwitcher.acod900 .spAcodNav {
        display: block !important;
    }

    .tabSwitcher.acod900 .spAcodNav * {
        line-height: 1.33;
    }

    .tabSwitcher.acod900 .spAcodNav a {
        display: block;
        position: relative;
        padding: 18px 20px 18px 15px;
        background-color: #f3f3f3;
        border-bottom: 2px solid #cccccc;
        text-decoration: none;
        outline: none;
    }

    .tabSwitcher.acod900 .spAcodNav a:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 18px;
        width: 14px;
        height: 14px;
        margin-top: -7px;
        background: url(/en/common/img/com_other_ic02.png) no-repeat 0 0;
    }

    .tabSwitcher.acod900 .spAcodNav span {
        display: block;
        font-size: 1.5rem;
        font-weight: bold;
    }

    .tabSwitcher.acod900 .spAcodNav .active a {
        background-color: #eff4fc;
    }

    .tabSwitcher.acod900 .spAcodNav .active a:after {
        background-position: -14px 0;
    }

    .tabSwitcher.acod900 .tabDetail {
        padding: 15px 10px;
        border-bottom: 1px solid #dddddd;
    }

    .tabSwitcher.acod900 .tabDetail>*:first-child {
        margin-top: 0 !important;
    }

    .tabSwitcher.acod900 .spSelectTrigger {
        display: block !important;
    }

    .tabSwitcher.acod900 .spSelectTrigger a {
        display: block;
        position: relative;
        padding: 18px 20px 18px 15px;
        background-color: #ffffff;
        border: 1px solid #dddddd;
        text-decoration: none;
        outline: none;
    }

    .tabSwitcher.acod900 .spSelectTrigger a:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 20px;
        width: 12px;
        height: 8px;
        margin-top: -4px;
        background: url(/en/common/img/com_arrow_ic08.png) no-repeat 0 0;
    }

    .tabSwitcher.acod900 .spSelectTrigger span {
        display: block;
        font-size: 1.5rem;
        font-weight: bold;
    }

    .tabSwitcher.acod900 .spSelectTrigger+.tabNav {
        display: none;
        width: 100%;
        border: 1px solid #dddddd;
        border-top: none;
        background-color: #ffffff;
        z-index: 10;
    }

    .tabSwitcher.acod900 .spSelectTrigger+.tabNav li+li {
        border-top: 1px solid #dddddd;
    }

    .tabSwitcher.acod900 .spSelectTrigger+.tabNav a {
        display: block;
        padding: 15px 10px;
    }

    .tabSwitcher.acod900 .tableSupport01 {
        display: table !important;
    }

    .tabSwitcher.acod900 [class*=tableType].spScroll {
        overflow-x: auto;
        padding-bottom: 10px;
    }

    .tabSwitcher.acod900 [class*=tableType].spScroll::-webkit-scrollbar {
        width: 6px;
        background: #f2f2f2;
    }

    .tabSwitcher.acod900 [class*=tableType].spScroll::-webkit-scrollbar:horizontal {
        height: 6px;
        background: #f2f2f2;
    }

    .tabSwitcher.acod900 [class*=tableType].spScroll::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background: #c2c2c2;
    }

    .tabSwitcher.acod900 [class*=tableType].spScroll::-webkit-scrollbar-thumb:horizontal {
        border-radius: 3px;
        background: #c2c2c2;
    }

    .tabSwitcher.acod900 [class*=tableType].spScroll table,
    .tabSwitcher.acod900 [class*=tableType].spScroll>.unit {
        width: 768px;
    }

    .tabSwitcher.acod900 .pcElm {
        display: none !important;
    }

    .tabSwitcher.acod900 .spElm {
        display: block !important;
    }
}

/* table
================================ */

/* tableType01 */

.tableType01 {
    margin-top: 1.5em;
}

.tableType01 table {
    width: 100%;
    border-top: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    background-color: #ffffff;
}

.tableType01 table th,
.tableType01 table td {
    vertical-align: middle;
    padding: 1.2em 1.3em 1.1em;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    font-weight: normal;
}

.tableType01 table td>*:first-child {
    margin-top: 0 !important;
}

.tableType01 table thead th {
    text-align: left;
}

.tableType01 table .lv01 {
    background-color: #999999;
    color: #ffffff;
    font-weight: bold;
}

.tableType01 table .lv01 a {
    color: #ffffff;
}

.tableType01 table .lv02 {
    background-color: #eff4fc;
}

.tableType01 table .lv03 {
    background-color: #f9f9f9;
}

.tableType01 table caption {
    padding-bottom: 0.5em;
}

.tableType01 table .img {
    margin-top: 1em;
}

.tableType01 table.elmL,
.tableType01 table.elmC,
.tableType01 table.elmR {
    width: 63%;
}

.tableType01 table.elmL {
    float: left;
}

.tableType01 table.elmC {
    margin-right: auto;
    margin-left: auto;
}

.tableType01 table.elmR {
    float: right;
}

.tableType01>.unit {
    text-align: right;
}

.tableType01>.unit+table {
    margin-top: -1.67em;
}

/* tableSmall */

.tableSmall * {
    font-size: 11px !important;
    font-size: 1.1rem !important;
}

.large .tableSmall * {
    font-size: 9.5px !important;
    font-size: 0.95rem !important;
}

.tableSmall table th,
.tableSmall table td {
    padding: 5px;
    line-height: 1.33;
}

.tableSmall ul.listType01 li {
    padding-left: 11px;
}

.tableSmall ul.listType01 li:before {
    top: 0.5em;
    width: 5px;
    height: 5px;
}

.tableSmall ol.listType01>li>ul>li:before {
    top: 0.5em;
}

@media print,
screen and (min-width: 769px) {

    /* ovScroll */
    [class*=tableType].ovScroll {
        overflow-x: auto;
    }

    /* pcScroll */
    [class*=tableType].pcScroll {
        overflow-x: auto;
    }

    [class*=tableType].pcScroll>.unit,
    [class*=tableType].pcScroll>table {
        width: 1300px;
    }
}

/* spVertical */

.tableType01.spVertical table th.headline {
    display: none !important;
}

/* tableCap01 */

.tableCap01 {
    padding-bottom: 1em;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.2;
}

.tableCap01>.subTitle {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
}

/* tableSupport01 */

.tableSupport01 {
    display: none !important;
    width: 60px;
    margin: 2.5em auto 0;
}

.tableSupport01 span {
    display: table-cell;
    position: relative;
    height: 31px;
    text-indent: -9999px;
    outline: none;
}

.tableSupport01 span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 60px;
    height: 31px;
    margin-top: -16px;
    background: url(/en/common/img/com_other_ic10.png) no-repeat 0 0;
    -webkit-background-size: 60px auto;
    background-size: 60px auto;
}

/* tableSize */

[class*=tableSize] {
    margin-right: auto;
    margin-left: auto;
}

.tableSize80 {
    width: 80% !important;
}

/* colTableType01 */

.colTableType01 {
    margin-top: 2.5em;
}

.colTableType01>.tableBlock {
    display: table;
    width: 100%;
    margin-top: 0;
    border-top: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    background-color: #ffffff;
    font-size: 13px;
    font-size: 1.3rem;
}

.colTableType01>.tableBlock+.tableBlock {
    border-top: none;
}

.colTableType01>.tableBlock .col {
    display: table-cell;
    vertical-align: middle;
    padding: 1em;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

.colTableType01>.tableBlock .col>*:first-child,
.colTableType01>.tableBlock .col+.colWrap {
    margin-top: 0 !important;
}

.colTableType01>.tableBlock .colWrap {
    width: 100%;
}

@media print,
screen and (min-width: 1101px) {
    .colTableType01>.tableBlock .colWrap {
        display: table !important;
    }
}

.colTableType01>.tableBlock.hgroup .col {
    background-color: #999999;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

@media only screen and (max-width: 1100px) {
    .colTableType01 {
        border: 1px solid #dddddd;
        border-bottom: none;
    }

    .colTableType01>.tableBlock {
        display: block;
        border-top: none;
        border-left: none;
        font-size: 12px;
        font-size: 1.2rem;
    }

    .colTableType01>.tableBlock .col {
        display: block;
        width: 100% !important;
        vertical-align: top;
        padding: 0;
        border-right: none;
        border-bottom: none;
    }

    .colTableType01>.tableBlock .col.head {
        position: relative;
        padding: 18px 20px 18px 15px;
        background-color: #f3f3f3;
        border-bottom: 2px solid #cccccc;
        line-height: 1.33;
        cursor: pointer;
    }

    .colTableType01>.tableBlock .col.head:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 18px;
        width: 14px;
        height: 14px;
        margin-top: -7px;
        background: url(/en/common/img/com_other_ic02.png) no-repeat 0 0;
    }

    .colTableType01>.tableBlock .col.head .title {
        display: block;
        font-size: 1.5rem;
        font-weight: bold;
    }

    .colTableType01>.tableBlock .col.head.active {
        background-color: #eff4fc;
    }

    .colTableType01>.tableBlock .col.head.active:after {
        background-position: -14px 0;
    }

    .colTableType01>.tableBlock .colWrap {
        display: none;
        padding: 15px 10px;
        border-bottom: 1px solid #dddddd;
    }

    .colTableType01>.tableBlock.hgroup {
        display: none !important;
    }
}

/* tableInnerWrap */

.tableInnerWrap {
    position: relative;
    margin-top: 2.5em;
    padding: 0.7em 1em;
}

.tableInnerWrap:before {
    content: "↓";
    position: absolute;
    top: -2em;
    left: 0;
    width: 100%;
    text-align: center;
}

.tableInnerWrap>*:first-child {
    margin-top: 0 !important;
}

.tableInnerWrap.result {
    background-color: #c4ece8;
}

.tableInnerWrap.outcome {
    background-color: #fcb0b5;
}

/* siteSearchTable */

.siteSearchTable .searchBlock {
    position: relative;
    width: 80%;
    height: 40px;
}

.siteSearchTable .searchBlock>input {
    height: 40px;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background: none;
}

.siteSearchTable .searchBlock>input[type="text"] {
    width: 100%;
    padding: 5px 110px 5px 10px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
}

.siteSearchTable .searchBlock>.submit {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    background-color: #003391;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
}

.siteSearchTable .inputList>li {
    float: left;
    margin-right: 1em;
}

.siteSearchTable .inputList>li>input[type="radio"],
.siteSearchTable .inputList>li>input[type="checkbox"] {
    position: relative;
    top: 0.45em;
    margin: 0 5px 0 0;
    vertical-align: top;
}

/* vwImg */

.vwImg {
    max-width: none;
}

/* box
================================ */

/* boxType */

[class*=boxType] {
    margin-top: 1.5em;
    padding: 3.58% 3.26%;
    border: 1px solid;
}

[class*=boxType]>*:first-child {
    margin-top: 0 !important;
}

[class*=boxType] .boxTitle {
    margin-top: -0.87%;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.2;
}

[class*=boxType] .boxTitle+* {
    margin-top: 1.3em;
}

[class*=boxType]>.boxTitle {
    margin-top: 1.5em;
}

.range2Col [class*=boxType],
.range3Col [class*=boxType],
.range4Col [class*=boxType] {
    padding: 0;
}

.range2Col>.twoThirds>[class*=boxType] {
    padding: 3.58% 3.26%;
}

.range2Col [class*=boxType] .boxInner>*:first-child,
.range3Col [class*=boxType] .boxInner>*:first-child,
.range4Col [class*=boxType] .boxInner>*:first-child {
    margin-top: 0 !important;
}

.range2Col [class*=boxType] [class*=btnType] a,
.range3Col [class*=boxType] [class*=btnType] a,
.range4Col [class*=boxType] [class*=btnType] a {
    width: 100%;
}

.range2Col [class*=boxType] .btnType04,
.range3Col [class*=boxType] .btnType04,
.range4Col [class*=boxType] .btnType04 {
    margin: -1px -1px 0 !important;
}

.range2Col [class*=boxType] .boxInner {
    padding: 4.6% 6.4%;
}

.range3Col [class*=boxType] .boxInner {
    padding: 7.2% 10%;
}

.range4Col [class*=boxType] .boxInner {
    padding: 10%;
}

.range2Col.staffInfo [class*=boxType] .boxInner {
    padding: 4.3%;
}

.range2Col.staffInfo [class*=boxType] .boxInner dl[class*="listType"]>dt {
    font-size: 18px;
    font-size: 1.8rem;
}

/* boxType01 */

.boxType01 {
    border-color: #e2e2e2;
    background-color: #ffffff;
}

/* boxType02 */

.boxType02 {
    border-color: #f7f8fa;
    background-color: #f7f8fa;
}

/* boxType03 */

.boxType03 {
    border-color: #eff4fc;
    background-color: #eff4fc;
}

/* boxType04 */

.boxType04 {
    padding: 4.02% 4.35%;
    border-color: #005aaa;
    background-color: #005aaa;
    color: #ffffff;
}

.boxType04 a {
    color: #ffffff;
}

.boxType04 .headline06>a:before {
    width: 8px;
    height: 16px;
    background-image: url(/en/common/img/com_arrow_ic21.png);
}

.boxType04 .linkType01>li>a {
    color: #ffffff !important;
}

.boxType04 .linkType01>li>a:before {
    background-image: url(/en/common/img/com_arrow_ic05.png);
}

/* boxType05 */

.boxType05 {
    position: relative;
    padding: 0 !important;
    border-color: #dddddd;
}

.boxType05>.boxTitle {
    display: table;
    width: 100%;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 20px;
    font-size: 2rem;
}

.boxType05>.boxTitle>span {
    display: table-cell;
    height: 76px;
    vertical-align: middle;
}

.boxType05>.boxTitle>.icon {
    width: 25.8%;
    text-align: center;
}

.boxType05>.boxInner {
    margin-top: 0;
    border-top: 1px solid #dddddd;
}

.boxType05>.allDownload {
    display: table;
    position: absolute;
    top: 0;
    right: 20px;
    margin-top: 0;
}

.boxType05>.allDownload li {
    display: table-cell;
    height: 76px;
    vertical-align: middle;
}

.range2Col.wType02 .boxType05>.boxInner {
    padding: 8.06% 10.75%;
}

.range2Col.wType02>.twoThirds .boxType05>.boxInner {
    padding: 3.82% 3.69%;
}

.range2Col.wType02>.twoThirds .boxType05>.boxTitle>.icon {
    width: 11.2%;
}

.large .range2Col.wType02>.twoThirds .boxType05>.boxTitle>span {
    padding: 1em 0;
}

.large .range2Col.wType02>.twoThirds .boxType05>.allDownload {
    vertical-align: bottom;
    padding-top: 1.5em;
}

@media print,
screen and (max-width: 1100px) {
    .boxType05>.allDownload li {
        padding-bottom: 0.25em;
        vertical-align: bottom;
    }
}

/* boxType06 */

.boxType06 {
    position: relative;
    padding: 4.02% 4.35%;
    border-color: #e6e6e6;
}

.boxType06:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background-color: #003391;
}

.boxType06 .boxTitle {
    color: #003391;
    font-size: 25px;
    font-size: 2.5rem;
}

.boxType06 .boxTitle.vidsIcon {
    padding-left: 72px;
    background: url(/en/common/img/com_other_ic48.png) no-repeat 0 0.2em;
}

.boxType06 .boxTitle+* {
    margin-top: 1.7em;
}

.boxType06 .listType06 {
    padding-left: 72px;
}

.boxType06 .btnType02 {
    margin-top: 1.8em;
}

.boxType06 .btnType02 a {
    padding-top: 16px;
    padding-bottom: 14px;
}

.boxType06>.colWrap>.colRight {
    width: 47.8%;
}

/* boxType07 */

.boxType07 {
    padding: 6px;
    border: none;
    background: url(/en/common/img/com_other_bg08.png) repeat 0 0;
}

.boxType07>.boxInner {
    padding: 3.58% 3.26%;
    background-color: #f7f8fa;
}

.boxType07>.boxInner>*:first-child {
    margin-top: 0 !important;
}

.boxType07>.boxInner>.boxTitle {
    padding-bottom: 1em;
    border-bottom: 1px solid #e2e2e2;
}

/* boxType08 */

.boxType08 {
    padding: 0 29px 33px;
    border-color: #e2e2e2;
    background-color: #ffffff;
}

.boxType08>.boxTitle {
    margin: 0 -29px;
    padding: 1em;
    background-color: #eff4fc;
}

.boxType08>.boxType01 {
    padding: 10px 15px;
}

.boxType08>.boxType01>.paragraph01+.paragraph01 {
    margin-top: 0.5em;
}

/* boxPlugin */

.boxPlugin {
    margin-top: 4em;
    padding: 3.26% 3.26% 2.28%;
    border: 1px solid #e6e6e6;
}

.boxPlugin>*:first-child {
    margin-top: 0 !important;
}

.boxPlugin .bnrBlock {
    display: table;
}

.boxPlugin .bnrBlock+* {
    margin-top: 1.5em;
}

.boxPlugin .bnrBlock>* {
    display: table-cell;
    vertical-align: middle;
}

.boxPlugin .bnrBlock .bnr {
    padding-right: 30px;
}

/* other
================================ */

/* readBlock */

.readBlock {
    overflow: hidden;
    margin-top: 1em;
    font-family: 'Noto Sans', sans serif;
}

.readBlock>*:first-child {
    margin-top: 0 !important;
}

/* slideWrap */

[class*=slideWrap] .img>span img {
    width: 100%;
}

@media print,
screen and (min-width: 769px) {
    [class*=slideWrap] a:hover .img>span img {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
}

/* slideWrap01 */

.slideWrap01 {
    position: relative;
    margin-top: 1.5em;
    padding: 40px 0;
    background-color: #f3f3f3;
}

.slideWrap01 .bx-controls a {
    display: block;
    position: absolute;
    top: 50%;
    width: 24px;
    height: 44px;
    margin-top: -22px;
    text-indent: -9999px;
    outline: none;
}

.slideWrap01 .bx-controls .bx-prev {
    left: 15px;
    background: url(/en/common/img/com_arrow_ic07.png) no-repeat 0 0;
}

.slideWrap01 .bx-controls .bx-next {
    right: 15px;
    background: url(/en/common/img/com_arrow_ic06.png) no-repeat 0 0;
}

.slideWrap01.noSlide .slider {
    display: block !important;
    width: 100%;
    max-width: 810px;
    margin: 0 auto;
}

.slideWrap01.noSlide .slider>* {
    float: left;
    width: 22.22%;
    margin-left: 3.7%;
}

.slideWrap01.noSlide .slider>*:first-child {
    margin-left: 0;
}

/* slideWrap02 */

.slideWrap02 {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 70px 30px;
}

.slideWrap02 .bx-wrapper {
    position: relative;
}

.slideWrap02 .bx-viewport {
    height: auto !important;
}

.slideWrap02 .bx-controls a {
    display: block;
    position: absolute;
    top: 50%;
    width: 24px;
    height: 44px;
    margin-top: -42px;
    text-indent: -9999px;
    outline: none;
}

.slideWrap02 .bx-controls .bx-prev {
    left: -55px;
    background: url(/en/common/img/com_arrow_ic07.png) no-repeat 0 0;
}

.slideWrap02 .bx-controls .bx-next {
    right: -55px;
    background: url(/en/common/img/com_arrow_ic06.png) no-repeat 0 0;
}

.slideWrap02 .col a .img {
    border: 1px solid #dddddd;
}

.slideWrap02 .col a .img img {
    width: 100%;
}

.slideWrap02 .col a .title {
    position: relative;
    overflow: hidden;
    padding-left: 15px;
    color: #444444;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.slideWrap02 .col a .title:before {
    content: "";
    position: absolute;
    top: 0.4em;
    left: 0;
    width: 8px;
    height: 12px;
    background: url(/en/common/img/com_arrow_ic03.png) no-repeat 0 0;
}

.slideWrap02 .col a .img+.title {
    margin-top: 1em;
}

.slideWrap02 .col a:hover .title {
    color: #0a5fbe;
}

.large .slideWrap02 .col a .title:before {
    top: 0.6em;
}

.slideWrap02.noSlide .bx-controls {
    display: none !important;
}

/* slideWrap03 */

.slideWrap03 .bx-wrapper {
    position: relative;
}

.slideWrap03 .slider>li {
    display: table;
    width: 100%;
}

.slideWrap03 .slider>li>a,
.slideWrap03 .slider>li>.img {
    display: table-cell;
}

.slideWrap03 .bx-pager {
    height: 3px;
    margin-top: 2em;
    text-align: center;
}

.slideWrap03 .bx-pager .bx-pager-item {
    display: inline-block;
    position: relative;
    margin: 0 5px;
    vertical-align: top;
    z-index: 2;
}

.slideWrap03 .bx-pager a {
    display: block;
    width: 40px;
    height: 3px;
    background-color: #cccccc;
    text-indent: -9999px;
    outline: none;
}

.slideWrap03 .bx-pager .active {
    background-color: #003391;
}

.slideWrap03 .bx-controls-direction a {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 120px;
    margin-top: -60px;
    background-color: rgba(0, 0, 0, 0.2);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    text-indent: -9999px;
    outline: none;
}

.slideWrap03 .bx-controls-direction .bx-prev {
    left: 0;
    background-image: url(/en/common/img/com_arrow_ic23.png);
}

.slideWrap03 .bx-controls-direction .bx-next {
    right: 0;
    background-image: url(/en/common/img/com_arrow_ic24.png);
}

.slideWrap03.noSlide .slider {
    display: block !important;
}

/* lineType01 */

div.lineType01,
div.lineType01+* {
    margin-top: 1.5em;
}

.lineType01 hr {
    display: block;
    height: 1px;
    background-color: #e2e2e2;
}

.img.lineType01>span {
    display: inline-block;
    border: 1px solid #e2e2e2;
}

#main>section+div.lineType01 {
    margin-top: 3.5em;
}

/* lineType02 */

.lineType02 {
    margin-top: 2.5em;
    padding: 1.7em 0;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

.lineType02>*:first-child {
    margin: 0 !important;
}

.lineType02>.linkType01>li {
    width: auto;
    margin-right: 4.35%;
    margin-left: 0;
}

/* lineType03 */

.lineType03>.col {
    margin-top: 1.5em;
    padding-top: 1.5em;
    border-top: 1px solid #e2e2e2;
}

.range2Col.lineType03>.col:nth-child(-n+2),
.range3Col.lineType03>.col:nth-child(-n+3),
.range4Col.lineType03>.col:nth-child(-n+4),
.range5Col.lineType03>.col:nth-child(-n+5) {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

/* lineType04 */

.lineType04 {
    margin-top: 3.5em;
    padding-top: 3.5em;
    border-top: 1px solid #e2e2e2;
}

/* pulldownWrap01 */

.pulldownWrap01 {
    margin-top: 1.5em;
    text-align: right;
}

.pulldownWrap01>.title {
    display: inline-block;
    position: relative;
    top: 0.2em;
    margin-right: 0.5em;
}

.pulldownWrap01>select {
    float: right;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: left;
}

section>.headline02+.pulldownWrap01 {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -1.2em !important;
}

.ie9.large .pulldownWrap01>select {
    font-size: 13.2px;
    font-size: 1.32rem;
}

/* release */

.release {
    overflow: hidden;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.43;
}

.release .category {
    position: relative;
    top: -1px;
}

.release .category li {
    float: left;
    width: 120px;
    padding: 2px 0 3px;
    background-color: #6B7789 !important;
    color: #ffffff;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 17px;
    text-align: center;
    letter-spacing: -0.03em;
}

.release .category li+li {
    margin-left: 1px;
}

.release .category .icon01 {
    background-color: #3ac0d4;
}

.release .category .icon02 {
    background-color: #7093d3;
}

.release .category .icon03 {
    background-color: #7DD7E3 !important
        /*#cc0000*/
    ;
    color: #424242 !important;
}

.release .category .icon04 {
    background-color: #555555;
}

.release .category .icon05 {
    background-color: #826d51;
}

.release .category .icon06 {
    background-color: #6f718d;
}

.release .category .icon07 {
    background-color: #4066ad;
}

.release .category .icon08 {
    background-color: #4066ad;
}

.release .category .icon09 {
    background-color: #4066ad;
}

.release .category .icon10 {
    background-color: #4066ad;
}

.release .category .icon11 {
    background-color: #4066ad;
    font-size: 10px;
    font-size: 1rem;
}

.release .category .icon12 {
    background-color: #4066ad;
}

.release .category .icon13 {
    background-color: #4066ad;
    font-size: 9px;
    font-size: 0.9rem;
}

.release .category .icon14 {
    background-color: #4066ad;
}

.release .category .icon15 {
    background-color: #ad6060;
}

.release .category .icon16 {
    background-color: #4c8c6d;
}

.release .category .icon17 {
    background-color: #3166b2 !important;
}

.release .category .icon18 {
    background-color: #a76c55 !important;
}

.release .category .icon19 {
    background-color: #a76c55 !important;
}

.release .category .icon20 {
    background-color: #bb6db1 !important;
}

.release .category .icon21 {
    background-color: #bb6db1 !important;
}

.release .category .icon22 {
    background-color: #bb6db1 !important;
}

.release .category .icon23 {
    background-color: #7a6bbb !important;
}

.release .category .icon24 {
    background-color: #7a6bbb !important;
}

.release .category .icon25 {
    background-color: #7a6bbb !important;
}

.release .category .icon26 {
    background-color: #7a6bbb !important;
}

.release .category .icon27 {
    background-color: #6098ad !important;
}

.release .entryList>*:first-child {
    margin-top: 0 !important;
}

.release .title {
    margin-top: 0.5em;
}

.release .title a {
    display: inline-block;
    position: relative;
    /*padding-left: 15px;*/
}

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

.release .title a:visited,
.releaseArea .release .entryList .title a:visited {
    color: #3e00a5;
}

.release .title a:hover,
.release .title a:active {
    text-decoration: underline;
}

.release .newEntry .title .newIcon {
    display: inline-block;
    margin-left: 1em;
    color: #E61F1E;
    font-size: 14px;
    font-size: 1.4rem;
}

.release a .linkIcon {
    top: 0.15em;
}

.release a img[src*=blank].linkIcon {
    top: 0.35em;
}

.release.on a {
    color: #3763b4;
    text-decoration: underline !important;
}

/* releaseWrap */

[class*=releaseWrap] {
    margin-top: 1.5em;
    border-top: 1px solid #e6e6e6;
}

[class*=releaseWrap] .release {
    border-bottom: 1px solid #e6e6e6;
}

[class*=releaseWrap] .release .frame {
    padding-top: 20px;
    padding-bottom: 20px;
}

[class*=releaseWrap] .release .date {
    float: left;
    width: 9.5em;
}

[class*=releaseWrap] .release .date.variable {
    width: auto;
    margin-right: 1em;
}

[class*=releaseWrap] .release .category {
    float: left;
}

.headline02+[class*=releaseWrap],
.headline02+.pulldownWrap01+[class*=releaseWrap],
.headline02+.transitionBlock+[class*=releaseWrap] {
    margin-top: 0 !important;
    border-top: none;
}

/* releaseWrap01 */

.releaseWrap01 .release .entryDetail {
    padding: 20px 0 17px;
}

.releaseWrap01 .release .category {
    margin-right: 1.5em;
}

.releaseWrap01 .release .entryList {
    overflow: hidden;
}

@media print,
screen and (min-width: 951px) {
    .releaseWrap01+.linkTypeRss {
        position: absolute;
        top: 0.4em;
        right: 0;
        margin-top: 0;
    }
}

/* releaseWrap02 */

.releaseWrap02 .release {
    padding-right: 5.22%;
}

.releaseWrap02 .release .img {
    float: right;
    width: 21.7%;
    margin-left: 4.4%;
}

.releaseWrap02 .release .img img {
    width: 100%;
}

.releaseWrap02 .release .entryDetail {
    overflow: hidden;
    padding: 20px 0;
}

.releaseWrap02 .release .entryList {
    clear: both;
    float: left;
    margin-top: 1.5em;
}

.releaseWrap02 .release.noExpand {
    background: none;
}

/* moreReleaseType */

[class*=releaseWrap]+.moreReleaseType {
    position: absolute;
    top: 1.2em;
    right: 0;
    margin-top: 0;
}

/* questionWrap01 */

.questionWrap01 {
    margin-top: 1.5em;
}

.questionWrap01>dl {
    position: relative;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.questionWrap01>dl+dl {
    margin-top: 1.5em;
}

.questionWrap01>dl:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fafafa;
}

.questionWrap01 .acodSwitch {
    display: table;
    position: relative;
    width: 100%;
    cursor: pointer;
}

.questionWrap01 .acodSwitch a {
    display: table-cell;
    height: 78px;
    vertical-align: middle;
    padding: 0 40px 0 60px;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: bold;
    line-height: 1.47;
    outline: none;
}

.questionWrap01 .acodSwitch a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 2.2%;
    width: 19px;
    height: 20px;
    margin-top: -10px;
    background: url(/en/common/img/com_other_ic01.png) no-repeat 0 0;
}

.questionWrap01 .acodSwitch.active a:after {
    background-position: -19px 0;
}

.questionWrap01 .acodSwitch a:link {
    color: #333333;
    text-decoration: none;
}

.questionWrap01 .acodSwitch a:visited {
    color: #3e00a5;
    text-decoration: none;
}

.questionWrap01 .acodSwitch a:hover,
.questionWrap01 .acodSwitch a:active {
    color: #335ca7;
    text-decoration: underline;
}

.questionWrap01 .acodSwitch .faqIcon {
    position: absolute;
    top: 50%;
    left: 0;
    overflow: hidden;
    width: 40px;
    height: 40px;
    margin-top: -20px;
}

.questionWrap01 .acodSwitch .faqIcon img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
}

.questionWrap01 .acodDetail {
    position: relative;
    padding: 29px 0 28px 60px;
    background: url(/en/common/img/com_ex01.png) repeat-x 0 0;
}

.questionWrap01 .acodDetail .faqIcon {
    position: absolute;
    top: 22px;
    left: 0;
    overflow: hidden;
    width: 40px;
    height: 40px;
}

.questionWrap01 .acodDetail .faqIcon img {
    position: absolute;
    top: 0;
    left: -40px;
    max-width: none;
}

.questionWrap01 .acodDetail .faqIcon+* {
    margin-top: 0 !important;
}

/* companyWrap01 */

.companyWrap01 {
    margin-top: 1.5em;
}

.companyWrap01>dl {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.companyWrap01>dl+dl {
    margin-top: 1.5em;
}

.companyWrap01 .acodSwitch {
    position: relative;
    padding: 28px 4.4% 27px 0;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.25;
    cursor: pointer;
}

.companyWrap01 .acodSwitch:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 2.2%;
    width: 19px;
    height: 20px;
    margin-top: -10px;
    background: url(/en/common/img/com_other_ic01.png) no-repeat 0 0;
}

.companyWrap01 .acodSwitch.active:after {
    background-position: -19px 0;
}

.companyWrap01 .acodSwitch .sub {
    display: inline-block;
    margin-top: 0.8em;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.25;
}

.companyWrap01 .acodDetail {
    padding: 25px 0 30px;
    background: url(/en/common/img/com_ex01.png) repeat-x 0 0;
}

.questionWrap01 .acodDetail>*:first-child {
    margin-top: 0 !important;
}

.companyWrap01 .companyData>*:first-child {
    margin-top: 0 !important;
}

/* flowWrap01 */

.flowWrap01 {
    margin-top: 1.5em;
}

.flowWrap01 .flow+.flow {
    margin-top: 1.5em;
    padding-top: 68px;
    background: url(/en/common/img/com_arrow_ic12.png) no-repeat 50% 0;
}

.flowWrap01 .flow>*:first-child {
    margin-top: 0 !important;
}

/* worldMapWrap */

.worldMapWrap {
    position: relative;
    margin-top: 1.5em;
}

.worldMapWrap .areaLinks li {
    position: absolute;
    line-height: 15px;
}

.worldMapWrap .areaLinks li>a {
    display: inline-block;
    padding-left: 20px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
}

.worldMapWrap .areaLinks li>a:link {
    color: #333333;
    text-decoration: none;
}

.worldMapWrap .areaLinks li>a:visited {
    color: #3e00a5;
    text-decoration: none;
}

.worldMapWrap .areaLinks li>a:hover,
.worldMapWrap .areaLinks li>a:active {
    color: #0c479d;
    text-decoration: underline;
}

.worldMapWrap .areaLinks li>a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 18px;
    height: 22px;
    margin-top: -12px;
    background: url(/en/common/img/com_other_ic57.png) no-repeat 0 0;
}

.worldMapWrap .areaLinks .eu {
    top: 26.04%
        /*100px*/
    ;
    left: 14.13%
        /*69px*/
    ;
}

.worldMapWrap .areaLinks .mea {
    top: 37%
        /*161px*/
    ;
    left: 16.5%
        /*129px*/
    ;
}

.worldMapWrap .areaLinks .au {
    top: 54%
        /*211px*/
    ;
    left: 10%
        /*30px*/
    ;
}

.worldMapWrap .areaLinks .cis {
    top: 18.4%
        /*70px*/
    ;
    left: 32.83%
        /*249px*/
    ;
}

.worldMapWrap .areaLinks .cn {
    top: 41%
        /*151px*/
    ;
    left: 36%
        /*259px*/
    ;
}

.worldMapWrap .areaLinks .ap {
    top: 54.17%
        /*271px*/
    ;
    left: 35%
        /*219px*/
    ;
}

.worldMapWrap .areaLinks .jp {
    top: 36%
        /*171px*/
    ;
    left: 44.67%
        /*390px*/
    ;
}

.worldMapWrap .areaLinks .oc {
    top: 70.31%
        /*321px*/
    ;
    left: 43.48%
        /*379px*/
    ;
}

.worldMapWrap .areaLinks .na {
    top: 30.21%
        /*135px*/
    ;
    left: 75.54%
        /*184px*/
    ;
}

.worldMapWrap .areaLinks .la {
    top: 62.15%
        /*275px*/
    ;
    left: 86.74%
        /*64px*/
    ;
}

.noSide .worldMapWrap .areaLinks .japan {
    top: 42.86%
        /*240px*/
    ;
    left: 45.83%
        /*550px*/
    ;
}

.noSide .worldMapWrap .areaLinks .america {
    top: 36.61%
        /*205px*/
    ;
    left: 72.5%
        /*870px*/
    ;
}

.noSide .worldMapWrap .areaLinks .asia {
    top: 54.82%
        /*307px*/
    ;
    left: 28.75%
        /*345px*/
    ;
}

.noSide .worldMapWrap .areaLinks .emea {
    top: 27.14%
        /*152px*/
    ;
    left: 8.75%
        /*105px*/
    ;
}

.noSide .worldMapWrap .areaLinks .global {
    top: 53.57%
        /*300px*/
    ;
    left: 56.67%
        /*680px*/
    ;
}

.noSide .worldMapWrap .areaLinks .global>a:before {
    background-image: url(/en/common/img/com_other_ic58.png);
}

.noSide .worldMapWrap .areaLinks .global>a:hover,
.noSide .worldMapWrap .areaLinks .global>a:active {
    color: #6098ad;
}

.noSide .worldMapWrap .moreReleaseType {
    position: absolute;
    top: -4em;
    right: 0;
    margin-top: 0;
}

/* csrContentsWrap */

.csrContentsWrap .csrUpperContents .img img {
    width: 100% !important;
}

.csrContentsWrap .csrUpperContents {
    position: relative;
}

.csrContentsWrap .csrUpperContents a {
    outline: none;
}

.csrContentsWrap .csrUpperContents .range3Col>.col:first-child .img {
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.05);
}

.csrContentsWrap .csrUpperContents .range3Col>.col.sustainabilityCol,
.csrContentsWrap .csrUpperContents .range3Col>.col.socialCol {
    position: relative;
}

.csrContentsWrap .csrUpperContents .range3Col>.col .inner {}

.csrContentsWrap .csrUpperContents .range3Col>.col.sustainabilityCol {
    background: url(/en/img/cs01_im19.jpg) no-repeat 0 100%;
    background-size: cover;
}

.csrContentsWrap .csrUpperContents .range3Col>.col.socialCol {
    background: url(/en/img/cs01_im20.jpg) no-repeat 0 100%;
    background-size: cover;
}

.csrUpperContents .socialCol .linkType01>li:nth-last-child(-n+2)>a:before {
    top: 0.4em;
    width: 6px;
    height: 6px;
    background: #0c479d;
    border-radius: 50%;
}

.csrContentsWrap .csrUpperContents .csrBtnWrap>li {
    margin-top: 20px;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.05);
}

/* csrMap */

.worldMapWrap.csrMap01 {
    width: 100%;
    max-width: 684px;
    margin-right: auto;
    margin-left: auto;
}

.worldMapWrap.csrMap01 .areaLinks li {
    line-height: 1.67;
}

.worldMapWrap.csrMap01 .areaLinks li>a {
    display: block;
    height: 23px;
    padding: 0;
}

.worldMapWrap.csrMap01 .areaLinks li>a:before {
    display: none;
}

.worldMapWrap.csrMap01 .areaLinks .area01 {
    top: 61.75%;
    left: 54.09%;
    width: 17.84%;
}

.worldMapWrap.csrMap01 .areaLinks .area02 {
    top: 43.71%;
    left: 66.96%;
    width: 8.05%;
}

.worldMapWrap.csrMap01 .areaLinks .area03 {
    top: 35.24%;
    left: 61.55%;
    width: 11.12%;
}

.worldMapWrap.csrMap01 .areaLinks .area04 {
    top: 39.34%;
    left: 51.73%;
    width: 8.92%;
}

.worldMapWrap.csrMap01 .areaLinks .area05 {
    top: 28.41%;
    left: 28.07%;
    width: 14.62%;
}

.worldMapWrap.csrMap01 .areaLinks .area06 {
    top: 77.41%;
    left: 60.82%;
    width: 11.85%;
}

.worldMapWrap.csrMap01 .areaLinks .area06>a {
    height: 24px;
}

/* phoneType */

[class*=phoneType] {
    display: table;
    margin-top: 1em;
}

[class*=phoneType]>.number a {
    font-family: Arial, Helvetica, sans-serif;
}

@media print,
screen and (min-width: 769px) {
    [class*=phoneType] {
        overflow: hidden;
    }

    [class*=phoneType]>* {
        display: block;
        float: left;
    }

    [class*=phoneType]>.number a {
        color: #444444;
        text-decoration: none !important;
        outline: none;
        cursor: text;
    }
}

/* phoneType01 */

.phoneType01 {
    /*padding-left: 40px;
    background: url(/en/common/img/com_other_ic05.png) no-repeat 0 50%;
    color: #000000;
    font-size: 35px;
    font-size: 3.5rem;
    font-weight: bold;
    line-height: 1.1;*/
}

/* iframeWrap */

.iframeWrap {
    margin-top: 1.5em;
    text-align: center;
}

.iframeWrap.chartType>.inner {
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    max-width: 700px;
    margin: 1.5em auto 0;
}

.iframeWrap.chartType>.inner>input {
    width: 100%;
}

@media print,
screen and (max-width: 1000px) {
    .iframeWrap.chartType>.scrollSupport01 {
        display: table !important;
    }
}

/* shareIconWrap */

.shareIconWrap {
    margin-top: 1.5em;
}

.shareIconWrap ul {
    float: right;
}

.shareIconWrap li {
    display: table;
    float: left;
    width: 50px;
    margin-left: 1px;
    line-height: 1.1;
}

.shareIconWrap li>a {
    display: table-cell;
    height: 50px;
    vertical-align: bottom;
    padding-bottom: 4px;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-size: 1rem;
    text-align: center;
}

.shareIconWrap li>a:link,
.shareIconWrap li>a:visited {
    text-decoration: none;
}

.shareIconWrap li>a:hover,
.shareIconWrap li>a:active {
    text-decoration: underline;
}

.shareIconWrap li>.twitter {
    background: #8a95a1 url(/en/common/img/footer_ic03.png) no-repeat 50% 13px;
}

.shareIconWrap li>.facebook {
    background: #8a95a1 url(/en/common/img/footer_ic02.png) no-repeat 50% 10px;
}

/* relatedInfo */

.relatedInfo {
    margin-top: 3.5em;
    padding-bottom: 2em;
    border-bottom: 1px solid #e6e6e6;
}

.relatedInfo .linkExpand a {
    color: #0a5fbe !important;
}

.relatedInfo .linkExpand.on a {
    color: #3763b4 !important;
    text-decoration: underline;
}

.relatedInfo>.inner>*:first-child {
    margin-top: 0 !important;
}

.relatedInfo>.inner>.colWrap.range2Col>.col {
    margin-top: 2em;
    padding-top: 2em;
    border-top: 1px solid #e6e6e6;
}

.relatedInfo>.inner>.colWrap.range2Col>.col:nth-child(-n+2) {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

.relatedInfo>.inner>.colWrap.range2Col>.col>.linkExpand>.colText>.paragraph01>a {
    display: inline-block;
    position: relative;
    padding-left: 21px;
}

.relatedInfo>.inner>.colWrap.range2Col>.col>.linkExpand>.colText>.paragraph01>a:before {
    content: "";
    position: absolute;
    top: 0.25em;
    left: 0;
    width: 8px;
    height: 12px;
    background: url(/en/common/img/com_arrow_ic03.png) no-repeat 0 0;
}

.relatedInfo>.inner>.colWrap.range2Col>.col>.linkExpand>.colText>.paragraph01>a {
    color: #444444 !important;
    text-decoration: none;
}

.relatedInfo>.inner>.colWrap.range2Col>.col>.linkExpand.on>.colText>.paragraph01>a {
    color: #0a5fbe !important;
    text-decoration: underline;
}

.relatedInfo .colRight,
.relatedInfo .colLeft {
    width: 45%;
}

.relatedInfo .colRight>.img,
.relatedInfo .colLeft>.img {
    border: 1px solid #e6e6e6;
}

.relatedInfo .colText .paragraph01 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4;
}

.relatedInfo .release .img {
    float: right;
    width: 45%;
    margin-left: 4.4%;
    border: 1px solid #e6e6e6;
}

.relatedInfo .release .entryDetail {
    overflow: hidden;
}

.relatedInfo .release .category+* {
    margin-top: 1.5em;
}

.relatedInfo .release .date+* {
    margin-top: 1em;
}

.relatedInfo .release .title a {
    padding-left: 0;
}

.relatedInfo .release .title a:before {
    display: none;
}

/* transitionBlock */

.transitionBlock {
    margin-top: 1.5em;
    text-align: right;
}

.transitionBlock>*:first-child {
    margin-top: 0 !important;
}

.transitionBlock>.linkTypeRss,
.transitionBlock>.pulldownWrap01 {
    display: inline-block;
    margin-top: 0;
}

.transitionBlock>.pulldownWrap01 {
    margin-left: 1.5em;
}

section>.headline02+.transitionBlock {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 1.2em !important;
}

section>.headline02+.transitionBlock>.pulldownWrap01 {
    position: absolute;
    top: -3em;
    right: 0;
}

/* brandList */

.brandList {
    margin-top: 2.5em;
}

.brandList>*:first-child,
.brandList .details>*:first-child {
    margin-top: 0 !important;
}

.brandList .brandWrap {
    position: relative;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.brandList .brandWrap>.brand {
    position: static;
}

.brandList .brandWrap.range4Col>* {
    width: 25%;
    margin-left: 0;
}

.brandList .panel {
    display: table;
    table-layout: fixed;
    position: relative;
    width: 100%;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    -webkit-transition: background-color 0.2s ease-in;
    -moz-transition: background-color 0.2s ease-in;
    -ms-transition: background-color 0.2s ease-in;
    -o-transition: background-color 0.2s ease-in;
    transition: background-color 0.2s ease-in;
    cursor: pointer;
    z-index: 3;
}

.brandList .brand+.brand .panel {
    border-left: none;
}

.brandList .panel .logo {
    display: table-cell;
    width: 100%;
    height: 200px;
    vertical-align: middle;
    padding: 0 15px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    text-align: center;
}

.brandList .brandWrap+.brandWrap .panel .logo {
    border-top: none;
}

.brandList .panel .logo:after {
    content: "";
    position: absolute;
    right: 9px;
    bottom: 10px;
    width: 14px;
    height: 14px;
    background: url(/en/common/img/com_other_ic02.png) no-repeat 0 -14px;
}

.brandList .details {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 29px 0;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    background-color: #ffffff;
    z-index: 1;
}

.brandList .details .colLeft {
    position: relative;
    width: 22.5%;
    margin-right: 0;
    padding-right: 2.5%;
    z-index: 2;
}

.brandList .details .img {
    display: block;
}

.brandList .details .img img {
    width: 100%;
}

.brandList .details .colText {
    position: relative;
    overflow: visible;
    float: left;
    width: 77.5%;
    -webkit-transition: margin-left 0.4s ease;
    -moz-transition: margin-left 0.4s ease;
    -ms-transition: margin-left 0.4s ease;
    -o-transition: margin-left 0.4s ease;
    transition: margin-left 0.4s ease;
    z-index: 1;
}

.brandList .details .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
}

.brandList .details .close>a {
    outline: none;
}

.brandList .active>.panel {
    background-color: #f3f3f3;
}

.brandList .active>.panel:before,
.brandList .active>.panel:after {
    content: "";
    position: absolute;
    bottom: -41px;
    left: 50%;
    width: 0;
    height: 0;
}

.brandList .active>.panel:before {
    margin-left: -30px;
    border-top: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 30px solid #666666;
    border-left: 30px solid transparent;
}

.brandList .active>.panel:after {
    margin-left: -28px;
    border-top: 28px solid transparent;
    border-right: 28px solid transparent;
    border-bottom: 28px solid #ffffff;
    border-left: 28px solid transparent;
}

.brandList .active>.panel .logo:after {
    background-position: -14px -14px;
}

.brandList .active>.details {
    border-color: #666666;
    z-index: 2;
}

@media print,
screen and (min-width: 769px) {
    .brandList .panel .logo {
        overflow: hidden;
    }

    .brandList .panel img {
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }

    .brandList .panel:hover img {
        -webkit-transform: scale(1.05, 1.05);
        -moz-transform: scale(1.05, 1.05);
        -ms-transform: scale(1.05, 1.05);
        -o-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05);
    }
}

/* missionDetails */

.missionDetails {
    margin-top: 3.5em;
    padding-top: 50px;
    border-bottom: 1px solid #e6e6e6;
}

.missionDetails+* {
    margin-top: 70px;
}

.missionDetails .detail {
    display: table;
    position: relative;
    width: 100%;
    padding: 10px 0;
    border-top: 1px solid #e6e6e6;
}

.missionDetails .detail>* {
    display: table-cell;
    vertical-align: middle;
}

.missionDetails .detail>dt {
    width: 21.74%;
    padding: 13px 0;
    text-align: center;
}

.missionDetails .detail>dt span {
    display: block;
    line-height: 1.1;
}

.missionDetails .detail>dt .text {
    margin-top: 7px;
    color: #333333;
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: 600;
}

.missionDetails .detail>dt .text>.en {
    margin: 7px 0 5px;
    color: #555555;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 500;
}

.missionDetails .detail>dd {
    position: relative;
    width: 78.26%;
}

.missionDetails .detail>dd:before,
.missionDetails .detail>dd:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background-color: #f2f2f2;
}

.missionDetails .detail>dd:after {
    left: 50%;
}

.missionDetails .detail>dd>ul {
    display: table;
    width: 100%;
}

.missionDetails .detail>dd>ul>li {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    padding: 0 4.17%;
}

.missionDetails .detail>dd .missionHeadline {
    display: none;
    position: absolute;
    top: -60px;
    left: 4.2%;
    width: 41.6%;
}

.missionDetails .visionary>dd .missionHeadline {
    display: block;
    padding: 0;
}

.missionDetails .visionary>dd .values .missionHeadline:before,
.missionDetails .visionary>dd .values .missionHeadline:after {
    width: 11.41%;
}

.missionDetails .visionary>dd .selfTests .missionHeadline {
    left: 54.2%;
}

.missionDetails .visionary>dd .selfTests .missionHeadline:before,
.missionDetails .visionary>dd .selfTests .missionHeadline:after {
    width: 22%;
}

/* chartUpdate */

.chartUpdate {
    margin-top: 2.5em;
    font-size: 13px;
    font-size: 1.3rem;
    text-align: right;
}

.chartUpdate+.organizationChart {
    margin-top: 0.5em;
}

@media print,
screen and (max-width: 1160px) {
    .chartUpdate+.scrollSupport01 {
        display: table !important;
        margin-top: 1em;
    }

    .chartUpdate+.scrollSupport01+.organizationChart {
        margin-top: 1.5em;
    }
}

/* organizationChart */

.organizationChart {
    overflow-y: hidden;
    overflow-x: auto;
    /*padding-left: 5.43%;*/
    padding-bottom: 160px;
    /*-webkit-overflow-scrolling : touch;*/
}

.chartInner {
    position: relative;
    width: 920px;
    padding: 0 0 160px 120px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.3;
}

.chartInner>.keywordBox {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 440px;
    padding: 14px 19px 13px;
    border: 1px solid #cccccc;
}

.chartInner>.keywordBox dt {
    position: relative;
    clear: both;
    float: left;
    padding-right: 2em;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.67;
}

.chartInner>.keywordBox dt:after {
    content: "=";
    position: absolute;
    top: 0;
    right: 0;
}

.chartInner>.keywordBox dd {
    overflow: hidden;
    padding-left: 1em;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.67;
}

.chartInner>.gm {
    position: absolute;
    top: 174px;
    left: 0;
    width: 120px;
    text-align: center;
}

.chartInner span.box {
    display: block;
    padding: 11px 15px 9px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
}

.large .chartInner span.box {
    display: block;
    padding: 11px 0px 9px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
}

.chartInner span.box+span.box {
    border-top: none;
}

.chartInner>[class*=chartWrap] {
    position: relative;
    float: left;
    width: 120px;
    padding-left: 20px;
    padding-top: 1.5px;
}

.chartInner>[class*=chartWrap]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    background-color: #cccccc;
    z-index: -1;
}

.chartInner>[class*=chartWrap]>ul>li {
    position: relative;
}

.chartInner>[class*=chartWrap]>ul>li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -20px;
    width: 20px;
    height: 2px;
    margin-top: -1px;
    background-color: #cccccc;
}

/*追加*/

.chartInner>.chartWrap02 .chart02-03>ul>li:before {
    content: "";
    position: absolute;
    top: -20px;
    height: 22px;
    margin-top: -1px;
    background-color: #cccccc;
}

/*.chartInner > .chartWrap02 .chart02:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    background-color: #cccccc;
    z-index: -1;
    position: absolute;
    top: 225px;
    left: 0;
    margin-top: -5px;
    height: 52%;
}*/

.chartInner>.chartWrap02 .chart02:after {
    content: "";
    position: absolute;
    width: 2px;
    background-color: #cccccc;
    z-index: -1;
    top: 251px;
    left: 50px;
    margin-top: -1px;
    height: 269.6%;
}

.large .chartInner>.chartWrap02 .chart02:after {
    content: "";
    position: absolute;
    width: 2px;
    background-color: #cccccc;
    z-index: -1;
    top: 251px;
    left: 50px;
    margin-top: -1px;
    height: 315.3%;
}

@-moz-document url-prefix() {
    .chartInner>.chartWrap02 .chart02:after {
        height: 269.5%;
    }
}

.chartInner>.chartWrap03 .chart03 .chart03-08:after {
    content: "";
    position: absolute;
    top: 44px;
    left: 50%;
    width: 2px;
    background-color: #cccccc;
    z-index: -1;
    margin-top: -1px;
    height: 1381px;
}

/*.chartInner > [class*=chartWrap] > ul > li:last-child:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -20px;
    width: 20px;
    height: 500px;
    margin-top: 1px;
    background-color: #ffffff;
}*/

.chartInner>[class*=chartWrap]>ul>li+li {
    margin-top: 20px;
}

.chartInner>[class*=chartWrap] .chartUnit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-weight: bold;
    text-align: center;
}

.chartInner>[class*=chartWrap] .group {
    padding: 11px 11px 11px 14px;
    border: 1px solid #cccccc;
}

.chartInner>[class*=chartWrap] .group span.box {
    padding: 0;
    border: none;
}

.chartInner>[class*=chartWrap] .group span.box+* {
    margin-top: 0.5em;
}

.chartInner>[class*=chartWrap] .group a {
    display: block;
    margin: -12px -11px 0 -14px;
    background-color: #f7f8fa;
    font-weight: bold;
}

.chartInner>[class*=chartWrap] .group a+* {
    margin-top: 14px;
}

.chartInner>[class*=chartWrap] .group a span.box {
    padding: 11px 11px 9px 26px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    background: url(/ja/common/img/com_arrow_ic03.png) no-repeat 11px 50%;
}

.chartInner>[class*=chartWrap] .group a:link,
.chartInner>[class*=chartWrap] .group a:visited {
    text-decoration: none;
}

.chartInner>[class*=chartWrap] .group a:hover,
.chartInner>[class*=chartWrap] .group a:active {
    text-decoration: underline;
}

.chartInner>[class*=chartWrap] .group ul {
    padding-left: 15px;
}

.chartInner>[class*=chartWrap] .group li {
    position: relative;
    padding-left: 10px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.54;
}

.chartInner>[class*=chartWrap] .group li:before {
    content: "";
    position: absolute;
    top: 0.55em;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: #999999;
    border-radius: 50%;
}

.chartInner>[class*=chartWrap] .group li.indent {
    padding-left: 23px;
}

.chartInner>[class*=chartWrap] .group li.indent:before {
    left: 12px;
}

.chartInner>[class*=chartWrap] .dept>li {
    padding-left: 0;
}

.chartInner>[class*=chartWrap] .dept>li:before {
    display: none;
}

.chartInner>.chartWrap01>ul>li+li {
    margin-top: 20px;
}

.chartInner>.chartWrap02>ul>li+li {
    margin-top: 20px;
}

.large .chartInner>.chartWrap02>ul>li+li {
    margin-top: 27px;
}

/*追加*/

.chartInner>.chartWrap02 ul li.chart02-03 {
    margin-top: 40px;
}

.chartInner>.chartWrap01 span.box,
.chartInner>.chartWrap02 span.box {
    padding-right: 0;
    padding-left: 0;
    text-align: center;
}

.chartInner>.chartWrap01 {
    /*padding-top: 40px;*/
}

.chartInner>.chartWrap01:before {
    height: 60%;
    left: -60px;
    top: 47px;
}

.large .chartInner>.chartWrap01:before {
    height: 60%;
    left: -60px;
    top: 54px;
}

.chartInner>.chartWrap01 .chart01-01:before {
    top: 26.58%;
    left: -80px;
    width: 80px;
}

.chartInner>.chartWrap02 {
    padding-top: 59px;
    margin-left: 20px;
}

/*.chartInner > .chartWrap02:before {
    top: 180px;
    left: 140px;
    height: 15%;
}
.chartInner > .chartWrap02:before {
    top: 260px;
    left: 140px;
    height: 8%;
}*/

.chartInner>.chartWrap02:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 110px;
    height: 37%;
    width: 2px;
    background-color: #cccccc;
    z-index: -1;
}

.chartInner>.chartWrap02 .chart02-01,
.chartInner>.chartWrap02 .chart02-02 {
    margin-left: -20px;
    width: 100px;
}

/*.chartInner > .chartWrap02 .chart02-04 {
    margin-top: 20px;
}*/

.chartInner>.chartWrap02 ul li.chart02-04 {
    margin-top: 40px;
}

/*追加*/

.chartInner>.chartWrap02 ul li.chart02-05 {
    margin-top: 20px;
}

.chartInner>.chartWrap02 ul li.chart02-04,
.chartInner>.chartWrap02 ul li.chart02-05 {
    margin-left: 41px;
    width: 100px;
}

/*.chartInner > .chartWrap02 .chart02-03:before,
.chartInner > .chartWrap02 .chart02-04:before {
    left: -10px;
    width: 10px;
}
*/

/*追加*/

.chartInner>.chartWrap02 .chart02-04:before,
.chartInner>.chartWrap02 .chart02-05:before,
.chartInner>.chartWrap02 .chart02-06:before {
    display: none;
}

.chartInner>.chartWrap02 .chart02-03:before {
    left: 50%;
    width: 2px;
    content: "";
    position: absolute;
    top: -40px;
    height: 42px;
    margin-top: -1px;
    background-color: #cccccc;
}

/*.chartInner > .chartWrap02 .chart02-02:after {
    content: "";
    position: absolute;
    bottom: -24px;
    left: -10px;
    width: 130px;
    height: 22px;
    border-bottom: 2px solid #cccccc;
    background-color: #ffffff;
}*/

.chartInner>.chartWrap02 .chart02-01:after {
    content: "";
    position: absolute;
    top: 210px;
    left: 110px;
    bottom: 0;
    width: 62px;
    height: 2px;
    border-bottom: none;
    background-color: #cccccc;
}

.large .chartInner>.chartWrap02 .chart02-01:after {
    content: "";
    position: absolute;
    top: 234px;
    left: 110px;
    bottom: 0;
    width: 62px;
    height: 2px;
    border-bottom: none;
    background-color: #cccccc;
}

/*.chartInner > .chartWrap02 .chart02-02:after {
    content: "";
    position: absolute;
    bottom: -22px;
    left: 30px;
    width: 2px;
    height: 22px;
    border-bottom: none;
    background-color: #cccccc;
}
.chartInner > .chartWrap02 .chart02-03:after {
    content: "";
    position: absolute;
    top: -16px;
    left: -8px;
    width: 130px;
    height: 16px;
    background-color: #ffffff;
}*/

.chartInner>.chartWrap02 .chart02-03:after {
    content: "";
    position: absolute;
    bottom: -24px;
    left: -10px;
    width: 130px;
    height: 22px;
    border-bottom: 2px solid #cccccc;
    border-right: 2px solid #cccccc;
    background-color: #ffffff;
}

.chartInner>.chartWrap02 ul li.chart02-06 {
    padding-top: 20px;
    margin-left: -20px;
    width: 100px;
}

/*.chartInner > .chartWrap03 {
    width: 260px;
    padding: 159px 0 0 60px;
}*/

.chartInner>.chartWrap03 {
    width: 250px;
    padding: 220px 0 0 70px;
    margin-top: 113px;
}

.chartInner .chartWrap03 .chart02-01 {
    display: block;
    padding: 11px 0 9px;
    width: 100px;
    text-align: center;
    position: absolute;
    margin-top: -152px;
    left: 0;
}

.large .chartInner .chartWrap03 .chart02-01 {
    display: block;
    padding: 11px 0 9px;
    width: 100px;
    text-align: center;
    position: absolute;
    margin-top: -128px;
    left: 0;
}

/*.chartInner > .chartWrap03:before {
    top: 180px;
    left: 40px;
    height: 80%;
}*/

/*.chartInner > .chartWrap03:before {
    top: 240px;
    left: 40px;
    height: 80%;
}*/

.chartInner>.chartWrap03 .chart03 {
    padding-top: 10px;
}

/*
.chartInner > .chartWrap03 .chart03-01:before {
    left: -60px;
    width: 60px;
}*/

/*.chartInner > .chartWrap03 .chart03-03:before {
    top: 0;
}
.chartInner > .chartWrap03 .chart03-03:after {
    content: "";
    position: absolute;
    bottom: 18px;
    left: -10px;
    width: 10px;
    height: 2px;
    background-color: #cccccc;
}
.chartInner > .chartWrap03 .chart03-04:before {
    left: -10px;
    width: 10px;
}
.chartInner > .chartWrap03 .chart03-04:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -10px;
    width: 2px;
    height: 122px;
    margin-top: -61px;
    background-color: #cccccc;
}
.large .chartInner > .chartWrap03 .chart03-04:after {
    height: 125px;
    margin-top: -62px;
}
.chartInner > .chartWrap03 .chart03-05:before {
    left: -10px;
    width: 10px;
}*/

.chartInner>.chartWrap03 .chart03-06:before {
    top: 13.33%;
}

.chartInner>.chartWrap03 .chart03-07:before {
    top: 16.15%;
}

/*.chartInner > .chartWrap03 .chartUnit {
    top: 123px;
    padding-left: 60px;
}*/

.chartInner>.chartWrap03 .chartUnit {
    top: 183px;
    padding-left: 60px;
}

/*.chartInner > .chartWrap04 {
    width: 300px;
    padding: 159px 0 0 40px;
}*/

.chartInner>.chartWrap04 {
    width: 290px;
    padding: 220px 0 0 40px;
    margin-top: 80px;
}

/*.chartInner > .chartWrap04:before {
    top: 180px;
    left: 20px;
    height: 92%;
}*/

.chartInner>.chartWrap04:before {
    top: 240px;
    left: 20px;
    /*height: 92%;*/
    height: 79.7%;
}

.large .chartInner>.chartWrap04:before {
    top: 242px;
    left: 20px;
    /*height: 92%;*/
    height: 81.05%;
}

.chartInner>.chartWrap04>ul>li:before,
.chartInner>.chartWrap04>ul>li:last-child:after {
    display: none;
}

.chartInner>.chartWrap04>ul>li>a {
    position: relative;
}

.chartInner>.chartWrap04>ul>li>a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -20px;
    width: 20px;
    height: 2px;
    margin-top: -1px;
    background-color: #cccccc;
}

.chartInner>.chartWrap04>ul>li:last-child>a:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -21px;
    width: 20px;
    height: 500px;
    margin-top: 1px;
    background-color: #ffffff;
}

.chartInner>.chartWrap04 .chart04-01>a:before {
    left: -241px;
    width: 240px;
}

.chartInner>.chartWrap04 .chart04-08>a:before {
    left: -135px;
    width: 135px;
}

/*.chartInner > .chartWrap04 .chartUnit {
    top: 123px;
    padding-left: 40px;
}*/

.chartInner>.chartWrap04 .chartUnit {
    top: 183px;
    padding-left: 40px;
}

.chartInner>.chartWrap04 .group ul {
    padding-left: 8px;
}

.chartInner>.chartWrap04 .group .dept {
    padding-left: 0;
}

.chartInner>.chartWrap04 .group .dept>li {
    margin-top: 0.5em;
}

/* groupBizWrap */

.groupBizWrap {
    position: relative;
    min-height: 906px;
    padding: 40px 0;
    background: #eff1f4 url(/en/common/img/com_other_bg02.png) no-repeat 50% 0;
    -webkit-background-size: contain;
    background-size: contain;
    text-align: center;
}

.groupBizWrap>.title {
    color: #ffffff;
    font-size: 40px;
    font-size: 4rem;
    line-height: 1.25;
}

.groupBizWrap>.title+.paragraph01 {
    margin-top: 1.5em;
    color: #ffffff;
    line-height: 1.5;
}

.groupBizWrap>.bizAreas {
    display: table;
    position: relative;
    width: 40%;
    margin: 1em auto 0;
    background: url(/en/common/img/com_other_bg03.png) no-repeat 50% 50%;
    -webkit-background-size: contain;
    background-size: contain;
}

.groupBizWrap>.bizAreas>.lead {
    display: table-cell;
    height: 362px;
    vertical-align: middle;
    color: #ffffff;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.25;
    text-shadow: 0 0 5px #cccccc;
}

.groupBizWrap>.bizAreas>.areaList>li {
    position: absolute;
    width: 35.42%;
    color: #ffffff;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.11;
}

.groupBizWrap>.bizAreas>.areaList>li>span {
    display: table-cell;
    width: 1%;
    height: 60px;
    vertical-align: middle;
    padding: 5px 0 8px;
}

.groupBizWrap>.bizAreas>.areaList>.area01 {
    top: 86px;
    left: 0;
    background-color: #81c6c6;
}

.groupBizWrap>.bizAreas>.areaList>.area02 {
    top: 68px;
    right: 0;
    background-color: #8674a7;
}

.groupBizWrap>.bizAreas>.areaList>.area03 {
    top: 226px;
    left: 0;
    background-color: #7297c0;
}

.groupBizWrap>.bizAreas>.areaList>.area04 {
    top: 226px;
    right: 0;
    background-color: #696fb2;
}

.groupBizWrap>.companyList>.col {
    position: absolute;
    width: 23.33%;
    background-color: #ffffff;
    text-align: left;
}

.groupBizWrap>.companyList>.textile {
    top: 24.31%;
    left: 3.33%;
}

.groupBizWrap>.companyList>.metal {
    top: 48%;
    left: 3.33%;
}

.groupBizWrap>.companyList>.food {
    top: 71.68%;
    left: 3.33%;
}

.groupBizWrap>.companyList>.machinery {
    top: 24.31%;
    right: 3.33%;
}

.groupBizWrap>.companyList>.chemical {
    top: 48%;
    right: 3.33%;
}

.groupBizWrap>.companyList>.general {
    top: 71.68%;
    right: 3.33%;
}

.groupBizWrap>.companyList>.ict {
    top: 78.68%;
    left: 38.33%;
}

@media print,
screen and (max-width: 1100px) {
    .groupBizWrap>.title {
        font-size: 38px;
        font-size: 3.8rem;
    }

    .groupBizWrap>.bizAreas>.areaList>li {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .groupBizWrap>.companyList>.textile,
    .groupBizWrap>.companyList>.machinery {
        top: 39.31%;
    }

    .groupBizWrap>.companyList>.metal,
    .groupBizWrap>.companyList>.chemical {
        top: 60%;
    }

    .groupBizWrap>.companyList>.food,
    .groupBizWrap>.companyList>.general {
        top: 80.68%;
    }

    .groupBizWrap>.companyList>.ict {
        top: 81.68%;
    }
}

@media print,
screen and (max-width: 900px) {

    .groupBizWrap>.companyList>.textile,
    .groupBizWrap>.companyList>.machinery {
        top: 54.31%;
    }

    .groupBizWrap>.companyList>.metal,
    .groupBizWrap>.companyList>.chemical {
        top: 68%;
    }

    .groupBizWrap>.companyList>.food,
    .groupBizWrap>.companyList>.general {
        top: 81.68%;
    }

    .groupBizWrap>.companyList>.ict {
        top: 83.68%;
    }
}

/* csrContentsWrap */

.csrContentsWrap [class*=boxType] {
    padding: 20px;
}

.csrContentsWrap [class*=boxType]>.boxTitle[class*=csrIcon] {
    min-height: 60px;
    padding-right: 70px;
    background-repeat: no-repeat;
    background-position: 100% 0;
}

.csrContentsWrap [class*="boxType"]>.boxTitle.csrIcon01 {
    background-image: url(/en/common/img/com_other_ic41.gif);
}

.csrContentsWrap [class*="boxType"]>.boxTitle.csrIcon02 {
    background-image: url(/en/common/img/com_other_ic42.gif);
}

.csrContentsWrap [class*="boxType"]>.boxTitle.csrIcon03 {
    background-image: url(/en/common/img/com_other_ic43.gif);
}

.csrContentsWrap [class*="boxType"]>.boxTitle.csrIcon04 {
    background-image: url(/en/common/img/com_other_ic44.gif);
}

.csrContentsWrap [class*="boxType"]>.boxTitle.csrIcon05 {
    background-image: url(/en/common/img/com_other_ic45.gif);
}

.csrContentsWrap [class*="boxType"]>.boxTitle.csrIcon06 {
    background-image: url(/en/common/img/com_other_ic46.gif);
}

.csrContentsWrap [class*="boxType"]>.boxTitle.csrIcon07 {
    background-image: url(/en/common/img/com_other_ic47.gif);
}

.csrContentsWrap .tableType01.textSmall th,
.csrContentsWrap .tableType01.textSmall td {
    padding-top: 10px;
    padding-bottom: 9px;
}

@media print,
screen and (min-width: 769px) {

    /* csrContentsWrap */
    .csrContentsWrap .img img {
        width: 100%;
    }

    .csrContentsWrap .csrUpperContents {
        position: relative;
    }

    .csrContentsWrap .csrUpperContents .range3Col>.col.sustainabilityCol,
    .csrContentsWrap .csrUpperContents .range3Col>.col.socialCol {
        width: 32.49%;
        min-height: 499px;
    }

    .csrContentsWrap .csrUpperContents .range3Col>.col .inner {
        padding: 40px 12.3% 100px;
        background: url(/en/img/cs01_bg01.png) repeat-x 0 0;
        background-size: contain;
    }

    .csrContentsWrap .csrUpperContents .range3Col>.col.socialCol {
        margin-left: 0.2% !important;
    }

    .csrContentsWrap .csrUpperContents .csrBtnWrap {
        position: absolute;
        top: 340px;
        left: 0;
        width: 30.36%;
    }

    .csrContentsWrap .csrUpperContents .csrBtnWrap>li {
        margin-top: 20px;
        box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.05);
    }

    .csrContentsWrap .csrUpperContents+* {
        margin-top: 70px;
    }

    .csrContentsWrap .tabDetail {
        padding-top: 3.5em !important;
    }

    .csrContentsWrap .tabDetail>.linkTypeRss {
        position: absolute;
        top: 1em;
        right: calc(7em + 3.15%);
        margin-top: 0;
    }

    .csrContentsWrap .tabDetail .moreReleaseType {
        right: 3.15%;
    }

    .csrContentsWrap .tabDetail>.releaseWrap01 {
        margin-top: 0 !important;
    }

    .csrContentsWrap :not(.csrUpperContents) .range3Col>* {
        width: 31.94%;
        margin-left: 2.09%;
    }

    .csrContentsWrap .range3Col>*:nth-child(3n+1) {
        clear: left;
        margin-left: 0;
    }

    .csrContentsWrap .worldMapWrap {
        width: 100%;
        max-width: 938px;
        margin-right: auto;
        margin-left: auto;
    }

    .csrContentsWrap .worldMapWrap img {
        width: auto;
    }

    .csrContentsWrap .worldMapWrap .areaLinks li {
        width: 10%;
        line-height: 1.67;
    }

    .csrContentsWrap .worldMapWrap .areaLinks li>a {
        display: block;
        padding: 13px 0 12px;
        border: 1px solid #e3e3e3;
        border-radius: 5px;
        background-color: #ffffff;
        -webkit-box-shadow: 0 1px 1px #999999;
        -moz-box-shadow: 0 1px 1px #999999;
        box-shadow: 0 1px 1px #999999;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1.2;
        text-align: center;
        letter-spacing: -0.04em;
    }

    .csrContentsWrap .worldMapWrap .areaLinks li>a:before {
        display: none;
    }

    .csrContentsWrap .worldMapWrap .areaLinks li>a:link {
        color: #212121;
        text-decoration: none;
    }

    .csrContentsWrap .worldMapWrap .areaLinks li>a:visited {
        color: #3e00a5;
        text-decoration: none;
    }

    .csrContentsWrap .worldMapWrap .areaLinks li>a:hover,
    .csrContentsWrap .worldMapWrap .areaLinks li>a:active {
        color: #212121;
        text-decoration: underline;
    }

    .csrContentsWrap .worldMapWrap .gcsrModal {
        position: absolute;
        top: 0;
        width: 43.71%;
        height: 83.48%;
        padding: 0 10px;
    }

    .csrContentsWrap .worldMapWrap .gcsrModal .modalInner {
        position: relative;
        width: 100%;
        max-width: 390px;
        height: 100%;
        background-color: #ffffff;
        -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    }

    .csrContentsWrap .worldMapWrap .gcsrModal .colWrap {
        margin-top: 0 !important;
    }

    .csrContentsWrap .worldMapWrap .gcsrModal .title {
        padding: 0 30px;
    }

    .csrContentsWrap .worldMapWrap .gcsrModal .title:before {
        display: none;
    }

    .csrContentsWrap .worldMapWrap .gcsrModal .bx-controls-direction a {
        display: block;
        position: absolute;
        top: 63.8%;
        width: 17px;
        height: 30px;
        background-repeat: no-repeat;
        background-position: 0 0;
        text-indent: -9999px;
        outline: none;
    }

    .csrContentsWrap .worldMapWrap .gcsrModal .bx-controls-direction .bx-prev {
        left: 0;
        background-image: url(/en/common/img/com_arrow_ic14.png);
    }

    .csrContentsWrap .worldMapWrap .gcsrModal .bx-controls-direction .bx-next {
        right: 0;
        background-image: url(/en/common/img/com_arrow_ic13.png);
    }

    .csrContentsWrap .worldMapWrap .gcsrModal .bx-pager {
        position: absolute;
        bottom: 20px;
        width: 100%;
        height: 10px;
        text-align: center;
    }

    .csrContentsWrap .worldMapWrap .gcsrModal .bx-pager .bx-pager-item {
        display: inline-block;
        position: relative;
        margin: 0 3px;
        vertical-align: top;
        z-index: 2;
    }

    .csrContentsWrap .worldMapWrap .gcsrModal .bx-pager a {
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #cccccc;
        text-indent: -9999px;
        outline: none;
    }

    .csrContentsWrap .worldMapWrap .gcsrModal .bx-pager .active {
        background-color: #003391;
    }

    .csrContentsWrap .worldMapWrap .areaLinks .gcsrArea01 {
        left: 47.97%;
        top: 39.13%;
    }

    .csrContentsWrap .worldMapWrap .areaLinks .gcsrArea02 {
        left: 65.24%;
        top: 43.04%;
    }

    .csrContentsWrap .worldMapWrap .areaLinks .gcsrArea03 {
        left: 73.56%;
        top: 23.48%;
    }

    .csrContentsWrap .worldMapWrap .areaLinks .gcsrArea04 {
        left: 81.13%;
        top: 74.78%;
    }

    .csrContentsWrap .worldMapWrap .areaLinks .gcsrArea05 {
        left: 35.18%;
        top: 86.96%;
    }

    .csrContentsWrap .worldMapWrap .areaLinks .gcsrArea06 {
        left: 28.3%;
        top: 28.69%;
    }

    .csrContentsWrap .worldMapWrap .areaLinks .gcsrArea07 {
        left: 21.75%;
        top: 56.52%;
    }

    .csrContentsWrap .worldMapWrap .areaLinks .gcsrArea08 {
        left: 42.11%;
        top: 53.26%;
    }

    .csrContentsWrap .worldMapWrap .areaLinks .gcsrArea09 {
        left: 47.23%;
        top: 66.09%;
    }

    .csrContentsWrap .worldMapWrap .areaLinks .gcsrArea10 {
        left: 25.59%;
        top: 66.52%;
    }

    .csrContentsWrap .worldMapWrap .areaLinks .gcsrArea11 {
        left: 10.02%;
        top: 56.52%;
    }

    .csrContentsWrap .worldMapWrap .areaLinks .gcsrArea12 {
        left: 6.08%;
        top: 30.87%;
    }

    .csrContentsWrap .worldMapWrap .areaLinks .gcsrArea13 {
        left: 2.13%;
        top: 46.74%;
    }

    .csrContentsWrap .worldMapWrap .areaLinks .gcsrArea14 {
        left: 13.96%;
        top: 15.43%;
    }

    .csrContentsWrap .worldMapWrap .areaLinks .gcsrArea15 {
        left: 17.16%;
        top: 33.04%;
    }

    .csrContentsWrap .worldMapWrap .areaLinks .gcsrArea01>a {
        color: #c28582 !important;
    }

    .csrContentsWrap .worldMapWrap .areaLinks .gcsrArea02>a {
        color: #c98ba0 !important;
    }

    .csrContentsWrap .worldMapWrap .areaLinks .gcsrArea03>a {
        color: #87b38d !important;
    }

    .csrContentsWrap .worldMapWrap .areaLinks .gcsrArea04>a {
        color: #75b8d5 !important;
    }

    .csrContentsWrap .worldMapWrap .areaLinks .gcsrArea05>a {
        color: #6ab4b3 !important;
    }

    .csrContentsWrap .worldMapWrap .areaLinks .gcsrArea06>a {
        color: #df8965 !important;
    }

    .csrContentsWrap .worldMapWrap .areaLinks .gcsrArea07>a {
        color: #6c6981 !important;
    }

    .csrContentsWrap .worldMapWrap .areaLinks .gcsrArea08>a {
        color: #b68eb5 !important;
    }

    .csrContentsWrap .worldMapWrap .areaLinks .gcsrArea09>a {
        color: #70a577 !important;
    }

    .csrContentsWrap .worldMapWrap .areaLinks .gcsrArea10>a {
        color: #bdb46f !important;
    }

    .csrContentsWrap .worldMapWrap .areaLinks .gcsrArea11>a {
        color: #987284 !important;
    }

    .csrContentsWrap .worldMapWrap .areaLinks .gcsrArea12>a {
        color: #5a87a4 !important;
    }

    .csrContentsWrap .worldMapWrap .areaLinks .gcsrArea13>a {
        color: #c4a07c !important;
    }

    .csrContentsWrap .worldMapWrap .areaLinks .gcsrArea14>a {
        color: #1b4079 !important;
    }

    .csrContentsWrap .worldMapWrap .areaLinks .gcsrArea15>a {
        color: #29889e !important;
    }

    .csrContentsWrap .worldMapWrap #gcsr01 {
        left: 4.48%;
    }

    .csrContentsWrap .worldMapWrap #gcsr02 {
        left: 21.75%;
    }

    .csrContentsWrap .worldMapWrap #gcsr03 {
        left: 30.17%;
    }

    .csrContentsWrap .worldMapWrap #gcsr04 {
        left: 37.85%;
    }

    .csrContentsWrap .worldMapWrap #gcsr05 {
        left: 45.84%;
    }

    .csrContentsWrap .worldMapWrap #gcsr06 {
        left: 39.98%;
    }

    .csrContentsWrap .worldMapWrap #gcsr07 {
        left: 32.41%;
    }

    .csrContentsWrap .worldMapWrap #gcsr08 {
        left: 53.3%;
    }

    .csrContentsWrap .worldMapWrap #gcsr09 {
        left: 3.41%;
    }

    .csrContentsWrap .worldMapWrap #gcsr10 {
        left: 36.25%;
    }

    .csrContentsWrap .worldMapWrap #gcsr11 {
        left: 21.11%;
    }

    .csrContentsWrap .worldMapWrap #gcsr12 {
        left: 17.48%;
    }

    .csrContentsWrap .worldMapWrap #gcsr13 {
        left: 13.43%;
    }

    .csrContentsWrap .worldMapWrap #gcsr14 {
        left: 24.84%;
    }

    .csrContentsWrap .worldMapWrap #gcsr15 {
        left: 28.04%;
    }
}

/* investorBox01 */

.investorBox01 {
    padding: 50px 20px 60px;
    background: url(/en/common/img/com_other_bg07.jpg) no-repeat 50% 0;
}

.investorBox01>.boxTitle {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1.2;
    text-align: center;
}

.investorBox01>.colWrap>.boxLink06 a .title:before {
    left: 7.14%;
}

.investorBox01>.colWrap>.boxLink06 a .title span {
    height: 60px;
    padding-left: 13.57%;
    color: #003391;
    font-size: 18px;
    font-size: 1.8rem;
}

.investorBox01>.colWrap.range3Col>.col {
    width: 31.82%;
    margin-left: 2.27%;
}

.investorBox01>.colWrap.range3Col .playIcon .img>span:after {
    margin-top: -70px;
}

/* investorBox02 */

.investorBox02 {
    padding: 35px 30px 40px;
    background-color: #f7f8fa;
}

.investorBox02>.investorLinks {
    margin-top: 2.5em !important;
}

.investorBox02>.investorLinks>li {
    float: left;
    width: 48.84%;
    margin-left: 2.32%;
    background-color: #ffffff;
}

.investorBox02>.investorLinks>li+li {
    margin-top: 10px;
}

.investorBox02>.investorLinks>li>a {
    display: table;
    width: 100%;
    color: #333333;
}

.investorBox02>.investorLinks>li>a:link,
.investorBox02>.investorLinks>li>a:visited,
.investorBox02>.investorLinks>li>a:hover,
.investorBox02>.investorLinks>li>a:active {
    text-decoration: none !important;
}

.investorBox02>.investorLinks>li>a>* {
    display: table-cell;
    height: 100px;
    vertical-align: middle;
}

.investorBox02>.investorLinks>li>a>.img {
    width: 23.8%;
    vertical-align: top;
}

.investorBox02>.investorLinks>li>a>.img img {
    width: 100%;
}

.investorBox02>.investorLinks>li>a>.details {
    padding: 0 7.14%;
}

.investorBox02>.investorLinks>li>a>.details>* {
    line-height: 1.67;
}

.investorBox02>.investorLinks>li>a>.details>.title {
    position: relative;
    padding-left: 15px;
    color: #003391;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: bold;
}

.investorBox02>.investorLinks>li>a>.details>.title:before {
    content: "";
    position: absolute;
    top: 0.5em;
    left: 0;
    width: 6px;
    height: 11px;
    background: url(/en/common/img/com_arrow_ic27.png) no-repeat 0 0;
}

.investorBox02>.investorLinks>li>a>.details>.paragraph01 {
    margin-top: 0.25em;
}

.investorBox02>.investorLinks>.large {
    margin-left: 0;
    background-color: #8f9eb6;
}

.investorBox02>.investorLinks>.large+li {
    margin-top: 0;
}

.investorBox02>.investorLinks>.large>a,
.investorBox02>.investorLinks>.large>a>.details>.title {
    color: #ffffff;
}

.investorBox02>.investorLinks>.large>a>.img {
    width: 50%;
}

.investorBox02>.investorLinks>.large>a>.details>.title:before {
    background-image: url(/en/common/img/com_arrow_ic05.png);
}

/* storyHeadline */

.storyHeadline {
    position: relative;
    min-height: 225px;
    padding: 53px 220px 53px 38px;
    background-color: #deebf5;
}

.storyHeadline:before,
.storyHeadline:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 40px;
    background: url(/en/common/img/com_other_bg05.png) repeat-x;
}

.storyHeadline:before {
    top: 0;
    background-position: 0 0;
}

.storyHeadline:after {
    bottom: 0;
    background-position: 0 100%;
}

.storyHeadline>.lead {
    color: #333333;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 200;
    line-height: 1.2;
}

.storyHeadline>.lead>.wrap {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 8px;
    padding: 6px 26px 7px;
    color: #004da1;
    background-color: #ffffff;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
}

.storyHeadline>.title {
    color: #004da1;
    font-size: 40px;
    font-size: 4rem;
    font-weight: 200;
    line-height: 1.25;
}

.storyHeadline>.img {
    position: absolute;
    top: 29px;
    right: 39px;
    text-align: center;
}

.storyHeadline>.img>.caption {
    color: #004da1;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 500;
}

/* feelContentsWrap */

.feelContentsWrap {
    margin: 4em -500% 0;
    padding: 50px 500%;
    background: url(/en/common/img/com_other_bg04.jpg) no-repeat 50% 100%;
}

@media print {
    .feelContentsWrap {
        margin-right: 0;
        margin-left: 0;
        padding-right: 20px;
        padding-left: 20px;
    }

    .csrContentsWrap {
        min-width: 1200px;
    }
}

.feelContentsWrap>*:first-child {
    margin-top: 0 !important;
}

.feelContentsWrap section+section {
    margin-top: 5em;
}

.feelContentsWrap .headline08 {
    padding: 4px 0 6px;
}

.feelContentsWrap .colWrap>.boxLink04 .details>.title>span {
    height: 60px;
}

.feelContentsWrap .range4Col>.col {
    width: 23.75%;
    margin: 20px 0 0 1.67%;
}

.feelContentsWrap .range4Col>.col:nth-child(4n) {
    margin-left: 1.66%;
}

.feelContentsWrap .feelIconList+* {
    margin-top: 1em;
}

.feelContentsWrap .feelIconList>ul {
    float: right;
}

.feelContentsWrap .feelIconList>ul>li {
    position: relative;
    float: left;
    margin-left: 30px;
    padding-left: 28px;
}

.feelContentsWrap .colWrap>[class*=feelIcon] .details>.title {
    position: relative;
    padding-left: 42px;
}

.feelContentsWrap .feelIconList>ul>li:before,
.feelContentsWrap .colWrap>[class*=feelIcon] .details>.title:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.feelContentsWrap .feelIconList>ul>li:before {
    top: 0.3em;
    left: 0;
}

.feelContentsWrap .colWrap>[class*=feelIcon] .details>.title:before {
    display: block;
    top: 50%;
    left: 14px;
    margin-top: -7px;
}

.feelContentsWrap .feelIcon01:before {
    background-image: url(/en/common/img/com_other_ic18.png);
}

.feelContentsWrap .feelIcon02:before {
    background-image: url(/en/common/img/com_other_ic20.png);
}

.feelContentsWrap .feelIcon03:before {
    background-image: url(/en/common/img/com_other_ic22.png);
}

.feelContentsWrap .colWrap>.feelIcon01 .details>.title:before {
    background-image: url(/en/common/img/com_other_ic19.png);
}

.feelContentsWrap .colWrap>.feelIcon02 .details>.title:before {
    background-image: url(/en/common/img/com_other_ic21.png);
}

.feelContentsWrap .colWrap>.feelIcon03 .details>.title:before {
    background-image: url(/en/common/img/com_other_ic23.png);
}

/* notfoundWrap */

.notfoundWrap {
    margin-top: 3.5em !important;
}

.notfoundWrap+.notfoundWrap {
    padding-top: 3em;
    border-top: 1px solid #e2e2e2;
}

.notfoundWrap>*:first-child {
    margin-top: 0 !important;
}

.notfoundWrap>.paragraph01+.btnType01.range2Col {
    margin-top: 3em;
}

.notfoundWrap>.btnType01.range2Col,
.notfoundWrap>.boxType03 {
    margin-top: 3.5em;
}

.notfoundWrap>.boxType03 {
    padding-right: 14.83%;
    padding-left: 14.83%;
}

.notfoundWrap>.boxType03>.siteSearch {
    display: table;
    width: 100%;
    margin: 0 auto;
}

.notfoundWrap>.boxType03>.siteSearch>* {
    display: table-cell;
    vertical-align: middle;
}

.notfoundWrap>.boxType03>.siteSearch>.title {
    padding-right: 5px;
}

.notfoundWrap>.boxType03>.siteSearch>.searchField {
    width: 85.41%;
}

.notfoundWrap>.boxType03>.siteSearch>.searchField input[type="text"] {
    border: 1px solid #cccccc;
}

.notfoundWrap>.boxType03>.siteSearch>.searchField .submit {
    border-left: 1px solid #cccccc;
}

.notfoundWrap.en>.boxType03>.siteSearch>.searchField .submit {
    padding-left: 54px;
    background-position: 25px 50%;
}

/* scrollSupport01 */

.scrollSupport01 {
    display: none !important;
    width: 60px;
    margin: 2.5em auto 0;
}

.scrollSupport01 span {
    display: table-cell;
    position: relative;
    height: 31px;
    text-indent: -9999px;
    outline: none;
}

.scrollSupport01 span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 60px;
    height: 31px;
    margin-top: -16px;
    background: url(/en/common/img/com_other_ic10.png) no-repeat 0 0;
    -webkit-background-size: 60px auto;
    background-size: 60px auto;
}

/* sw_frame */

#sw_frame {
    width: 100%;
    margin-top: 2.5em;
}

#sw_frame object {
    width: 100% !important;
}

#sw_frame:before {
    content: "";
    display: block;
    width: 100%;
    height: 100px;
    background: url(/en/common/img/loading-spinner.gif) no-repeat center center;
}

#sw_frame.ready:before {
    content: none;
}

/* sw_port */

#sw_port {
    overflow: hidden;
    visibility: hidden;
    width: 100%;
    height: 1px;
}

#sw_port iframe {
    width: 100% !important;
    border: 0;
}

/* pluginCover */

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

@media print,
screen and (min-width: 769px) {

    /* pcCancel */
    .pcCancel>.meaning {
        display: table-cell !important;
    }

    .pcCancel>.acodDetail,
    .pcCancel>.spAcodDetail {
        display: block !important;
    }
}

@media only screen and (max-width: 768px) {

    /*=================================

    2: contents parts for Smartphone

================================ */
    /* headline
================================ */
    /* headline01 */
    .headline01 {
        font-size: 2.4rem;
    }

    .headline01+.subTitle {
        font-size: 1.6rem;
    }

    .headline01+.csrSubTitle {
        font-size: 2rem;
    }

    /* headline02 */
    .headline02 {
        padding: 13px 0;
        font-size: 2rem;
    }

    .headline02>.shoulder {
        font-size: 1.1rem;
    }

    .headline02.linkType>a {
        padding: 13px 20px 13px 0;
    }

    .headline02.linkType>a:before {
        right: 0;
    }

    /* headline03 */
    .headline03 {
        padding: 12px 0 12px 17px;
        font-size: 1.6rem;
    }

    .headline03>.shoulder {
        font-size: 1.1rem;
    }

    .headline03.linkType>a {
        padding: 12px 17px;
    }

    /* headline04 */
    .headline04 {
        padding-left: 19px;
        font-size: 1.4rem;
    }

    .headline04:before {
        top: 0.05em;
    }

    .headline04>.shoulder {
        font-size: 1rem;
    }

    /* headline05 */
    .headline05 {
        padding-left: 19px;
        font-size: 1.3rem;
    }

    /* headline06 */
    .headline06 {
        font-size: 1.6rem;
    }

    .headline06>a {
        padding-left: 23px;
    }

    .headline06>a:before {
        top: 0.2em;
        -webkit-background-size: 14px auto;
        background-size: 14px auto;
    }

    .headline06 .textSmall {
        font-size: 1.2rem;
    }

    /* headline07 */
    .headline07 {
        font-size: 1.6rem;
        text-align: center;
    }

    /* headline08 */
    .headline08 {
        font-size: 2.4rem;
    }

    /* missionHeadline */
    .missionHeadline {
        width: 100%;
        padding: 0;
    }

    .missionHeadline:before,
    .missionHeadline:after {
        width: 100% !important;
    }

    .missionHeadline img {
        padding: 0 22px;
    }

    .spBreak .missionHeadline {
        padding-top: 0;
    }

    /* txt
================================ */
    /* leadType01 */
    .leadType01 {
        font-size: 1.6rem;
    }

    /* leadType02 */
    .leadType02 {
        font-size: 2.8rem;
    }

    /* lastUpdate */
    .lastUpdate {
        position: static;
        font-size: 1rem;
        text-align: right;
    }

    .headline01+.lastUpdate,
    .lastUpdate+.colWrap {
        margin-top: 1em !important;
    }

    /* textSmall */
    .textSmall {
        font-size: 1rem;
    }

    /* list
================================ */
    /* listType */
    [class*=listType] li>*>li {
        font-size: 1.1rem;
    }

    [class*=listType] li>a .linkIcon {
        top: 0.2em;
    }

    dl[class*=listType]>dt {
        font-size: 1.3rem;
    }

    dl[class*=listType]>dt span[class*=grIcon] {
        padding: 2px 1em 1px;
        font-size: 1rem;
    }

    dl[class*=listType]>dd {
        padding-left: 17px;
        font-size: 1.2rem;
    }

    /* listType01 */
    ul.listType01 li {
        padding-left: 17px;
    }

    ul.listType01 li:before {
        top: 0.4em;
    }

    ul.listType01 li>a {
        margin-left: -17px;
        padding-left: 17px;
    }

    ul.listType01 li>ul>li {
        padding-left: 12px;
    }

    ul.listType01 li>ul>li:before {
        top: 0.5em;
    }

    ul.listType01 li>ul>li>a {
        margin-left: -12px;
        padding-left: 12px;
    }

    ol.listType01>[class*=csrIcon] {
        margin-left: 38px;
    }

    ol.listType01>[class*=csrIcon]:after {
        top: 0;
        left: -38px;
        width: 30px;
        height: 31px;
    }

    ol.listType01>.csrIcon01:after,
    ol.listType01>.csrIcon02:after,
    ol.listType01>.csrIcon03:after,
    ol.listType01>.csrIcon04:after,
    ol.listType01>.csrIcon05:after {
        -webkit-background-size: 30px auto;
        background-size: 30px auto;
    }

    dl.listType01>dt {
        padding-left: 17px;
    }

    dl.listType01>dt:before {
        top: 0.4em;
    }

    /* listType03 */
    ul.listType03 li {
        padding-left: 17px;
    }

    ul.listType03 li:before {
        top: 0.55em;
        width: 10px;
    }

    ul.listType03 li>ul>li {
        padding-left: 17px;
    }

    ul.listType03 li>ul>li:before {
        top: 0.65em;
        width: 7px;
    }

    dl.listType03>dt {
        padding-left: 17px;
    }

    dl.listType03>dt:before {
        top: 0.65em;
        width: 10px;
    }

    ol.listType03>li {
        font-size: 1.3rem;
    }

    /* listType04 */
    ul.listType04 li {
        padding-left: 22px;
    }

    ul.listType04 li:before {
        top: 0.2em;
        width: 12px;
        height: 12px;
    }

    ul.listType04 li>ul>li {
        padding-left: 20px;
    }

    ul.listType04 li>ul>li:before {
        top: 0.3em;
        width: 10px;
        height: 10px;
    }

    ul.listType04 .blank:before,
    ul.listType04 .pdf:before,
    ul.listType04 .excel:before,
    ul.listType04 .zip:before,
    ul.listType04 .video:before {
        top: 0.15em;
    }

    ul.listType04 .blank:before {
        top: 0.3em;
    }

    dl.listType04>dt>a {
        padding-left: 17px;
    }

    dl.listType04>dt>a:before {
        top: 0.3em;
    }

    /* listType05 */
    dl.listType05>dt {
        font-size: 1.2rem;
    }

    /* listType06 */
    ul.listType06>li {
        padding-left: 14px;
        font-size: 1.4rem;
    }

    ul.listType06>li:before {
        top: 0.4em;
        left: 0;
        width: 5px;
        height: 5px;
    }

    /* noteType */
    [class*=noteType].textSmall>li {
        font-size: 1rem;
    }

    /* placeInfo */
    .placeInfo>li {
        padding-left: 20px;
        font-size: 1.3rem;
    }

    .placeInfo>li:before {
        top: 0.2em;
    }

    /* img
================================ */
    /* linkIcon */
    a .linkIcon {
        top: 0.2em;
        margin: 0 0.3em;
    }

    a img[src*=blank].linkIcon,
    a img[src*=sound].linkIcon {
        top: 0.3em;
    }

    /* colorIcon */
    img.colorIcon {
        top: 0.15em;
    }

    /* img */
    a .img>span {
        display: block;
        background-color: transparent;
    }

    /* imgWrap */
    [class*=imgWrap] {
        overflow: visible;
    }

    /* imgWrap02 */
    .imgWrap02 .img {
        width: 100% !important;
    }

    /* imgWrap04 */
    .imgWrap04 {
        margin-top: 1.5em;
    }

    .imgWrap04 a:after {
        display: none;
    }

    .imgWrap04 .img {
        float: none;
        width: 100%;
    }

    .imgWrap04 .img img {
        width: 100%;
    }

    .imgWrap04 .text {
        top: 75%;
        left: 0;
        width: 100%;
        padding: 0 15% 0 10%;
    }

    .imgWrap04 .text:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 3.5%;
        width: 18px;
        height: 32px;
        margin-top: -16px;
        background: url(/en/common/img/com_arrow_ic22.png) no-repeat 0 0;
    }

    .imgWrap04 .text>.title {
        font-size: 2rem;
    }

    .imgWrap04 .text>.title+.paragraph01 {
        margin-top: 0;
    }

    /* caption */
    .caption {
        font-size: 1rem;
    }

    .caption>.textSmall {
        font-size: 0.8rem;
    }

    /* openModal */
    .playIcon .img:after {
        width: 80px;
        height: 80px;
        margin: -40px 0 0 -40px;
        background-image: url(/en/common/img/com_other_ic12.png);
    }

    /* colorbox */
    #colorbox,
    #cboxWrapper,
    #cboxContent,
    #cboxLoadedContent {
        /*width: 100% !important;*/
    }

    #cboxContent {
        background-color: transparent !important;
    }

    #cboxContent #cboxLoadedContent {
        /*padding: 21px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;*/
    }

    #cboxContent #cboxLoadedContent img {
        width: 100% !important;
        height: auto !important;
    }

    #cboxContent #cboxClose {
        top: -21px;
        width: 21px;
        height: 21px;
        -webkit-background-size: 21px auto;
        background-size: 21px auto;
        z-index: 100;
    }

    /* hero */
    .hero>.heroBanner {
        margin: 0 -10px;
    }

    .hero>.heroBanner+.paragraph01 {
        margin-top: 1em;
    }

    .hero>.heroBanner>.heroCaptions {
        position: static;
    }

    .hero>.heroBanner>.heroCaptions>.caption {
        position: static;
        width: 100%;
        padding: 10px 10px 13px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        font-size: 1.8rem;
    }

    .hero+#main {
        margin-top: 40px;
    }

    .hero.investorType {
        margin: 0 -10px;
        padding: 0;
        background: #004da1;
    }

    .hero.investorType+#main {
        margin-top: 20px;
    }

    .hero.investorType>.heroBanner {
        margin: 0;
    }

    .hero.investorType>.colWrap {
        margin-top: 0;
        padding: 0 10px 15px;
    }

    /* gmapArea */
    .gmapArea {
        height: 300px;
    }

    /* imgAnchor */
    .imgAnchor>.col.boxLink06+.col.boxLink06 {
        margin-top: 15px !important;
    }

    .imgAnchor>.col.boxLink06 .img:after,
    .imgAnchor>.col.boxLink06>a>.title:before {
        display: none;
    }

    .imgAnchor>.col.boxLink06>a {
        display: table;
        table-layout: fixed;
        width: 100%;
        background: #ffffff;
    }

    .imgAnchor>.col.boxLink06>a>* {
        display: table-cell;
        position: static;
        vertical-align: middle;
        margin: 0;
        padding: 0;
    }

    .imgAnchor>.col.boxLink06>a>.img {
        width: 56.67%;
    }

    .imgAnchor>.col.boxLink06>a>.img>span img {
        width: 100%;
    }

    .imgAnchor>.col.boxLink06>a>.title {
        width: 43.33%;
        padding: 0 15px;
        background: url(/en/common/img/com_other_ic59.png) no-repeat 100% 100%;
        -webkit-background-size: 24px auto;
        background-size: 24px auto;
    }

    .imgAnchor>.col.boxLink06>a>.title span {
        display: inline-block;
        position: relative;
        height: auto;
        vertical-align: top;
        padding: 0 0 0 1.5em;
        color: #003391;
        font-size: 1.3rem;
        line-height: 1.15;
        letter-spacing: normal;
    }

    .imgAnchor>.col.boxLink06>a>.title span:before {
        content: "1.";
        position: absolute;
        top: 0;
        left: 0;
        color: #333333;
    }

    .imgAnchor>.col.boxLink06+.col>a>.title span:before {
        content: "2.";
    }

    .imgAnchor>.col.boxLink06+.col+.col>a>.title span:before {
        content: "3.";
    }

    /* sizeAuto */
    .sizeAuto {
        max-width: none !important;
    }

    /* col
================================ */
    /* col */
    .col .sizeSet {
        width: auto !important;
        max-width: none !important;
    }

    .colWrap>.col+.col {
        margin-top: 1em;
    }

    .colWrap>.col>*:first-child {
        margin-top: 0 !important;
    }

    .colWrap>.col .img+.title,
    .colWrap>.col>a+a .title {
        font-size: 1.6rem;
    }

    .colWrap>.col a .title {
        padding-left: 23px;
    }

    .colWrap>.col a .title:before {
        top: 0.1em;
        width: 14px;
        height: 14px;
        -webkit-background-size: 14px auto;
        background-size: 14px auto;
    }

    .colWrap>.col a .title.small {
        padding-left: 16px;
        font-size: 1.2rem;
    }

    .colWrap>.col a .title.small:before {
        top: 0.05em;
    }

    .colWrap>.col .img {
        text-align: center;
    }

    .colWrap>.col [class*=openModal] {
        display: table;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }

    .colWrap>.col [class*=openModal] span {
        display: table;
        margin-right: auto;
        margin-left: auto;
    }

    /* colRight & colLeft */
    .colRight .img,
    .colLeft .img,
    .colRight .caption,
    .colLeft .caption {
        text-align: center;
    }

    .colRight [class*=openModal],
    .colLeft [class*=openModal] {
        display: table;
        margin-right: auto;
        margin-left: auto;
    }

    .ie9 .colRight .img img,
    .ie9 .colLeft .img img {
        width: 100%;
    }

    /* colText */
    .colText>*:first-child {
        margin-top: 0 !important;
    }

    .colRight+.colText,
    .colLeft+.colText {
        margin-top: 1em;
    }

    /* stockInfo */
    .col.stockInfo {
        /*width: 100% !important;*/
    }

    /* elmSwap */
    .elmSwap {
        margin-top: 1em;
    }

    /* range */
    .colWrap.rangeOvCol {
        width: 100% !important;
    }

    .colWrap.range2Col>.col,
    .colWrap.range3Col>.col,
    .colWrap.range4Col>.col,
    .colWrap.range5Col>.col,
    .colWrap.range6Col>.col,
    .colWrap.rangeOvCol>.col,
    [class*=anchorType].range2Col>li,
    [class*=anchorType].range3Col>li,
    [class*=anchorType].range4Col>li,
    [class*=btnType].range2Col>li,
    [class*=btnType].range3Col>li,
    [class*=btnType].range4Col>li,
    [class*=btnType].range5Col>li,
    .lineType02>.linkType01.range5Col>li {
        float: left;
        width: 47.8%;
        margin-left: 4.4%;
    }

    .colWrap.range2Col>.col .img img,
    .colWrap.range3Col>.col .img img,
    .colWrap.range4Col>.col .img img,
    .colWrap.range5Col>.col .img img,
    .colWrap.range6Col>.col .img img,
    .colWrap.rangeOvCol>.col .img img {
        width: 100%;
    }

    [class*=anchorType].range5Col>li {
        float: left;
        width: 30.4%;
        margin-left: 4.4%;
    }

    .colWrap.range2Col>.col:nth-child(-n+2),
    .colWrap.range3Col>.col:nth-child(-n+2),
    .colWrap.range4Col>.col:nth-child(-n+2),
    .colWrap.range5Col>.col:nth-child(-n+2),
    .colWrap.range6Col>.col:nth-child(-n+2),
    .colWrap.rangeOvCol>.col:nth-child(-n+2),
    [class*=anchorType].range2Col>li:nth-child(-n+2),
    [class*=anchorType].range3Col>li:nth-child(-n+2),
    [class*=anchorType].range4Col>li:nth-child(-n+2),
    [class*=anchorType].range5Col>li:nth-child(-n+3),
    [class*=btnType].range2Col>li:nth-child(-n+2),
    [class*=btnType].range3Col>li:nth-child(-n+2),
    [class*=btnType].range4Col>li:nth-child(-n+2),
    [class*=btnType].range5Col>li:nth-child(-n+2),
    .lineType02>.linkType01.range5Col>li:nth-child(-n+2) {
        margin-top: 0;
    }

    .colWrap.range2Col>.col:nth-child(2n+1),
    .colWrap.range3Col>.col:nth-child(2n+1),
    .colWrap.range4Col>.col:nth-child(2n+1),
    .colWrap.range5Col>.col:nth-child(2n+1),
    .colWrap.range6Col>.col:nth-child(2n+1),
    .colWrap.rangeOvCol>.col:nth-child(2n+1),
    [class*=anchorType].range2Col>li:nth-child(2n+1),
    [class*=anchorType].range3Col>li:nth-child(2n+1),
    [class*=anchorType].range4Col>li:nth-child(2n+1),
    [class*=anchorType].range5Col>li:nth-child(3n+1),
    [class*=btnType].range2Col>li:nth-child(2n+1),
    [class*=btnType].range3Col>li:nth-child(2n+1),
    [class*=btnType].range4Col>li:nth-child(2n+1),
    [class*=btnType].range5Col>li:nth-child(2n+1),
    .lineType02>.linkType01.range5Col>li:nth-child(2n+1) {
        clear: left;
        margin-left: 0;
    }

    .lineType02>.linkType01.range5Col>li {
        margin-right: 0;
    }

    /* panelType01 */
    .range3Col.panelType01>* {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .range3Col.panelType01>*+* {
        margin-top: 1em !important;
    }

    .range3Col.panelType01>.col [class*=openModal] {
        width: 100%;
    }

    /* panelType02 */
    .range3Col.panelType02>*,
    .range3Col.panelType02>*:nth-child(3n+1),
    .range3Col.panelType02>*:nth-child(3n+6),
    .range3Col.panelType02>*:nth-child(2),
    .range3Col.panelType02>*:nth-child(4) {
        clear: none !important;
        margin: 1em 0 0 !important;
    }

    .range3Col.panelType02>* {
        float: left;
        width: 47.8%;
        margin-left: 4.4% !important;
    }

    .range3Col.panelType02>*:nth-child(2n) {
        clear: left !important;
        margin-left: 0 !important;
    }

    .range3Col.panelType02>.pickUp {
        position: static;
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .range3Col.panelType02>.col a .title {
        margin-top: 0.5em;
        font-size: 1.3rem;
        font-weight: bold;
    }

    .range3Col.panelType02>.col a .title:before {
        top: 0;
    }

    /* panelType03 */
    .range4Col.panelType03,
    .range3Col.panelType03 {
        position: relative;
    }

    .range4Col.panelType03:before,
    .range3Col.panelType03:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        width: 1px;
        height: 100%;
        background-color: #ffffff;
        z-index: 2;
    }

    .range4Col.panelType03>*,
    .range3Col.panelType03>* {
        width: 50% !important;
    }

    .range4Col.panelType03>*+*,
    .range3Col.panelType03>*+* {
        clear: none !important;
        margin: 1px 0 0 !important;
    }

    .range4Col.panelType03>*:nth-child(2n),
    .range3Col.panelType03>*:nth-child(2n) {
        clear: left !important;
    }

    .range4Col.panelType03>.pickUp,
    .range3Col.panelType03>*:first-child {
        position: relative;
        overflow: hidden;
        width: 100% !important;
        z-index: 3;
    }

    .range4Col.panelType03>.pickUp a .title span,
    .range3Col.panelType03>*:first-child a .title span {
        height: 67px;
        padding: 0 7.33% 0 5.33%;
        font-size: 1.6rem;
    }

    .range4Col.panelType03>* a .title:before,
    .range3Col.panelType03>* a .title:before {
        width: 10px;
        height: 18px;
        -webkit-background-size: 10px auto;
        background-size: 10px auto;
    }

    .range3Col.panelType03 .playIcon .img>span:after {
        width: 120px;
        height: 120px;
        margin: -90px 0 0 -60px;
        background-image: url(/en/common/img/com_other_ic11.png);
    }

    /* posRight */
    .col.posRight {
        position: static;
    }

    /* spBreak */
    .colWrap.spBreak>.col,
    [class*=anchorType].spBreak>li,
    [class*=btnType].spBreak>li {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
    }

    .colWrap.spBreak>.col+.col {
        margin-top: 2.5em !important;
    }

    .colWrap.spBreak>.col .img img {
        width: auto;
    }

    [class*=anchorType].spBreak>li+li,
    [class*=btnType].spBreak>li+li {
        margin-top: 1em !important;
    }

    .range2Col.wType02.spBreak>.twoThirds,
    .range2Col.wType02.spBreak>.twoThirds+.col {
        margin-top: 1.3em !important;
    }

    .ie9 .colWrap.range2Col.spBreak>.col .img span,
    .ie9 .colWrap.range3Col.spBreak>.col .img span,
    .ie9 .colWrap.range4Col.spBreak>.col .img span,
    .ie9 .colWrap.range5Col.spBreak>.col .img span,
    .ie9 .colWrap.range6Col.spBreak>.col .img span,
    .ie9 .colWrap.rangeOvCol.spBreak>.col .img span {
        display: table;
        margin-right: auto;
        margin-left: auto;
    }

    .ie9 .colWrap.range2Col.spBreak>.col .img img,
    .ie9 .colWrap.range3Col.spBreak>.col .img img,
    .ie9 .colWrap.range4Col.spBreak>.col .img img,
    .ie9 .colWrap.range5Col.spBreak>.col .img img,
    .ie9 .colWrap.range6Col.spBreak>.col .img img,
    .ie9 .colWrap.rangeOvCol.spBreak>.col .img img {
        width: 100%;
    }

    /* spNavType */
    .colWrap.spNavType {
        margin-top: 1.3em !important;
        border: 1px solid #cccccc;
    }

    .colWrap.spNavType>.col>a>.img,
    .colWrap.spNavType>.col>a>.title:before,
    .colWrap.spNavType>.col>.spAcodDetail>li>a:before {
        display: none;
    }

    .colWrap.spNavType>.col {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
    }

    .colWrap.spNavType>.col+.col {
        border-top: 1px solid #cccccc;
    }

    .colWrap.spNavType>.col>a {
        padding: 13px 14px 12px;
        color: #333333;
        text-decoration: none !important;
        outline: none;
    }

    .colWrap.spNavType>.col>a>.title {
        margin-top: 0;
        padding-left: 0;
        font-size: 1.5rem;
    }

    .colWrap.spNavType>.col>.spAcodSwitch {
        position: relative;
        padding-right: 30px;
    }

    .colWrap.spNavType>.col>.spAcodSwitch:before {
        content: "";
        position: absolute;
        top: 50%;
        right: 15px;
        width: 14px;
        height: 14px;
        margin-top: -7px;
        background: url(/en/common/img/com_other_ic02.png) no-repeat 0 0;
    }

    .colWrap.spNavType>.col>.spAcodSwitch.active:before {
        background-position: -14px 0;
    }

    .colWrap.spNavType>.col>.spAcodDetail {
        margin: 0;
        padding: 0;
    }

    .colWrap.spNavType>.col>.spAcodDetail>li {
        margin-top: 0;
        border-top: 1px solid #cccccc;
        background-color: #eeeeee;
    }

    .colWrap.spNavType>.col>.spAcodDetail>li>a {
        display: block;
        padding: 13px 14px 12px 34px;
        color: #333333;
        font-size: 1.5rem;
    }

    .colWrap.spNavType>.col>.spAcodDetail>li>a .linkIcon {
        top: 0.15em;
    }

    .colWrap.spNavType>.col>.spAcodDetail>.categoryTop>a {
        background-color: #999999;
        color: #ffffff;
    }

    /* link-text
================================ */
    /* linkType */
    [class*=linkType] a .linkIcon {
        top: 0.05em;
    }

    [class*=linkType] a img[src*=blank].linkIcon,
    [class*=linkType] a img[src*=sound].linkIcon {
        top: 0.25em;
    }

    [class*=linkType] .aR>a {
        display: inline;
    }

    [class*=linkType] li.textLarge {
        font-size: 1.4rem;
    }

    /* linkType01 */
    .linkType01>li>a {
        padding-left: 16px;
    }

    .linkType01>li>a:before {
        top: 0.2em;
    }

    /* linkType02 */
    .linkType02>li>a {
        padding-left: 22px;
    }

    .linkType02>li>a:before {
        width: 13px;
        height: 24px;
        -webkit-background-size: 13px auto;
        background-size: 13px auto;
    }

    /* linkTypeRss */
    .linkTypeRss li>a {
        padding-left: 16px;
        font-size: 1.1rem;
    }

    .linkTypeRss li>a:before {
        top: 0.6em;
    }

    .linkTypeRss a img[src*=rss].linkIcon {
        margin-right: 8px;
    }

    /* anchorType */
    [class*=anchorType].rangeVarCol>li {
        margin-right: 16px;
        padding-right: 16px;
    }

    /* anchorType01 */
    .anchorType01>li>a,
    [class*=anchorType] li>span {
        padding-left: 16px;
    }

    .anchorType01>li>a:before,
    [class*=anchorType] li>span:before {
        top: 0.4em;
    }

    /* link-btn
================================ */
    /* btnType */
    [class*=btnType] a .linkIcon {
        top: 0.1em;
    }

    [class*=btnType] a img[src*=blank].linkIcon,
    [class*=btnType] a img[src*=sound].linkIcon {
        top: 0.2em;
    }

    [class*=btnType] a>span {
        line-height: 1.3;
    }

    /* btnType01 */
    .btnType01 a {
        padding-top: 15px;
        padding-bottom: 13px;
    }

    .btnType01 a>span {
        padding-left: 15px;
    }

    .btnType01 a>span::before {
        margin-top: -7px;
    }

    .btnType01 a.attention {
        font-size: 1.2rem;
    }

    .btnType01.range5Col a {
        padding-right: 10px;
        padding-left: 10px;
    }

    .btnType01.range5Col a>span {
        padding-left: 12px;
        font-size: 1.1rem;
    }

    /* btnType02 */
    .btnType02 a {
        padding-top: 16px;
        padding-bottom: 15px;
    }

    .btnType02 a>span {
        padding-left: 15px;
    }

    .btnType02.range5Col a {
        padding-right: 10px;
        padding-left: 10px;
    }

    .btnType02.range5Col a>span {
        padding-left: 12px;
        font-size: 1.1rem;
    }

    /* btnType03 */
    .btnType03 a {
        padding-top: 15px;
        padding-bottom: 13px;
        padding-left: 27px;
    }

    /* btnType04 */
    .btnType04 a,
    .btnType04>span {
        padding: 0 24px 0 22px;
    }

    .btnType04 a:after {
        right: 15px;
    }

    .btnType04 a>span,
    .btnType04>span>span {
        font-size: 1.6rem;
    }

    /* btnType05 */
    .btnType05 a {
        padding: 0 25px 0 0;
        border-bottom-width: 3px;
    }

    .btnType05 a:after {
        right: 10px;
    }

    .btnType05 a>span {
        height: 62px;
    }

    .btnType05 a>.icon {
        width: 84px;
        padding: 0 20px;
    }

    .btnType05 a>.icon+span {
        font-size: 2rem;
    }

    /* btnType06 */
    .btnType06>li+li {
        margin-top: 8px;
    }

    .btnType06 a {
        font-size: 1.4rem;
    }

    .btnType06 a>span {
        height: 54px;
    }

    .btnType06 a>.icon {
        width: 25.25%;
    }

    .bnrList+.btnType06 {
        margin-top: 8px;
    }

    /* btnType07 */
    .btnType07 a>.icon {
        width: 25.84%;
        padding: 10px;
    }

    .btnType07 a>.details>.title {
        padding-left: 14px;
        font-size: 1.3rem;
    }

    .btnType07 a>.details>.title:before {
        top: 0.4em;
        left: 0;
        height: 12px;
        -webkit-background-size: 6px auto;
        background-size: 6px auto;
    }

    /* readMore */
    .btnType01.rmType01 a>span {
        padding-left: 19px;
        font-size: 1.2rem;
    }

    .btnType01.rmType01 a>span:before {
        width: 11px;
        height: 11px;
        -webkit-background-size: 22px auto;
        background-size: 22px auto;
    }

    .btnType01.active.rmType01 a>span:before {
        background-position: -11px 0;
    }

    .btnType01.rmType02 a {
        padding: 15px 15px 13px 17px;
    }

    .btnType01.rmType02 a>span {
        padding-right: 11px;
    }

    /* boxLink01 */
    .boxLink01 .title {
        height: 40px;
    }

    /* boxLink02 */
    .colWrap>.boxLink02 a .title {
        padding: 0;
    }

    .colWrap>.boxLink02 a .title:before {
        top: 50%;
        left: 6.2%;
        width: 10px;
        margin-top: -6px;
        -webkit-background-size: 10px auto;
        background-size: 10px auto;
    }

    .colWrap>.boxLink02 a .title span {
        height: 56px;
        font-size: 1.3rem;
    }

    /* boxLink03 */
    .colWrap>.boxLink03 a .title {
        padding: 0;
    }

    .colWrap>.boxLink03 a .title:before {
        top: 50%;
    }

    .colWrap>.boxLink03 a .title span {
        height: 48px;
        padding: 0 14.71% 0 10.7%;
        font-size: 1.4rem;
        line-height: 1.25;
    }

    /* tab
================================ */
    /* tabWrap */
    [class*=tabWrap] {
        position: relative;
        margin-top: 1.5em;
    }

    [class*=tabWrap] .tabNav.lower {
        display: none !important;
    }

    [class*=tabWrap] .spSelectTrigger {
        display: block !important;
    }

    [class*=tabWrap] .spSelectTrigger a {
        display: block;
        position: relative;
        padding: 18px 20px 18px 15px;
        background-color: #ffffff;
        border: 1px solid #dddddd;
        text-decoration: none;
        outline: none;
    }

    [class*=tabWrap] .spSelectTrigger a:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 20px;
        width: 12px;
        height: 8px;
        margin-top: -4px;
        background: url(/en/common/img/com_arrow_ic08.png) no-repeat 0 0;
    }

    [class*=tabWrap] .spSelectTrigger span {
        display: block;
        font-size: 1.5rem;
        font-weight: bold;
    }

    [class*=tabWrap] .spSelectTrigger+.tabNav {
        display: none;
        width: 100%;
        border: 1px solid #dddddd;
        border-top: none;
        background-color: #ffffff;
        z-index: 10;
    }

    [class*=tabWrap] .spSelectTrigger+.tabNav li+li {
        border-top: 1px solid #dddddd;
    }

    [class*=tabWrap] .spSelectTrigger+.tabNav a {
        display: block;
        padding: 15px 10px;
    }

    [class*=tabWrap].tabSwitcher:not(.isNoChange) {
        border: 1px solid #dddddd;
        border-bottom: none;
    }

    [class*=tabWrap].tabSwitcher:not(.isNoChange) .tabNav {
        display: none !important;
    }

    [class*=tabWrap].tabSwitcher .spAcodNav {
        display: block !important;
    }

    [class*=tabWrap].tabSwitcher .spAcodNav * {
        line-height: 1.33;
    }

    [class*=tabWrap].tabSwitcher .spAcodNav a {
        display: block;
        position: relative;
        padding: 18px 20px 18px 15px;
        background-color: #f3f3f3;
        border-bottom: 2px solid #cccccc;
        text-decoration: none;
        outline: none;
    }

    [class*=tabWrap].tabSwitcher .spAcodNav a:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 18px;
        width: 14px;
        height: 14px;
        margin-top: -7px;
        background: url(/en/common/img/com_other_ic02.png) no-repeat 0 0;
    }

    [class*=tabWrap].tabSwitcher .spAcodNav span {
        display: block;
        font-size: 1.5rem;
        font-weight: bold;
    }

    [class*=tabWrap].tabSwitcher .spAcodNav .active a {
        background-color: #eff4fc;
    }

    [class*=tabWrap].tabSwitcher .spAcodNav .active a:after {
        background-position: -14px 0;
    }

    [class*=tabWrap].tabSwitcher .tabDetail {
        padding: 15px 10px;
        border-bottom: 1px solid #dddddd;
    }

    [class*=tabWrap].tabSwitcher .tabDetail>*:first-child {
        margin-top: 0 !important;
    }

    /* isNoChange */
    .tabSwitcher.isNoChange .tabNav {
        position: relative;
        padding: 0;
        border-bottom: 2px solid #dddddd;
    }

    .tabSwitcher.isNoChange .tabNav a {
        display: table;
        position: relative;
        width: 100%;
        border-bottom: none;
        text-decoration: none;
        outline: none;
    }

    .tabSwitcher.isNoChange .tabNav a:before {
        content: "";
        position: absolute;
        bottom: 4px;
        left: 50%;
        width: 12px;
        height: 8px;
        margin-left: -6px;
        background: url(/en/common/img/com_arrow_ic08.png) no-repeat 0 0;
    }

    .tabSwitcher.isNoChange .tabNav a>span {
        display: table-cell;
        vertical-align: middle;
        padding-bottom: 16px;
        font-size: 1.4rem;
        font-weight: bold;
        line-height: 1.2;
        text-align: center;
    }

    .tabSwitcher.isNoChange .tabNav .active a {
        color: #333333;
        text-decoration: none;
    }

    .tabSwitcher.isNoChange .tabNav .active a:before {
        display: none;
    }

    .tabSwitcher.isNoChange .tabNav .active a:after {
        content: "";
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #0c479d;
    }

    .tabSwitcher.isNoChange .active a>span:before {
        content: "";
        position: absolute;
        bottom: -18px;
        left: 50%;
        width: 0;
        height: 0;
        margin-left: -9px;
        border-top: 9px solid transparent;
        border-right: 9px solid transparent;
        border-bottom: 9px solid transparent;
        border-left: 9px solid transparent;
        border-top-color: #0c479d;
    }

    .tabSwitcher.isNoChange .tabNav[class*=range]>li {
        float: left;
    }

    .tabSwitcher.isNoChange .tabNav.range2Col>li {
        width: 50%;
    }

    .tabSwitcher.isNoChange .tabNav.range3Col>li {
        width: 33.33%;
    }

    .tabSwitcher.isNoChange .tabNav.range3Col>li:nth-child(2n) {
        width: 33.34%;
    }

    .tabSwitcher.isNoChange .tabNav.range4Col>li {
        width: 25%;
    }

    .tabSwitcher.isNoChange .tabNav.range5Col>li {
        width: 20%;
    }

    .tabSwitcher.isNoChange .tabNav.range6Col>li {
        width: 16.67%;
    }

    .tabSwitcher.isNoChange .tabNav.range6Col>li:nth-child(3n) {
        width: 16.66%;
    }

    .tabSwitcher.isNoChange .tabNav.range7Col>li {
        width: 14.28%;
    }

    .tabSwitcher.isNoChange .tabNav.range7Col>li:nth-child(2n-1) {
        width: 14.29%;
    }

    .tabSwitcher.isNoChange .tabNav.range2Col>li:nth-child(2n+1),
    .tabSwitcher.isNoChange .tabNav.range3Col>li:nth-child(3n+1),
    .tabSwitcher.isNoChange .tabNav.range4Col>li:nth-child(4n+1),
    .tabSwitcher.isNoChange .tabNav.range5Col>li:nth-child(5n+1),
    .tabSwitcher.isNoChange .tabNav.range6Col>li:nth-child(6n+1),
    .tabSwitcher.isNoChange .tabNav.range6Col>li:nth-child(7n+1) {
        margin-left: 0;
    }

    .tabSwitcher.isNoChange .tabDetail {
        position: relative;
        padding: 1.5em 0;
    }

    .tabSwitcher.isNoChange .tabDetail>*:first-child {
        margin-top: 0 !important;
    }

    /* table
================================ */
    /* tableType */
    [class*=tableType] table th,
    [class*=tableType] table td {
        padding: 15px 10px;
        word-break: break-all;
    }

    [class*=tableType].spVertical table th,
    [class*=tableType].spVertical table td,
    [class*=tableType].spScroll table th,
    [class*=tableType].spScroll table td {
        word-break: normal;
    }

    /* spVertical */
    [class*=tableType].spVertical table,
    [class*=tableType].spVertical table caption,
    [class*=tableType].spVertical table thead,
    [class*=tableType].spVertical table tbody,
    [class*=tableType].spVertical table tr,
    [class*=tableType].spVertical table th,
    [class*=tableType].spVertical table td {
        display: block;
        width: 100%;
    }

    [class*=tableType].spVertical table {
        border: none;
        border-bottom: 1px solid #e2e2e2;
    }

    [class*=tableType].spVertical table th,
    [class*=tableType].spVertical table td {
        border-top: 1px solid #e2e2e2;
        border-bottom: none;
        border-left: 1px solid #e2e2e2;
    }

    [class*=tableType].spVertical table thead {
        display: none !important;
    }

    [class*=tableType].spVertical table th.headline {
        display: block !important;
    }

    .ie9 [class*=tableType].spVertical table th,
    .ie9 [class*=tableType].spVertical table td {
        float: left;
    }

    /* spScroll */
    [class*=tableType].spScroll {
        overflow-x: auto;
        padding-bottom: 10px;
    }

    [class*=tableType].spScroll::-webkit-scrollbar {
        width: 6px;
        background: #f2f2f2;
    }

    [class*=tableType].spScroll::-webkit-scrollbar:horizontal {
        height: 6px;
        background: #f2f2f2;
    }

    [class*=tableType].spScroll::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background: #c2c2c2;
    }

    [class*=tableType].spScroll::-webkit-scrollbar-thumb:horizontal {
        border-radius: 3px;
        background: #c2c2c2;
    }

    /* [class*=tableType].spScroll table,
    [class*=tableType].spScroll>.unit {
        /* width: 768px; */
}

*/

/* tableCap01 */
.tableCap01 {
    font-size: 1.4rem;
}

.tableCap01>.subTitle {
    font-size: 1.2rem;
}

/* tableSupport01 */
.tableSupport01 {
    display: table !important;
}

.tableSupport01+[class*=tableType].spScroll {
    margin-top: 1em;
}

/* tableSize */
[class*=tableSize] {
    width: 100% !important;
}

/* siteSearchTable */
.siteSearchTable .searchBlock {
    width: 100%;
    height: 32px;
}

.siteSearchTable .searchBlock>input {
    height: 32px;
}

.siteSearchTable .searchBlock>input[type="text"] {
    padding: 4px 78px 4px 8px;
}

.siteSearchTable .searchBlock>.submit {
    width: 70px;
}

.siteSearchTable .inputList>li>input[type="radio"],
.siteSearchTable .inputList>li>input[type="checkbox"] {
    top: 0.23em;
    margin-right: 4px;
}

/* box
================================ */
/* boxType */
[class*=boxType] .boxTitle {
    font-size: 1.6rem;
}

.range2Col [class*=boxType] .btnType04,
.range3Col [class*=boxType] .btnType04 {
    margin: -1px -1px 0 !important;
}

.spBreak [class*=boxType] .boxInner {
    padding: 3.58% 3.26%;
}

.range2Col.staffInfo [class*=boxType] .boxInner dl[class*="listType"]>dt {
    font-size: 1.4rem;
}

/* boxLink04 */
.colWrap>.boxLink04>a {
    display: table;
    padding: 10px;
    border: 1px solid #cccccc;
}

.colWrap>.boxLink04>a>.img,
.colWrap>.boxLink04>a>.details {
    display: table-cell;
}

.colWrap>.boxLink04>a>.img {
    width: 30%;
    vertical-align: top;
}

.colWrap>.boxLink04>a>.img img {
    width: 100%;
}

.colWrap>.boxLink04 .details {
    position: static !important;
    vertical-align: middle;
    padding-left: 10px;
}

.colWrap>.boxLink04 .details>.title {
    padding: 0;
    font-size: 1.4rem;
}

.colWrap>.boxLink04 .details>.title>span {
    height: auto;
    padding-bottom: 0;
    color: #0a5fbe;
}

.colWrap>.boxLink04 .details>.title>span .linkIcon {
    top: 0.3em;
}

.colWrap>.boxLink04 .details>.title+* {
    margin-top: 0.5em;
    padding: 0;
    font-size: 1.1rem;
}

.feelContentsWrap .colWrap>[class*="feelIcon"] .details>.title {
    padding-left: 22px;
}

.feelContentsWrap .colWrap>[class*="feelIcon"] .details>.title:before {
    left: 0;
}

/* boxLink05 */
.boxLink05 {
    margin: 2em -10px 0;
    background-position: 0 100%;
    -webkit-background-size: cover;
    background-size: cover;
}

.boxLink05+* {
    margin-top: 2em;
}

.boxLink05>a {
    display: block;
    padding: 10px;
}

.boxLink05>a:after {
    display: none;
}

.boxLink05>a>* {
    display: block;
    width: 100%;
    vertical-align: top;
}

.boxLink05>a>.details {
    padding: 1.5em 30px 1em 0;
    background: url(/en/common/img/com_arrow_ic22.png) no-repeat 100% 50%;
}

.boxLink05>a>.details>.title {
    font-size: 2rem;
}

/* boxType05 */
.boxType05>.boxTitle {
    font-size: 1.6rem;
}

.boxType05>.boxTitle>span {
    height: 60px;
}

.boxType05>.boxTitle>.icon,
.range2Col.wType02>.twoThirds .boxType05>.boxTitle>.icon {
    width: 25.25%;
}

.boxType05>.boxInner>.pcElm+* {
    margin-top: 0;
}

.boxType05>.boxInner>ol.listType03 {
    padding: 1em 20px 0;
}

.range2Col.wType02 .boxType05>.boxInner,
.range2Col.wType02>.twoThirds .boxType05>.boxInner {
    padding: 10px;
}

/* boxType06 */
.boxType06 {
    padding: 15px;
}

.boxType06 .boxTitle {
    font-size: 2rem;
}

.boxType06 .boxTitle.vidsIcon {
    padding-left: 45px;
    -webkit-background-size: 35px auto;
    background-size: 35px auto;
}

.boxType06 .boxTitle+* {
    margin-top: 1em;
}

.boxType06 .listType06 {
    padding-left: 45px;
}

.boxType06 .btnType02 {
    margin-top: 1em;
}

.boxType06 .btnType02 a {
    padding-top: 15px;
    padding-bottom: 16px;
}

.boxType06>.colWrap>.colRight {
    width: auto;
}

/* boxType07 */
.boxType07 {
    padding: 3px;
    -webkit-background-size: 65px auto;
    background-size: 65px auto;
}

/* boxType08 */
.boxType08 {
    padding: 0 14px 16px;
}

.boxType08>.boxTitle {
    margin: 0 -14px;
}

.boxType08>.boxType01 {
    padding: 1em;
}

/* boxPlugin */
.boxPlugin {
    display: none;
}

.boxPlugin .bnrBlock .bnr {
    padding-right: 24px;
}

/* other
================================ */
/* slideWrap01 */
.slideWrap01 {
    padding: 20px 30px;
}

.slideWrap01 .bx-controls a {
    width: 12px;
    height: 22px;
    margin-top: -11px;
}

.slideWrap01 .bx-controls .bx-prev {
    left: 8px;
    -webkit-background-size: 12px auto;
    background-size: 12px auto;
}

.slideWrap01 .bx-controls .bx-next {
    right: 8px;
    -webkit-background-size: 12px auto;
    background-size: 12px auto;
}

.slideWrap01.noSlide .slider>*,
.slideWrap01.noSlide .slider>*:first-child {
    width: 46.87%;
    margin: 10px 0 0 6.26%;
}

.slideWrap01.noSlide .slider>*:nth-child(2n+1) {
    margin-left: 0;
}

.slideWrap01.noSlide .slider>*:nth-child(-n+2) {
    margin-top: 0;
}

/* slideWrap02 */
.slideWrap02 {
    padding: 20px 40px 15px;
}

.slideWrap02 .bx-controls a {
    width: 12px;
    height: 22px;
    margin-top: -11px;
}

.slideWrap02 .bx-controls .bx-prev {
    left: -30px;
    -webkit-background-size: 12px auto;
    background-size: 12px auto;
}

.slideWrap02 .bx-controls .bx-next {
    right: -30px;
    -webkit-background-size: 12px auto;
    background-size: 12px auto;
}

.slideWrap02 .col a .title {
    padding-left: 12px;
}

.slideWrap02 .col a .title:before {
    top: 0.25em;
}

/* slideWrap03 */
.slideWrap03 .playIcon .img>span:after {
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
    -webkit-background-size: 60px auto;
    background-size: 60px auto;
}

.slideWrap03 .bx-pager {
    height: 2px;
    margin-top: 15px;
}

.slideWrap03 .bx-pager .bx-pager-item {
    margin: 0 3px;
}

.slideWrap03 .bx-pager a {
    width: 20px;
    height: 2px;
}

.slideWrap03 .bx-controls-direction a {
    width: 30px;
    height: 60px;
    margin-top: -30px;
}

.slideWrap03 .bx-controls-direction .bx-prev {
    left: -10px;
    background-image: url(/en/common/img/com_arrow_ic23.png);
    -webkit-background-size: 11px auto;
    background-size: 11px auto;
}

.slideWrap03 .bx-controls-direction .bx-next {
    right: -10px;
    background-image: url(/en/common/img/com_arrow_ic24.png);
    -webkit-background-size: 11px auto;
    background-size: 11px auto;
}

/* lineType03 */
.range2Col.lineType03>.col:nth-child(-n+2),
.range3Col.lineType03>.col:nth-child(-n+3),
.range4Col.lineType03>.col:nth-child(-n+4),
.range5Col.lineType03>.col:nth-child(-n+5) {
    margin-top: 1.5em;
    padding-top: 1.5em;
    border-top: 1px solid #e2e2e2;
}

.range3Col.lineType03>.col:nth-child(-n+2),
.range4Col.lineType03>.col:nth-child(-n+2),
.range5Col.lineType03>.col:nth-child(-n+2),
.lineType03.spBreak>.col:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

.lineType03.spBreak>.col+.col {
    margin-top: 1.5em !important;
}

/* pulldownWrap01 */
.pulldownWrap01>.title {
    top: 0.4em;
}

section>.headline02+.pulldownWrap01 {
    margin-top: 1em;
}

/* release */
.release {
    font-size: 1.1rem;
}

.release .category li {
    width: 80px;
    padding: 2px 0 1px;
    font-size: 1rem;
    line-height: 14px;
}

.release .category .icon11,
.release .category .icon13 {
    width: auto;
    padding-right: 1em;
    padding-left: 1em;
}

/*.release .title a {
    padding-left: 12px;
}
.release .title a:before {
    top: 0.2em;
}*/
.release .newEntry .title .newIcon {
    font-size: 1.1rem;
}

.release a .linkIcon {
    top: 0.1em;
}

.release a img[src*=blank].linkIcon {
    top: 0.2em;
}

/* releaseWrap */
.headline02+.pcElm+[class*=releaseWrap] {
    margin-top: 0 !important;
    border-top: none;
}

/* releaseWrap01 */
.releaseWrap01 .release .entryDetail {
    padding: 16px 0 13px;
}

.releaseWrap01 .release .entryList {
    clear: both;
    float: left;
    margin-top: 0.6em;
}

.releaseWrap01+.linkTypeRss {
    position: static;
    margin-top: 1em;
}

/* releaseWrap02 */
.releaseWrap02 .release {
    padding-top: 1em;
    padding-bottom: 1em;
}

.releaseWrap02 .release .img {
    width: 31.7%;
}

.releaseWrap02 .release .category {
    clear: both;
    margin-top: 0.6em;
}

.releaseWrap02 .release .entryList {
    margin-top: 0.5em;
}

.releaseWrap02 .release .entryDetail {
    padding: 0;
}

/* moreReleaseType */
[class*=releaseWrap]+.moreReleaseType {
    position: static;
    margin-top: 1em;
    text-align: right;
}

/* questionWrap01 */
.questionWrap01 .acodSwitch a {
    height: 62px;
    padding: 0 30px;
    font-size: 1.3rem;
}

.questionWrap01 .acodSwitch .faqIcon {
    width: 20px;
    height: 20px;
    margin-top: -10px;
}

.questionWrap01 .acodSwitch .faqIcon img {
    width: 40px;
    height: 20px;
}

.questionWrap01 .acodDetail {
    padding: 23px 0 22px 30px;
}

.questionWrap01 .acodDetail .faqIcon {
    top: 22px;
    width: 20px;
    height: 20px;
}

.questionWrap01 .acodDetail .faqIcon img {
    left: -20px;
    width: 40px;
    height: 20px;
}

/* companyWrap01 */
.companyWrap01 .acodSwitch {
    padding-top: 22px;
    padding-bottom: 21px;
    font-size: 1.6rem;
}

.companyWrap01 .acodSwitch .sub {
    font-size: 1.2rem;
}

.companyWrap01 .acodDetail {
    padding: 20px 0 24px;
}

/* flowWrap01 */
.flowWrap01 .flow+.flow {
    padding-top: 40px;
    -webkit-background-size: 44px auto;
    background-size: 44px auto;
}

/* worldMapWrap */
.worldMapWrap .img {
    display: none;
}

.worldMapWrap .areaLinks {
    overflow: hidden;
}

.worldMapWrap .areaLinks li {
    position: static;
    float: left;
    width: 47.8%;
    margin: 1em 0 0 4.4%;
    line-height: 1.67;
}

.worldMapWrap .areaLinks li:nth-child(-n+2) {
    margin-top: 0;
}

.worldMapWrap .areaLinks li:nth-child(2n+1) {
    clear: left;
    margin-left: 0;
}

.worldMapWrap .areaLinks li>a {
    display: table-cell;
    width: 1%;
    height: 40px;
    padding: 0;
    vertical-align: middle;
    background-color: #003391;
    color: #ffffff !important;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.25;
    text-align: center;
}

.noSide .worldMapWrap .areaLinks li {
    width: 100%;
    margin: 0 !important;
}

.noSide .worldMapWrap .areaLinks li+li {
    margin-top: 1em !important;
}

.noSide .worldMapWrap .areaLinks li>a {
    padding-right: 0.55em;
    padding-left: 0.45em;
}

.noSide .worldMapWrap .areaLinks li>a:before {
    display: none;
}

.noSide .worldMapWrap .areaLinks .japan,
.noSide .worldMapWrap .areaLinks .america,
.noSide .worldMapWrap .areaLinks .asia,
.noSide .worldMapWrap .areaLinks .emea,
.noSide .worldMapWrap .areaLinks .global {
    top: auto;
    left: auto;
}

.noSide .worldMapWrap .moreReleaseType {
    position: static;
    margin-top: 1em;
}

/* csrContentsWrap */
.csrContentsWrap .csrUpperContents .range3Col>.col.sustainabilityCol,
.csrContentsWrap .csrUpperContents .range3Col>.col.socialCol {
    padding-bottom: 40px;
}

.csrContentsWrap .csrUpperContents .range3Col>.col .inner {
    padding: 30px 30px 60px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 1%, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.6) 75%, rgba(255, 255, 255, 0) 100%);
}

.csrContentsWrap .csrUpperContents .csrBtnWrap>li {
    float: left;
    width: 47.8%;
}

.csrContentsWrap .csrUpperContents .csrBtnWrap>li:nth-child(2n) {
    margin-left: 4.4%;
}

/* csrMap */
.worldMapWrap.csrMap01 .areaLinks {
    display: none;
}

.worldMapWrap.csrMap01 .modalContents {
    display: block !important;
}

.worldMapWrap.csrMap01 .modalDetail {
    margin-top: 1em;
}

/* phoneType */
[class*=phoneType],
[class*=phoneType]:not(.fax)>* {
    display: block;
}

[class*=phoneType]:not(.fax)>.number {
    text-align: right;
}

[class*=phoneType]:not(.fax)>.number a {
    display: block;
    padding: 10px;
    border: 2px solid #e2e2e2;
    background: #ffffff;
    color: #000000;
    font-size: 2.8rem;
    line-height: 1.1;
    text-align: center;
    text-decoration: none !important;
}

[class*=phoneType]:not(.fax)>.number br {
    display: none;
}

[class*=phoneType]:not(.fax)>.number br+a {
    margin-top: 10px;
}

[class*=phoneType].fax a {
    color: #444444;
    text-decoration: none !important;
    outline: none;
    cursor: text;
}

/*[class*=phoneType] a:before {
    content: "";
    display: inline-block;
    position: relative;
    top: 0.15em;
    width: 28px;
    height: 28px;
    margin-right: 10px;
    background: url(/en/common/img/com_other_ic05.png) no-repeat 0 0;
}*/
/* phoneType02 */
.phoneType02 .number {
    display: block;
}

/* iframeWrap */
.iframeWrap {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.iframeWrap:not(.chartType) iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.iframeWrap.chartType {
    padding-top: 0;
}

.iframeWrap.chartType>.inner {
    padding: 0 0 10px;
}

.iframeWrap.chartType>.inner::-webkit-scrollbar {
    width: 6px;
    background: #f2f2f2;
}

.iframeWrap.chartType>.inner::-webkit-scrollbar:horizontal {
    height: 6px;
    background: #f2f2f2;
}

.iframeWrap.chartType>.inner::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: #c2c2c2;
}

.iframeWrap.chartType>.inner::-webkit-scrollbar-thumb:horizontal {
    border-radius: 3px;
    background: #c2c2c2;
}

/* shareIconWrap */
.shareIconWrap {
    position: relative;
    overflow: hidden;
}

.shareIconWrap ul {
    position: relative;
    left: 50%;
    float: left;
}

.shareIconWrap li {
    position: relative;
    left: -50%;
    width: 40px;
}

.shareIconWrap li:first-child {
    margin-left: 0;
}

.shareIconWrap li>a {
    height: 40px;
    font-size: 0.8rem;
}

.shareIconWrap li>.twitter {
    background-position: 50% 10px;
    -webkit-background-size: 16px auto;
    background-size: 16px auto;
}

.shareIconWrap li>.facebook {
    background-position: 50% 9px;
    -webkit-background-size: 14px auto;
    background-size: 14px auto;
}

/* relatedInfo */
.relatedInfo {
    padding-bottom: 1em;
}

.relatedInfo>.headline07+.inner {
    margin-top: 1em;
}

.relatedInfo>.inner>.colWrap.range2Col>.col {
    float: none;
    width: 100%;
    margin: 0;
}

.relatedInfo>.inner>.colWrap.range2Col>.col+.col {
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px solid #e6e6e6;
}

.relatedInfo .colRight {
    float: right;
    width: 48%;
    margin-left: 2%;
}

.relatedInfo .colLeft {
    float: left;
    width: 48%;
    margin-right: 2%;
}

.relatedInfo .colText {
    overflow: hidden;
    margin-top: 0;
}

.relatedInfo .colText .paragraph01 {
    font-size: 1.1rem;
}

.relatedInfo .release .img {
    width: 48%;
    margin-left: 2%;
}

.relatedInfo .release .category+* {
    margin-top: 1.2em;
}

.relatedInfo .release .category li {
    width: auto;
    min-width: 50px;
}

.relatedInfo .release .date+* {
    margin-top: 0.8em;
}

/* transitionBlock */
.transitionBlock {
    text-align: left;
}

.transitionBlock>.linkTypeRss,
.transitionBlock>.pulldownWrap01 {
    display: block;
}

.transitionBlock>.pulldownWrap01 {
    margin: 0.5em 0 0;
}

section>.headline02+.transitionBlock {
    position: static;
}

section>.headline02+.transitionBlock>.pulldownWrap01 {
    top: 0;
    margin-top: 1em;
}

/* brandList */
.brandList .brandWrap.range2Col>* {
    float: left !important;
    width: 50%;
    margin-left: 0;
}

.brandList .brandWrap.range2Col>*:nth-child(-n+2) {
    margin-top: 0;
}

.brandList .panel .logo {
    height: 160px;
    padding: 0 12px;
}

.brandList .panel .logo:after {
    right: 5px;
    bottom: 5px;
}

.brandList .details {
    padding: 23px 0;
}

.brandList .details .colLeft {
    float: left;
    width: 100px;
    margin-right: 15px;
    padding-right: 0;
}

.brandList .details .colText {
    float: none;
    width: auto;
    margin-top: 0;
}

.brandList .details .headline06>a {
    display: table;
}

.brandList .details .close {
    width: 21px;
    height: 21px;
}

.brandList .active>.panel:before {
    margin-left: -24px;
    border-top: 24px solid transparent;
    border-right: 24px solid transparent;
    border-bottom: 24px solid #666666;
    border-left: 24px solid transparent;
}

.brandList .active>.panel:after {
    margin-left: -23px;
    border-top: 23px solid transparent;
    border-right: 23px solid transparent;
    border-bottom: 23px solid #ffffff;
    border-left: 23px solid transparent;
}

/* missionDetails */
.missionDetails {
    margin-top: 2.5em;
    padding-top: 0;
}

.missionDetails+* {
    margin-top: 2.5em;
}

.missionDetails .detail {
    display: block;
    padding: 0;
    border: 1px solid #dddddd;
}

.missionDetails .detail+.detail {
    border-top: none;
}

.missionDetails .detail>* {
    display: block;
    vertical-align: top;
}

.missionDetails .detail>dt {
    display: table;
    position: relative;
    width: 100%;
    padding: 0;
    text-align: left;
    cursor: pointer;
}

.missionDetails .detail>dt:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 18px;
    width: 15px;
    height: 15px;
    margin-top: -7.5px;
    background: url(/en/common/img/com_other_ic01.png) no-repeat 0 0;
    -webkit-background-size: 30px auto;
    background-size: 30px auto;
}

.missionDetails .detail>.active:after {
    background-position: -15px 0;
}

.missionDetails .detail>dt .icon {
    position: absolute;
    top: 50%;
    left: 10px;
    width: 65px;
    height: 65px;
    margin-top: -32.5px;
}

.missionDetails .detail>dt .text {
    display: table-cell;
    height: 78px;
    vertical-align: middle;
    margin-top: 0;
    padding-left: 97px;
    font-size: 2rem;
}

.missionDetails .detail>dt .text>.en {
    margin: 5px 0 0;
    font-size: 1rem;
}

.missionDetails .detail>dd {
    display: none;
    width: 100%;
    padding: 10px 10px 20px;
}

.missionDetails .detail>dd:before,
.missionDetails .detail>dd:after {
    display: none;
}

.missionDetails .detail>dd>ul {
    display: block;
}

.missionDetails .detail>dd>ul>li {
    display: block;
    width: 100%;
    vertical-align: top;
    padding: 0;
}

.missionDetails .detail>dd>ul>li+li {
    margin-top: 2em;
}

.missionDetails .detail>dd .missionHeadline {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    padding: 0 0 1em !important;
}

.missionDetails .visionary>dd .missionHeadline {
    display: block;
}

.missionDetails .visionary>dd .values .missionHeadline:before,
.missionDetails .visionary>dd .values .missionHeadline:after,
.missionDetails .visionary>dd .selfTests .missionHeadline:before,
.missionDetails .visionary>dd .selfTests .missionHeadline:after {
    width: 100%;
}

.missionDetails .visionary>dd .selfTests .missionHeadline {
    left: auto;
}

/* chartUpdate */
.chartUpdate {
    margin-top: 1em;
}

.chartUpdate+.organizationChart {
    margin-top: 0;
}

/* organizationChart */
.organizationChart {
    padding: 0 0 10px;
    transform: translateZ(0);
}

.organizationChart::-webkit-scrollbar {
    width: 6px;
    background: #f2f2f2;
}

.organizationChart::-webkit-scrollbar:horizontal {
    height: 6px;
    background: #f2f2f2;
}

.organizationChart::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: #c2c2c2;
}

.organizationChart::-webkit-scrollbar-thumb:horizontal {
    border-radius: 3px;
    background: #c2c2c2;
}

/* groupBizText */
.groupBizText {
    margin-top: 1em !important;
    padding: 12px 18px 14px;
    background-color: #f3f3f3;
    font-size: 2rem;
    line-height: 1.25;
}

/* groupBizWrap */
.groupBizWrap {
    min-height: 0;
    margin: 2em -10px 0;
    padding: 20px 14px;
    -webkit-background-size: cover;
    background-size: cover;
}

.groupBizWrap>.title {
    font-size: 2.4rem;
}

.groupBizWrap>.title+.paragraph01 {
    margin-top: 1.5em;
    font-size: 1.3rem;
}

.groupBizWrap>.bizAreas {
    width: 293px;
    background-image: url(/en/common/img/com_other_bg03_sp.png);
}

.groupBizWrap>.bizAreas>.lead {
    height: 275px;
    font-size: 2rem;
    line-height: 1.2;
}

.groupBizWrap>.bizAreas>.areaList>li {
    width: 30.72%;
    font-size: 1.3rem;
}

.groupBizWrap>.bizAreas>.areaList>li>span {
    height: 48px;
    padding-bottom: 2px;
}

.groupBizWrap>.bizAreas>.areaList>.area01,
.groupBizWrap>.bizAreas>.areaList>.area02 {
    top: 60px;
}

.groupBizWrap>.bizAreas>.areaList>.area03,
.groupBizWrap>.bizAreas>.areaList>.area04 {
    top: 172px;
}

.groupBizWrap>.companyList {
    margin-top: 1.5em;
}

.groupBizWrap>.companyList>.col {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 77%;
    margin-right: auto;
    margin-left: auto;
}

/* csrContentsWrap */
.csrContentsWrap [class*=boxType] {
    padding: 16px;
}

.csrContentsWrap [class*=boxType]>.boxTitle[class*=csrIcon] {
    min-height: 48px;
    padding-right: 56px;
    -webkit-background-size: 48px auto;
    background-size: 48px auto;
}

.csrContentsWrap .tableType01.textSmall th,
.csrContentsWrap .tableType01.textSmall td {
    padding-top: 8px;
    padding-bottom: 8px;
}

.csrContentsWrap .worldMapWrap+.colWrap {
    margin-top: 0 !important;
}

/* investorBox01 */
.investorBox01 {
    margin: 20px -10px 0;
    padding: 20px 10px;
    -webkit-background-size: cover;
    background-size: cover;
}

.investorBox01>.boxTitle {
    font-size: 2rem;
}

.investorBox01>.colWrap {
    margin-top: 1.5em;
}

.investorBox01>.colWrap>.col+.col {
    margin-top: 10px !important;
}

.investorBox01>.colWrap>.boxLink06 a {
    display: table;
    width: 100%;
}

.investorBox01>.colWrap>.boxLink06 a>* {
    display: table-cell;
    position: static;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
}

.investorBox01>.colWrap>.boxLink06 a>.img {
    width: 33.33%;
}

.investorBox01>.colWrap>.boxLink06 a>.img>span img {
    width: 100%;
}

.investorBox01>.colWrap>.boxLink06 a>.title {
    padding: 0 15px;
}

.investorBox01>.colWrap>.boxLink06 a>.title:before {
    display: none;
}

.investorBox01>.colWrap>.boxLink06 a>.title>span {
    display: inline-block;
    height: auto;
    padding: 0 0 0 12px;
    background: url(/en/common/img/com_arrow_ic27.png) no-repeat 0 50%;
    color: #003391;
    font-size: 1.3rem;
    line-height: 1.15;
}

.investorBox01>.colWrap.range3Col .playIcon .img>span:after {
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
    -webkit-background-size: 60px auto;
    background-size: 60px auto;
}

/* investorBox02 */
.investorBox02 {
    margin-right: -10px;
    margin-left: -10px;
    padding: 15px 10px 20px;
}

.investorBox02>.headline08 {
    font-size: 1.8rem;
}

.investorBox02>.investorLinks {
    margin-top: 1.5em !important;
}

.investorBox02>.investorLinks>li {
    float: none;
    width: 100%;
    margin-left: 0;
}

.investorBox02>.investorLinks>li>a>* {
    height: auto;
}

.investorBox02>.investorLinks>li>a>.img {
    display: none;
    width: 33.33%;
}

.investorBox02>.investorLinks>li>a>.img>span img {
    width: 100%;
}

.investorBox02>.investorLinks>li>a>.details {
    padding: 14px;
}

.investorBox02>.investorLinks>li>a>.details>* {
    line-height: 1.04;
}

.investorBox02>.investorLinks>li>a>.details>.title {
    font-size: 1.5rem;
}

.investorBox02>.investorLinks>li>a>.details>.title:before {
    top: 0.1em;
}

.investorBox02>.investorLinks>li>a>.details>.paragraph01 {
    margin-top: 1em;
}

.investorBox02>.investorLinks>.large+li {
    margin-top: 10px;
}

.investorBox02>.investorLinks>.large>a>.img {
    display: table-cell;
    width: 33.33%;
}

.investorBox02>.investorLinks>.large>a>.details {
    padding: 0 20px;
}

.investorBox02>.investorLinks>.large>a>.details>.title:before {
    background-image: url(/en/common/img/com_arrow_ic05.png);
}

/* storyHeadline */
.storyHeadline {
    min-height: 0;
    margin: 0 -10px;
    padding: 27px 10px;
}

.storyHeadline:before,
.storyHeadline:after {
    height: 20px;
    -webkit-background-size: 600px auto;
    background-size: 600px auto;
}

.storyHeadline>.lead {
    font-size: 1.4rem;
}

.storyHeadline>.lead>.wrap {
    margin-bottom: 5px;
    padding: 5px 20px;
    font-size: 1.1rem;
}

.storyHeadline>.title {
    margin-top: 5px;
    font-size: 2.4rem;
    letter-spacing: -0.04em;
}

.storyHeadline>.img {
    position: static;
    margin-top: 1.5em;
}

.storyHeadline>.img>.caption {
    margin-top: 0.5em;
    font-size: 1.2rem;
    text-align: center;
}

/* feelContentsWrap */
.feelContentsWrap {
    margin: 2em 0 0;
    padding: 0;
    background: none;
}

.feelContentsWrap section+section {
    margin-top: 2.5em;
}

.feelContentsWrap .headline08 {
    padding: 0;
}

.feelContentsWrap .colWrap>.boxLink04 .details>.title>span {
    height: auto;
}

.feelContentsWrap .range4Col>.col+.col {
    margin-top: 0.5em !important;
}

.feelContentsWrap .feelIconList {
    overflow: hidden;
}

.feelContentsWrap .feelIconList>ul {
    float: none;
    margin-left: -10px;
}

.feelContentsWrap .feelIconList>ul>li {
    float: left;
    margin-left: 10px;
    padding-left: 22px;
    font-size: 1.1rem;
}

.feelContentsWrap .feelIconList>ul>li:before {
    top: 0.15em;
}

/* notfoundWrap */
.notfoundWrap {
    margin-top: 2.5em !important;
}

.notfoundWrap+.notfoundWrap {
    padding-top: 2em;
}

.notfoundWrap>.paragraph01+.btnType01.range2Col {
    margin-top: 2em;
}

.notfoundWrap>.boxType03 {
    margin-top: 2.5em;
}

.notfoundWrap>.boxType03 {
    padding-right: 3.26%;
    padding-left: 3.26%;
}

.notfoundWrap>.boxType03>.siteSearch {
    display: block;
}

.notfoundWrap>.boxType03>.siteSearch>* {
    display: block;
    vertical-align: top;
}

.notfoundWrap>.boxType03>.siteSearch>.title {
    padding-right: 0;
}

.notfoundWrap>.boxType03>.siteSearch>.searchField {
    width: 100%;
    margin-top: 0.5em;
}

.notfoundWrap>.boxType03>.siteSearch>.searchField form {
    padding: 0;
}

.notfoundWrap.en>.boxType03>.siteSearch>.searchField .submit {
    padding-left: 26px;
    background-position: 10px 50%;
}

/* scrollSupport01 */
.scrollSupport01 {
    display: table !important;
}

.scrollSupport01+* {
    margin-top: 1em;
}

/* spCancel */
.spCancel>.meaning {
    display: table-cell !important;
}

.spCancel>.acodDetail,
.spCancel>.spAcodDetail {
    display: block !important;
}
}

/* 20170728 DFF add */

#main .mainImg {
    margin-bottom: 3.5em;
}

#main .mainImg>* {
    width: 50%;
}

#main .mainImg .catchCopy {
    margin-left: 0;
}

#main .mainImg .forSp {
    display: none;
}

@media only screen and (max-width: 768px) {
    #main .mainImg h2 {
        font-family: "Noto Sans Japanese", serif;
        font-size: 2rem;
        width: 100%;
        padding: 13px 0;
        border-bottom: 1px solid #dddddd;
    }

    #main .mainImg>* {
        width: 100%;
    }

    #main .mainImg {
        margin: 0;
    }

    #main .mainImg>.col:first-child {
        margin-bottom: 2.5em;
    }

    #main .mainImg .catchCopy {
        background-color: #ffffff;
        padding: 0;
    }

    #main .mainImg .catchCopy .forPc {
        display: none;
    }

    #main .mainImg .catchCopy .forSp {
        display: block;
    }
}

.sdgsList {
    margin-top: 2em;
}

.sdgsList dt {
    border-bottom: 2px solid #dddddd;
    margin-bottom: 10px;
    padding-bottom: 7px;
}

.sdgsList dt.twoRow {
    padding-bottom: 12px;
}

.sdgsList img {
    vertical-align: middle;
}

.sdgsList a {
    display: inline-block;
    position: relative;
    bottom: 0.4em;
    float: right;
}

.sdgsList dt.twoRow a {
    bottom: 0.1em;
}

.sdgsList .sdgsIcon {
    margin-left: 20px;
}

.sdgsList .sdgsIcon:after {
    background-image: none !important;
    width: 0;
    height: 0;
}

.sdgsList .materialityIcon {
    margin-right: 10px;
}

@media only screen and (max-width: 1100px) {
    .sdgsList a {
        margin-bottom: 6px;
        float: none;
        top: 0.5em;
    }

    .sdgsList .materialityIcon {
        position: absolute;
    }

    .sdgsList .txt {
        padding-left: 35px;
        display: block;
    }

    .sdgsList .sdgsIcon {
        margin-top: 5px;
    }

    .sdgsList dt.twoRow {
        padding-bottom: 7px;
    }
}

/* 20170828 DFF add */

@media only screen and (max-width: 1100px) {
    .sdgsList dt.twoRow .forPc {
        display: none;
    }
}

/* 20170927 DFF add */

.gri .tabNav.range9Col>li:nth-child(1) {
    width: 14%;
}

.gri .tabNav.range9Col>li:nth-child(2) {
    width: 9%;
}

.gri .tabNav.range9Col>li:nth-child(3) {
    width: 11%;
}

.gri .tabNav.range9Col>li:nth-child(4) {
    width: 12%;
}

.gri .tabNav.range9Col>li:nth-child(5) {
    width: 13%;
}

.gri .tabNav.range9Col>li:nth-child(6) {
    width: 10%;
}

.gri .tabNav.range9Col>li:nth-child(7) {
    width: 10%;
}

.gri .tabNav.range9Col>li:nth-child(8) {
    width: 13%;
}

.gri .tabNav.range9Col>li:nth-child(9) {
    width: 8%;
}

.gri .tableType01 tbody th {
    vertical-align: top;
}

.basicPolicy li {
    overflow: hidden;
    clear: both;
}

.basicPolicy li p {
    float: left;
    width: 7%;
    margin-right: 1.7%;
    padding-top: 0.5%;
}

.basicPolicy li div {
    float: left;
    width: 91%;
}

.basicPolicy li div {
    text-indent: -1.55em;
    padding-left: 1.55em;
}

.basicPolicy li.env,
.basicPolicy li.social {
    margin-top: 1.5em;
}

.basicPolicy li div .nb {
    font-weight: bold;
    margin-right: 0.5em;
    color: #666666;
}

.basicPolicy li div ul {
    margin-top: 0.5em;
}

.basicPolicy li div ul li {
    text-indent: 0;
}

#main .basicPolicy li div ul li>a:link {
    color: #003da5;
    font-size: 92%;
}

#main .basicPolicy li div ul li>a:visited {
    color: #3e00a5;
    font-size: 92%;
}

@media only screen and (max-width: 768px) {
    .basicPolicy li p {
        width: 10%;
    }

    .basicPolicy li div {
        width: 88%;
    }
}

@media print {

    /*=================================

    3: print for PC

================================ */
    .pageBreak {
        page-break-before: always;
    }
}

/*=================================

    clearfix

=================================*/

[class*=noteType]:after,
.colWrap:after,
.range2Col:after,
.range3Col:after,
.range4Col:after,
.range5Col:after,
.range6Col:after,
.range7Col:after,
.rangeVarCol:after,
.linkTypeRss:after,
.tabNav:after,
[class*=tableType]:after,
.siteSearchTable .inputList:after,
.noSlide .slider:after,
.pulldownWrap01:after,
.release .category:after,
.releaseWrap01 .release .entryDetail:after,
.shareIconWrap:after,
.shareIconWrap ul:after,
.chartInner:after,
.chartInner>.keywordBox:after,
.investorBox02>.investorLinks:after,
.feelContentsWrap .feelIconList:after,
.feelContentsWrap .feelIconList>ul:after {
    content: "";
    display: block;
    clear: both;
}

[class*=noteType],
.colWrap,
.range2Col,
.range3Col,
.range4Col,
.range5Col,
.range6Col,
.range7Col,
.rangeVarCol,
.linkTypeRss,
.tabNav,
[class*=tableType],
.siteSearchTable .inputList,
.noSlide .slider,
.pulldownWrap01,
.release .category,
.releaseWrap01 .release .entryDetail,
.shareIconWrap,
.shareIconWrap ul,
.chartInner,
.chartInner>.keywordBox,
.investorBox02>.investorLinks,
.feelContentsWrap .feelIconList,
.feelContentsWrap .feelIconList>ul {
    zoom: 1;
}

/*=================================

    190311追加CSS

=================================*/

.chart03-09 {
    text-align: right;
}

.chartInner span.box_02 {
    display: inline-block;
    text-align: left;
    width: 172px;
    padding: 11px 15px 9px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
}

.chartInner span.box_02+span.box_02 {
    border-top: none;
}

/*元のソースは5420*/

.chartInner>.chartWrap03:before {
    /*top: 114px;*/
    top: 9.3%;
    left: 50px;
    /*height: 77.25%;*/
    height: 76.3%;
}

.large .chartInner>.chartWrap03:before {
    /*top: 114px;*/
    top: 9.3%;
    left: 50px;
    /*height: 77.25%;*/
    height: 76.45%;
}

@-moz-document url-prefix() {
    .chartInner>.chartWrap03:before {
        height: 76.3%;
    }
}

.chartInner>[class*=chartWrap]>ul>li.chart03-08:after {
    display: none;
}

.chartInner>.chartWrap03 .chart03-09:before {
    left: -9px;
    width: 38px;
}

/*5187にlast-child指定有り*/

.chartInner>.chartWrap03 .chart03-08:after {
    content: "";
    position: absolute;
    top: 23%;
    left: -30px;
    width: 20px;
    height: 500px;
    margin-top: 1px;
    background-color: #ffffff;
}

.chartInner>.chartWrap03 .chart03-09:after {
    content: "";
    position: absolute;
    top: -105px !important;
    left: -10px !important;
    height: 189% !important;
    width: 2px !important;
    background-color: #cccccc !important;
}

/*元のソースは5471*/

.chartInner>.chartWrap03 .chart03-05:before {
    top: 13.33%;
}

.chartInner>.chartWrap03 .chart03-08:before {
    top: 50%;
    width: 140px;
    margin-left: -120px;
}

.chartInner>.chartWrap04:after {
    content: "";
    position: absolute;
    bottom: 65px;
    left: -95px;
    width: 2px;
    background-color: #cccccc;
    z-index: -1;
    /*height: 1978px;*/
    height: 58.8%;
}

.large .chartInner>.chartWrap04:after {
    content: "";
    position: absolute;
    bottom: 65px;
    left: -95px;
    width: 2px;
    background-color: #cccccc;
    z-index: -1;
    /*height: 1978px;*/
    height: 59.9%;
    top: 1650px;
}

@-moz-document url-prefix() {
    .chartInner>.chartWrap04::after {
        bottom: 65px;
        height: 58.8%;
    }
}

.chartInner>.chartWrap03 .dept>li:before {
    display: block;
    content: "";
    position: absolute;
    top: 0.55em;
    left: -12px;
    width: 6px;
    height: 6px;
    background-color: #999999;
    border-radius: 50%;
}

/* for IR 2019.08 */

@media only screen and (min-width: 768px) {
    .linkType01.indentType.irColList01 {
        padding-left: 0;
        margin-top: 1em;
        margin-bottom: 15px;
    }

    .linkType01.irColList01>li {
        display: inline-block;
        margin: 6px 10px 6px 0;
        padding-right: 15px;
        line-height: 1em;
        border-right: 1px solid #666;
        letter-spacing: normal;
    }

    .linkType01.irColList01>li:last-child {
        border-right: none;
    }

    .linkType01.irColList01 li>ul>li>a:before,
    .linkType01.indentType.irColList01 li>a:before {
        display: none;
    }

    .linkType01.irColList01 li>ul>li>a,
    .linkType01.indentType.irColList01 li>a {
        padding-left: 0;
    }

    .linkType01.irColList01 li>a .linkIcon {
        top: 0.1em;
    }
}

/* ===== history grid: 3 columns baseline ===== */
.history-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: auto;
    gap: 0; /* dùng padding/margin cho spacing, không cần border */
}
.history-grid > *:nth-child(3n+1) {
  margin-left: 0;
}
/* item chung */
.img-item,
.caption,
.wide-card {
  margin-left: 4.46%;   /* khoảng cách so với cột */
  margin-top: 1.2em;
  box-sizing: border-box;
}

/* width = 30.36% cho item 1 cột */


/* ảnh trong ô */
.img-item img,
.figure-card img,
.wide-card .wide-img img {
    display: block;
    width: 100%;
    height: 254px; /* có thể chỉnh tùy design */
    object-fit: cover;
}

/* figure-card (ảnh + caption gộp trong 1 ô) */
.figure-card {
    padding: 0;
    /* margin: 0; */
}
.figure-card figcaption {
    margin-top: .8em;
    font-size: 1.6rem;
    line-height: 1.3;
    position: relative;
    padding-left: 28px;
}
.figure-card figcaption:before {
    content: "";
    position: absolute;
    top: 0.25em;
    left: 0;
    width: 18px;
    height: 18px;
    background: url(/en/common/img/com_arrow_ic28.png) no-repeat 0 0;
    background-size: contain;
}

/* caption riêng (khi caption tách thành ô grid) */
.caption {
    position: relative;      /* để before bám */
    padding-left: 28px;      /* chừa chỗ cho icon */
    margin-top: 1em;
    font-size: 1.6rem;
    line-height: 1.3;
    box-sizing: border-box;
    text-align: justify;
}
.caption:before {
    content: "";
    position: absolute;
    top: 0.25em;
    left: 0;
    width: 18px;
    height: 18px;
    background: url(/en/common/img/com_arrow_ic28.png) no-repeat 0 0;
    background-size: contain;
}

/* caption span nhiều cột */
.caption.span-2 { grid-column: 1 / span 2; }
.caption.col1 { grid-column: 1 / 2; }
.caption.col2 { grid-column: 2 / 3; }
.caption.col3 { grid-column: 3 / 4; }

/* wide-card (ảnh + caption) span 2 cột */
.wide-card {
    grid-column: 2 / 4; /* cột 2 và 3 */
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin-top: 1.2em;
}
.wide-card .wide-img img {
    height: 320px;
    object-fit: cover;
}
.wide-card .wide-caption {
    margin-top: .8em;
    font-size: 1.6rem;
    line-height: 1.3;
    position: relative;
    padding-left: 28px;
}
.wide-card .wide-caption:before {
    content: "";
    position: absolute;
    top: 0.25em;
    left: 0;
    width: 18px;
    height: 18px;
    background: url(/en/common/img/com_arrow_ic28.png) no-repeat 0 0;
    background-size: contain;
}

/* responsive tablet */
@media (max-width: 1024px) {
    .history-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .wide-card { grid-column: 1 / 3; }
    .caption.span-2 { grid-column: 1 / span 2; }
}

/* responsive mobile */
@media (max-width: 640px) {
    .history-grid {
        grid-template-columns: 1fr;
    }
    .wide-card { grid-column: 1 / -1; }
    .caption.span-2,
    .caption.col1,
    .caption.col2,
    .caption.col3 { grid-column: 1 / -1; }
    .img-item img,
    .wide-card .wide-img img { height: 240px; }
}
.figure-card {
  grid-column: 1 / 2;
  display: flex;
  flex-direction: column;
}
.figure-card img { height: 320px; object-fit: cover; }