body {
    font: 1.6rem / 1.75 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Arial", Meiryo, Osaka, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #333;
    word-wrap: break-word;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

a {
    color: #0056b3;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;

}

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

/* ----------------manu button---------------------------- */



.line {
    margin-top: 113px;
}

.line1 {
    margin-top: 30px;
}

.manu-bar {
    cursor: pointer;
}

.bar1,
.bar2,
.bar3 {
    width: 30px;
    height: 5px;
    background-color: #333;
    margin: 6px 0;
    transition: 0.4s all linear;
}

.change .bar1 {
    transform: translate(0, 11px) rotate(-45deg);
}

.change .bar2 {
    opacity: 0;
}

.change .bar3 {
    transform: translate(0, -11px) rotate(45deg);
}



/* -------------------------------------------- */

.logo {
    width: 18%;
}

.logo a img {
    width: 100%;
}

.navbar-nav .nav-item {
    margin-left: 10px;
}

.navbar-nav .nav-item a {
    color: #333;
    text-decoration: none;
    font-size: 14.7px;
    text-transform: uppercase;
}

.navbar-nav .nav-item a:hover {
    text-decoration: underline;
}

.lang-section {
    text-align: center;
    margin-left: 15px;
}

.nav-icon {
    display: flex;
    margin-bottom: 0px;
}

.nav-icon .nav-search .icon {
    font-size: 12px;
    text-transform: capitalize;
    border-left: 1px solid #6666;
    color: #000;

}

.nav-icon .nav-search .icon:hover {
    text-decoration: underline;
}

.fa-magnifying-glass {
    width: 21px;
    height: 21px;
    margin: 4px 0px;
    color: blue;
}

.fa-globe {
    width: 21px;
    height: 21px;
    margin: 4px 4px;
    color: blue;
}

.a-blank:after {
    content: "";
    background: url(../images/icon.png) no-repeat;
}

.a-blank::after {
    width: 13px;
    height: 12px;
    background-position: 0 -24px;
}

.a-blank:after {
    display: inline-block;
    margin-top: 0;
    margin-left: 4px;
    vertical-align: middle;
}



.a-blankn .heading_title:after {
    content: "";
    background: url(../images/icon.png) no-repeat;
}

.a-blankn .heading_title::after {
    width: 13px;
    height: 12px;
    background-position: 0 -24px;
}

.a-blankn .heading_title:after {
    display: inline-block;
    margin-top: 0;
    margin-left: 4px;
    vertical-align: middle;
}

h2.link-text-v2 a.blank::after, .link-text > li > a.blank span::after {
        content: '';
        width: 23px;
        height: 16px;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center right;
        background-image: url(../images/icon_blk_gry2.svg);
        transition: transform .3s;
        padding-left: 7px;
    }

.drop ul >li a.blank::after {
        content: "";
        display: inline-block;
        background-size: contain;
        background-repeat: no-repeat;
        width: 23px;
        height: 16px;
        background-position: top 1px right;
        background-image: url("../images/icon_blk_gry2.svg");
    }

/* -----------------------------------------*/
.carousel-icon li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(255, 255, 255, .5);
}

.carousel-control-next,
.carousel-control-prev {
    width: 5% !important;
}

.banner {
    padding: 0 0 50px;
    clear: both;
    display: block;
    margin-top: 113px;
}

.thr-tab {
    padding: 0 0 50px;
    clear: both;
}

.thr-new {
    padding: 47px 0 50px;
    clear: both;
    position: relative;
    display: block;
}



.home-box_list {
    display: block;
    margin-top: 26px;
}

.home-box_list>.home-box_item {
    margin-left: 0;
    width: calc((100% / 3) - 4px);
    float: left;
}

.home-box {
    display: block;
    text-decoration: none;
}

.home-box:hover {
    text-decoration: none;
}

.home-box:hover .home-box_hedding {
    padding-left: 65px;
    color: #00428e;
}

.home-box:hover .home-box_hedding:before {
    background: #00428e;
}

.home-box_hedding {
    position: relative;
    margin-left: 4.8%;
    padding-top: 14px;
    padding-left: 35px;
    line-height: 1.2;
    font-size: 3.6rem;
    text-decoration: none;
    -webkit-transition: all .35s ease-out 0s;
    transition: all .35s ease-out 0s;
}

.home-box_hedding:before {
    content: '';
    position: absolute;
    top: 20px;
    left: 0;
    width: 1px;
    height: 100px;
    background: #777777;
    z-index: 1;
    -webkit-transition: all .35s ease-out 0s;
    transition: all .35s ease-out 0s;
}

.home-box_hedding .home-heading_title {
    position: relative;
    font-size: 30px;
    color: #000;
}

.home-box_hedding .home-heading_title:after {
    margin-top: -5px;
    left: -25px;
    width: 11px;
    height: 11px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    /* -webkit-transform: rotate(45deg); */
    transform: rotate(45deg);
}

.home-box_hedding .home-heading_title:before,
.home-box_hedding .home-heading_title:after {
    content: '';
    display: block;
    position: absolute;
    top: 0.55em;
    backface-visibility: hidden;
}

.home-box:hover .home-box_hedding .home-heading_title:after {
    border-top: 1px solid #00428e;
    border-right: 1px solid #00428e;
}

.home-box_hedding .home-heading_title:after {
    margin-top: -5px;
    left: -25px;
    width: 11px;
    height: 11px;
    transform: rotate(45deg);
}

.home-boxInner {
    position: relative;
    margin-top: 12px;
}

.home-box:hover .home-box_text {
    opacity: 1;
}

.home-boxInner>.home-box_text {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    padding: 5% 5% 6%;
    width: 100%;
    height: 100%;
    color: #fff;
    opacity: 0;
    background: rgba(5, 24, 43, 0.6);
    transition: all .35s ease-out 0s;
}

.home-box_text {
    overflow: hidden !important;
}

.home-boxInner .home-box_btn:before {
    left: 0;
    width: 15px;
    height: 1px;
    background: #fff;
}

.home-boxInner .home-box_btn:before,
.home-boxInner .home-box_btn:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
}

.home-boxInner .home-box_btn:after {
    margin-top: -4px;
    left: 5px;
    width: 9px;
    height: 9px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
}

.home-box_hedding .home-heading_title:before {
    left: -35px;
    width: 22px;
    height: 1px;
    background: #000;
}

.home-box_img img {
    width: 100%;
}

.home-boxInner .home-box_btn {
    display: inline-block;
    position: relative;
    margin: 10px 0 25px;
    padding: 10px 20px 8px;
    min-width: 37%;
    text-align: center;
    border: 1px solid #fff;
}

.home-box:hover .home-box_hedding {
    padding-left: 55px;
}






/* --------------news------------------- */

.home-news-top {
    padding: 0 2%;
    display: flex;
    margin-top: 60px;
    flex-wrap: wrap;

}

.home-heading-news {
    display: flex;
    align-items: center;
    width: 11%;
}

.home-heading-news a.home-heading_inner-news {
    text-decoration: none;
}

.home-heading-news .home-heading_title-news {
    font-size: 3.2rem;
}

.home-heading-news .home-heading_title-news>span {
    position: relative;
    padding-left: 0px;
    text-decoration: none;
    font-size: 35px;
    color: #000;
}

.home-news-top>.news-layout {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
    padding-left: 3.5%;
    width: 89%;
    border-left: 1px solid #dddddd;
}

.home-news-top>.news-layout>.news_article {
    width: 100%;
}

.home-news-top>.news-layout>.news_article>a {
    padding: 10px 0px;
    background: #fff;
    transition: all .2s ease-out 0s;
    text-decoration: none;
    color: #000;
}
.news-layout .news_article + .news_article {
        border-top: 1px solid #ddd;
    }


.news-layout .block {
    display: flex;
    align-items: flex-start;
    color: #333;
    text-decoration: none;
    outline: none;
}

.news-layout .news_detail {
    display: flex;
    align-items: flex-start;
    flex: 1;
}

.news-layout .news_property {
    display: flex;
    align-items: center;
    margin-right: 18px;
}

.news-layout .news_date {
    min-width: 7em;
    font-size: 1rem;
}

.news-layout [class*="news_icon"] {
    display: inline-block;
    padding: 0 16px;
    margin-left: 18px;
    color: #003b88;
    font-size: 1rem;
    line-height: 19px;
    text-align: center;
    border: 1px solid #003b88;
}

.news-layout .block .news_title {
    padding-left: 26px;
}

.news-layout a .news_title {
    position: relative;
    color: #333333;
    text-decoration: none;
    flex: 1;
    line-height: 1.6;
}

.news_title {
    padding-left: 26px;
}

.news-layout a:hover .news_title:after {
    left: 12px;

}

.news-layout a:hover .news_title:before {
    left: 6px;
}

.news-layout a:hover .news_title {
    text-decoration: underline;
    opacity: 1;
}

.news_title {
    font-size: 15px !important;
    margin: 0;
}

.news-layout a .news_title:before {
    left: 0;
    width: 16px;
    height: 1px;
    background: #555555;
}

.news-layout a .news_title:before,
.news-layout a .news_title:after {
    content: "";
    position: absolute;
    vertical-align: middle;
    top: 0.7em;
    transition: all .2s ease-out 0s;
}

.news-layout a .news_title:after {
    left: 6px;
    margin-top: -4px;
    width: 9px;
    height: 9px;
    border-top: 1px solid #555555;
    border-right: 1px solid #555555;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* ------------------------- */

#bg_img {
    margin-top: 40px;
    padding: 60px 7% 50px;
    line-height: 1.2;
    background: url(../images/bg.jpg) 60% 0 no-repeat;
    background-size: cover;


}

.home-message .home-heading {
    font-size: 3.1rem;
    color: #fff;
}

.home-message .home-heading span {
    font-size: 5.1rem;
}

.home-message-text {
    line-height: 1.3;
    text-align: center;
    font-size: 1.1rem;
}

.home-message_number {
    text-align: left;
}

.home-message_number img {
    width: 304px;
    height: 177px;
}

.home-message-text .home-message_lend {
    margin: 20px 0 8px;
    font-size: 1.3rem;
    line-height: 1.2;
}

.home-message_text {
    padding-left: 4%;
    border-left: 1px solid #a0cdd6;
}

.home-message_btn {
    display: block;
    margin: 40px auto 0;
    max-width: 300px;
    text-align: center;
}

.home-message_btn>a {
    display: block;
    position: relative;
    padding: 12px 18px 10px;
    width: 100%;
    text-decoration: none;
    text-align: center;
    font-size: 1.2rem;
    border: 1px solid #555555;
    color: #333;
}

.home-message_btn>a:hover {
    text-decoration: none;
    background-color: #fff;
}

.home-message_btn>a:before {
    left: 0;
    width: 15px;
    height: 1px;
    background: #555555;
}

.home-message_btn>a:before,
.home-message_btn>a:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    backface-visibility: hidden;
}

.home-message_btn>a:after {
    margin-top: -4px;
    left: 5px;
    width: 9px;
    height: 9px;
    border-top: 1px solid #555555;
    border-right: 1px solid #555555;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.homeBanner img {
    width: 250px;
}

/* ------------------------------------------------------
   * Footer
  ------------------------------------------------------ */
@media only screen and (max-width: 1023px) {

    ul.ft_nav_box>li ul.ft_list_box,
    ul.ft_nav_box>li.ft_nav_list.pc_employ {
        display: none;
    }
}

/* ----- FooterBody ----- */
.FooterBody {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 60px 4%;
    background: #f6f6f6;
}

/* footer-sitemap */
.footer-sitemap {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
}

.footer-sitemap>.sitemap_item {
    margin-right: 2%;
}

.footer-sitemap>.sitemap_item:last-of-type {
    padding-right: 0;
}

.sitemap_item> :first-of-type {
    margin-top: 0;
}

.sitemap-link {
    display: block;
    width: 100%;
}

.sitemap-link+.sitemap-link {
    margin-top: 30px;
}

/* footer-link */
.sitemap-link>li+li {
    margin-top: 20px;
}

.sitemap-link>li>a {
    display: inline-block;
    position: relative;
    padding-left: 28px;
    text-decoration: none;
    color: #333;
    font-size: 1.9rem;
    font-weight: 600;
    line-height: 1.4;
}

.sitemap-link>li>a:hover {
    color: #0852a0;
}

.sitemap-link>li>a>span:before,
.sitemap-link>li>a>span:after {
    content: "";
    position: absolute;
    vertical-align: middle;
    top: 50%;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
}

.sitemap-link>li>a>span:before {
    left: 0;
    width: 16px;
    height: 1px;
    background: #555555;
}

.sitemap-link>li>a>span:after {
    left: 6px;
    margin-top: -4px;
    width: 9px;
    height: 9px;
    border-top: 1px solid #555555;
    border-right: 1px solid #555555;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sitemap-link>li>a:hover>span:before {
    left: 6px;
}

.sitemap-link>li>a:hover>span:after {
    left: 12px;
}

.sitemap-link_detail {
    margin-top: 20px;
    padding-left: 28px;
}

.sitemap-link_detail>li {
    line-height: 1.8;
}

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

.sitemap-link_detail>li>a {
    display: inline-block;
    text-decoration: none;
    color: #333;
    font-size: 1.5rem;
}

.sitemap-link_detail>li>a:hover {
    text-decoration: underline;
}

