@charset "utf-8";
    /* CSS Document */
    
    @import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap');
    * {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }
    
    a {
        color: #333333;
    }
    
    a:hover {
        color: #333333;
    }
    
    p {
        padding: 0;
        margin: 0;
    }
    
    @font-face {
        font-family: 'FontAwesome';
        src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
        src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
    body {
        background: #fff;
        color: #333;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 100;
        font-size: 14px;
        height: 100%;
        line-height: 1.8em;
    }
    
    #wapper {
        overflow: hidden;
    }
    
    .clear {
        clear: both;
    }
    
    .show-desktop {
        display: block !important;
    }
    
    .show-mobile {
        display: none !important;
    }
    /*-----------------------On Scroll Header-----------------------*/
    
    .owl-carousel.owl-drag .owl-item {
        padding: 0 10px;
        border: none;
    }
    
    .owl-carousel.owl-drag .owl-item img {
        border: none;
    }
    
    #myHeader {
        padding: 10px 0;
        z-index: 9999;
        position: fixed;
        width: 1280px;
        margin: auto;
        left: 0;
        right: 0;
    }
    
    #myHeader h1 {
        display: block;
        font-size: 12px;
        text-align: right;
        padding: 0 20px 10px 0;
    }
    
    .sticky {
        position: fixed;
        top: 0;
        /* width: 100%; */
        width: 100%;
        margin: auto;
        z-index: 9999;
        padding: 10px 0;
        border-bottom: 2px solid #000;
        background: url(../images/bg-menu.png) repeat;
    }
    /* .sticky + .main-video  {
  padding-top: -200px;
} */
    
    header {
        width: 100%;
        position: absolute;
        font-size: 16px;
        width: 1280px;
        margin: auto;
        left: 0;
        right: 0;
    }
    
    .main-video {
        display: block;
        position: sticky;
        width: 100%;
        margin: 0 auto;
        z-index: 2;
    }
    
    .main-video-mobile {
        display: none;
        z-index: 2;
    }
    
    .block-video,
    .block-video-2 {
        background: #FFF;
        position: relative;
        z-index: 7777;
        display: grid;
        overflow: hidden;
        height: 100vh;
    }
    
    .block-video .overlay,
    .block-video-2 .overlay {
        position: absolute;
        top: 0;
        left: 0;
        height: 100vh;
        width: 100%;
        opacity: 0.2;
        z-index: -9999;
    }
    
    .block-video video {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: -9999;
        -ms-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
    
    .block-video-2 video {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: 0;
        transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
    }
    /* @media (pointer: coarse) and (hover: none) {
    .block-video {
        background: url(../../video/top-page.jpg) black no-repeat center center scroll;
    }
    .block-video video {
        display: none;
    }
} */
    
    .block-video-md {
        background: #FFF;
        position: relative;
        display: grid;
        overflow: hidden;
        padding: 10vh 0;
        z-index: 1;
        /* height: 100vh; */
    }
    
    .block-video-md .overlay {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        opacity: 0.2;
        z-index: -9999;
        background: #333;
    }
    
    .block-video-md video {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: -9999;
        -ms-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
    /* @media (pointer: coarse) and (hover: none) {
    .block-video-md {
        background: url(../../video/top-page.jpg) black no-repeat center center scroll;
    }
    .block-video-md video {
        display: none;
    }
} */
    /*-----------------------Gm-ch Asset-----------------------*/
    
    .block-gm-ch-top {
        text-align: center;
        padding: 22.4vh 0;
        z-index: 9999;
        position: relative;
        display: grid;
        width: 22%;
        margin: auto;
    }
    
    .block-title-top {
        position: absolute;
        z-index: 8888;
        left: 0;
        right: 0;
        color: #FFF;
        margin: 40vh auto;
        font-size: 100px;
        line-height: 1.0em;
    }
    /*Typed Animation*/
    
    #typed {
        font: 24px Consolas;
        font-family: "yugothil";
        width: 100%;
        margin: 20px auto 10px auto;
        white-space: nowrap;
        text-shadow: none;
        cursor: none;
        visibility: hidden;
        text-align: left;
        width: 64.5%;
        /*  width: 63%; */
    }
    
    #typed2 {
        font: 24px Consolas;
        font-family: "yugothil";
        width: 100%;
        margin: 0 auto 10px auto;
        white-space: nowrap;
        text-shadow: none;
        cursor: none;
        visibility: hidden;
        text-align: left;
        width: 72.5%;
    }
    
    #typed3 {
        font: 24px Consolas;
        font-family: "yugothil";
        width: 100%;
        margin: 0 auto 10px auto;
        white-space: nowrap;
        text-shadow: none;
        cursor: none;
        visibility: hidden;
        text-align: left;
        width: 60.5%;
    }
    
    #typed4 {
        font: 24px Consolas;
        font-family: "yugothil";
        width: 100%;
        margin: 0 auto 10px auto;
        white-space: nowrap;
        text-shadow: none;
        cursor: none;
        visibility: hidden;
        text-align: left;
        width: 65.8%;
    }
    
    #typed5 {
        font: 24px Consolas;
        font-family: "yugothil";
        width: 100%;
        margin: 0 auto 10px auto;
        white-space: nowrap;
        text-shadow: none;
        cursor: none;
        visibility: hidden;
        text-align: left;
        width: 33.3%;
    }
    
    #typed i,
    #typed2 i,
    #typed3 i,
    #typed4 i,
    #typed5 i {
        font-style: normal;
    }
    
    #typed span,
    #typed2 span,
    #typed3 span,
    #typed4 span,
    #typed5 span {
        text-align: left;
    }
    
    .typed-cursor {
        display: none;
        text-align: left;
    }
    /*Gm-Ch*/
    
    .button-gm-ch {
        color: #FFF !important;
        padding: 10px 60px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        border: 2px solid #FFF;
        background: url(../images/icon-arrow-r-w.png) right center no-repeat;
        font-size: 24px;
        width: 100% !important;
        display: block;
    }
    
    .button-gm-ch:hover {
        color: #FFFFFF !important;
        background: url(../images/icon-arrow-r-w.png) right center no-repeat #333333;
        text-decoration: none;
        opacity: 0.8;
    }
    /*Asset*/
    
    .button-asset {
        color: #000 !important;
        padding: 10px 60px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        border: 2px solid #000;
        background: url(../images/icon-arrow-r-b.png) right center no-repeat;
        font-size: 24px;
        width: 100% !important;
        display: block;
    }
    
    .button-asset:hover {
        color: #000 !important;
        background: url(../images/icon-arrow-r-b.png) right center no-repeat #FFFFFF;
        text-decoration: none;
        opacity: 0.5;
    }
    /*-----------------------Menu Top-----------------------*/
    
    .menu-top a {
        display: block;
    }
    
    .menu-top {
        border-radius: 50px;
        background: #FFF;
        padding: 0 18px;
        border: 1px solid #CCC;
        ;
    }
    
    .menu-top ul {
        padding: 5px 0;
        margin: 0;
        color: #000;
        text-align: center;
        font-size: 14px
    }
    
    .menu-top li {
        display: inline-block;
        padding: 0 0.55rem;
    }
    /*Logo*/
    
    .block-logo {
        padding: 1px 0;
    }
    
    .block-logo img {
        width: 100%;
    }
    /*Menu*/
    
    .menu-top li a {
        color: #000;
    }
    
    .menu-top li:nth-child(8) {
        background: #0071b7;
        border-radius: 30px;
        padding: 2px 10px;
    }
    
    .menu-top li:nth-child(9) {
        background: #0071b7;
        border-radius: 30px;
        padding: 2px 10px;
    }
    
    .menu-top li:nth-child(10) {
        background: #0071b7;
        border-radius: 30px;
        padding: 2px 10px;
    }
    
    .menu-top li:nth-child(11) {
        background: #0071b7;
        border-radius: 30px;
        padding: 2px 10px;
    }
    
    .menu-top li.ct i {
        color: #FFF;
        padding: 0 10px 0 0;
        font-size: 1rem;
    }
    
    .menu-top li.ct a {
        color: #FFF;
    }
    /*Socail*/
    
    .menu-top li.si[data-foo=socail-icon] {
        border: 1px solid #6f6f6f;
        background: #6f6f6f;
        color: #FFF;
        border-radius: 24px;
        padding: 0 5px;
        margin: 0;
        text-align: center;
    }
    
    .menu-top li.si a {
        display: block;
        color: #FFF;
    }
    
    .menu-top>ul .sub-tel {
        display: block;
        background: #FFF;
        position: absolute;
        border: 2px solid #0071b7;
        margin: 0 0 0 -11px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        min-height: 225px;
    }
    
    .menu-top>ul .sub-tel a {
        color: #0071b7;
    }
    
    .menu-top>ul .sub-tel:hover {
        overflow: visible;
        display: block;
    }
    
    .menu-top>ul .sub-tel li {
        display: block;
        padding: 5px 10px;
        margin: 0 10px;
    }
    /*-----------------------Title-----------------------*/
    
    .title-1 {
        text-align: center;
        padding: 0 0 50px 0;
        color: #FFF;
    }
    
    .title-1 h2 {
        font-size: 16px;
        line-height: 2.5em;
    }
    
    .title-1 h2::first-line {
        font-size: 36px;
    }
    
    .title-2 {
        text-align: center;
        padding: 40px 0;
    }
    
    .title-2 h2 {
        font-size: 22px;
        line-height: 2.5em;
    }
    
    .title-2 h2::first-line {
        font-size: 36px;
    }
    
    .title-3 {
        text-align: center;
        padding: 50px 0;
    }
    
    .title-3 h2 {
        font-size: 16px;
        line-height: 2.5em;
    }
    
    .title-3 h2::first-line {
        font-size: 36px;
    }
    
    .title-4 {
        text-align: center;
        padding: 50px 0;
    }
    
    .title-4 h2 {
        font-size: 34px;
        line-height: 1.5em;
    }
    /*-----------------------Bock1-----------------------*/
    
    .block-1 {
        padding: 65px 0 10px 0;
        background: #FFF;
    }
    /*News*/
    
    .block-news img {
        width: 100%;
        margin-bottom: 20px;
        height: 153px;
    }
    
    .block-news ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    
    .block-news li {
        width: calc(100%/5);
        float: left;
        padding: 10px;
    }
    
    .title-news {
        float: left;
        width: 70%;
        margin-bottom: 20px;
    }
    
    .date-news {
        float: left;
        width: 30%;
        margin-bottom: 20px;
    }
    
    .title-news span {
        border: 1px solid #003567;
        padding: 5px 30px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        background: #003567;
        color: #FFF;
    }
    
    .date-news {
        text-align: right
    }
    
    .blcok-press-list {
        padding: 60px 0 0 0;
    }
    
    .blcok-press-list ul {
        list-style: none;
        padding: 0;
        margin: 0;
        text-align: center;
    }
    
    .blcok-press-list li {
        display: block;
        float: left;
        margin: 0 10px;
        width: calc(92%/4);
    }
    
    .blcok-press-list a {
        text-decoration: none;
    }
    /*-----------------------Bock2-----------------------*/
    
    .block-2 {
        padding: 50px 0;
        background: #FFFF;
    }
    
    .text-map {
        text-align: center;
    }
    
    .map-location {
        text-align: center;
    }
    
    .block-location-list-sp {
        display: none;
    }
    /*-----------------------Bock3-----------------------*/
    
    .block-3 {
        padding: 100px 0;
        z-index: 7777;
    }
    
    .block-service-top {
        border: 1px solid #FFF;
        padding: 30px 10px 50px 10px;
        color: #FFF;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.3);
        margin-bottom: 30px;
    }
    
    .block-service-top .topic {
        font-size: 16px
    }
    
    .block-service-top .topic div {
        /*  padding: 12px 0 !important;*/
    }
    
    .block-tag {
        color: #fff !important;
        padding: 10px 0;
        /* -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px; */
        /* border: 1px solid #FFF; 
        background: url(../images/bg-menu.png) center repeat;*/
    }
    
    .block-tag p.blue {
        background-color: rgba(0, 113, 183, 0.3);
        padding: 22px 10px;
    }
    
    .block-tag p.red {
        background-color: rgba(206, 5, 44, 0.3);
    }
    
    .block-tag p.glod {
        background-color: rgba(207, 157, 87, 0.3);
    }
    
    .block-tag p {
        text-align: justify;
        padding: 10px;
    }
    
    .block-tag.left {
        width: 93%;
        margin: 30px auto 40px auto;
    }
    
    .block-tag.right {
        /*width: 40%;*/
        width: 93%;
        margin: 30px auto 40px auto;
    }
    /*View Moere*/
    
    .button-view-more {
        color: #FFF !important;
        padding: 10px 60px;
        border: 1px solid #FFF;
        background: none;
    }
    
    .button-view-more:hover {
        color: #FFF !important;
        background: #333;
        text-decoration: none;
        opacity: 0.8;
    }
    
    .block-view-more {
        padding: 20px 0;
        text-align: center;
    }
    
    .button-view-more-b {
        color: #000 !important;
        padding: 10px 40px;
        border: 1px solid #000;
        background: none;
    }
    
    .button-view-more-b:hover {
        color: #FFF !important;
        background: #333;
        text-decoration: none;
        opacity: 0.8;
    }
    /*-----------------------Bock4-----------------------*/
    
    .block-4 {
        padding: 100px 0;
        background: #FFF
    }
    
    .block-business ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    .block-business li {
        width: calc(100%/4);
        float: left;
        padding: 0 10px
    }
    /*-----------------------Bock5-----------------------*/
    
    .block-5 {
        padding: 100px 0;
        z-index: 9999;
    }
    
    .blokc-clients {
        text-align: center;
    }
    /*-----------------------Bock6-----------------------*/
    
    .block-6 {
        padding: 100px 0;
        background: #FFF;
    }
    /*-----------------------Bock7-----------------------*/
    
    .block-7 {
        /* padding: 0 0 100px;*/
        background: #FFF;
        width: 100%;
        overflow: hidden;
    }
    
    .block-7 iframe {
        width: 100%;
    }
    
    .block-media img {
        width: 100%;
    }
    
    .block-media ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    .block-media li {
        width: calc(100%/3);
        float: left;
        padding: 0 10px 20px;
    }
    /*-----------------------Parallax-----------------------*/
    
    .ParallaxImage {
        background-attachment: fixed;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        padding-bottom: 50px;
        padding-top: 50px;
        width: 100%;
        margin: auto;
    }
    
    .bg1 {
        background-image: url("../images/paxallax1.jpg");
    }
    
    .bg2 {
        background-image: url("../images/paxallax2.jpg");
    }
    /*-----------------------Footer-----------------------*/
    
    footer {
        background: #FFF;
        width: 100%;
        margin: auto;
    }
    
    .main-contact {
        /* background: #003567;*/
        /*color: #FFF;*/
        padding: 100px 0;
    }
    
    .block-contact-form p {
        padding: 0;
        margin: 0;
    }
    
    .block-contact-form table {
        width: 100%;
    }
    
    .block-contact-form table tr[data-foo=ling-br] {
        border-bottom: 1px solid #FFF
    }
    
    .block-contact-form table th {
        width: 30%;
        font-weight: normal;
        padding: 2% 0 2% 2%;
        font-size: 18px;
    }
    
    .block-contact-form table td {
        width: 70%;
        padding: 2% 0 2% 0
    }
    
    .block-contact-form span {
        color: #e97075;
    }
    
    .block-button-c {
        text-align: center;
    }
    
    .list-contact ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    
    .list-contact li {
        padding: 5px 0;
    }
    
    .text-file {
        border: none;
        padding: 5px;
        width: 80%;
    }
    
    .text-file-1 {
        border: none;
        padding: 5px;
        width: 40%;
    }
    
    .text-area {
        border: none;
        padding: 5px;
        height: 200px;
        width: 80%;
    }
    
    .button-c {
        font-weight: bold;
        color: #FFFFFF !important;
        padding: 15px 30px;
        -moz-border-radius: 40px;
        -webkit-border-radius: 40px;
        border-radius: 40px;
        background: #E97075;
        border: none;
        font-size: 24px;
    }
    
    .button-c:hover {
        color: #FFFFFF !important;
        background: #E2444A;
        text-decoration: none;
    }
    
    .block-contact-1 {
        text-align: center;
        padding: 0 0 20px 0;
    }
    
    .font-red {
        color: #e97075;
    }
    
    .block-tel-contact {
        margin: 50px 0;
    }
    
    .button-tel {
        font-size: 36px;
        color: #333333 !important;
        padding: 5px 60px;
        background: #FFFFFF;
        font-weight: bold;
        border: 1px solid #000;
    }
    
    .button-tel:hover {
        color: #FFFFFF !important;
        background: #333333;
        text-decoration: none;
    }
    
    .block-tel-contact-ir {
        margin: 50px 0;
        text-decoration: none;
    }
    
    .block-tel-contact-ir a {
        text-decoration: none;
    }
    
    .button-tel-ir {
        font-size: 36px;
        color: #333333 !important;
        padding: 5px 60px;
        background: #FFFFFF;
        font-weight: bold;
        border: 1px solid #000;
    }
    
    .button-tel-ir:hover {
        color: #FFFFFF !important;
        background: #333333;
        text-decoration: none;
    }
    /*Site Map*/
    
    .main-sitemap {
        padding: 100px 0 0 0;
        background: #FFF;
    }
    
    .sitemap-list h3 {
        font-size: 13px;
        font-weight: normal;
    }
    
    .sitemap-list h3::first-line {
        font-size: 24px;
    }
    
    .sitemap-list ul {
        list-style: none;
        padding: 0 0 30px 0;
        margin: 0;
    }
    
    .sitemap-list li {
        display: block;
        padding: 0 0 0 20px;
    }
    
    .button-sitemap {
        color: #333333 !important;
        padding: 10px 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        border: 1px solid #333333;
        background: #FFFFFF;
        font-size: 16px;
    }
    
    .button-sitemap:hover {
        color: #FFFFFF !important;
        background: #333333;
        text-decoration: none;
    }
    
    .block-button-sitmap {
        margin: 0 0 50px 0;
    }
    /*Socail*/
    
    .block-socail-footer {
        background: #FFF;
    }
    
    .block-socail-footer i {
        display: block;
        color: #FFF;
    }
    
    .block-socail-footer ul {
        list-style: none;
        padding: 0 0 20px 0;
        margin: 0;
        text-align: center;
    }
    
    .block-socail-footer li {
        display: inline-block;
        background: #000000;
        color: #FFF;
        border-radius: 18px;
        padding: 8px;
        margin: 0;
        text-align: center;
        margin: 0 5px;
    }
    
    .block-socail-footer li:hover {
        background: #333;
    }
    
    .block-socail-footer li a {
        display: block;
        text-decoration: none;
    }
    /*Corpyrigth*/
    
    .block-menu-footer ul {
        list-style: none;
        padding: 10px 0;
        margin: 0px;
        text-align: center;
    }
    
    .block-menu-footer li {
        display: inline-block;
        padding: 0 10px;
        border-right: 1px solid #333;
    }
    
    .block-menu-footer li:last-child {
        border-right: none;
    }
    
    .main-corpy {
        padding: 0 0 50px 0;
        background: #FFF;
    }
    
    .block-copy {
        text-align: center;
    }
    
    .block-copy p {
        padding: 0;
        margin: 0;
        color: #646464;
    }
    
    .block-contact-pr-ir {
        border: 1px solid #FFF;
        display: flex;
        flex-direction: column;
        text-align: center;
        padding: 40px 0;
        margin: 0 0 50px 0;
    }
    
    .button-pr-ir {
        margin: 20px 0 0 0;
    }
    
    .btn-pr-ir {
        font-size: 20px;
        color: #333333 !important;
        padding: 5px 20px;
        background: #FFFFFF;
        font-weight: bold;
    }
    
    .btn-pr-ir:hover {
        color: #FFFFFF !important;
        background: #333333;
        text-decoration: none;
    }
    
    .blokc-btn-pr-top {
        text-align: right;
    }
    /* MacBook and laptops ----------- */
    /*@media only screen and (max-width: 1441px) {
    .block-logo {
        padding: 0.7em 0;
    }
    .menu-top li {
        font-size: 0.71em;
    }
}*/
    /*Laptops ----------- */
    
    @media only screen and (max-width: 1367px) {
        .block-logo {
            padding: 0.7em 0;
        }
        .menu-top li {
            font-size: 0.75em;
            padding: 0 1.5em;
        }
        .menu-top li.si[data-foo="socail-icon"] {
            border-radius: 20px;
            padding: 0 7px;
        }
    }
    /* PC Desktop ----------- */
    
    @media only screen and (max-width: 1281px) {
        .block-logo {
            padding: 0.9em 0;
        }
        .menu-top li {
            display: inline-block;
            padding: 0 0.5em;
            font-size: 0.9em;
        }
    }
    /*-----------------------Go To Top-----------------------*/
    
    .cd-top {
        display: inline-block;
        overflow: hidden;
        height: 30px;
        width: 30px;
        position: fixed;
        bottom: 40px;
        right: 10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, .05);
        text-indent: 100%;
        white-space: nowrap;
        background: url(../images/cd-top-arrow.svg) center 50% no-repeat #0071b7;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity .3s 0s, visibility 0s .3s;
        -moz-transition: opacity .3s 0s, visibility 0s .3s;
        transition: opacity .3s 0s, visibility 0s .3s;
        -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.63);
        -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.63);
        box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.63);
        z-index: 9999;
    }
    
    .cd-top.cd-fade-out,
    .cd-top.cd-is-visible,
    .no-touch .cd-top:hover {
        -webkit-transition: opacity .3s 0s, visibility 0s 0s;
        -moz-transition: opacity .3s 0s, visibility 0s 0s;
        transition: opacity .3s 0s, visibility 0s 0s
    }
    
    .cd-top.cd-is-visible {
        visibility: visible;
        opacity: 1
    }
    
    .cd-top.cd-fade-out {
        opacity: .5
    }
    
    .no-touch .cd-top:hover {
        background-color: #595986;
        opacity: 1
    }
    
    @media only screen and (min-width:768px) {
        .cd-top {
            right: 20px;
            bottom: 20px
        }
    }
    
    @media only screen and (min-width:1024px) {
        .cd-top {
            height: 60px;
            width: 60px;
            right: 30px;
            bottom: 30px
        }
    }
    /*----------------------------------------------Sub Page----------------------------------------------*/
    
    .button-red {
        font-weight: bold;
        color: #FFFFFF !important;
        padding: 10px 30px;
        -moz-border-radius: 40px;
        -webkit-border-radius: 40px;
        border-radius: 40px;
        background: #E97075;
        border: none;
        margin: 0 5px;
    }
    
    .button-red:hover {
        color: #FFFFFF !important;
        background: #E2444A;
        text-decoration: none;
    }
    
    .button-red-ir {
        font-weight: bold;
        color: #FFFFFF !important;
        padding: 10px 30px;
        -moz-border-radius: 40px;
        -webkit-border-radius: 40px;
        border-radius: 40px;
        background: #E97075;
        border: none;
        font-size: 16px;
        margin: 0 5px;
    }
    
    .button-red-ir:hover {
        color: #FFFFFF !important;
        background: #E2444A;
        text-decoration: none;
    }
    /*-----------------------Service-----------------------*/
    
    .block-video-sub {
        background: #FFF;
        position: relative;
        z-index: -9999;
        display: grid;
        overflow: hidden;
        height: 100vh;
    }
    
    .block-video-sub .overlay {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: black;
        opacity: 0.2;
        z-index: 1;
    }
    
    .block-video-sub video {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: 0;
        -ms-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
    
    @media (pointer: coarse) and (hover: none) {
        .block-video-sub {
            background: url(../../video/top-page.jpg) black no-repeat center center scroll;
        }
        .block-video-sub video {
            display: none;
        }
    }
    
    .block-title-sub {
        text-align: center;
        padding: 35vh 0;
        z-index: 9999;
        position: relative;
    }
    
    .block-title-sub h2 {
        color: #FFF;
        font-size: 16px;
        /* line-height: 2.5em; */
    }
    
    .block-title-sub h2::first-line {
        font-size: 101px;
    }
    
    .block-bg-sub {
        background: #FFF;
        position: relative;
        z-index: -9999;
        display: grid;
        overflow: hidden;
        height: 50vh;
    }
    
    .block-bg-sub .bg-company {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
        background: url(../images/bg-company.jpg) top center;
    }
    
    .block-bg-sub .bg-company-3 {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
        background: url(../images/company-3.jpg) center center no-repeat;
    }
    
    .block-bg-sub .bg-seminar {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
        background: url(../images/bg-seminar.jpg) top center no-repeat;
    }
    
    .block-bg-sub .bg-service-mobile {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
        background: url(../images/service/bg-service-mobile.png) center 0vh;
    }
    
    .block-bg-sub .bg-download {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
        background: url(../images/bg-download.jpg) center -40vh;
        background-size: cover;
        /*   transform: translateX(-0%) translateY(-0%); */
    }
    
    .block-bg-sub .bg-calendar {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
        background: url(../images/bg-calendar.jpg) center center;
        background-size: cover;
        /* transform: translateX(0%) translateY(0%); */
    }
    
    .block-bg-sub .bg-library {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
        background: url(../images/bg-library.jpg) center center;
        background-size: cover;
        /* transform: translateX(0%) translateY(0%); */
    }
    
    .block-bg-sub .bg-investor {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
        background: url(../images/bg-investor.jpg) center center;
        background-size: cover;
        /* transform: translateX(0%) translateY(0%); */
    }
    
    .block-bg-sub .bg-stock {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
        background: url(../images/bg-stock.jpg) center center;
        background-size: cover;
        /* transform: translateX(0%) translateY(0%); */
    }
    
    .block-bg-sub .bg-highlight {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
        background: url(../images/bg-highlight.jpg) center center;
        background-size: cover;
        /* transform: translateX(0%) translateY(0%); */
    }
    
    .block-bg-sub .bg-book {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
        background: url(../images/bg-book.jpg) center center;
        background-size: cover;
        /* transform: translateX(0%) translateY(0%); */
    }
    
    .block-bg-title {
        text-align: center;
        padding: 22vh 0 25vh 0;
        z-index: 9999;
        position: relative;
    }
    
    .block-bg-title h2 {
        color: #FFF;
        font-size: 16px;
        /* line-height: 2.5em; */
    }
    
    .block-bg-title h2::first-line {
        color: #FFF;
        font-size: 56px;
    }
    /*-----------------------Block Sub-----------------------*/
    
    .block-sub,
    .block-sub-detail {
        padding: 64px 0 100px 0;
        background: #FFF;
    }
    
    .breadcrumb-sub {
        padding: 30px 0;
    }
    
    .breadcrumb-sub ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    
    .breadcrumb-sub li {
        display: inline-block;
        background: url(../images/arrow-breadcrumb.png) right center no-repeat;
        padding: 0 20px 0 0;
    }
    
    .breadcrumb-sub li:last-child {
        display: inline-block;
        background: none;
        padding: 0 20px 0 0;
        color: #999;
    }
    
    .breadcrumb-sub li a {
        display: block;
    }
    /*Detail*/
    
    .breadcrumb-sub-detail {
        padding: 100px 0 0 0;
    }
    
    .breadcrumb-sub-detail ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    
    .breadcrumb-sub-detail li {
        display: inline-block;
        background: url(../images/arrow-breadcrumb.png) right center no-repeat;
        padding: 0 20px 0 0;
    }
    
    .breadcrumb-sub-detail li:last-child {
        display: inline-block;
        background: none;
        padding: 0 20px 0 0;
        color: #999;
    }
    
    .breadcrumb-sub-detail li a {
        display: block;
    }
    /*-----------------------Service-----------------------*/
    
    .block-service ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    
    .block-service a {
        color: #FFF;
        text-decoration: none;
    }
    
    .block-service li {
        float: left;
        box-sizing: border-box;
        width: calc(93%/2);
        margin: 10px;
        font-size: 26px;
    }
    
    .block-service li p {
        display: block;
        color: #000;
        font-size: 16px;
        text-align: justify;
        padding: 20px;
    }
    
    .block-service li a.sec-link-s {
        border: 3px solid #003567;
        background: none;
        min-height: 292px;
    }
    
    .block-service li .sec-link:hover {
        background: none;
    }
    
    .block-service li img {
        width: 100%
    }
    
    .dteail-text-service h3 {
        font-size: 33px;
        padding: 40px 0;
    }
    
    .dteail-text-service p {
        padding: 10px 0 20px 0;
        font-size: 16px;
        line-height: 2.0;
        overflow-wrap: break-word;
    }
    
    .dteail-text-service p strong {
        padding: 10px 0 20px 0;
        font-size: 24px;
        overflow-wrap: break-word;
    }
    
    .dteail-text-service ul {
        padding-left: 30px;
    }
    /*download*/
    
    .block-download-top {
        text-align: center;
        margin: 0 0 20px 0;
    }
    
    .block-download-top img {
        width: 100%;
    }
    
    .btn-download-top {
        padding: 0 0 40px 0;
        font-size: 36px;
    }
    
    .btn-download-top a {
        text-decoration: none;
    }
    
    .block-download .img-banner {
        margin: 0 0 20px 0;
    }
    
    .block-download .img-banner img {
        width: 100%;
    }
    
    .block-download ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    
    .block-download a {
        color: #FFF;
        text-decoration: none;
    }
    
    .block-download li {
        float: left;
        box-sizing: border-box;
        width: calc(100%/2);
        font-size: 36px;
        padding: 10px;
        margin-bottom: 30px;
    }
    
    .block-download li a {
        margin: 0;
    }
    
    .block-download li a.sec-link {
        border: 3px solid #003567;
        background: none;
    }
    
    .block-download li .sec-link:hover {
        background: none;
    }
    
    .block-download-text {
        text-align: center;
        font-size: 35px;
        line-height: 1.5em;
        border: 3px solid #003567;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 40px;
        margin: 60px 0 0 0;
    }
    
    .block-banner-ck-service {
        padding: 50px 0 0 0;
        text-align: center;
    }
    
    .block-about-aun-mobile {
        display: none;
    }
    
    .inbound-thank p {
        padding: 10px 0;
    }
    /*-----------------------Corporate-----------------------*/
    
    .block-corporate {
        padding: 20px 0 0 0;
        background: #FFF;
    }
    
    .block-list-company {
        padding: 25px 0;
    }
    
    .block-list-company ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    
    .block-list-company li {
        width: calc(91.9%/3);
        float: left;
        background: #FFFFFF;
        text-align: center;
        margin: 10px;
        font-size: 16px;
    }
    
    .block-list-company li a {
        text-decoration: none;
    }
    /* .block-list-company li a {
    width: calc(91.9%/3);
    float: left;
    padding: 15px 10px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border: 2px solid #003567;
    background: #FFFFFF;
    text-align: center;
    margin: 10px;
    font-size: 18px;
}

.block-list-company li a:hover {
    color: #FFF!important;
    background: #003567;
    text-decoration: none;
    padding: 15px 10px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 40px;
} */
    
    .block-company {
        padding: 25px 0 50px 0;
    }
    
    .block-company p {
        padding: 0 0 20px 0;
    }
    
    .block-company table {
        width: 100%;
        font-size: 18px;
    }
    
    .block-company th {
        width: 25%;
        padding: 20px 0;
        vertical-align: top;
    }
    
    .block-company th span {
        padding: 5px 10px;
        -moz-border-radius: 40px;
        -webkit-border-radius: 40px;
        border-radius: 40px;
        background: #003567;
        text-align: center;
        color: #FFF;
    }
    
    .block-company td {
        width: 75%;
        padding: 20px 0;
    }
    
    .logo-partner {
        float: left;
        padding: 0 5px;
    }
    
    .block-map {
        width: 100%;
        margin: auto;
        overflow: hidden;
    }
    
    .block-map iframe {
        width: 100%;
        border: none;
        height: 50vh;
        padding: 0;
        margin: 0;
    }
    /*News*/
    
    .block-press-list img {
        width: 100%;
        margin-bottom: 20px;
        height: 200px;
    }
    
    .block-press-list ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    
    .block-press-list li {
        width: calc(100%/3);
        float: left;
        padding: 10px;
        margin-bottom: 20px;
        min-height: 48vh;
    }
    
    .title-press-list,
    .date-news {
        float: left;
        width: 30%;
        margin-bottom: 20px;
    }
    
    .title-press-list span {
        border: 1px solid #003567;
        padding: 5px 10px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        background: #003567;
        color: #FFF;
    }
    
    .date-press-list {
        text-align: right
    }
    /*Tab*/
    
    .etabs {
        margin: 0;
        padding: 0;
        text-align: right;
    }
    
    .etabs-2 {
        margin: 0;
        padding: 20px 0;
        text-align: left;
    }
    
    .tab {
        display: inline-block;
        zoom: 1;
        *display: inline;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        background: #FFF;
        border: 1px solid #000;
        margin: 0 5px;
    }
    
    .tab a {
        display: block;
        outline: none;
        color: #000;
        padding: 5px 40px;
    }
    
    .tab a:hover {
        text-decoration: underline;
    }
    
    .tab.active {
        position: relative;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        background: #003567;
        border: 1px solid #003567;
    }
    
    .tab a.active {
        font-weight: bold;
        color: #FFF;
    }
    
    .tab-container .panel-container {
        padding: 20px 0 64px 0;
    }
    
    .block-ir-pr .title {
        float: left;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        background: #003567;
        border: 1px solid #003567;
        padding: 2px 20px;
        margin: 0 10px 0 0;
        color: #FFF;
        width: 10%;
        text-align: center;
    }
    
    .block-ir-pr .date {
        float: left;
        padding: 2px 10px;
        width: 15%;
        text-align: center;
    }
    
    .block-ir-pr .topic {
        float: left;
        padding: 2px 0;
        width: 73%;
    }
    
    .block-ir-pr ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    
    .block-ir-pr li a {
        display: block;
        padding: 20px 0;
        clear: both;
    }
    
    .btn-pr-1 {
        position: absolute;
        right: 0;
        top: 0;
        padding: 26px 25px 0 0;
    }
    
    .block-content-press-img {
        padding-top: 20px;
        text-align: center;
    }
    
    .block-content-press-img p {
        text-align: left;
    }
    
    .mb20 {
        margin: 0 0 20px 0;
    }
    /*-----------------------IR-----------------------*/
    
    .btn-ir-1 {
        text-align: center;
        padding: 0 0 16px 0;
        font-size: 8px;
    }
    
    .btn-ir-1 ul {
        list-style: none;
    }
    
    .btn-ir-1 li {
        font-size: 10px;
        width: calc(70%/3);
        display: inline-block;
        padding: 15px;
        content: close-quote;
        vertical-align: middle;
        flex-direction: column;
        color: #FFFFFF !important;
        padding: 10px 30px;
        -moz-border-radius: 40px;
        -webkit-border-radius: 40px;
        border-radius: 40px;
        background: #E97075;
        border: none;
        margin: 0 5px;
    }
    
    .btn-ir-1 li:nth-last-child(2) {
        padding: 22px 15px;
    }
    
    .btn-ir-1 li::first-line {
        font-size: 16px;
    }
    
    .btn-ir-1 li a {
        display: block;
        color: #FFF;
    }
    
    .block-list-ir-topic {
        padding: 30px 0;
    }
    
    .block-list-ir-topic ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    .block-list-ir-topic li span {
        text-align: left;
        padding: 10px 20px;
    }
    
    .block-list-ir-topic span::first-line {
        font-size: 24px;
    }
    
    .block-list-ir-topic span.hig {
        margin: 11px 0;
    }
    
    .block-list-ir-topic span.hig:hover {
        background: none;
    }
    
    .block-list-ir-topic a {
        text-decoration: none !important;
    }
    
    .block-list-ir-topic li {
        width: calc(92%/2);
        margin: 0 2%;
        float: left;
        height: 10vh;
    }
    
    .block-top-message {
        padding: 0 0 30px 0;
    }
    
    .block-top-message p {
        padding: 0 0 20px 0;
    }
    
    .imgleft {
        float: left;
        margin-left: 10px;
        padding-right: 10px;
    }
    
    .block-ir-calendar {
        padding: 0 0 40px 0;
    }
    
    .block-ir-calendar h3 {
        padding: 0 0 30px 0;
    }
    
    .block-ir-calendar .title {
        float: left;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        background: #003567;
        border: 1px solid #003567;
        padding: 2px 20px;
        margin: 0 20px 0 0;
        color: #FFF;
        width: 15%;
        text-align: center;
    }
    
    .block-ir-calendar .topic {
        float: left;
        padding: 2px 0;
        width: 80%;
    }
    
    .block-ir-calendar ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    
    .block-ir-calendar li {
        display: block;
        clear: both;
        padding: 10px 0;
    }
    
    .btn-ir-calendar {
        text-align: center;
        padding: 64px 0 27px 0;
    }
    
    .calendar-img {
        text-align: center;
    }
    /*FAQ*/
    
    .accordion {
        font-size: 1rem;
        width: 100%;
        margin: 0 auto;
        border-radius: 5px;
    }
    
    .accordion-header,
    .accordion-body {
        background: #fff;
    }
    
    .accordion-header {
        padding: 1.5em 1.5em;
        background: #FFF;
        text-transform: uppercase;
        color: #000;
        cursor: pointer;
        letter-spacing: .1em;
        transition: all .3s;
    }
    
    .accordion-header:hover {
        background: #FFF;
        position: relative;
        z-index: 5;
    }
    
    .accordion-body {
        background: #fff;
        color: #3f3c3c;
        display: none;
    }
    
    .accordion-body__contents {
        padding: 1.5em 1.5em;
        font-size: .85em;
        border-bottom: 1px solid #000;
        /* color: red; */
    }
    
    .accordion__item.active:last-child .accordion-header {
        border-radius: none;
    }
    
    .accordion:first-child>.accordion__item>.accordion-header {
        border-bottom: 1px solid #000;
    }
    
    .accordion__item>.accordion-header:after {
        content: "\f078";
        font-family: FontAwesome;
        font-size: 1.2em;
        float: right;
        position: relative;
        top: -2px;
        transition: .3s all;
        transform: rotate(0deg);
    }
    
    .accordion__item.active>.accordion-header:after {
        transform: rotate(-180deg);
    }
    
    .accordion__item.active .accordion-header {
        background: #CCC;
    }
    
    .accordion__item .accordion__item .accordion-header {
        background: #f1f1f1;
        color: black;
    }
    
    @media screen and (max-width: 1000px) {
        .accordion {
            width: 100%;
        }
    }
    /*Seminar*/
    
    .butn-seminar {
        display: none;
    }
    
    .butn-seminar-d {
        display: block;
        background-color: #003567;
        padding: 10px;
        border: solid #FFF 2px;
        text-decoration: none;
        margin: 20px 0 0 0;
        font-weight: bold;
        text-align: center;
        font-size: 18px;
    }
    
    .butn-seminar-d a {
        display: block;
        color: #ffffff;
        border: 1px solid #FFF;
        padding: 10px;
    }
    
    .butn-seminar-pk {
        display: block;
        background-color: #ff9999;
        padding: 10px;
        border: solid #FFF 2px;
        text-decoration: none;
        margin: 20px 0 0 0;
        font-weight: bold;
        text-align: center;
        font-size: 18px;
    }
    
    .butn-seminar-pk a {
        display: block;
        color: #ffffff;
        border: 1px solid #FFF;
        padding: 10px;
    }
    
    .btn-seminar {
        text-align: right;
        padding: 0 0 50px 0;
    }
    
    .ifream-inbound iframe {
        width: 100% !important;
    }
    
    .accordion-s {
        width: 100%;
        margin: 0 auto;
    }
    
    .accordion-header-s,
    .accordion-body-s {
        background: none;
    }
    
    .accordion-header-s {
        padding: 20px;
        background: none;
        text-transform: uppercase;
        color: #000;
        cursor: pointer;
        font-size: 25px;
        letter-spacing: .1em;
        transition: all .3s;
    }
    
    .accordion-header-s:hover {
        background: none;
        position: relative;
        z-index: 5;
    }
    
    .accordion-body-s {
        background: none;
        color: #3f3c3c;
        display: none;
    }
    
    .accordion-body__contents-s {
        padding: 1.5em 1.5em;
        background: none;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        border: none;
    }
    
    .accordion__item-s {
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        border: 1px solid #000;
        margin: 0 0 20px 0;
    }
    
    .accordion__item-s ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    .accordion__item-s li {
        border-bottom: 3px solid #003567;
        padding: 0 0 30px 0;
        margin: 30px 0 20px 0;
    }
    
    .accordion__item-s .thumbnail {
        float: left;
        width: 180px;
    }
    
    .accordion__item-s .detail {
        float: left;
        padding: 0 0 0 20px;
        width: 599px;
    }
    
    .accordion__item-s .detail_no_img {
        float: left;
        padding: 0 0 0 20px;
    }
    
    .accordion__item-s .detail .date-time {
        font-weight: bold;
        font-size: 16px;
    }
    
    .accordion__item-s .detail .date-time .title {
        font-weight: normal;
        font-weight: bold;
        color: #FFFFFF !important;
        padding: 5px 10px;
        -moz-border-radius: 40px;
        -webkit-border-radius: 40px;
        border-radius: 40px;
        background: #E97075;
        border: none;
        font-size: 16px;
        margin: 0 20px 0 0;
    }
    
    .accordion__item-s .detail h3 {
        font-size: 16px;
        font-weight: bold;
        display: block;
        padding: 20px 0;
        background: url(../images/seminar/arrow-seminar.png) right center no-repeat;
    }
    
    .accordion__item-s .detail .tag span {
        font-weight: normal;
        font-weight: bold;
        color: #000 !important;
        padding: 5px 10px;
        -moz-border-radius: 40px;
        -webkit-border-radius: 40px;
        border-radius: 40px;
        border: 1px solid #000;
        font-size: 14px;
        font-weight: normal;
        margin: 0 10px 0 0;
        line-height: 3.0em;
    }
    
    .accordion__item-s.active:last-child .accordion-header-s {
        border-radius: none;
    }
    
    .accordion-s:first-child>.accordion__item-s>.accordion-header-s {
        background: none;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        border: none;
    }
    
    .accordion__item-s>.accordion-header-s:after {
        content: "\f078";
        font-family: FontAwesome;
        font-size: 1.2em;
        float: right;
        position: relative;
        top: -2px;
        transition: .3s all;
        transform: rotate(0deg);
    }
    
    .accordion__item-s.active>.accordion-header-s:after {
        transform: rotate(-180deg);
    }
    
    .accordion__item-s.active .accordion-header-s {
        background: none;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        border: none;
    }
    
    .accordion__item-s .accordion__item-s .accordion-header-s {
        background: #f1f1f1;
        color: black;
    }
    
    @media screen and (max-width: 1000px) {
        .accordion-s {
            width: 100%;
        }
    }
    /*Meun*/
    /* .menu-left a {
    display: inline-block;
    position: relative;
    padding-bottom: 0px;
    transition: color .35s ease;
  }
  
  .menu-left a:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 0;
    transition: width 0s ease, background .35s ease;
  }
  
  .menu-left a:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 2px;
    width: 0;
    background: #000;
    transition: width .35s ease;
  }
  
  .menu-left a:hover:before {
    width: 100%;
    background: #000;
    transition: width .35s ease;
  }
  
  .menu-left a:hover:after {
    width: 100%;
    background: transparent;
    transition: all 0s ease;
  } */
    
    .meun-sp {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        padding: 0;
        background: #0071BE;
        z-index: 3;
        will-change: transform;
        transition: background 0.3s, -webkit-transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1);
        transition: transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1), background 0.3s;
        transition: transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1), background 0.3s, -webkit-transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1);
        transform: translateY(0);
        -webkit-transform: translateY(0);
        display: none;
    }
    
    .meun-sp nav .logo-1 {
        float: left;
        padding: 0.5rem 0;
    }
    
    .meun-sp nav .logo-1:after {
        content: '';
        display: table;
        clear: both;
    }
    
    .meun-sp nav .logo-1 img {
        width: 50%;
    }
    
    .meun-sp nav ul {
        list-style: none;
        padding-left: 0;
        margin: 0;
        border-bottom: 2px solid #000;
    }
    
    .meun-sp nav ul li {
        float: left;
        text-align: center;
        margin-left: 0;
        border: 1px solid #ccc;
        border-top: none;
        border-left: none;
        width: calc(100%/2);
        padding: 0.8rem 0;
    }
    /* .meun-sp nav ul li:nth-child(9) {
        float: left;
        margin-left: 0;
        border: 1px solid #ccc;
        border-top: none;
        border-left: none;
        width: 100%;
        padding: 0.8rem 0;
        text-align: center;
    } */
    
    .meun-sp nav ul li:nth-child(11) {
        float: left;
        margin-left: 0;
        border: 1px solid #ccc;
        border-top: none;
        border-left: none;
        width: 100%;
        padding: 0.8rem 0;
        text-align: center;
    }
    
    .meun-sp nav ul li:nth-child(11) {
        float: left;
        margin-left: 0;
        border: 1px solid #ccc;
        border-top: none;
        border-left: none;
        width: 100%;
        padding: 0.8rem 0;
        text-align: center;
    }
    
    .meun-sp nav ul li:nth-child(11) i {
        width: calc(100%/3);
        float: left;
        font-size: 1.2rem;
    }
    
    .meun-sp nav ul li:nth-child(12) i,
    .meun-sp nav ul li:nth-child(13) i,
    .meun-sp nav ul li:nth-child(14) i,
    .meun-sp nav ul li:nth-child(15) i,
    .meun-sp nav ul li:nth-child(16) i,
    .meun-sp nav ul li:nth-child(17) i {
        float: none;
        padding: 0 5px 0 0;
    }
    /* .meun-sp nav ul li:last-child {
        float: left;
        margin-left: 0;
        border: 1px solid #ccc;
        border-top: none;
        border-left: none;
        width: 100%;
        padding: 0.8rem 0;
        text-align: center;
    } */
    /* .meun-sp nav ul li i {
        width: calc(100%/3);
        float: left;
        font-size: 1.2rem;
    } */
    
    .meun-sp nav ul li a {
        display: block;
        font-weight: bold;
    }
    
    .meun-sp nav ul li:nth-child(12) a,
    .meun-sp nav ul li:nth-child(13) a,
    .meun-sp nav ul li:nth-child(14) a,
    .meun-sp nav ul li:nth-child(15) a,
    .meun-sp nav ul li:nth-child(16) a,
    .meun-sp nav ul li:nth-child(17) a {
        display: block;
        font-weight: bold;
    }
    /* @media (min-width: 768px) {
        .meun-sp nav ul li {
            float: left;
            margin-left: 1rem;
        }
    }  @media (min-width: 576px) {
        .meun-sp nav ul li a {
            display: block;
            padding: .425rem 0rem;
        }
    }
     */
    
    @media (max-width: 768px) {
        .meun-sp nav ul {
            clear: both;
        }
        .meun-sp nav ul li {
            padding: .5em;
        }
    }
    
    .hide-nav {
        transform: translateY(-120%)!important;
        -webkit-transform: translateY(-120%) !important;
    }
    
    ul.menu-left {
        display: block;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        z-index: 10;
        background: #FFF;
    }
    /* @media (min-width: 768px) {
        ul.menu-left {
            display: block !important;
            float: right;
            max-height: none;
        }
    } */
    
    ul.menu-left:before {
        content: '';
        display: table;
        clear: both;
    }
    
    ul.menu-left.collapse {
        max-height: 40em !important;
    }
    
    .nav-toggle {
        display: block;
        border-radius: 5px;
        background-color: transparent;
        float: right;
        height: 38px;
        width: 38px;
        cursor: pointer;
        padding: 1rem 8px;
    }
    
    .nav-toggle.open span:first-child {
        transform: rotate(45deg) translate(4.4px, 4.4px);
    }
    
    .nav-toggle.open span:nth-child(2) {
        width: 0%;
        opacity: 0;
    }
    
    .nav-toggle.open span:last-child {
        transform: rotate(-45deg) translate(4.4px, -4.4px);
    }
    /* @media (min-width: 768px) {
        .nav-toggle {
            display: none;
        }
    }
     */
    
    .nav-toggle span {
        position: relative;
        display: block;
        height: 2px;
        width: 100%;
        margin-top: 4px;
        background-color: #FFF;
        transition: all .25s;
    }
    
    .signature {
        position: fixed;
        font-weight: 100;
        bottom: 10px;
        color: #000;
        left: 0;
        letter-spacing: 4px;
        font-size: 10px;
        width: 100vw;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
    }
    /*SEC-LINK*/
    
    .sec-link {
        display: inline-block;
        text-align: center;
        color: #000;
        font-weight: 500;
        /* letter-spacing: .08em; */
        border: 1px solid #003567;
        border-radius: 45px;
        background-size: 14px;
        /* margin-top: 25px; */
        margin-left: 15px;
        position: relative;
        z-index: 1;
        overflow: hidden;
        width: 100%;
    }
    
    .sec-link:after {
        content: "";
        display: block;
        width: 0;
        height: 100%;
        background-color: #003567;
        position: absolute;
        top: 0;
        left: -10%;
        -webkit-transform: skewX(-45deg);
        transform: skewX(-45deg);
        -webkit-transition: all 0.3s;
        transition: all 0.3s
    }
    
    .sec-link>span {
        display: block;
        color: #000;
        padding: 15px 0;
        position: relative;
        z-index: 3;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        overflow: hidden
    }
    
    .sec-link>span:after {
        content: "";
        display: block;
        position: absolute;
        width: 20px;
        height: 20px;
        background: url(../images/long-arrow-right_b.png) no-repeat 0 0;
        background-size: 100%;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        right: 12px;
        z-index: 2;
        -webkit-transition: all 0.3s;
        transition: all 0.3s
    }
    
    .sec-link:hover:after {
        width: 120%;
        background-color: #003567;
    }
    
    .sec-link:hover>span {
        color: #fff;
        background-color: #003567;
    }
    
    .sec-link:hover>span:before {
        left: 12px;
    }
    
    .sec-link:hover>span:after {
        right: 12px;
        background: none;
        /* background: url(../images/long-arrow-right-w.png) no-repeat 0 0;*/
    }
    
    .sec-link:first-child {
        margin-left: 0;
    }
    /*SEC-LINK 2*/
    
    .sec-link-y {
        display: inline-block;
        text-align: center;
        color: #FFF;
        font-weight: 500;
        border: 1px solid #f8b551;
        background-color: #f8b551;
        border-radius: 45px;
        background-size: 14px;
        position: relative;
        z-index: 1;
        overflow: hidden;
        width: 100%;
    }
    
    .sec-link-y:after {
        content: "";
        display: block;
        width: 0;
        height: 100%;
        /* background-color: #f8b551; */
        position: absolute;
        top: 0;
        left: -10%;
        -webkit-transform: skewX(-45deg);
        transform: skewX(-45deg);
        -webkit-transition: all 0.3s;
        transition: all 0.3s
    }
    
    .sec-link-y>span {
        display: block;
        color: #FFF;
        padding: 15px 0;
        position: relative;
        z-index: 3;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        overflow: hidden;
        background-color: #f8b551;
    }
    
    .sec-link-y>span:after {
        content: "";
        display: block;
        position: absolute;
        width: 20px;
        height: 20px;
        /* background: url(../images/long-arrow-right_b.png) no-repeat 0 0; */
        background-size: 100%;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        right: 12px;
        z-index: 2;
        -webkit-transition: all 0.3s;
        transition: all 0.3s
    }
    
    .sec-link-y:hover:after {
        width: 120%;
    }
    
    .sec-link-y:hover>span {
        color: #000;
        background-color: #f6c781;
    }
    
    .sec-link-y:hover>span:before {
        left: 12px;
    }
    
    .sec-link-y:hover>span:after {
        right: 12px;
        background: none;
        /* background: url(../images/long-arrow-right-w.png) no-repeat 0 0; */
    }
    
    .sec-link-y:first-child {
        margin-left: 0;
    }
    /*--------------------------*/
	
	 /*SEC-LINK yellow*/
    
    .sec-link-yellow {
        display: inline-block;
        text-align: center;
        color: #FFF;
        font-weight: 500;
        border: 1px solid #ffc000;
        background-color: #ffc000;
        border-radius: 45px;
        background-size: 14px;
        position: relative;
        z-index: 1;
        overflow: hidden;
        width: 100%;
    }
    
    .sec-link-yellow:after {
        content: "";
        display: block;
        width: 0;
        height: 100%;
        /* background-color: #f8b551; */
        position: absolute;
        top: 0;
        left: -10%;
        -webkit-transform: skewX(-45deg);
        transform: skewX(-45deg);
        -webkit-transition: all 0.3s;
        transition: all 0.3s
    }
    
    .sec-link-yellow>span {
        display: block;
        color: #FFF;
        padding: 15px 0;
        position: relative;
        z-index: 3;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        overflow: hidden;
        background-color: #ffc000;
    }
    
    .sec-link-yellow>span:after {
        content: "";
        display: block;
        position: absolute;
        width: 20px;
        height: 20px;
        /* background: url(../images/long-arrow-right_b.png) no-repeat 0 0; */
        background-size: 100%;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        right: 12px;
        z-index: 2;
        -webkit-transition: all 0.3s;
        transition: all 0.3s
    }
    
    .sec-link-yellow:hover:after {
        width: 120%;
    }
    
    .sec-link-yellow:hover>span {
        color: #000;
        background-color: #f5df9ca3;
    }
    
    .sec-link-yellow:hover>span:before {
        left: 12px;
    }
    
    .sec-link-yellow:hover>span:after {
        right: 12px;
        background: none;
        /* background: url(../images/long-arrow-right-w.png) no-repeat 0 0; */
    }
    
    .sec-link-yellow:first-child {
        margin-left: 0;
    }
    /*--------------------------*/
    /*SEC-LINK 3*/
    
    .sec-link-r {
        display: inline-block;
        text-align: center;
        color: #FFF;
        font-weight: 500;
        border: 1px solid #e97075;
        background-color: #e97075;
        border-radius: 45px;
        background-size: 14px;
        position: relative;
        z-index: 1;
        overflow: hidden;
        width: 100%;
    }
    
    .sec-link-r:after {
        content: "";
        display: block;
        width: 0;
        height: 100%;
        /* background-color: #f8b551; */
        position: absolute;
        top: 0;
        left: -10%;
        -webkit-transform: skewX(-45deg);
        transform: skewX(-45deg);
        -webkit-transition: all 0.3s;
        transition: all 0.3s
    }
    
    .sec-link-r>span {
        display: block;
        color: #FFF;
        padding: 15px 0;
        position: relative;
        z-index: 3;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        overflow: hidden;
        background-color: #e97075;
    }
    
    .sec-link-r>span:after {
        content: "";
        display: block;
        position: absolute;
        width: 20px;
        height: 20px;
        /* background: url(../images/long-arrow-right_b.png) no-repeat 0 0; */
        background-size: 100%;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        right: 12px;
        z-index: 2;
        -webkit-transition: all 0.3s;
        transition: all 0.3s
    }
    
    .sec-link-r:hover:after {
        width: 120%;
    }
    
    .sec-link-r:hover>span {
        color: #000;
        background-color: #ffbcbf;
    }
    
    .sec-link-r:hover>span:before {
        left: 12px;
    }
    
    .sec-link-r:hover>span:after {
        right: 12px;
        background: none;
        /* background: url(../images/long-arrow-right-w.png) no-repeat 0 0; */
    }
    
    .sec-link-r:first-child {
        margin-left: 0;
    }
    /*SEC-LINK-1*/
    
    .sec-link-1 {
        display: inline-block;
        text-align: center;
        color: #FFF;
        font-weight: 500;
        /* letter-spacing: .08em; */
        border: 1px solid #003567;
        border-radius: 45px;
        background-size: 14px;
        /* margin-top: 25px; */
        margin-left: 15px;
        position: relative;
        z-index: 1;
        overflow: hidden;
        width: 100%;
        background-color: #003567;
    }
    
    .sec-link-1:after {
        content: "";
        display: block;
        width: 0;
        height: 100%;
        background-color: #FFF;
        position: absolute;
        top: 0;
        left: -10%;
        -webkit-transform: skewX(-45deg);
        transform: skewX(-45deg);
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
    }
    
    .sec-link-1>span {
        display: block;
        color: #FFF;
        padding: 20px 0;
        position: relative;
        z-index: 3;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        overflow: hidden;
        font-size: 20px;
    }
    
    .sec-link-1>span:after {
        content: "";
        display: block;
        position: absolute;
        width: 20px;
        height: 20px;
        background: url(../images/long-arrow-right-w.png) no-repeat 0 0;
        background-size: 100%;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        right: 12px;
        z-index: 2;
        -webkit-transition: all 0.3s;
        transition: all 0.3s
    }
    
    .sec-link-1:hover:after {
        width: 120%;
    }
    
    .sec-link-1:hover>span {
        color: #000;
        background-color: #FFF;
    }
    
    .sec-link-1:hover>span:before {
        left: 12px;
    }
    
    .sec-link-1:hover>span:after {
        right: 12px;
        background: none;
        /* background: url(../images/long-arrow-right-w.png) no-repeat 0 0;*/
    }
    
    .sec-link-1:first-child {
        margin-left: 0;
    }
    /*SEC-LINK Service*/
    
    .blokc-service-sub {
        padding: 10px 20px;
        position: inherit;
        z-index: 1;
        font-size: 24px;
    }
    
    .blokc-service-sub ul {
        padding: 0 20px;
        margin: 0;
        min-height: 90px;
    }
    
    .blokc-service-sub li {
        display: block;
        width: 100%;
        float: none;
        color: #000;
        font-size: 18px;
        line-height: 1.8em;
        text-align: left;
        padding: 0 0 0 20px;
        margin: 0px;
        background: url(../images/service/ic-s.jpg) top left no-repeat;
    }
    
    .sec-link-s {
        display: inline-block;
        text-align: center;
        color: #000;
        font-weight: 500;
        /*letter-spacing: .08em;
        */
        border: 1px solid #003567;
        border-radius: 45px;
        /* background-size: 14px; */
        /*margin-top: 25px;
        */
        margin-left: 15px;
        position: relative;
        z-index: 1;
        overflow: hidden;
        width: 100%;
        -webkit-border-radius: 45px;
        -moz-border-radius: 45px;
        -ms-border-radius: 45px;
        -o-border-radius: 45px;
    }
    
    .sec-link-s:after {
        content: "";
        display: block;
        width: 0;
        height: 100%;
        /*background-color: #003567;
        */
        position: absolute;
        top: 0;
        left: -10%;
        transform: skewX(90deg);
        -webkit-transform: skewX(90deg);
        -moz-transform: skewX(90deg);
        -ms-transform: skewX(90deg);
        -o-transform: skewX(90deg);
        transition: all 0.3s;
    }
    
    .sec-link-s>span {
        display: block;
        color: #000;
        padding: 20px 0 20px 37px;
        position: relative;
        z-index: 3;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        overflow: hidden;
        text-align: left;
    }
    
    .sec-link-s>span:after {
        content: "";
        display: block;
        position: absolute;
        width: 20px;
        height: 20px;
        background: url(../images/long-arrow-right_b.png) no-repeat 0 0;
        background-size: 100%;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        right: 12px;
        z-index: 2;
        -webkit-transition: all 0.3s;
        transition: all 0.3s
    }
    
    .sec-link-s:hover:after {
        width: 120%;
        /* background-color: #003567; */
    }
    
    .sec-link-s:hover>span {
        color: #fff;
        background-color: #003567;
    }
    
    .sec-link-s:hover>span:before {
        left: 12px;
    }
    
    .sec-link-s:hover>span:after {
        right: 12px;
        background: none;
        /* background: url(../images/long-arrow-right-w.png) no-repeat 0 0;*/
    }
    
    .sec-link-s:first-child {
        margin-left: 0;
    }
    /*--------------------------*/
    
    .has-error {
        background: #e97075;
    }
    
    .invalid-feedback {
        display: block;
        color: #e97075;
        padding-bottom: 10px;
        font-size: 100%;
        font-weight: bold;
    }
    
    .valid-feedback {
        display: none;
    }
    
    .hide {
        display: none;
    }
    /*Policy*/
    
    .title_policy {
        text-align: center;
        padding: 0 0 50px 0;
    }
    
    .title_policy h1 {
        font-size: 32px;
        padding: 0 0 0px 0;
        font-weight: bold;
    }
    /*Internalcontrol*/
    
    .internal_content li {
        font-weight: bold;
        list-style: none;
        padding-bottom: 20px;
    }
    
    .internal_content span {
        display: block;
        font-weight: bold;
        padding-bottom: 10px;
    }
    
    .internal_content p {
        font-weight: normal;
    }
    
    .internal_content li .sub {
        font-weight: normal;
        list-style: outside none decimal;
        margin-left: 20px;
    }
    /*Internalcontrol*/
    /*term of use*/
    
    .block-termofuse {
        padding: 0 0 10px 0;
        margin: 20px 0 10px 0;
        display: block;
    }
    
    .block-termofuse h2 {
        font-size: 115%;
        font-weight: bold;
        margin: 5px 0 0 0;
        padding: 0;
    }
    
    .block-list-number {
        padding: 0 0 0 45px;
    }
    /*term of use*/
    /*corporate*/
    
    .block-company strong {
        font-weight: bold;
    }
    
    .block-table table td {
        width: unset;
        padding: 0;
    }
    
    .title-corporate {
        text-align: center;
        padding: 50px 0 0;
    }
    
    .title-corporate h2 {
        font-size: 36px;
        line-height: 2.5em;
    }
    /*corporate*/
    /* IR Form */
    
    .list_contact_ir {
        text-align: unset;
        margin: 20px auto;
        width: 655px;
    }
    
    .list_contact_ir li {
        text-align: initial;
    }
    
    .block-contact-form a {
        text-decoration: none;
        color: #e97075;
    }
    
    .block-contact-form a:hover {
        opacity: 0.7;
        -webkit-transition: all .3s;
        transition: all .3s;
    }
    
    .block-contact-1 a {
        text-decoration: none;
        color: #e97075;
    }
    
    .block-contact-1 a:hover {
        opacity: 0.7;
        -webkit-transition: all .3s;
        transition: all .3s;
    }
    /*corporate history*/
    
    .block-bg-sub .bg-company-history {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
        background: url(../images/bg-company-history.jpg) center center no-repeat;
    }
    /*corporate history*/
    /*corporate parner*/
    
    .block-bg-sub .bg-company-partner {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
        background: url(../images/bg-company-partners.jpg) center center no-repeat;
    }
    
    .block-partner table {
        width: 100%;
    }
    
    .block-partner th {
        width: 20%;
        vertical-align: top;
        font-weight: normal;
    }
    
    .block-partner th.p20 {
        padding-top: 20px;
        vertical-align: top;
    }
    
    .block-partner td.p20 {
        padding-top: 20px;
    }
    /*corporate parner*/
    /*corporate executives*/
    
    .block-bg-sub .bg-company-executives {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
        background: url(../images/bg-company-executives.jpg) center center no-repeat;
    }
    /*corporate executives*/
    /*PR form*/
    
    .pr_list ul {
        float: left;
        padding: 0 50px;
    }
    
    .pr_list li {
        text-align: left;
        list-style: circle;
    }
    /*PR form*/
    /* Location */
    
    .block-location {
        padding-top: 50px;
    }
    
    .block-location h2 {
        font-size: 14px;
        margin-bottom: 20px;
    }
    
    .block-location h2 span {
        padding: 5px 10px;
        -moz-border-radius: 40px;
        -webkit-border-radius: 40px;
        border-radius: 40px;
        background: #003567;
        text-align: center;
        color: #FFF;
    }
    /* Location */
    /*IR */
    
    .navi_text {
        color: #003567;
    }
    
    .block-bg-sub .bg-ir-policy {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
        background: url(../images/ir/bg-policy.jpg) center 0vh;
        /*   transform: translateX(-0%) translateY(-0%); */
    }
    
    .block-philosophy {
        font-size: 16px;
    }
    
    .block-philosophy-f20 {
        font-size: 20px;
        line-height: 1.9em;
    }
    
    .block-bg-sub .bg-location {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
        background: url(../images/bg-location.jpg) center -25vh;
        /*   transform: translateX(-0%) translateY(-0%); */
    }
    
    .block-button-sitmap .button-c {
        font-size: 16px;
    }
    /*20190104*/
    
    .block-breadcrumb {}
    
    .block-social-new {
        width: 100%;
        padding: 40px 0 0 0;
    }
    
    .block-social-new ul {
        list-style: none;
        margin: 10px 0 0 0;
        float: right;
    }
    
    .block-social-new li {
        margin: 0;
        padding: 0 10px 0 0;
        display: inline-block;
    }
    
    .fb-share-button,
    .fb_iframe_widget {
        padding: 0px;
        margin: 0px;
        display: table-cell !important;
    }
    
    .detail-content {
        padding: 50px 0 0 0;
    }
    
    .detail-title {
        border-top: 3px solid #003567;
        border-bottom: 3px solid #003567;
        padding: 30px 0;
        margin: 0 0 30px 0;
    }
    
    .detail-title h2 {
        font-size: 30px;
        padding: 0 0 20px 0;
        line-height: 1.5em;
    }
    
    .detail-content strong {
        font-weight: bold;
    }
    
    .txt_center {
        text-align: center;
    }
    
    .icon-pdf {
        text-align: right;
    }
    
    .dteail-text h3 {
        font-size: 33px;
        padding: 40px 0;
    }
    
    .dteail-text p {
        padding: 10px 0 20px 0;
        font-size: 16px;
        overflow-wrap: break-word;
    }
    
    .dteail-text ul {
        padding-left: 30px;
    }
    
    .blokc-socail-share {
        margin-top: 20px;
        text-align: center;
    }
    
    .blokc-socail-share p {
        padding: 10px;
    }
    
    .block-table-press-1 {
        border: 3px solid #333;
        padding: 10px;
        margin: 20px 0 10px 0;
    }
    
    .block-table-press-1 table {
        width: 100%;
        margin-bottom: 10px;
    }
    
    .table-logo {
        float: left;
        padding: 0 10px 0 0;
    }
    
    .title-table-logo {
        float: left;
        font-weight: bold;
    }
    /*CUT Text*/
    
    .ellipsis {
        overflow: hidden;
        font-size: 120%;
        line-height: 1.5;
    }
    
    .clear-div {
        clear: both;
    }
    /*CSR*/
    
    .service-list {
        width: 100%;
        margin: 30px 0;
    }
    
    .block-CSR h2 {
        font-size: 24px;
        font-weight: bold;
        margin: 30px 0;
        padding: 0;
    }
    
    .block-CSR-content {
        padding: 0 0 0 25px;
    }
    
    .block-CSR-content h3 {
        padding: 10px 0;
        display: block;
    }
    
    .block-CSR-content p {
        padding-bottom: 20px;
    }
    
    .block-CSR-img {
        text-align: center;
        margin-bottom: 10px;
    }
    
    .block-CSR-img img {
        padding: 0 10px;
    }
    
    .block-CSR-content table {
        width: 100%;
    }
    
    .block-CSR-content td {
        vertical-align: top;
    }
    /*CSR*/
    
    .block-csr-1 {
        border-bottom: 1px dotted #989898;
        padding: 0 0 10px 0;
        margin: 0 0 10px 0;
        display: block
    }
    
    .block-csr-1 h2 {
        background: url(../images/arrow_blue-1.png) no-repeat top left;
        padding: 0 0 0 25px;
        margin-bottom: 10px;
        display: block;
    }
    
    .block-csr-1 p {
        padding: 0 0 10px 25px;
    }
    
    .block-csr-1 table {
        width: 100%;
        margin-top: 10px;
        background: #FFFFFF;
    }
    
    .block-csr-1 table th {
        width: 40%;
        border: 1px solid #DDDDDD;
        padding: 5px;
        text-align: left;
    }
    
    .block-csr-1 table td {
        width: 60%;
        border: 1px solid #DDDDDD;
        padding: 5px;
    }
    
    .block-banner-download {
        text-align: center;
        padding: 0 0 30px 0;
    }
    
    .block-banner-download img {
        width: auto;
    }
    
    .block-banner-download-detail {
        text-align: center;
        padding: 40px 0 30px 0;
    }
    
    .block-banner-download-detail img {
        width: auto;
    }
    
    .button-hover {
        font-family: arial black;
        font-size: 100px;
        color: #000;
        -webkit-transition: opacity 1s ease-in-out;
        -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
        -o-transition: opacity 1s ease-in-out;
        transition: opacity 1s ease-in-out;
        opacity: 1;
    }
    
    .button-hover:hover {
        opacity: 0.6;
    }
    /*New BUTN 20190522*/
    
    .blokc-btn-1 {
        padding: 30px 0;
        text-align: center;
    }
    
    .butn-1 {
        -webkit-border-radius: 20;
        -moz-border-radius: 20;
        border-radius: 20px;
        color: #ffffff;
        background-color: rgba(161, 184, 255, 0.9);
        padding: 10px 30px 10px 30px;
        border: solid #FFF 2px;
        text-decoration: none;
        margin: 0 10px;
        font-weight: bold;
    }
    
    .butn-1:hover {
        background-color: rgba(161, 184, 255, 0.5);
        text-decoration: none;
    }
    
    .butn-2 {
        border-radius: 20px;
        color: #ffffff;
        background: #ff8315;
        padding: 10px 20px 10px 20px;
        text-decoration: none;
        text-align: center;
        width: 220px;
        cursor: pointer;
        display: inline-block;
        margin: 15px 10px;
        font-weight: bold;
    }
    
    .butn-2:hover {
        background-color: rgba(555, 153, 15, 0.5);
        text-decoration: none;
        color: #ffffff;
    }
    
    .butn-3 {
        border-radius: 20px;
        color: #ffffff;
        background-color: rgba(255, 124, 128, 0.9);
        padding: 10px 20px 10px 20px;
        text-decoration: none;
        text-align: center;
        width: 220px;
        cursor: pointer;
        display: inline-block;
        margin: 15px 10px;
        font-weight: bold;
    }
    
    .butn-3:hover {
        background-color: rgba(255, 124, 128, 0.5);
        text-decoration: none;
        color: #ffffff;
    }
    
    .ceo {
        width: 100%;
        font-size: 18px;
    }
    
    .ceo th {
        width: 30%;
        vertical-align: top;
    }
    
    .ceo td {
        width: auto !important;
        padding: 0 10px 0 0;
    }
    /*Map*/
    
    .anime-map-sp {
        display: none;
    }
    
    .anime-map {
        width: 750px;
        margin: auto;
        margin-top: 65px;
        margin-bottom: 85px;
        border: #333 solid 2px;
        opacity: 0;
        display: block;
    }
    
    .anime-map .box-map {
        background: url(../images/investees_partners/world-map_v2.jpg) center center no-repeat;
        background-size: cover;
        width: 100%;
        padding-bottom: 66.67%;
        height: 1px;
        position: relative;
    }
    
    .anime-map .box-map .img {
        position: absolute;
    }
    
    .obj1 .img {
        left: 440px;
        top: 168px;
    }
    
    .obj2 .img {
        left: 440px;
        top: 223px;
    }
    
    .obj3 .img {
        left: 335px;
        top: 290px;
    }
    
    .obj4 .img {
        left: 335px;
        top: 350px;
    }
    
    .obj5 .img {
        right: 538px;
        top: 263px;
    }
    
    .box-dot span {
        position: absolute;
        background: #4673c6;
        width: 7px;
        height: 7px;
        border-radius: 50%;
    }
    
    .box-dot .dot1 {
        left: 355px;
        top: 237px;
    }
    
    .box-dot .dot2 {
        left: 355px;
        top: 237px;
    }
    
    .box-dot .dot3 {
        left: 241px;
        top: 329px;
    }
    
    .box-dot .dot4 {
        left: 292px;
        top: 316px;
    }
    
    .box-dot .dot5 {
        left: 289px;
        top: 258px;
    }
    
    .mask1 {
        width: 138px;
        height: 33px;
        overflow: hidden;
        transform-origin: 100% 100% 0px;
        transform: matrix(1, 0, 0, 1, 0, 0);
    }
    
    .mask2 {
        width: 86px;
        height: 28px;
        overflow: hidden;
        transform-origin: 100% 100% 0px;
        transform: matrix(1, 0, 0, 1, 0, 0);
    }
    
    .mask3 {
        width: 127px;
        height: 34px;
        overflow: hidden;
        transform-origin: 100% 100% 0px;
        transform: matrix(1, 0, 0, 1, 0, 0);
    }
    
    .mask4 {
        width: 115px;
        height: 32px;
        overflow: hidden;
        transform-origin: 100% 100% 0px;
        transform: matrix(1, 0, 0, 1, 0, 0);
    }
    
    .mask5 {
        width: 112px;
        height: 35px;
        overflow: hidden;
        transform-origin: 100% 100% 0px;
        transform: matrix(1, 0, 0, 1, 0, 0);
    }
    
    .block-media ul li img {
        opacity: 1;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }
    
    .block-media ul li:hover img {
        opacity: .5;
    }
    
    @media only screen and (max-width: 1367px) {
        .block-gm-ch-top {
            text-align: center;
            padding: 22.4vh 0;
            z-index: 9999;
            position: relative;
            display: grid;
            width: 30%;
            margin: auto;
            display: block;
        }
        .button-gm-ch {
            display: block;
        }
        .block-list-ir-topic li {
            width: calc(92%/2);
            margin: 0 2%;
            float: left;
            height: 12vh;
        }
    }
    
    @media only screen and (max-width: 1441px) {
        .block-gm-ch-top {
            text-align: center;
            padding: 22.4vh 0;
            z-index: 9999;
            position: relative;
            display: grid;
            width: 30%;
            margin: auto;
            display: block;
        }
        .button-gm-ch {
            display: block;
        }
        .block-list-ir-topic li {
            width: calc(92%/2);
            margin: 0 2%;
            float: left;
            height: 15vh;
        }
    }
    
    .block-bg-sub .bg-blog {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
        background: url(../images/international-space.jpg) top center no-repeat;
    }
    
    .block-media-1 {
        display: flex;
        flex-direction: row;
        padding: 2.5rem 0;
        border-bottom: 1px solid #000;
    }
    
    .block-media-1:last-child {
        display: flex;
        flex-direction: row;
        padding: 2.5rem 0;
        border-bottom: none;
    }
    
    .block-media-1 .media-1-photo {
        flex-basis: 40%;
    }
    
    .block-media-1 .media-1-photo img {
        width: 100%;
        border: 1px solid #CCC;
    }
    
    .block-media-1 .media-1-title {
        flex-basis: 60%;
        position: relative;
        display: flex;
        /*justify-content: center;*/
        align-items: center;
        padding-left: 150px;
    }
    
    .block-media-1 .media-1-title p {}
    
    .block-media-1.alt {
        flex-direction: row-reverse;
    }
    
    .block-media-1 .box-m {
        width: 100%;
    }
    
    .block-media-1 .box-m h3 {
        font-size: 24px;
    }
    
    .block-btn-our-media {
        width: 50%;
        margin: 20px 0 0 0;
    }
    
    .block-btn-our-media a {
        text-decoration: none;
    }
    
    .covid-19 a {
        border: 2px solid #003567;
        padding: 15px 0;
        border-radius: 10px;
        display: block;
    }
    
    #form {
        clear: both;
        float: left;
        height: 90px;
    }
    
    .btn-top-service p {
        display: block;
    }
    
    @-webkit-keyframes ani-mouse {
        0% {
            opacity: 1;
            top: 29%;
        }
        15% {
            opacity: 1;
            top: 50%;
        }
        50% {
            opacity: 0;
            top: 50%;
        }
        100% {
            opacity: 0;
            top: 29%;
        }
    }
    
    @-moz-keyframes ani-mouse {
        0% {
            opacity: 1;
            top: 29%;
        }
        15% {
            opacity: 1;
            top: 50%;
        }
        50% {
            opacity: 0;
            top: 50%;
        }
        100% {
            opacity: 0;
            top: 29%;
        }
    }
    
    @keyframes ani-mouse {
        0% {
            opacity: 1;
            top: 29%;
        }
        15% {
            opacity: 1;
            top: 50%;
        }
        50% {
            opacity: 0;
            top: 50%;
        }
        100% {
            opacity: 0;
            top: 29%;
        }
    }
    
    .scroll-btn {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        bottom: 12%;
    }
    
    .scroll-btn>* {
        display: inline-block;
        line-height: 18px;
        font-size: 13px;
        font-weight: normal;
        color: #7f8c8d;
        color: #ffffff;
        font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
        letter-spacing: 2px;
    }
    
    .scroll-btn>*:hover,
    .scroll-btn>*:focus,
    .scroll-btn>*.active {
        color: #ffffff;
    }
    
    .scroll-btn>*:hover,
    .scroll-btn>*:focus,
    .scroll-btn>*:active,
    .scroll-btn>*.active {
        opacity: 0.8;
        filter: alpha(opacity=80);
    }
    
    .scroll-btn .mouse {
        position: relative;
        display: block;
        width: 35px;
        height: 55px;
        margin: 0 auto 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 3px solid white;
        border-radius: 23px;
    }
    
    .scroll-btn .mouse>* {
        position: absolute;
        display: block;
        top: 29%;
        left: 50%;
        width: 8px;
        height: 8px;
        margin: -4px 0 0 -4px;
        background: white;
        border-radius: 50%;
        -webkit-animation: ani-mouse 2.5s linear infinite;
        -moz-animation: ani-mouse 2.5s linear infinite;
        animation: ani-mouse 2.5s linear infinite;
    }