.sitemap-banner {
    max-width: 264px;
    font-size: 1.5rem;
}

.sitemap-banner>li+li {
    margin-top: 20px;
}

.sitemap-sns {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    width: 100%;
    overflow: hidden;
}

.sitemap-sns>span {
    position: relative;
    z-index: 102;
}

.sitemap-snsList {
    display: -webkit-flex;
    display: flex;
}

.sitemap-snsList>li {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    max-width: 36px;
}

.sitemap-snsList>li:nth-child(4) {
    max-width: 44px;
}

.sitemap-snsList>li {
    margin-right: 17px;
}

/* footer-copyright */
.footer-copyright {
    padding: 20px 4% 15px;
    color: #fff;
    font-size: 1.3rem;
    background: #0852a0;
}

.footer-copyright>small {
    color: #fff;
}

/*フッター設定-----------------------------------*/
footer a:link {
    text-decoration: none;
}

footer a:visited {
    text-decoration: none;
}

footer a:hover {
    color: #0852A0;
    text-decoration: underline;
}

footer a:active {
    text-decoration: underline;
}

/*フッターグレー*/
.ft_gray {
    display: block;
    width: 100%;
    background-color: #f6f6f6;
    height: auto;
    padding: 80px 0;
}

/*フッター白*/
.ft_white {
    display: block;
    width: 100%;
    background-color: #fff;
    height: auto;
    padding: 60px 0;
}

footer .inr {
    margin: auto;
    width: 100%;
    position: relative;
    max-width: 1272px;
    padding: 0 36px;
}

ul.ft_nav_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

ul.ft_nav_box>li {
    width: calc(91% / 4);
    margin-right: 3%;
    margin-bottom: 50px;
    list-style: none;
}

ul.ft_nav_box>li.ft_nav_list div a {
    color: #0852A0;
}

ul.ft_nav_box>li:nth-of-type(4n) {
    margin-right: 0;
}

ul.ft_nav_box.w3sec>li:nth-of-type(4n) {
    margin-right: 3%;
}

ul.ft_nav_box.w3sec>li:nth-of-type(2n) {
    margin-right: 48.5%;
}

ul.ft_nav_box li.ft_nav_list div a {
    display: block;
    position: relative;
    padding-left: 26px;
}

ul.ft_list_box li a {
    display: block;
    position: relative;
    padding-left: 26px;
    color: #000;
}

ul.ft_nav_box li.ft_nav_list div a::before,
ul.ft_nav_box li.ft_nav_list div a::after,
ul.ft_list_box li a::before,
ul.ft_list_box li a::after {
    content: "";
    position: absolute;
    vertical-align: middle;
    top: 50%;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
}

ul.ft_nav_box li.ft_nav_list div a::before {
    margin-top: -2px;
    left: 0px;
    width: 16px;
    height: 1px;
    background: #0852A0;
    margin-right: 20px;
}

ul.ft_list_box li a::before {
    margin-top: -2px;
    left: 0px;
    width: 16px;
    height: 1px;
    background: #666;
    margin-right: 20px;
}

ul.ft_list_box li a::after {
    left: 6px;
    margin-top: -6px;
    width: 9px;
    height: 9px;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-right: 20px;
}

ul.ft_nav_box li.ft_nav_list div a:hover::before,
ul.ft_list_box li a:hover::before {
    left: 5px;
}

ul.ft_nav_box li.ft_nav_list div a:hover::after,
ul.ft_list_box li a:hover::after {
    left: 11px;
}

.ft_nav_box.sp {
    display: none;
}

ul.ft_list_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

ul.ft_list_box li {
    font-size: 14px;
    margin-bottom: 8px;
    line-height: 25px;
    list-style: none;
}

ul.ft_list_box li span {
    display: flex;
    position: relative;
}

ul.ft_list_box li a span {}

ul.ft_list_box li a.blank span::after {
    content: '';
    width: 23px;
    height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center right;
    background-image: url("../images/icon_blk_gry2.svg");
    transition: transform .3s;
    padding-left: 7px;
    margin-top: 3px;
}

.btn_box_ft1 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.btn_box_ft1 .btn_bule {
    width: 48.35%;
}

.btn_box_ft1 .btn_bule a {
    padding: 26px 36px;
}

/*ボタン青*/
.btn_bule {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    background-color: #0852A0;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 175%;
    position: relative;
    text-align: center;
}

.btn_bule a:link {
    color: #fff;
    text-decoration: none;
}

.btn_bule a:visited {
    color: #fff;
    text-decoration: none;
}

.btn_bule a:hover {
    color: #fff;
    text-decoration: underline;
}

.btn_bule a:active {
    color: #fff;
    text-decoration: underline;
}

.btn_bule a {
    color: #fff;
    display: block;
    padding: 11px 36px;
    position: relative;
    width: 100%;
}

.btn_bule a::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 0;
    background-image: url("../images/icon_rgt_w.svg");
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.btn_bule a.blank::after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 18px;
    top: 50%;
    right: 7px;
    background-image: url("/global_common/img/tmpl/icon_blk_w.svg");
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.btn_bule:hover {
    background-color: #48A8EE;
}

.btn_bule a:hover {
    text-decoration: none;
}

/*フッター白背景*/
.ft_logo_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.ft_logo_box_left {
    width: 50%;
}

.ft_logo_box_left h2 {
    width: 260px;
    margin-bottom: 30px;
}

.ft_logo_box_left h2 img {
    width: 100%;
}

.ft_logo_box_left ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 5px;
}

.ft_logo_box_left ul li {
    font-size: 12px;
    position: relative;
    display: inline-block;
    padding-right: 3px;
    margin-right: 3px;
}

.ft_logo_box_left ul li:not(:last-child) {
    border-right: solid 1px #ccc;
}

.ft_logo_box_left ul li a {
    color: #333;
}

.ft_logo_box_right {
    width: 50%;
}

.ft_logo_box_right ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-bottom: 5px;
}

.ft_logo_box_right ul li {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.ft_logo_box_right ul li:first-child {
    margin: 0 8px;
    font-size: 14px;
}

.ft_logo_box_right ul li:not(:first-child) {
    margin-left: 16px;
}

.ft_logo_box_right ul li a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
}

.facebook_icon {
    background-color: #0866FF;
}

.x_icon {
    background-color: #000;
}

.youtube_icon {
    background-color: #FF0000;
}

.ft_logo_box_right ul li.linkedin a {
    width: 48px;
}

.ft_white small.copy_right {
    font-size: 12px;
    color: #666;
}





/* -----------------products--------------------- */


.pageGuide {
    padding-top: 5px;
    margin: 0px;

}

.breadcrumbs {

    display: flex;

    flex-wrap: wrap;
    margin-bottom: 20px;
    list-style: none;
}

.breadcrumbs li {
    margin-right: 10px;
    font-size: 1rem;
}

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

.breadcrumbs>.list:before {
    content: "/";
    display: inline-block;
    margin-right: 15px;
    color: #a9a9a9;
}

.pageHead {
    position: relative;
    width: 100%;
    color: #fff;
}

.pageHead img {
    min-height: 390px;
}

.pageHead .pageHead-inner {
    background: #0053aa;
    margin-top: -20px;
}

.heading-lv1 {
    padding: 15px 0 13px;
}


.navi-inner {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    margin: 0 auto;
}

.navi-inner li {
    list-style: none;
}

.navi-inner li {
    max-width: 18.86%;
    padding: 0.5em 30px 0 30px;
    border-right: 1px solid #ccc;
}

.navi-inner li a {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}

.navi-inner>li>a:before {
    margin-top: -9px;
    background: #838383;
}

.navi-inner>li>a:before {
    left: 6px;

    width: 1px;
    height: 14px;

}

.navi-inner>li>a:before,
.navi-inner>li>a:after {
    content: "";
    position: absolute;
    vertical-align: middle;
    top: 50%;
    transition: all .2s ease-out 0s;
}

.navi-inner>li>a:after {
    margin-top: -4px;
    border-bottom: 1px solid #4b4b4b;
    border-right: 1px solid #4b4b4b;
}

.navi-inner>li>a:after {
    left: 2px;

    width: 9px;
    height: 9px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* ------information------ */

.section {
    width: 100%;
}

.heading-lv2 {
    margin-top: 45px;
}

.heading-lv2 .block {
    display: block;
    padding: 8px 0 8px 20px !important;
    border-top: 1px solid #b5c7da;
    border-bottom: 1px solid #b5c7da;
    text-decoration: none;
    width: 100%;
}

.heading-lv2 .heading_title {
    position: relative;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.5;
    color: #0852a0 !important;
}

.heading-lv2>a .heading_title>span:before {
    margin-top: -2px;
    left: -24px;
    width: 16px;
    height: 1px;
    background: #555555;
}

.heading-lv2>a .heading_title>span:before,
.heading-lv2>a .heading_title>span:after {
    content: "";
    position: absolute;
    vertical-align: middle;
    top: 50%;
    transition: all .2s ease-out 0s;
}

.heading-lv2>a .heading_title>span:after {
    left: -18px;
    margin-top: -6px;
    width: 9px;
    height: 9px;
    border-top: 1px solid #555555;
    border-right: 1px solid #555555;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.heading-lv2>a .heading_title>span:hover {
    text-decoration: underline;
}

.column_item {
    margin-top: 50px;
}

.column_image-v2 {
    float: left;
    margin-right: 26px;
    width: calc((100% - 26px) / 2);
}

.column_item .image-set>.image_inner>a img {
    max-height: 190px;
    transition: all .2s ease-out 0s;

}

.link-text-v2 {
    margin-top: 12px !important;
}

.link-text-v2 a {
    text-decoration: none !important;
}

.link-text-v2 a span {
    display: inline-block;
    position: relative;
    padding-left: 26px;
    line-height: 1.5;
    font-size: 1.2rem;
    font-weight: bold;
    color: #000;
}

.link-text-v2>a>span:before,
.link-text>li>a:before {
    left: 0;
    top: 15px;
    width: 16px;
    height: 1px;
    background: #555555;
    backface-visibility: hidden;
}

.link-text-v2>a>span:before,
.link-text-v2>a>span:after,
.link-text>li>a:before,
.link-text>li>a:after {
    content: "";
    position: absolute;
    vertical-align: middle;

    transition: all .15s ease-out 0s;
    transition-property: left;
}

.link-text-v2>a>span:after {
    top: 0
}

.link-text>li>a:after {
    top: 0;
}

.link-text-v2>a>span:after,
.link-text>li>a:after {
    left: 6px;
    margin-top: 11px;
    width: 9px;
    height: 9px;
    border-top: 1px solid #555555;
    border-right: 1px solid #555555;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    backface-visibility: hidden;
}

.column_detail-v2 {
    overflow: hidden;
}

.link-text>li {
    margin-top: 0.5em !important;
    list-style: none;
}

.link-text>li>a {
    position: relative;
    display: inline-block;
    padding-left: 26px;
    word-break: break-all;
    color: #000;
}


.link-text {
    margin-top: 1em;
}









/* ------------------support---------------- */

.image-set1 {
    margin-top: 50px;
}

.image_inner a img {
    width: 100%;
}

.image_inner p {
    font-size: 16px;
}

.image-set1 figure {
    margin: 0px;
}



.link-text-v2>a:hover>span {
    color: #0053aa;
}

/* ------------corporate information-------------- */

.heading-lv1 {
    margin: 20px 0 40px !important;
    position: relative;

    padding-bottom: 18px;

}

.pageHead .heading-lv1>.heading_title>em {
    color: #fff;
    font-size: 2.1rem;
    font-weight: bold;
    font-style: normal;
}
.pageHead .heading-lv1 .heading_title {
    color: #000;
    font-size: 1.8rem;
    font-weight: bold;
    font-style: normal;
}

.heading-lv1 .heading_title {
    color: #000;
    font-size: 1.8rem;
    font-weight: bold;
    font-style: normal;
}

.heading-lv1:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 1px;
    background: #0852a0;
}

.column_detail[data-wraparound="false"] {
    overflow: hidden;
}

.link-text-v4>a {
    display: inline-block;
    padding-left: 26px;
    text-decoration: none;
}

.link-text-v4>a:hover {
    text-decoration: none;
}

.link-text-v4>a>span {
    position: relative;
    line-height: 1.5;
    font-size: 1.2rem;
    font-weight: bold;
    color: #333;

}

.link-text-v4>a>span:before {

    left: -26px;
    width: 16px;
    height: 1px;
    background: #555555;
    backface-visibility: hidden;
}

.link-text-v4>a>span:before,
.link-text-v4>a>span:after {
    content: "";
    position: absolute;
    vertical-align: middle;
    top: 0.78em;
    -webkit-transition: all .15s ease-out 0s;
    transition: all .15s ease-out 0s;
    transition-property: left;
}

.link-text-v4>a>span:after {
    left: -20px;
}

.link-text-v4>a>span:after {
    margin-top: -4px;
    width: 9px;
    height: 9px;
    border-top: 1px solid #555555;
    border-right: 1px solid #555555;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    backface-visibility: hidden;
}

.text-paragraph {
    margin-top: 1em !important;
}


/* --------------pre owned machine-------------- */

.column_item-link {
    display: block;
    text-decoration: none;
}

.column_item-link .image_inner {
    text-align: center;
}

.column_item-link .image_inner>span {
    display: block;
    overflow: hidden;
    border: 1px solid #e6e6e6;
}

.column_item-link .image_inner img {
    width: 100%;
    height: 300px;
    transition: all .2s ease-out 0s;
}

.column_item-link .text-paragraph {
    color: #333;
}

.column_item-link p {
    color: #000;
}

/* --------------------press-------- */

.breadcrumbs>.anchor:before {
    content: "/";
    display: inline-block;
    margin-right: 15px;
    color: #a9a9a9;
}

.breadcrumbs>li>a>span {
    color: #333;
    text-decoration: underline;

}

.heading-lv1 {
    margin: 20px 0 0px !important;
    position: relative;
    padding-bottom: 18px;
    padding: 15px 0 13px;
}

.column_image[data-image="left"] {
    float: left;
    margin-right: 36px !important;

}

.column_detail[data-wraparound="false"] {
    overflow: hidden;
}

[data-row-pc]:not([data-row-pc="1"]) {
    -webkit-display: flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

.link-text>li {
    margin-top: 0.5em !important;
    list-style: none;
    padding: 12px;

}

.catalogs-link li {
    list-style: none;
    padding: 15px;
    width: 400px;
}

.press-list>li {
    margin-top: 0.5em !important;
    list-style: none;
    padding: 22px;
    width: 234px;
}

.link-press {
    padding: 10px;
}

.column_detail-head {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 5px;
}

.heading-lv3 .heading_title:before {
    content: "";
    display: block;
    position: absolute;
    margin-top: 15px;
    left: 0;
    margin-right: 10px;
    width: 20px;
    height: 1px;
    background: #0852a0;
}

.heading-lv3 .heading_title {
    position: relative;
    padding-left: 30px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.5
}

.heading-lv3 {
    margin-top: 20px;
}

.column_item1 {
    margin-top: 20px;
}


/* ------------------left sidebar------------- */

nav.sidebar-nav {
    float: right;
    margin-left: 48px;
    width: 240px;
}

.nav_head {
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    border-top: 4px solid #0852a0;
    border-bottom: 1px solid #dddddd;
}

.nav_head>a {
    display: block;
    padding: 18px 0 15px;
    line-height: 1.8;
    text-decoration: none !important;
    color: #333;

}

nav ul {
    list-style: none;
}

.nav_category>li.is-open>a {
    border-bottom: 1px solid #dddddd;
}

.nav_category>li>a {
    display: block;
    position: relative;
    padding: 15px 35px 15px 15px;

    text-decoration: none;
    font-size: 100%;
    font-weight: bold;
    color: #000;

}

.nav_category>li>a:hover {
    background-color: #48a8ee;
    color: #fff;
}

.is-currentdmn {
    color: #fff !important;
    background: #48a8ee !important;
}

.nav_category-lv2 {
    display: block;
    padding-left: 15px;
}

.nav_category-lv2>li>a {
    display: block;
    position: relative;
    padding: 12px;
    text-decoration: none;
    color: #333;
    font-size: 0.9rem;
    border-bottom: 1px solid #dddddd;
}

.nav_category-lv2>li>a:hover {
    background-color: #48a8ee;
    color: #fff;
}


/* ---------------warning email------------ */

.home-newsList-important {
    padding-left: 11%;
    width: 56.5%;
}

.home-newsList-important>li {
    margin-top: 10px;
    list-style: none;
}

.home-newsList-important>li>a {
    display: block;
    padding: 20px 20px 20px 7.5%;
    text-decoration: none;
    background: url(../images/index_ic01.png) 7.5% 50% no-repeat;
    border: 1px solid #ddd;
    color: #000;
}

.home-newsList-important>li>a:hover {
    border: 1px solid #fff;
    box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 22%);
}

.home-newsList-important>li>a>span {
    display: inline-block;
    position: relative;
    margin-left: 40px;
    padding-left: 32px;
}

.home-newsList-important>li>a>span:before {
    left: 0;
    width: 15px;
    height: 1px;
    background: #555555;
}

.home-newsList-important>li>a>span:before,
.home-newsList-important>li>a>span:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
}

.home-newsList-important>li>a>span:after {
    margin-top: -4px;
    left: 5px;
    width: 9px;
    height: 9px;
    border-top: 1px solid #555555;
    border-right: 1px solid #555555;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* ---------------OFFSET PRINTING PRESS */

.nav_category-lv2>li.is-current>a,
.nav_category-lv3>li>a:hover {
    color: #fff;
    background: #48a8ee;
}

.nav_category-lv2>li.is-current>a {
    border-bottom: 1px solid #dddddd;
}

.nav_category-lv2>li>a {
    display: block;
    position: relative;
    padding: 15px;
    text-decoration: none;
    font-size: 1rem;

}

.nav_category-lv3 {
    display: block;
    padding-left: 10px;
    background: #f3f4f5;
}

.nav_category-lv3>li>a {
    display: block;
    position: relative;
    padding: 15px 15px 15px 0;
    text-decoration: none;
    color: #333;
    font-size: 0.9rem;
    background: #f3f4f5;
    border-top: none;

}

.nav_category-lv3>li>a>span {
    display: block;
    position: relative;
    padding-left: 20px;
}

.nav_category-lv3>li>a>span:before {
    left: 0;
    width: 10px;
    height: 1px;
    background: #90adcb;
}

.nav_category-lv3>li>a>span:before {
    content: "";
    position: absolute;
    vertical-align: middle;
    top: 0.7em;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
}

/* -----------komori kare---------- */

#container-page {
    margin-top: 60px;
}

.image_inner img {
    width: 100%;
}

/* ------kgc----------- */

.column_item .text-lead {
    font-size: 1.2rem !important;
    font-weight: bold !important;
}

.column-media {
    margin-top: 36px;
}

.column-media>.column_image[data-image="right"] {
    float: right;
    margin-left: 36px;
}

.column-media[data-media-size="1/3"]>.column_image {
    width: calc((100% - 72px) / 3);
}

.column-media>.column_detail[data-wraparound="false"] {
    overflow: hidden;
}

/* -----news---------- */

.news_article {
    padding: 15px;
}




/* -----------catalogs------------------ */
.heading-lv4 {
    margin-top: 50px;
}

.heading-lv4 .block {
    display: block;
    text-decoration: none;
}

.heading-lv4 .heading_title {
    position: relative;
    padding-left: 30px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.5;
}

.heading-lv4 .heading_title:before {
    content: "";
    display: block;
    position: absolute;
    top: 0.65em;
    left: 0;
    width: 20px;
    height: 1px;
    background: #0852a0;
}


/*--------------magazine-------------*/

.column_image1[data-image="left"] {
    float: left;
    margin-right: 10px !important;
}

.image-inner {
    max-width: 90px;
    height: auto;
}

.image-inner img {
    width: 100%;
}

.image-set>.image_inner>a {
    display: block;
    overflow: hidden;
    border: 1px solid #e6e6e6;
}

.link-text>li {
    margin-top: -1.2em !important;
}

.a-pdf::after {
    vertical-align: top;
    display: inline-block;
    content: "";
    background: url(../images/icon.png) no-repeat;
}

.a-pdf::after {
    margin-top: 0.2em;
    margin-left: 8px;
    width: 16px;
    height: 18px;
    background-position: -28px -24px;

}

/* ----------------environmen------------ */

.column_detail1[data-wraparound="false"] {
    overflow: hidden;
}

.link-text1 {
    margin-top: 50px;
}

.link-text1>li {
    list-style: none;
}

.link-text1>li>a {
    position: relative;
    display: inline-block;
    padding-left: 26px;
    word-break: break-all;
    font-size: 16px;
    color: #000;
}

.link-text1>li>a:before {
    left: 0;
    width: 16px;
    height: 1px;
    background: #555555;
    backface-visibility: hidden;
}

.link-text1>li>a:before,
.link-text1>li>a:after {
    content: "";
    position: absolute;
    vertical-align: middle;
    top: 0.78em;
    -webkit-transition: all .15s ease-out 0s;
    transition: all .15s ease-out 0s;
    transition-property: left;
}

.link-text1>li>a:after {
    left: 6px;
    margin-top: -4px;
    width: 9px;
    height: 9px;
    border-top: 1px solid #555555;
    border-right: 1px solid #555555;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    backface-visibility: hidden;
}


/* ---------message---------------- */

.image-set {
    margin-top: 50px;
}

.column_lead {
    line-height: 1.5;
    font-size: 2rem;
}

.text-paragraph {
    margin-top: 1em !important;
}

.text-para1 {
    font-size: 16px;
    line-height: 1.5;
}

.para {
    margin-top: 36px;
}

/* --------------company profile------------ */
.no-mg .table-layout {
    margin-top: 0px;
}

.table-layout {
    margin-top: 50px;
}

.table-layout .table_inner {
    width: 100%;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.gp-w-025per {
    width: 25% !important;
}

.table-layout th,
.table-layout td {
    padding: 7px 20px;
    vertical-align: top;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background-color: #fff;
    font-weight: normal;
    text-align: left;
}

.table-layout .cell-style1 {
    background-color: #666666;
    color: #fff;
    font-weight: bold;
}

table.table_inner th {
    text-transform: capitalize;
}


/* -----------management-------------- */

.box-layout-v3 {
    border: 3px solid #dddddd;
    margin-top: 1em;
    padding: 30px 35px 33px;
}

.list-order-v3>li {
    position: relative;
    padding-left: 2em;
    font-size: 1.2rem;
    font-weight: bold;
    list-style: none;
}

.list-order-v3>li>.list_mark {
    position: absolute;
    top: 0;
    left: 0;
    color: #0852a0;
}

.cationtxt.right {
    text-align: right;
    padding: 10px 0 0;
}


.box-layout-v31 {
    border: 3px solid #dddddd;
    margin-top: 1em;
    padding: 30px 35px 33px;
    clear: both;
}

.list-order-v31>li {
    position: relative;
    padding-left: 2em;
    font-size: 1.2rem;
    font-weight: normal;
    list-style: none;
}

.list-order-v31>li>.list_mark {
    position: absolute;
    top: 0;
    left: 0;
    color: #0852a0;
}

.column_detail {
    margin-top: 20px;
}

/* -------------------- */


/* ----------------product details----------------- */

.heading_subtitle {
    font-size: 1.5rem;
    font-weight: bold;
}


.carousel-part {
    height: 476px;
    max-width: 100%;
}

.slide-details {
    overflow: hidden;
    margin-top: 20px;
    border: 1px solid #ccc;

}


.carousel-item img {
    margin: 0 auto;
    max-width: 100%;
}

#more {
    display: none;
}

.list-bullet>li {
    display: block;
    position: relative;
    padding: 10px;
    padding-left: 20px;
}

.list-bullet>li::before {
    position: absolute;
    top: 1.2em;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #0852a0;
    content: "";
}

.category_nav {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    border-left: 1px solid #dddddd;
}

.category_nav>li {
    width: calc(100% / 3);
    list-style: none;
}

.category_nav>li:nth-child(-n+3) {
    border-top: 1px solid #dddddd;
}

.category_nav>li>a:hover,
.category_nav>li>a.is-current {
    color: #fff;
    font-weight: bold;
    background-color: #48a8ee;
    letter-spacing: -0.06em;
    transition: none;
}

.category_nav>li>a {
    display: block;
    padding: 10px 10px 10px 30px;
    height: 100%;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    transition: none;
}

.category_nav>li>a>span {
    display: inline-block;
    position: relative;
    padding-left: 26px;
}

.category_nav>li>a:hover>span:before,
.category_nav>li>a.is-current>span:before {
    background: #fff;
}

.category_nav>li>a>span:before {
    left: 0;
    width: 12px;
    height: 1px;
    background: #555555;
}

.category_nav>li>a>span:before,
.category_nav>li>a>span:after {
    content: "";
    position: absolute;
    vertical-align: middle;
    top: 0.7em;
}

.category_nav>li>a:hover>span:after,
.category_nav>li>a.is-current>span:after {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}

.category_nav>li>a>span:after {
    left: 4px;
    margin-top: -3px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #555555;
    border-right: 1px solid #555555;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}



/* --------------------pdf download------------------ */

.content {
    margin-top: 40px;
}

.f-color-red {
    color: #cc0033 !important;
}

.form_item {
    display: flex;
    flex-wrap: wrap;
}

.form_title {
    padding: 33px 30px;
    width: 200px;
    background: #f6f6f6;
}

.form_title>.form_titleInner {
    font-weight: bold;
}

.form_detaile {
    padding: 25px 0 25px 30px;
    width: 940px;
    display: flex;
}

.wpcf7-form-control-wrap {
    position: relative;
}

.wpcf7-form-control {
    height: 45px;
    font-size: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 2px;

}

.wpcf7-form-control {
    height: 45px;
    font-size: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    width: 100%;
}

.form-notice {
    color: #999;
    font-size: 0.9rem;
    line-height: 1em;

}

.images-inner .js-pdf_download {
    display: block;
    overflow: hidden;
    border: 1px solid #e6e6e6
}

.image-inner .js-pdf_download {
    display: block;
    overflow: hidden;
    border: 1px solid #e6e6e6
}

.Privacy {
    padding: 0;
    margin: 25px 0;
    width: 100%;
}

.note {
    padding: 15px !important;
    border: 1px solid #ccc;
    background: #fcf9f9;
    font-size: 11px;
}

.policy_btn {

    font-size: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    width: 100%;
    padding: 15px 0;
    text-align: center;
    background: #3071a9 !important;
    color: #fff;

}

.policy_btn:hover {
    text-decoration: none;
    color: #fff;

}



.travel-news {
    width: 100%;
    float: left;
    display: flex;
}


.sitemap-menu li {
    padding: 19px;
    width: 360px;
}

.heading-lv4 .heading_title::before {
    position: absolute;
    top: 0.5em;
    left: 0;
    width: 8px;
    height: 8px;
    background-color: #888888;
    content: "";
}

.navi-anchor {
    margin-top: 20px;
}

.term-link li {
    max-width: 20.86%;
    padding: 0.5em 23px 0 30px;
    border-right: 1px solid #ccc;
}

.term-link li a {
    transition: all .2s ease-out 0s;
}

.list-order li {
    margin: 20px 0;
    list-style: none;
}

.list-order li span {
    margin-right: 10px;
    font-weight: bold;
}

/* -----------contact us----------------- */
.dmn_contact {
    border-bottom: 1px solid #ccc;
}

.dmn_contact h2 {
    color: #333333;
    font-size: 30px;
}

.dmn_contact .form-description {
    padding: 15px 5px;
    font-size: 13px;
    border-bottom: 1px solid #ccc;
}

.wpcf7-form {
    margin: 20px 0;
}

.wpcf7-form label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 13px;
}

.wpcf7-form label span {
    color: red;
    font-size: 1.1em;
    line-height: 1em;
    vertical-align: middle;
}

.col-md-6 {
    float: left;
    width: 45%;
}

.wpcf7-form .wpcf7-form-control {
    height: 45px;
    font-size: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    width: 100%;
}

.wpcf7-checkbox .wpcf7-list-item {
    width: 100%;
    border: none;
    line-height: 28px;
    margin: 0;
}

.wpcf7-list-item {
    display: inline-block;

}

input[type=checkbox] {
    /*margin: 4px 0 0;*/

    line-height: normal;
}

.wpcf7-form-control-wrap input {
    margin-left: -15px;
}

.wpcf7-form-control-wrap textarea {
    margin-left: -15px;
}

.wpcf7-form textarea {
    height: 200px !important;
}

.note {
    padding: 15px !important;
    border: 1px solid #ccc;
    background: #fcf9f9;
    font-size: 11px;
}

.submit {
    padding: 10px 30px 10px 30px;
    height: 45px;
    font-size: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    width: 100%;
    color: #fff;
    background: #3071a9 !important;
}

.submit:hover {
    text-decoration: none;
    color: #fff;
}

.corp-office h3 {
    color: #333333;
    margin-bottom: 15px !important;
    font-size: 21px;
}

.corp-office p {
    color: #555;
    font-family: arial;
    text-align: justify;
    font-size: 13px;
    letter-spacing: 0.1px;
    line-height: 25px;
    margin-bottom: 15px;
}

.regionaloffice h3 {
    color: #333333;
    margin-bottom: 15px !important;
    font-size: 20px;
}

.regionaloffice p {
    color: #555;
    font-family: arial;
    text-align: justify;
    font-size: 13px;
    letter-spacing: 0.1px;
    line-height: 25px;
    margin-bottom: 15px;
}


table,
th,
td {
    border: 1px solid #ddd;
    border-collapse: collapse;
    padding-left: 5px;
    font-size: 100% !important;
}

.box-layout {
    margin-top: 30px;
    border: 1px solid #ddd;
}

.box-layout>.box_title {
    padding: 10px 15px;
    background-color: #0852a0;
    text-align: center;
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.5;
}

.box-layout>.box_detail {
    padding: 25px 22px 24px;
    background-color: #fff;
}

input[type="text"] {
    width: 100%;

    border: none;
    margin-bottom: 6px;
    border-radius: 0;
    padding: 12px 10px;
    font-size: 14px;
    line-height: 16px;
    color: #333;
    background: #fff;
    outline: 0;
    border: 1px solid #bfbfbf;
}

select {
    width: 100%;
    height: 30px;
    border: none;
    margin-bottom: 6px;
    border-radius: 0;
    padding: 4px 10px;
    font-size: 14px;
    line-height: 16px;
    color: #333;
    background: #fff;
    outline: 0;
    border: 1px solid #bfbfbf;
}

textarea {
    margin-top: 10px;
    width: 100%;
    height: 50px;
    border: none;
    margin-bottom: 6px;
    border-radius: 0;
    padding: 12px 10px;
    font-size: 14px;
    line-height: 16px;
    color: #333;
    background: #fff;
    outline: 0;
    border: 1px solid #bfbfbf;
    overflow: auto;
}


/* -------------------------------- */
.headerUtility_btn {
    font-size: 0.7rem !important;
}

.headerUtility_btn span:hover {
    text-decoration: underline;
}

.headerUtility-serch{
margin: 0 auto;
}

.headerUtility-serch:before {
    width: 21px;
    height: 21px;
    background-position: 0 0;
}

.headerUtility-serch:before {
    content: "";
    display: block;
    margin: 4px auto 6px;
    background: url(../images/icon.png) no-repeat;
}


.openBtn {
    background: #fff;
    border: none;
    padding: 10px 15px;
    font-size: 20px;
    cursor: pointer;
    border-left: 1px solid #dddd;
    outline: none;
    color: #333;
}

.openBtn:focus {
    outline: none;

}

.headerUtility-language:before {
    content: "";
    display: block;
    margin: 4px auto 6px;
    background: url(../images/icon.png) no-repeat;
}

.headerUtility-language,
.js-headerUtility-close {
    display: inline-block;
    margin: 0 auto;
}

.headerUtility-language:before {
    width: 20px;
    height: 21px;
    background-position: -22px 0;
}

.overlay {
    height: auto;
    width: 600px;
    display: none;
    position: absolute;
    z-index: 1;
    top: 100%;
    right: 0;
    /* background-color: rgb(0,0,0); */
    background: #f2f2f2;
}

.headerUtility_body {
    margin: 0 auto;
    padding: 0 20px;
}

.header_serchWrap {
    display: block;
    position: relative;
    margin: 20px 0;
    padding: 10px 10px 4px 20px;
    width: 100%;
    border-bottom: 1px solid #00428e;
}

.header_serchWrap:before {
    top: 26px;
    left: 10px;
    margin-top: -0.5em;
    width: 2px;
    height: 23px;
    background: #9a9a9a;
}

.header_serchWrap:before {
    content: "";
    display: block;
    position: absolute;
}

.header_serchWrap>form {
    display: -webkit-flex;
    display: flex;
}

.header_serch {
    font-size: 19px;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    border: none;
    background: none;
    width: 80%;
}

.header_serch_btn {
    font-size: 19px;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    border: none;
    background: none;
    width: 20%;
}

.header_serch_btn {
    margin-top: 4px;
    margin-left: 58px;
    width: 28px;
    height: 28px;
    text-indent: -9999px;
    background: url(../images/icon.png) no-repeat;
    background-position: -83px 0;
    cursor: pointer;
}


/* --------------language================== */

.lang-overlay {
    height: auto;
    width: 44%;
    display: none;
    position: fixed;
    z-index: 1;
    top: 92px;
    left: 56%;
    /* background-color: rgb(0,0,0); */
    background: #f2f2f2;
}

.headerUtility_bodyInner {
    margin: 0 auto;
    padding: 27px 20px;
}

.headerUtility_link {
    margin: 8px 0 10px;
}

.headerUtility_link>li {
    padding-left: 10px;
    border-bottom: 1px solid #ccc;
}

.headerUtility_link>li>a {
    display: block;
    position: relative;
    padding: 12px 0 12px 28px;
    text-decoration: none;
    color: #333;
    font-size: 1.2rem;
}

.headerUtility_link>li>a>span:before {
    left: 0;
    margin-top: -2px;
    width: 16px;
    height: 1px;
    background: #555555;
}

.headerUtility_link>li>a>span:after {
    left: 6px;
    margin-top: -6px;
    width: 9px;
    height: 9px;
    border-top: 1px solid #555555;
    border-right: 1px solid #555555;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.headerUtility_link>li>a>span:before,
.headerUtility_link>li>a>span:after {
    content: "";
    position: absolute;
    vertical-align: middle;
    top: 50%;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
}

.headerUtility_link>li:hover span:before {
    margin-left: 6px;
}

.headerUtility_link>li:hover span:after {
    margin-left: 6px;
}

.fas-xmark .headerUtility-language {
    opacity: 0;
}


.fas-xmark:after {
    content: "\00d7";
    position: absolute;
    top: 9px;
    font-size: 45px;
    right: 32px;
    color: #003b88;

}

.changeMark .headerUtility-serch {
    opacity: 0;
}

.changeMark {
    padding: 10px 15px;
    background-color: #fff;
}

.changeMark:after {
    content: "\00d7";
    position: absolute;
    top: 6px;
    font-size: 45px;
    right: 113px;
    color: #003b88;

}

/* -------------for 1280px------------------------ */

@media (max-width:1280px) {

    .pageGuide {
        padding-top: 18px;
        margin: 0 70px;
        width: 100%;
    }
}

/* -------------for 912px------------------------ */

@media (max-width:912px) {

    .logo {
        width: 56%;
    }

    .navbar-collapse {
        background: #fff;
        margin-top: 15px;
    }

    .navbar-nav .nav-item a {
        display: block;
        position: relative;
        padding: 15px 0px 15px 0px;
        color: #00428e;
        text-decoration: none;
        font-size: 1.1rem;
        font-weight: bold;
        background: #fff;
        border-bottom: 1px solid #cccccc;
    }

    .lang-section {
        text-align: center;
        position: absolute;
        left: 62%;
        top: 15px;
    }

    .pageGuide {
        padding-top: 18px;
        width: auto;
    }
}

/*-------------------------------for tablet-------------------*/


@media (min-width: 768px) and (max-width:820px) {

    .logo {
        width: 50%;
    }

    .navbar-collapse {
        background: #fff;
        margin-top: 15px;
    }

    .navbar-nav .nav-item a {
        display: block;
        position: relative;
        padding: 15px 0px 15px 0px;
        color: #00428e;
        text-decoration: none;
        font-size: 1.1rem;
        font-weight: bold;
        background: #fff;
        border-bottom: 1px solid #cccccc;
    }

    .lang-section {
        text-align: center;
        position: absolute;
        left: 58%;
        top: 10px;
    }

    .nav-search {
        width: 100px;
    }

    .nav-icon .nav-search .icon {
        font-size: 14px;
        text-transform: capitalize;
        border-left: none;
        color: #000;
    }

    .fa-magnifying-glass {
        width: 30px;
        height: 30px;
        margin: 0px 0px;
        color: blue;
    }

    .fa-globe {
        width: 30px;
        height: 30px;
        margin: 0px 0px;
        color: blue;
    }

    .home-heading-news {
        display: flex;
        align-items: center;
        width: 12%;
    }

    .travel-news {
        width: auto;
        float: none;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        height: auto;
    }

    .sitemap-snsList {
        display: block;
        margin-top: 20px;
    }

    .sitemap-snsList>li {


        align-items: center;

        padding: 9px 0;
    }

    /* -----------------product=------------------------*/

    .pageGuide {
        padding-top: 18px;
        width: auto;
        margin-left: 30px;
    }

    .pageHead img {
        min-height: 300px;
    }

    .navi-inner li {
        padding: 0.5em 30px 0 17px;
        border-right: 1px solid #ccc;
    }

    .navi-inner li a {
        display: inline-block;
        position: relative;
        padding-left: 30px;
        font-weight: bold;
        text-decoration: none;
        color: #333;
    }

    .column_image-v2 {
        float: none;
        margin-right: 0px;
        width: 100%;
    }

    .press-list>li {

        list-style: none;
        padding: 19px 0;
        width: 194px;
    }

    nav.sidebar-nav {
        margin-top: 30px;
        float: none;
        margin-left: 48px;
        width: 500px;
    }

    .catalogs-link li {
        list-style: none;
        padding: 15px 0;
        width: 339px;
    }

    .footer-copyright {
        padding: 13px 4% 14px;
        color: #fff;
        font-size: 1.3rem;
        background: #0852a0;
        text-align: center;
    }

    .table-layout th,
    .table-layout td {
        padding: 7px 5px;
        vertical-align: top;
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
        background-color: #fff;
        font-weight: normal;
        text-align: center;
    }

}


/* ---------------------------for mobile--------------------------------- */
@media (max-width:767px) {
    .logo {
        width: 60%;
    }

    .navbar-collapse {
        background: #fff;
        margin-top: 15px;
    }

    .navbar-nav .nav-item a {
        display: block;
        position: relative;
        padding: 15px 0px 15px 0px;
        color: #00428e;
        text-decoration: none;
        font-size: 1.1rem;
        font-weight: bold;
        background: #fff;
        border-bottom: 1px solid #cccccc;
    }

    .slide {
        margin-top: 30px;
    }

    .navbar-toggler {
        margin-left: 71px;
        width: 60px;
    }

    .lang-section {
        text-align: center;
        position: absolute;
        top: 5px;
        left: 62%;
    }

    .nav-icon {
        display: flex;
        margin-bottom: 0px;
        width: 65px;
    }

    .nav-icon .nav-search .icon {
        font-size: 11px;
        text-transform: capitalize;
        border-left: none;
        color: #000;
    }

    .fa-magnifying-glass {
        width: 32px;
        height: 32px;
        margin: 0px 0px;
        color: blue;
    }

    .nav-lang {
        display: none;
    }

    /* ------------------------------- */
    .openBtn {
        background: #fff;
        border: none;
        padding: 0px 0px;
        font-size: 20px;
        cursor: pointer;
        border-left: none;
        outline: none;
    }

    .headerUtility_btn {
        font-size: 0.7rem !important;
        margin-top: 7px;
    }

    .overlay {
        height: auto;
        width: auto;
        display: none;
        position: absolute;
        z-index: 1;
        top: 100%;
        right: 0;
        /* background-color: rgb(0,0,0); */
        background: #f2f2f2;
    }

    .changeMark:after {
        content: "\00d7";
        position: absolute;
        top: -15px;
        font-size: 50px;
        right: 28px;
        color: #003b88;
    }

    /* ------------------------ */



    .home-box_list {
        display: block;
        margin-top: 20px;
    }

    .home-box_list>.home-box_item {
        margin-left: 0px;
        width: auto;
    }

    .home-box_hedding:before {
        display: none;
    }

    .home-boxInner>.home-box_text {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        padding: 5% 5% 6%;
        width: 100%;
        height: 100%;
        color: 1;
        color: #fff;
        opacity: 1;
        background: rgba(5, 24, 43, 0.6);
        transition: all .35s ease-out 0s;
    }

    /* ---------news-------------- */


    .home-news-top>.news-layout {
        display: flex;
        flex-wrap: wrap;
        margin-top: 0;
        padding-left: 2%;
        width: 100%;
        border-left: 1px solid #dddddd;
    }

    .home-news-top>.news-layout>.news_article>a {
        margin: 0 -20px;
        padding: 10px 15px 10px;
        background: #fff;
        transition: all .2s ease-out 0s;
    }

    .news-layout .news_detail {
        display: block;
        align-items: flex-start;
        flex: 1;
    }

    .news-layout a .news_title {
        position: relative;
        color: #333333;
        text-decoration: none;
        flex: 1;
        line-height: 1.6;
        margin-top: 15px;
    }

    .news-layout [class*="news_icon"] {
        display: inline-block;
        padding: 0 9px;
        margin-left: 18px;
        color: #003b88;
        font-size: 1rem;
        line-height: 19px;
        text-align: center;
        border: 1px solid #003b88;
    }

    .home-newsList-important {
        padding-left: 0%;
        width: 100%;
    }

    .home-message .home-heading {
        font-size: 3.1rem;
        color: #fff;
        text-align: center;
    }

    .travel-news {
        width: auto;
        float: none;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        height: auto;
    }

    /* ---------------------footer------------ */
    .Footer {
        position: relative;
        margin-top: 50px;
    }

    .footer-sitemap {
        padding: 0 15px;
        display: block;
    }

    ul.sitemap-link_detail {
        display: none;
    }

    .sitemap_item {
        display: inline-block;

    }

    /* ----------------product page------------------- */

    .pageHead .heading-lv1>.heading_title>em {
        color: #fff;
        font-size: 1.7rem;
        font-weight: bold;
        font-style: normal;
    }

    .navi-inner {

        display: flex;
        justify-content: center;
        flex-flow: row wrap;
        margin: 0 auto;

    }

    .navi-inner li {
        max-width: 100%;
        padding: 0.5em 30px 0 0px;
        border-right: 1px solid #ccc;
        margin: auto;
    }

    .heading-lv2 .heading_title {
        position: relative;
        font-size: 1.6rem;
        font-weight: bold;
        line-height: 1.5;
        margin-left: 10px;
    }

    .column_image-v2 {
        float: left;
        margin-right: 0px;
        width: calc((100% - 26px) / 2);
    }

    .link-text-v2 a span {
        display: inline-block;
        position: relative;
        padding-left: 26px;
        line-height: 1.5;
        font-size: 1.2rem;
        font-weight: bold;
        color: #000;
    }

    .link-text-v2>a>span:after,
    .link-text>li>a:after {

        display: none;
    }

    .column_detail {
        margin-top: 20px;

        padding-left: 15px;
    }

    .pageGuide {
        padding-top: 18px;
        margin: 0 auto;
        width: auto;
    }

    .heading_title {
        font-size: 2.1rem;
    }

    nav.sidebar-nav {

        margin-left: 0px;
        width: 100%;
    }

    .pageHead img {
        min-height: auto;
    }

    .table-layout th,
    .table-layout td {
        padding: 0px 0px;
        vertical-align: top;
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
        background-color: #fff;
        font-weight: normal;
        text-align: center;
    }

    .category_nav>li>a {
        display: block;
        padding: 5px;
        height: 100%;
        border-right: 1px solid #dddddd;
        border-bottom: 1px solid #dddddd;
        transition: none;
    }

    .slide-details {
        width: 100%;
        overflow: hidden;
        margin-top: 20px;
        border: 1px solid #ccc;
    }

    .breadcrumbs>.anchor:before {
        content: "/";
        display: inline-block;
        margin-right: 0px;
        color: #a9a9a9;
    }

    .column_image[data-image="left"] {
        display: block;
        float: none;
        margin-right: 0px !important;
    }

    .press-list>li {
        list-style: none;
        width: 172px;
        float: left;
        padding: 15px 0;
    }

    .link-text>li>a {
        position: relative;
        display: inline-block;
        padding-left: 26px;
        word-break: break-all;
        color: #000;
        font-size: 15px;
    }

    /* -------------------pdf--------------------- */

    .form_item {
        display: block;
    }

    .form_title {
        padding: 15px 15px;
        width: auto;
        background: none;
    }

    .form_detaile {
        padding: 1px 1px 1px 1px;
        width: auto;
        display: flex;
    }



}

/* ------------------- */
@media (max-width:375px) {
    .navbar-toggler {
        margin-left: 65px;
        width: 60px;
    }

    .lang-section {
        text-align: center;
        position: absolute;
        top: 5px;
        left: 59%;
    }
}


/* ---------------------- */

@media (max-width:360px) {
    .navbar-toggler {
        margin-left: 59px;
        width: 60px;
    }

    .lang-section {
        text-align: center;
        position: absolute;
        top: 5px;
        left: 57%;
    }

}




/* ----------------------- */

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    background-color: #000;
    padding: 15px 10px;
    border-radius: 3px;
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;

    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 4%;
    color: #fff;
    text-align: center;
    opacity: 1;
}

.fa-arrow-left {
    color: #000;
    font-size: 26px;
}

.fa-arrow-right {
    color: #000;
    font-size: 26px;
}

.news-layout .news_article a {
    color: #000;
    text-decoration: none;
}




.fl {
    float: left
}

.clear {
    clear: both
}



.home-topics {
    margin-top: 60px;
    background: #3475B7;
    padding: 50px 0 80px;
}

.home-heading-topics {
    padding: 0 2% 15px;
}

.home-heading-topics .home-heading_title-topics {
    font-size: 30px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(8, 82, 160, 0.95);
}

.home-heading-topics .home-heading_title-topics>span {
    position: relative;
    padding-left: 27px;
    text-decoration: none;
}

.home-heading-topics .home-heading_title-topics>span:before {
    left: 0;
    width: 22px;
    height: 1px;
    background: #fff;
}

.home-heading-topics .home-heading_title-topics>span:before,
.home-heading-topics .home-heading_title-topics>span:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
}

.home-heading-topics .home-heading_title-topics>span:after {
    margin-top: -5px;
    left: 10px;
    width: 11px;
    height: 11px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.home-heading-topics .home-heading_subtitle {
    padding-left: 33px;
    font-size: 16px;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(8, 82, 160, 0.95);
}


/**/


.home-topics-list_item {
    height: 100%;
}

.home-topics-list_item-inner {
    background: #FFF;
    height: 100%;
    display: block;
    position: relative;
    padding-bottom: 36px;
    text-decoration: none;

    transition: all .35s ease-out 0s;
}

.home-topics-list_item-inner:hover {
    text-decoration: none;
}

.home-topics-list_img-wrap {
    position: relative;
    padding-top: 56%;
    overflow: hidden;
}

.home-topics-list_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: all .35s ease-out 0s;
    transition: all .35s ease-out 0s;
}

.home-topics-list_icon-movie {
    position: absolute;
    width: 45px !important;
    top: 5px;
    right: 5px;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.7);
}

.home-topics-list_item h3 {
    padding: 10px;
    font-size: 16px;
    color: #333;
    height: 80px;
}

.home-topics-list_arw-wrap {
    position: absolute;
    height: 24px;
    width: 24px;
    background: #0852a0;
    position: absolute;
    bottom: 6px;
    right: 6px;
    display: block;
}

.home-topics-list_arw {
    display: block;
    height: 24px;
    width: 24px;
    position: relative;
}

.home-topics-list_arw:before {
    left: 7px;
    width: 8px;
    height: 1px;
    background: #fff;
}

.home-topics-list_arw:before,
.home-topics-list_arw:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transition: all .35s ease-out 0s;
    transition: all .35s ease-out 0s;
}

.home-topics-list_arw:after {
    margin-top: -3px;
    right: 8px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.indicators {
    bottom: -50px !important;
}

@media (max-width:767px) {
    .topics {
        margin-bottom: 15px;
    }

    .topics-slide {
        margin-top: 0px !important;
    }
}



#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 1;
    z-index: 9999;
    display: none;
}


.popup {
   opacity: 1;
    min-width: 700px;
    width: 750px;
    min-height: auto;
    margin: 22px auto;
    position: relative;
    z-index: 103;
    padding: 8px 8px;

}

.popup img {
    width: auto;
    border: 4px solid #b4e391;
}


.popup button {
    position: absolute;
    display: block;
    background-color: transparent;
    font-size: 30px;
    border: none;
    outline: none;
    cursor: pointer;
    right: 14px;
    top: -19px;color:#fff
}

.popup button:focus {
    outline: none;
    border: none;
}

@media (max-width:767px) {
    .popup {
        opacity: 1;
        min-width: 100%;
        width: 100%;
        min-height: 600px;
        margin: 90px auto;
        position: relative;
        z-index: 103;
        padding: 8px 8px;

    }
}

.Pagetop {

    z-index: 0 !important;
}



#cookie_bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(51, 51, 51, 0.9);
    color: #FFF;
    padding: 15px 70px;
    line-height: 1.5;
    z-index: 1001;
    display: flex;
    align-items: center;
}

#cookie_bar>div {
    padding-right: 15px;
}


#cookie_bar #cookie_bar_btn {
    width: 200px;
}

#cookie_bar #cookie_bar_btn {
    display: block;
    text-decoration: none;
    text-align: center;
    background: #0852a0;
    border: 1px solid #FFF;
    padding: 10px 10px;
    font-size: 17px;
    height: 40px;
    font-weight: 100;
    margin-top: -10px;
    opacity: 1 !important;
}

#cookie_bar a {
    color: #FFF;
    text-decoration: underline;
}

@media (max-width:767px) {
    #cookie_bar #cookie_bar_btn {
        margin-right: 63px;
        display: block;
        text-decoration: none;
        text-align: center;
        background: #0852a0;
        border: 1px solid #FFF;
        padding: 10px 10px;
        font-size: 17px;
        height: 40px;
        font-weight: 100;
        margin-top: -10px;
        opacity: 1 !important;
    }

    #cookie_bar {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: rgba(51, 51, 51, 0.9);
        color: #FFF;
        padding: 15px 10px;
        line-height: 1.5;
        z-index: 1001;
        display: block;

    }

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

    .other-pages>li {
        line-height: 1.8;
        margin: 10px 0;
    }

    .other-pages>li+li {
        margin-top: 0px !important;
    }
}

/* -------------search page-------------- */

.page-header {
    padding-bottom: 9px;
    margin: 110px 0 20px;
    border-bottom: 1px solid #eee;
}

.page-header {
    background-color: #e8e5ce;
}

.page-title {
    margin: 0 auto;
    max-width: 1040px;
    padding: 30px 0;
    width: 100%;
}

.change a {
    margin: 50px 0;
    font-size: 40px;
    color: #333;
}

.series li {
    list-style: none;
}

.series li a {
    font-size: 22px;
    color: #333;
}



#myBtn1:focus {
    outline: none;
    border: none;

}

#myBtn1 {
    display: block;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 1000;
    cursor: pointer;
    border: none;
    outline: none;
    width: 60px;
    height: 60px;
    background: url(../images/com_sprite01.png) no-repeat;
    background-position: 0 -125px;
}



.thankyou {
    background: #0852a0;
    border: 1px solid #333;
    padding: 10px 20px;
    color: #fff;

}

.thankyou:hover {
    color: #fff;
    text-decoration: none;

}






.list-order>li {
    position: relative;
    padding-left: 2em;
}

.list-order>li>.list_mark {
    position: absolute;
    top: 0;
    left: 0;
    font-weight: bold;
}

.gp-al-right {
    text-align: right;
}

.text-lead {
    margin-top: 1em;
    font-size: 1.2rem;
    font-weight: bold;
}

.link-button-v2>a {
    padding: 14px 38px 13px;
    color: #fff;
    background-color: #0852a0;
    border: none;
}

.link-button-v2>a {
    display: inline-block;
    line-height: 1.5;
}

.link-button-v2>a {

    position: relative;
    min-width: 280px;
    text-align: center;
    text-decoration: none;
}

.link-button-v2>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #48a8ee;
}

.link-button-v2>a:before {
    left: 27px;
    margin-top: -6px;
    width: 2px;
    height: 13px;
    background: #8baed2;
}

.link-button-v2>a:before,
.link-button-v2>a:after {
    content: "";
    position: absolute;
    vertical-align: middle;
    top: 50%;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
}

.link-button-v2>a:after {
    left: 24px;
    margin-top: -2px;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #e4f2fc;
    border-right: 1px solid #e4f2fc;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


/*------------------------*/
.pps_link,
.vsn_bx {
    margin-bottom: 50px;
}

details summary {
    list-style: none;
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 100%;
}

.vsn_bx h3 {
    padding: 1rem 5rem 1rem 0.5rem;
    border-bottom: solid 1px #b5c7da;
    border-top: solid 1px #b5c7da;
    margin-bottom: 36px;
    font-weight: bold;
    color: #0852a0;
    font-size: 22px;
}

details summary::before {
    width: 2px;
    height: 22px;
    top: 20px;
    right: 25px;
}

details summary::before,
details[open] summary::before {
    display: block;
    content: '';
    background-color: #999;
    position: absolute;

}

details summary::after {
    display: block;
    content: '';
    background-color: #999;
    position: absolute;
    width: 22px;
    height: 2px;
    top: 30px;
    right: 15px;
}

details summary::after details summary::before {
    opacity: 0;
}

.vs1_cont ul li {
    list-style: none;
}

.vs2_02 li {
    list-style: none;
}

.vs1_cont h4 {
    font-size: 15px;
}

.vs_tx_bx h4 {
    font-size: 15px;
    color: #333;
}

.vs_tx_bx h5 {
    font-size: 15px;
    color: #333;
}

.link-vision {
    text-align: right;
}


.footer4 {
    width: 320px;
}



@media (min-width:768px) {
    .vs_bx {
        width: 100% !important;
        margin: 10px auto;
        position: relative;
    }

    .frw_txt02 {
        display: block;
        margin: auto;
        width: 100%;
        font-size: 24px;
        font-weight: bold;
        color: #0852a0;
        text-align: center;
        border: solid 2px #0852a0;
    }

    .v_arrw {
        display: block;
        margin: 20px auto 20px;
        max-width: 100px;
    }

    .vs2_hd {
        width: 100%;
        background-color: #00418e;
        font-weight: bold;
        color: #fff;
        text-align: center;
        font-size: 20px;
        line-height: 20px;
        padding: 15px 0;
    }

    .vs2_hd span:before {
        content: '';
        display: inline-block;
        width: 30px;
        height: 30px;
        background-image: url(https://www.komori.com/en/na/company/vision/img/05.png);
        background-size: contain;
        vertical-align: middle;
    }

    .vs2_box {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vs2_02.w100 {
        width: 100%;
    }

    .vs2_02.w100 li {
        border-left: solid 1px #00418e;
    }

    .vs2_02 li {
        width: 100%;
        border-bottom: solid 1px #00418e;
        border-right: solid 1px #00418e;
        background-color: #dfecf7;
        display: block;
        position: relative;
    }

    .vs2_02 li span {
        color: #0852a0;
        font-weight: bold;
        font-size: 18px;
        line-height: 1.2;
        display: block;
        padding: 15px 10px 15px 80px;
    }

    .vs_num_one:before {
        content: "";
        display: block;
        width: 40px;
        height: 40px;
        background-image: url(https://www.komori.com/en/na/company/vision/img/07.png);
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        left: 15px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

    .vs_num_two:before {
        content: "";
        display: block;
        width: 40px;
        height: 40px;
        background-image: url(https://www.komori.com/en/na/company/vision/img/08.png);
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        left: 15px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

    .vs_num_thr:before {
        content: "";
        display: block;
        width: 40px;
        height: 40px;
        background-image: url(https://www.komori.com/en/na/company/vision/img/09.png);
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        left: 15px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

    .v_arrw {
        display: block;
        margin: 20px auto 20px;
        max-width: 100px;
    }

    .v_img05 {
        display: block;
        margin: auto;
        max-width: 100%;
    }

    .vs_bx_bef {
        width: 90%;
        margin: 30px auto 10px;
        position: relative;
        display: block;
    }

    .v_hdtxt01 {
        margin: 0 auto 30px;
        text-align: center;
        display: block;
        width: 100%;
        font-weight: bold;
        color: #0852a0;
        font-size: 24px;
        line-height: 1.3;
    }

    .frw_txt01 {
        display: block;
        margin: auto;
        width: 100%;
        font-size: 24px;
        font-weight: bold;
        color: #666;
        text-align: center;
        border: solid 2px #666;
    }

    .v_arrw {
        display: block;
        margin: 20px auto 20px;
        max-width: 100px;
    }

    .txt_pos_adj01 {
        margin: -0.5em 0 1.2em;
    }

    details .vs_bx {
        overflow: hidden;
    }

    .v_img03 {
        display: block;
        margin: auto;
        max-width: 100%;
    }

    .v_arrw {
        display: block;
        margin: 20px auto 20px;
        max-width: 100px;
    }

    .vs2_box {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vs2_01 {
        text-align: center;
        width: 28%;
        border-bottom: solid 1px #00418e;
        border-left: solid 1px #00418e;
        border-right: solid 1px #00418e;
        background-color: #dfecf7;
        display: -ms-grid;
        display: grid;
        justify-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .vs2_01 p {
        color: #0852a0;
        font-weight: bold;
        font-size: 21px;
    }

    .vs2_02 {
        width: 72%;
        margin-bottom: 0px;
    }

    .vs2_02 li {
        width: 100%;
        border-bottom: solid 1px #00418e;
        border-right: solid 1px #00418e;
        background-color: #dfecf7;
        display: block;
        position: relative;
    }

    .vs2_02 li span {
        color: #0852a0;
        font-weight: bold;
        font-size: 18px;
        line-height: 1.2;
        display: block;
        padding: 15px 10px 15px 80px;
    }

    .vs1_hd {
        margin-top: 2rem;
        width: 100%;
        background-color: #666;
        font-weight: bold;
        color: #fff;
        text-align: center;
        font-size: 20px;
        line-height: 20px;
        padding: 5px 0;
    }

    .vs1_hd span:before {
        content: '';
        display: inline-block;
        width: 30px;
        height: 30px;
        background-image: url(https://www.komori.com/en/na/company/vision/img/06.png);
        background-size: contain;
        vertical-align: middle;
    }

    .vs1_tb {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        padding: 0.5em 0;
        border-bottom: solid 1px #666;
        border-left: solid 1px #666;
        border-right: solid 1px #666;
    }

    .vs1_img {
        width: 20%;
        display: grid;
        justify-items: center;
        align-items: center;
    }

    .vs1_img img {
        width: 55%;
    }

    .vs1_cont {
        width: 80%;
        font-size: 14px;
        color: #666;
        line-height: 1.4;
    }

    .vs1_cont h4 {
        font-weight: bold;
        font-size: 18px;
    }

    .vs1_cont ul {
        margin: 0;
        padding-left: 15px;
        list-style-type: disc;
        color: #666;
    }
}





@media (max-width:767px) {
    details .vs_bx_wp {
        padding: 1rem 1rem 2rem;
    }

    details .vs_bx {
        overflow: hidden;
    }

    .vs_bx {
        width: 100%;
        margin: 10px auto;
        position: relative;
    }

    .vs1_hd {
        width: 100%;
        background-color: #666;
        font-weight: bold;
        color: #fff;
        text-align: center;
        font-size: 18px;
        line-height: 20px;
        padding: 5px 0;
    }

    .vs1_hd span:before {
        content: '';
        display: inline-block;
        width: 30px;
        height: 30px;
        background-image: url(https://www.komori.com/en/na/company/vision/img/06.png);
        background-size: contain;
        vertical-align: -40%;
        margin-right: 3px;
    }

    .vs1_tb {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        padding: 0.5em 0.2em 0.5em 0;
        border-bottom: solid 1px #666;
        border-left: solid 1px #666;
        border-right: solid 1px #666;
    }

    .vs1_img {
        width: 18%;
        display: -ms-grid;
        display: grid;
        justify-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .vs1_img img {
        width: 80%;
    }

    .vs1_cont {
        width: 82%;
        font-size: 13px;
        color: #666;
        line-height: 1.4;
    }

    .vs1_cont h4 {
        font-weight: bold;
        font-size: 17px;
    }

    .vs1_cont ul {
        margin: 0;
        padding-left: 15px;
        list-style-type: disc;
        color: #666;
    }

    .v_arrw {
        display: block;
        margin: 20px auto 20px;
        max-width: 100px;
    }

    .vs2_hd {
        width: 100%;
        background-color: #00418e;
        font-weight: bold;
        color: #fff;
        text-align: center;
        font-size: 18px;
        line-height: 20px;
        padding: 15px 0;
    }

    .vs2_hd span:before {
        content: '';
        display: inline-block;
        width: 30px;
        height: 30px;
        background-image: url(https://www.komori.com/en/na/company/vision/img/05.png);
        background-size: contain;
        vertical-align: -40%;
        margin-right: 3px;
    }

    .vs2_box {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vs2_01 {
        text-align: center;
        width: 26%;
        border-bottom: solid 1px #00418e;
        border-left: solid 1px #00418e;
        border-right: solid 1px #00418e;
        background-color: #dfecf7;
        display: -ms-grid;
        display: grid;
        justify-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-image: url(https://www.komori.com/en/na/company/vision/img/bus_info_sp.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
    }

    .vs2_01 p {
        display: none;
    }

    .vs2_02 {
        width: 74%;
        margin-bottom: 0px;
    }

    .vs2_02 li {
        width: 100%;
        border-bottom: solid 1px #00418e;
        border-right: solid 1px #00418e;
        background-color: #dfecf7;
        display: block;
        position: relative;
    }

    .vs2_02 li span {
        color: #0852a0;
        font-weight: bold;
        font-size: 16px;
        line-height: 1.2;
        display: block;
        padding: 15px 10px 15px 50px;
    }

    .vs_num_one:before {
        content: "";
        display: block;
        width: 40px;
        height: 40px;
        background-image: url(https://www.komori.com/en/na/company/vision/img/07.png);
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        left: 8px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

    .vs_num_two:before {
        content: "";
        display: block;
        width: 40px;
        height: 40px;
        background-image: url(https://www.komori.com/en/na/company/vision/img/08.png);
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        left: 8px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

    .vs_num_thr:before {
        content: "";
        display: block;
        width: 40px;
        height: 40px;
        background-image: url(https://www.komori.com/en/na/company/vision/img/09.png);
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        left: 8px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }




    .vs_bx_bef {
        width: 100%;
        margin: 30px auto 10px;
        position: relative;
        display: block;
    }

    .v_hdtxt01 {
        margin: 0 auto 20px;
        text-align: center;
        display: block;
        width: 100%;
        font-weight: bold;
        color: #0852a0;
        font-size: 18px;
    }

    .frw_txt01 {
        display: block;
        margin: auto;
        width: 100%;
        font-size: 18px;
        font-weight: bold;
        color: #666;
        text-align: center;
        border: solid 2px #666;
        padding: 3px;
    }

    .v_arrw {
        display: block;
        margin: 20px auto 20px;
        max-width: 100px;
    }

    .txt_pos_adj01 {
        margin: -1em 0 1.2em;
    }

    .v_img03 {
        display: block;
        margin: auto;
        max-width: 100%;
    }

    .vs2_hd {
        width: 100%;
        background-color: #00418e;
        font-weight: bold;
        color: #fff;
        text-align: center;
        font-size: 18px;
        line-height: 20px;
        padding: 15px 0;
    }

    .vs2_hd span:before {

        vertical-align: -40%;
        margin-right: 3px;
    }

    .frw_txt02 {
        display: block;
        margin: auto;
        width: 100%;
        font-size: 18px;
        font-weight: bold;
        color: #0852a0;
        text-align: center;
        border: solid 2px #0852a0;
        padding: 3px;
    }

    .vs2_box {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .vs2_02.w100 {
        width: 100%;
    }

    .v_img05 {
        display: block;
        margin: auto;
        max-width: 100%;
    }

}

.vs_tx_bx h4 {
    font-weight: bold;
    font-size: 19px;
    color: #0852a0;
    border-bottom: 2px solid #eee;
    margin-bottom: 20px;
}

.vs_tx_bx h5 {
    font-weight: bold;
    font-size: 18px;
    margin-top: 10px;
}

/*Tab*/

    section.ppg {
        padding: 0 28px;
    }
    .solution_link {
        display: flex;
        margin: 0 auto 80px;
        padding-top: 30px;
        list-style-type: none;
        width: 100%;
        border-bottom: 1px solid #0053AA;
    }
	    .solution_link li {
        width: calc(96% / 5);
        margin-left: 1%;
        background: #F2F2F2;
        color: #333;
        position: relative;
        padding: 20px 6px 20px;
        cursor: pointer;
        text-align: center;
        line-height: 1;
        font-weight: 600;
        transition: color 0.2s ease-in-out;
    }
	.solution_link li.active, .solution_link li:hover {
        background: #0053AA;
        color: #fff;
        font-weight: bold;
        transition: color 0.2s ease-in-out;
    }
	    .solution_link li:first-child {
        margin-left: 0;
    }
	
    .solu-content {
        display: flex;
        flex-wrap: nowrap;
        align-items: baseline;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto 80px;
    }
	.solu-content div.photo_sol {
        width: 31.3%;
        margin-right: 3%;
        aspect-ratio: 94 / 53;
        overflow: hidden;
    }
	    .solu-content div.photo_sol img {
        height: auto;
        transition: transform .3s ease;
    }
	.solu-content div.text_sol {
        width: 65.7%;
    }
	div.text_sol h2 {
        color: #0852A0;
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 8px;
    }
	.solu-content div.text_sol h2 a {
        position: relative;
        display: block;
        color: #0053AA;
        text-decoration: none;
    }
	.solu-content div.text_sol h2 a::before {
        content: '';
        width: 23px;
        height: 16px;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center left;
        background-image: url(/common/images/icon_rgt_gry.svg);
        transition: transform .3s;
        padding-left: 7px;
        margin-right: 3px;
        transition: all .2s ease-out 0s;
    }
	    .solu-content div.text_sol h2 a.blank::after {
        content: '';
        width: 23px;
        height: 16px;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center right;
        background-image: url(/common/images/icon_blk_gry2.svg);
        transition: transform .3s;
        padding-left: 7px;
    }
	div.text_sol p {
        margin-bottom: 20px;
    }
	div.text_sol dl {
        display: flex;
        flex-wrap: nowrap;
        margin-bottom: 10px;
        align-items: center;
        gap: 10px;
    }
	    div.text_sol dl dt {
        font-size: 12px;
        background-color: #ECF3F6;
        text-align: center;
        line-height: 15px;
        padding: 5px;
        width: 124px;
        margin-right: 10px;
        min-width: 124px;
    }
	










.tab-solution {
    padding: 50px 0 60px;
}

/* Import Google Font */
@import url(https://fonts.googleapis.com/css?family=Nunito+Sans);

/* RESET */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* STYLING */

.tabs-container {
    width: 100%;
    margin: auto;
}

/* Style the tabs */
.tabs {
    margin-bottom: 0px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #0053AA;
}

.tabs a {
    cursor: pointer;
    padding: 20px 6px 20px;
    width: 200px;
    text-align: center;
    font-weight: bold;
    color: #333;
    /* border-radius: 18px; */
    /* transition: background 0.1s, color 0.1s; */
    background: #F2F2F2;
    /* box-shadow: 3px 3px 5px #bebebe, -3px -3px 5px #ffffff; */
}


/* Change background color of tabs on hover */
.tabs a:hover {
    background: #0053AA;
    color: #fff !important;
}

/* Styling for active tab */
.tabs a.active {
    background: #0053AA;
    color: #fff;

}

/* Style the tab content */

    .w90center {
        width: 90%;
        margin: 3em auto 0;
    }
	.w90center figure{ margin:0px; padding:0px}
    #e08 .pc {
        display: block;
    }
	    #e08 .sp {
        display: none;
    }
	    .sp_scl_txt {
        display: none;
    }

.tabcontent {
    padding: 0px;
    display: none;
    background: #fff;

}

.content .active {
    display: block;
}

.tabcontent p {
    margin-bottom: 12px;
}

.tabcontent p:last-child {
    margin-bottom: 0;
}

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

    .tabcontent {
        display: block;
    }
}



.main-box {
    display: block;
    width: 100%;
    margin-bottom: 65px;
    float: left;
}

.main-image {
    float: left;
    width: 30%;
}

.main-content {
    float: left;
    width: 67%;
    margin-left: 29px;
}

.main-content h2 {
    position: relative;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.3;
    color: #0852a0;
    padding-left: 24px;
    padding-bottom: 2px;
}

.main-content h2 a {
    color: #0852a0;
}

.main-content h2::before {
    background-image: url(../images/icon_rgt_gry.svg);
    left: 0;
    width: 16px;
    height: 16px;
    margin-right: 20px;
}

.main-content h2::before,
.main-content h2::after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;

}

.main-content h2 a.icon-target::after {
    content: '';
    width: 23px;
    height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center right;
    background-image: url(../images/icon_blk_gry2.svg);
    transition: transform .3s;
    padding-left: 7px;
}

div.main-content dl {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 10px;
    align-items: center;
    gap: 10px;
}

div.main-content dl dt {
    font-size: 12px;
    background-color: #ECF3F6;
    text-align: center;
    line-height: 15px;
    padding: 5px;
    width: 124px;
    margin-right: 10px;
    min-width: 124px;
}

div.main-content dl dd:not(:last-child) {
    border-right: solid 1px #ddd;
}

div.main-content dl dd {
    padding-right: 10px;
    font-size: 12px;
    line-height: 15px;
    color: #666;
    font-weight: 600;
}

.banner-part {
    margin: 0;
    width: 100%;
    background-color: #ECF3F6;
    padding: 80px 0;
}


.text-heading_left h2 {
    color: #0852A0;
    font-size: 28px;
    line-height: 1.5;
    font-weight: 600;
    margin-bottom: 16px;
}

.text-heading_left p {
    margin-bottom: 24px;
}

.btn_bule-buton {
    width: auto;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 175%;
    position: relative;
    text-align: center;
    width: 275px;
}

.btn_bule-buton a {
    color: #fff;
    display: block;
    padding: 11px 36px;
    position: relative;
    width: 100%;
    background-color: #0852A0;
}

.btn_bule-buton a::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 0;
    background-image: url(../images/icon_rgt_w.svg);
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.btn_bule-buton a.blank::after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 18px;
    top: 50%;
    right: 7px;
    background-image: url(../images/icon_blk_gry2.svg);
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}


.heading-ser {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 14px 0 6px;
    border-top: 1px solid #b5c7da;
    border-bottom: 1px solid #b5c7da;
    width: 100%;
    float: left;
}

.heading-ser h2 {
    position: relative;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.5;
    color: #333;
    padding-left: 29px
}

 .heading-ser h3{position: relative;
                        font-size: 1.6rem;
                        font-weight: bold;
                        line-height: 1.5;
                        color: #333;
                        padding-left: 0px;}
                        
                        .heading-ser h3 a{ text-decoration: underline;color: #000;}
                          .readmore{color: #000;}
                          .readmore:hover{color: #0056b3;}



.heading-news h2 {
    color: #333;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: left;
    line-height: 30px;
}

.heading-news .imgs {
    width: 70%;
}

.ptop {
    padding-top: 40px;
}

.pbt {
    padding-bottom: 60px;
}


.mtb {
    margin: 30px 0;
}

.mt-50 {
    margin-top: 50px;
}

.mt {
    margin-top: 30px;
}

.mb {
    margin-bottom: 30px;
}

.main-box1 {
    display: block;
    width: 100%;
    margin-bottom: 65px;
    float: left;
}

.main-box1 .main-image1 {
    float: left;
    width: 30%;
}

.main-box1 .main-content1 {
    float: left;
    width: 67%;
    margin-right: 24px;
}



.pageHead1 {
    width: 100%;
    position: relative;
    padding: 10px 0 7px 0%;
    border-bottom: solid 1px #dddddd;
    z-index: 1;
    background-color: #a4b269;
}

.pageHead1 h2 {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}

.heading-main {
    margin-bottom: 10px;
    position: relative;
    padding-bottom: 20px;
}

.heading-main h1 {
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 1.2;
    margin: 0px;
    padding: 0px;
}

.heading-main:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 1px;
    background: #0852a0;
}

.main-img {
    padding: 40px 0;
    width: 100%;
}

.main-img1 {
    padding: 0px 0 40px;
    width: 100%;
}

.heading-ser>a>h2 {
    text-decoration: none;
    color: #0852a0;
}

.heading-ser>a .heading_title>span:before {
    margin-top: -2px;
    left: 2px;
    width: 16px;
    height: 1px;
    background: #555555;
}

.heading-ser>a .heading_title>span:after {
    left: 10px;
    margin-top: -6px;
    width: 9px;
    height: 9px;
    border-top: 1px solid #555555;
    border-right: 1px solid #555555;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.heading-ser>a .heading_title>span:before,
.heading-ser>a .heading_title>span:after {
    content: "";
    position: absolute;
    vertical-align: middle;
    top: 50%;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
}


.news-layout {
    width: 100%;
    clear: both;
    margin-bottom: 30px;
}



.headin-1 {
    clear: both;
    width: 100%;
    position: relative;
}

.headin-1>a>h2 {
    text-decoration: none;
    color: #0e0e0e;
    font-size: 1.3rem;
    font-weight: bold;
    padding-left: 30px;
}

.headin-1>a:hover {
    text-decoration: none;
    color: #0852a0;


}

.headin-1>a:hover>h2 {
    color: #0852a0;


}

.headin-1>a .heading_title>span:before {
    margin-top: 0px;
    left: 2px;
    width: 17px;
    height: 1px;
    background: #555555;
}

.headin-1>a .heading_title>span:after {
    left: 11px;
    margin-top: -4px;
    width: 9px;
    height: 9px;
    border-top: 1px solid #555555;
    border-right: 1px solid #555555;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.headin-1>a .heading_title>span:before,
.headin-1>a .heading_title>span:after {
    content: "";
    position: absolute;
    vertical-align: middle;
    top: 36%;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
}

.tab1-box {
    border: solid 1px #b5c7da;
    padding: 10px 27px 25px;
    position: relative;
    height: 402px;
    overflow: hidden;
    clear: both;
}


.tab1-box .link-text-v4>a.envi {
    background-image: url(../images/icon1.svg);
}

.tab1-box .link-text-v4>a.soci {
    background-image: url(../images/icon2.svg);
}

.tab1-box .link-text-v4>a.gove {
    background-image: url(../images/icon3.svg);
}

.tab1-box .link-text-v4 {
    margin-bottom: 10px;
    margin-top: 12px;
}

.tab1-box .link-text-v4>a {
    width: 100%;
    padding: 10px 10px 20px 26px;
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 70px auto;
    display: inline-block;
    text-decoration: none
}

.link-text-v4>a>span {
    position: relative;
    line-height: 1.5;
    font-size: 1.2rem;
    font-weight: bold;
}

.link-text-v4>a>span:before {
    left: -26px;
    width: 16px;
    height: 1px;
    background: #555555;
    backface-visibility: hidden;
    content: "";
    position: absolute;
    vertical-align: middle;
    top: 0.78em;
    -webkit-transition: all .15s ease-out 0s;
    transition: all .15s ease-out 0s;
    transition-property: left;
}

.link-text-v4>a>span:after {
    left: -20px;
    margin-top: -4px;
    width: 9px;
    height: 9px;
    border-top: 1px solid #555555;
    border-right: 1px solid #555555;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    backface-visibility: hidden;
    content: "";
    position: absolute;
    vertical-align: middle;
    top: 0.78em;
    -webkit-transition: all .15s ease-out 0s;
    transition: all .15s ease-out 0s;
    transition-property: left;
}

.tab1-box ul {
    width: 100%;
    margin: auto;
    border-top: solid 1px #b5c7da;
    padding: 30px 10px 0;
}

.tab1-box .link-text>li {
    margin-top: 4px;
}

.tab1-box .link-text>li>a {
    padding-left: 26px;
    display: block;
    position: relative;

    overflow-wrap: break-word;
}

.tab1-box .link-text>li>a::before {
    top: 12px;
    background: #b5c7da;
    left: 0px;
    width: 12px;
    height: 1px;
    backface-visibility: hidden;
    content: "";
    position: absolute;
    vertical-align: middle;

    -webkit-transition: all .15s ease-out 0s;
    transition: all .15s ease-out 0s;
    transition-property: left;
}

.tab1-box .link-text>li>a::after {
    border-top: 1px solid #b5c7da;
    border-right: 1px solid #b5c7da;
    left: 3px;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    backface-visibility: hidden;
    content: "";
    position: absolute;
    vertical-align: middle;
    top: 0.78em;
    -webkit-transition: all .15s ease-out 0s;
    transition: all .15s ease-out 0s;
    transition-property: left;

}

.box_m_photo figure {
    float: right;
    padding: 0 0 20px 30px;
    width: 44%;
    display: block;
    margin: 0px;
}

.box_m_photo figcaption {
    text-align: right;
    font-size: 14px;
    padding-top: 7px;
}

.box_m_photo figcaption span {
    font-size: 16px;
    display: block;
    padding-right: 0.5em;
}

.table_inner.guidelines th {
    width: 25%;
}

.table-layout .cell-style1 {
    background-color: #9AA9A2;
}

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

.esg_index.right {
    justify-content: flex-end;
}

.esg_index {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border-top: solid 1px #efefef;
    padding-top: 50px;
    margin: 50px auto 0;
}

.esg_index .top {
    text-align: center;

}

.esg_index p.nxt {
    text-align: center;
    margin: 0px 0px;
}

.esg_index p {
    width: 30%;
    border: solid 1px #ddd;
    transition: .5s;
    margin: 0 29px;
}

.esg_index p a {
    display: block;
    transition: .5s;
    background-color: #fff;
    padding: 10px 15px;
    color: #8C9C53;
    text-decoration: none;
}

.esg_index p a span {
    display: inline-block;
    position: relative;
}


.esg_index p.nxt a span::before {
    right: 6px;
    transition-property: right;
}

.esg_index p.nxt a span::after {
    right: 6px;
    transition-property: right;
    transform: rotate(45deg);
}

.esg_index p.nxt a span {
    padding-right: 26px;
}

.esg_index p.frt a span {
    padding-left: 26px;
}

.esg_index p.frt a span::before {
    left: 6px;
    transition-property: left;
}

.esg_index p a span::before {
    content: "";
    position: absolute;
    transition: .5s;
    top: 13px;
    width: 16px;
    height: 1px;
    background: #8C9C53;
    backface-visibility: hidden;
}

.esg_index p.frt a span::after {
    left: 6px;
    transition-property: left;
    transform: rotate(-135deg);
}

.esg_index p a span::after {
    content: "";
    position: absolute;
    transition: .5s;
    top: 13px;
    margin-top: -4px;
    width: 9px;
    height: 9px;
    border-top: 1px solid #8C9C53;
    border-right: 1px solid #8C9C53;
    backface-visibility: hidden;
}


.mt2em {
    margin-top: 2em;
}

.box_flex {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.box_flex div figure {
    margin: 0px;
}

.box_flex.w50>div {
    width: 47.5%;
}

.box_flex figcaption {
    padding-top: 0.5em;
}

.box_flex.w50>div:last-child {
    margin-left: 5%;
}

.cationtxt {
    font-size: 0.9em;
    padding-top: 5px;
}

.box_flex.w30>div {
    width: 30%;
}

.box_flex.w30>div:last-child {
    margin-left: 3%;
    width: 67%;
}

.box_flex.w18>div {
    width: 18%;
}

.box_flex.w18>div:last-child {
    margin-left: 3%;
    width: 79%;
}

.heading-lv3+* {
    margin-top: 20px !important;
}

.tab-solution .heading-lv3 {
    margin-top: 60px;
}

.select_fy_wrap {
    margin: 20px 0 0;
    position: relative;
    width: 350px;
    cursor: pointer;
}

select#select_fy {
    width: 350px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 10px 100px 10px 25px;
    border: 1px solid #ddd;
    background: none;
    pointer-events: auto;
    cursor: pointer;
    color: #333;
    height: auto;
}

.select_fy_wrap:after {
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    border: solid #999;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 20px;
    top: 35%;
}

.box_flex_90 {
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    margin: 30px auto 0;
}

.box_flex_90>div {
    width: 60%;
}

.cr_b1 {
    background-color: #FBF6F3;
    border-radius: 5px;
    padding: 10px;
}

.box_flex_90>div:last-child {
    margin-left: 5%;
    width: 35%;
}

.cr_b2 {
    background-color: #F3E1D6;
    border-radius: 5px;
    padding: 10px;
}

.k_work {
    width: 90%;
    margin: auto;
}

.k_work li {
    display: block;
}

.k_work li h6 {
    display: block;
    font-weight: bold;
    color: #D4987E;
    font-size: 1.5em;
}

.k_work li span {
    display: block;
    margin: 0 0 20px 1.5em;
}

.box_flex.w70>div:last-child {
    margin-left: 3%;
    width: 27%;
}

.text-lead.top0 {
    margin-top: 0;
}

.text-lead {
    margin-top: 1em;
    font-size: 1.3rem;
    font-weight: bold;
}

.box_flex {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.box_flex.w70>div {
    width: 70%;
}

.box_flex.w82>div {
    width: 79%;
}

.box_flex.w82>div:last-child {
    margin-left: 3%;
    width: 18%;
}

h4.heading_title.new::after {
    display: inline-block;
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../img/social/new.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    margin: 0 0 0 10px;
}

.box_flex_3_3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 70%;
    margin: 20px auto 0;
}

.box_flex_3_3>figure {
    width: 33%;
    margin: 0px;
}

.box_flex.w65>div {
    width: 60%;
}

.box_flex.w65>div:last-child {
    margin-left: 5%;
    width: 35%;
}

.sp_center80p figure,
.wkurumin figure,
.imgs_scroll2 figure {
    margin: 0px;
}

.box_flex.wkurumin>div {
    width: 87%;
}

.box_flex.wkurumin>div:last-child {
    margin-left: 3%;
    margin-right: 2%;
    width: 8%;
    padding-top: 3em;
}

/**/

.movie_area {
    padding-top: 56.25%;
    width: 100%;
    position: relative;
}
.movie_area iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}


.videotab iframe {
    width: 100%;
    height: 470px;
}

.container {
    max-width: 1215px;
}

@media (max-width: 1500px) {
    .container {
        max-width: 1215px;
    }
}

@media (max-width: 1199.98px) {
    .container {
        max-width: 960px;
    }
}

@media (max-width: 991.98px) {
    .container {
        max-width: 720px;
    }
}

@media (max-width: 767.98px) {
    .container {
        max-width: 100%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .container {
        max-width: 540px;
    }
}


@media only screen and (max-width: 1920px) {
    ul.ft_nav_box>li {
        width: calc(87% / 4);
        margin-right: 4%;
        margin-bottom: 15px;
    }

    ul.ft_nav_box>li.ft_nav_list div {
        border-bottom: solid 1px #ddd;
        margin-bottom: 16px;
        font-weight: 600;
        padding-bottom: 15px;
        color: #0852A0;
    }

    ul.ft_nav_box li.ft_nav_list div a {
        display: block;
        position: relative;
        padding-left: 26px;
    }

    ul.ft_nav_box li.ft_nav_list div a::before {
        background-image: url(../images/icon_rgt.svg);
        left: 0;
        width: 27px;
        height: 32px;
        margin-right: 13px;
        background-color: transparent;
        top: 5px;
        background-repeat: no-repeat;
    }
}


@media only screen and (min-width: 320px) and (max-width: 479px) {
    .videotab iframe {
        width: 100%;
        height: 295px;
    }

    .banner {
        padding: 0 0 2px;
        clear: both;
        display: block;
        margin-top: 59px;
    }

    ul.ft_nav_box>li {
        width: calc(96% / 2);
        margin-right: 2%;
        margin-bottom: 15px;
    }

    ul.ft_nav_box>li.ft_nav_list div {
        border-bottom: solid 1px #ddd;
        margin-bottom: 16px;
        font-weight: 600;
        padding-bottom: 15px;
        color: #333;
    }

    ul.ft_nav_box li.ft_nav_list div a {
        display: block;
        position: relative;
        padding-left: 26px;
    }

    ul.ft_nav_box li.ft_nav_list div a::before {
        background-image: url(../images/icon_rgt.svg);
        left: 0;
        width: 18x;
        height: 18px;
        margin-right: 13px;


    }

    ul.ft_nav_box li.ft_nav_list div a::before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 50%;
        background-size: contain;
        background-repeat: no-repeat;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transition: all .2s ease-out 0s;
        transition: all .2s ease-out 0s;
    }

    footer .inr {
        margin: auto;
        width: 100%;
        position: relative;
        max-width: 1272px;
        padding: 0 13px;
    }

    .btn_box_ft1 .btn_bule {
        width: 100.35%;
    }

    .ft_logo_box_left {
        width: 100%;
    }

    .ft_logo_box_right {
        width: 100%;
    }

    .ft_logo_box_right ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-bottom: 5px;
    }

    .ft_logo_box_left ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        padding-bottom: 20px;
        border-bottom: solid 1px #ddd;
        margin-bottom: 30px;
    }

    .ft_logo_box_left ul li:not(:last-child) {
        border-right: solid 1px #ccc;
    }

    .ft_logo_box_right ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        padding-bottom: 30px;
        border-bottom: solid 1px #ddd;
        margin-bottom: 30px;
    }
	.pageHead1{    padding: 10px 0 7px 2%;}
	.line {
    margin-top: 60px;
}
.line1 {
    margin-top: 0px;
}


.box_m_photo figure {
    float: left;
    padding: 0 0 20px 0px;
    width: 100%;
  
}
section.ppg {
    padding: 0 0px;
}
    .solution_link {
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto 50px;
        padding: 50px 0 0 0;
        list-style-type: none;
        width: 100%;
    }
	
	    .solution_link li {
        width: calc(96% / 3);       
        background: #F2F2F2;
        color: #333;
        position: relative;
        padding: 12px 5px 12px;
        cursor: pointer;
        text-align: center;
        line-height: 1.75;
        font-weight: 600;
        transition: color 0.2s ease-in-out;
        margin-bottom: 6px;
        font-size: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
	
	
	.solu-content {
        display: block;
        width: 100%;
        margin: 0 auto 50px;
    }
	    .solu-content div.photo_sol {
        width: 100%;
        aspect-ratio: 94 / 53;
        overflow: hidden;
        margin-bottom: 20px;
    }
	solu-content div.photo_sol img {
        height: auto;
    }
	    .solu-content div.text_sol {
        width: 100%;
    }
	    div.text_sol h2 {
        color: #0852A0;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 10px;
    }
	    .solu-content div.text_sol h2 a {
        position: relative;
        display: block;
        color: #0053AA;
        text-decoration: none;
    }
	    .solu-content div.text_sol h2 a::before {
        content: '';
        width: 23px;
        height: 16px;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center left;
        background-image: url(/common/images/icon_rgt_gry.svg);
        transition: transform .3s;
        padding-left: 7px;
        margin-right: 3px;
    }
	.solu-content div.text_sol h2 a.blank::after {
        content: '';
        width: 23px;
        height: 16px;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center right;
        background-image: url(/common/images/icon_blk_gry2.svg);
        transition: transform .3s;
        padding-left: 7px;
    }
	
	div.text_sol p {
        margin-bottom: 20px;
        font-size: 14px;
    }
	    div.text_sol dl {
        display: block;
        margin-bottom: 15px;
        align-items: center;
    }
	    div.text_sol dl dd {
        display: inline-block;
        padding-right: 10px;
        margin-right: 6px;
        font-size: 12px;
        line-height: 15px;
        color: #666;
        font-weight: 600;
    }
	    div.text_sol dl dt {
        font-size: 12px;
        background-color: #ECF3F6;
        text-align: left;
        line-height: 15px;
        padding: 5px 10px;
        width: fit-content;
        display: block;
    }
	
	.table-layout[data-layout-sp="vertical"] th, .table-layout[data-layout-sp="vertical"] td {
        display: block;
        width: 100%;
        border-right: 1px solid #eee;
    }
	    .table-layout .table_inner {
        width: 100%;
        border-top: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }
	    #e08 .pc {
        display: none;
    }
	#e08 .sp {
        display: block;
    }
	.table-layout[data-layout-sp="scroll"] {
        overflow-x: auto;
        padding-bottom: 4px;
    }
	.table-layout[data-layout-sp="scroll"] th, .table-layout[data-layout-sp="scroll"] td {
        white-space: nowrap;
    }
	    .table-layout .cell-style1 {
        background-color: #9AA9A2;
    }
	.table-layout th, .table-layout td {
        padding: 7px 12px;
        vertical-align: top;
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
        background-color: #fff;
        font-weight: normal;
        text-align: left;
    }
	.sp_scl_txt {
    display: block;
}
.box_flex.w50>div {
    width: 100%;
}
.box_flex.w50>div:last-child {
    margin-left: 0%;
}
.sp_pp {
        padding: 20px 0 0 0;
    }
	.box_flex {
        overflow: hidden;
    }
	.box_flex.w30>div.sp_float50 {
        width: 50%;
        overflow: hidden;
        float: left;
    }
	.box_flex.w30>div:last-child {
    margin-left: 3%;
    width: 100%;
}
.esg_index.right {
        justify-content: flex-end;
    }
	.esg_index {
       padding:5px 0px;
    }
	.esg_index p.top {
        text-align: center;
        width: 100%;
        order: 3;
        border: solid 1px #a4b269;
        background-color: #fff;
    }
		.esg_index p.top a {
        color: #8C9C53;
    }
	.esg_index p.nxt{
        text-align: center;
        width: 50%;
        background-color: #a4b269;
        border-left: solid 1px #fff;
    }
	    .esg_index p a {
        display: block;
        padding: 10px 15px;
        color: #fff;
        text-decoration: none; background:transparent;
    }
	
}



/* subscription form */
 ::placeholder {
        color: #bfc6cc !important;  /* Light grey */
        opacity: 1;
    }

.form-label {
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 2px;
    color: #333;
}

.form-check-label {
    font-size: 0.82rem;
}

p{font-size: 0.82rem;}

.section-title {
    font-size: 1rem;
    font-weight: 700;
    margin-top: 22px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 4px;
    color: #003d6a;
}

.form-text {
    font-size: 0.75rem;
    margin-top: 1px;
    color: #6c757d;
}

.form-control,
.form-check-input {
    border-radius: 4px !important;
}

.card {
    border-radius: 10px;
}

.btn-primary {
    background-color: #003d6a;
    border: none;
}

.btn-primary:hover {
    background-color: #002b4a;
}

 input[type=checkbox] {
        /* margin: 4px 0 0; */
        line-height: normal;
    }
    
    
.subscriberMargin{margin-top:120px;}