@charset "UTF-8";

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

ADD-STYLE for renewal 2020

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

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

HEADER

=================================*/
.header_mega_menu_list {
    flex-wrap: wrap;
}

.header_mega_menu_list > li.w100 {
    width: 100%;
    margin-bottom: 8px;
}

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

basic-style

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

/* ==============================
BREAK POINT(common2)
=================================*/
@media screen and (max-width:767px) {}

@media screen and (min-width:768px) {}

.conBlock {
    width: 100%;
}

* .bg-f2 {
    background-color: #F2F2F2;
}

* .bg-blue {
    background-color: #0a9bcd;
}

.padBox {
    padding: 30px;
}

@media screen and (max-width:767px) {
    .padBox {
        padding: 15px;
    }
}

.conBlock a {
    color: #0a9bcd;
}

.conBlock a:hover {
    text-decoration: underline;
    color: #0a9bcd;
}

.conBlock a:visited {
    color: #0a9bcd;
}

.bg-blue h1 {
    color: #fff;
}

/* ------------------------------
p.small 
--------------------------------- */
p.small {
    font-size: 80%;
}

span.small {
    font-size: 80%;
}

/* ------------------------------
mv
--------------------------------- */
.mv img {
    max-width: 100%;
}

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

/company/directory.html

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

/* ------------------------------
page-btn 
--------------------------------- */
ul.page-btn {
    list-style: none;
}

ul.page-btn {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

ul.page-btn li {
    width: calc((100% - 30px) / 3);
    margin: 0 15px 15px 0;
}

ul.page-btn li:nth-child(3n) {
    margin-right: 0;
}

ul.page-btn a {
    width: 100%;
    height: 100%;
    background: #0a9bcd;
    color: #fff !important;
    font-size: 20px;
    padding: 9px;
    line-height: 1.2;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 0;
}

@media screen and (max-width:767px) {
    ul.page-btn {
        display: block;
    }

    ul.page-btn li {
        width: 100%;
        margin: 0 0 15px 0;
    }

    ul.page-btn li:last-child {
        margin-bottom: 0;
    }
}

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

/company/index.html

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

/* ------------------------------
grid_column_3col
--------------------------------- */

.aboutUsArea .grid_column_3col > li {
    margin-bottom: 30px;
}

.aboutUsArea .imgBox {
    margin-bottom: 10px;
}

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

/company/map/

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

/* ------------------------------
ul.list-basic
--------------------------------- */
.list-basic {
    padding: 0 0 0 0.5em;
    font-size: 15px;
    list-style: none;
}

.list-basic li {
    position: relative;
    padding-left: 1em;
}

.list-basic li:before {
    content: "\B7";
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 700;
}

@media only screen and (max-width: 767px) {
    .list-basic {
        font-size: 13px;
    }
}

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

/support/index.html

=================================*/
/* ------------------------------
flexLinkBox
--------------------------------- */
.flexLinkBox {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
}

.flexLinkBox > .flexLinkCol {
    width: calc((100% - 60px) / 4);
    padding: 10px 15px;
    margin-bottom: 20px;
    background-color: #f0f0f0;
    margin-right: 20px;
}

.flexLinkBox > .flexLinkCol:nth-child(4n) {
    margin-right: 0;
}

.flexLinkBox > .flexLinkCol .boxTit {
    font-size: ;
}

.flexLinkBox > .flexLinkCol .boxLink {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

@media only screen and (max-width: 767px) {
    .flexLinkBox > .flexLinkCol {
        width: calc((100% - 20px) / 2);
        padding: 10px 10px;
    }

    .flexLinkBox > .flexLinkCol:nth-child(2n) {
        margin-right: 0;
    }

    .flexLinkBox > .flexLinkCol .boxLink {
        font-size: 80%;
        justify-content: space-between;
    }
}

/* ------------------------------
flexTxtLink
--------------------------------- */
.flexTxtLink {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.flexTxtLink > * {
    margin-right: 60px;
}

@media only screen and (max-width: 767px) {
    .flexTxtLink {
        display: block;
    }

    .flexTxtLink > * {
        margin-right: 0;
    }
}

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

/product/index.html

=================================*/
/* ------------------------------
flex2col
--------------------------------- */
.flex2col {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
}

.flex2col > .flexCol {
    width: calc((100% - 60px) / 2);
    margin-right: 30px;
    margin-bottom: 30px;
}

.flex2col > .flexCol:nth-child(2n) {
    margin-right: 0;
}

.flex2col img {
    width: 100%;
    max-width: 100%;
}

@media only screen and (max-width: 767px) {
    .flex2col {
        display: block;
    }

    .flex2col > .flexCol {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
}

/* ------------------------------
flex3col
--------------------------------- */
.flex3col {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
}

.flex3col > .flexCol {
    width: calc((100% - 40px) / 3);
    margin-right: 20px;
    margin-bottom: 20px;
}

.flex3col > .flexCol:nth-child(3n) {
    margin-right: 0;
}

.flex3col img {
    width: 100%;
    max-width: 100%;
}

@media only screen and (max-width: 767px) {
    .flex3col {
        display: block;
    }

    .flex3col > .flexCol {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
}

/* ------------------------------
flex4col
--------------------------------- */
.flex4col {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
}

.flex4col > .flexCol {
    width: calc((100% - 60px) / 4);
    margin-right: 20px;
    margin-bottom: 20px;
}

.flex4col > .flexCol:nth-child(4n) {
    margin-right: 0;
}

.flex4col img {
    width: 100%;
    max-width: 100%;
}

@media only screen and (max-width: 767px) {
    .flex4col {
        display: block;
    }

    .flex4col > .flexCol {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
}

/* ------------------------------
page-btn-4col
--------------------------------- */
ul.page-btn-4col {
    list-style: none;
}

ul.page-btn-4col {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
}

ul.page-btn-4col li {
    width: calc((100% - 45px) / 4);
    margin: 0 15px 15px 0;
}

ul.page-btn-4col li:nth-child(4n) {
    margin-right: 0;
}

ul.page-btn-4col a {
    width: 100%;
    height: 100%;
    background: #0a9bcd;
    color: #fff !important;
    font-size: 20px;
    padding: 9px;
    line-height: 1.2;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 0;
}

@media screen and (max-width:767px) {
    ul.page-btn-4col {
        display: block;
    }

    ul.page-btn-4col li {
        width: 100%;
        margin: 0 0 15px 0;
    }

    ul.page-btn-4col li:last-child {
        margin-bottom: 0;
    }
}

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

/products/applications/index.html

=================================*/
/* ------------------------------
.app-ico
--------------------------------- */
dl.app-ico {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    margin-bottom: 30px;
}

dl.app-ico > dt {
    /* ADD 200316 icon delete */
    /*  min-width: 100px;
  margin-right: 20px;*/
    display: none;
}

dl.app-ico h4.tit04 {
    margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
    dl.app-ico > dt {
        /* ADD 200316 icon delete */
        /*min-width:15%;
    max-width: 15%;
    margin-right: 10px;*/
        display: none;
    }
}

/* ------------------------------
ul.chkList
--------------------------------- */
ul.chkList li {
    background: url(/products/images/ico_chk.png) left 7px no-repeat;
    background-size: 13px;
    padding-left: 25px;
    text-indent: 0em;
}

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

/solutions/index.html

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

/* ------------------------------
solutionsArea
--------------------------------- */
.solutionsArea {
    padding: 0px 0 60px;
}

.solutionsArea:nth-child(2n+1) {
    background-color: #F2F2F2;
}

.reversedBg .solutionsArea {
    background-color: #F2F2F2;
}

.reversedBg .solutionsArea:nth-child(2n+1) {
    background-color: #fff;
}

@media screen and (max-width:767px) {
    .solutionsArea {
        padding: 0;
    }
}

.mvBgArea {
    text-align: center;
}

#page-solutions-top .solutionsArea {
    padding: 60px 20px;
}

#page-solutions-top #topArea {
    padding: 0px 0 60px;
}

@media screen and (max-width:767px) {
    #page-solutions-top .solutionsArea {
        padding: 30px 0 0;
    }

    #page-solutions-top #topArea {
        padding: 0;
    }
}

/* ------------------------------
regionArea
--------------------------------- */
.regionArea {
    background-color: #282828;
    padding: 50px 20px;
    color: #FFF;
}

@media screen and (max-width: 767px) {
    .regionArea {
        padding: 20px 0;
    }
}

/* ------------------------------
c_button_wrapper btn1col
--------------------------------- */
.regionArea .c_button_wrapper {
    margin-top: 0;
}

.c_button_wrapper.btn1col {
    justify-content: center;
    align-items: center;
}

.c_button_wrapper.btn1col a {
    margin-right: 0;
}

@media screen and (max-width: 767px) {
    .regionArea .c_button_wrapper .c_button:last-child {
        margin-bottom: 20px;
    }
}

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

/solutions/mds/index.html

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

/* ------------------------------
matter
--------------------------------- */
.matter {
    padding: 0 20px;
}

.tit_matter {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.43;
    margin: 0 auto;
    text-align: center;
    padding: 20px;
    overflow-wrap: break-word;
    margin-bottom: 30px;
}

.flex2col {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}

.flex2col > .col {
    width: calc((100% - 30px) / 2);
    margin-bottom: 30px;
}

.tit04 {
    font-weight: 900;
    font-size: 2.0rem;
    line-height: 1.4;
    margin-bottom: 20px;
    letter-spacing: -0.01em;
}

.heading-4 {
    font-size: 2.0rem;
    font-weight: 900;
}

.c_heading_gray,
.c_heading_gray_irregular {
    font-size: 2.0rem;
    font-weight: 900;
    line-height: 2.0;
}

@media screen and (max-width: 767px) {
    .matter {
        padding: 30px 0;
    }

    .tit_matter {
        font-size: 22px;
        padding: 10px 0;
        margin-bottom: 15px;
    }

    .flex2col {
        display: block;
    }

    .flex2col > .col {
        width: 100%;
        margin-bottom: 30px;
    }

    .flex2col .tit04 {
        font-size: 2rem;
        margin-bottom: 10px;
    }

    .flex2col > .col:last-child {
        margin-bottom: 0;
    }
}

.small-img-2col .con_r {
    width: auto;
}

@media screen and (max-width: 767px) {
    .small-img-2col .con_r {
        padding-left: 10px;
        padding-right: 10px;
    }
}

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

/solutions/ecm/

=================================*/
@media screen and (max-width: 767px) {
    .box-item-block.pd0 {
        padding: 0 0 15px 0;
    }

    .small-img-2col .con_l.bg-f2 {
        padding: 10px 15px;
    }

    .small-img-2col .con_l.imgArea {
        padding: 20px 0 0 0;
    }
}


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

/download/

=================================*/
.region4col {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.region4col .select-region__links {
    width: calc(100% / 4);
    padding-right: 20px;
}

.region4col .select-region__links li {
    width: 100%;
    margin-bottom: 17px;
}

@media screen and (max-width: 767px) {
    .region4col {
        display: block;
    }

    .region4col .select-region__links {
        width: 100%;
        padding-right: 0;
        margin-bottom: 0;
    }

    .region4col .select-region__links li {
        width: 100%;
        margin-bottom: 17px;
    }
}

#oceania .select-region__select-title.is-active {
    margin-bottom: 190px;
}


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

/select-region/

=================================*/
ul.select-region__links {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
}

ul.select-region__links > li {
    float: none;
}

ul.select-region__links a.open {
    display: block;
}

ul.select-region__links a.open:hover {
    cursor: pointer;
    text-decoration: underline;
}

ul.select-region__links div.open {
    display: block;
}



@keyframes regionOpen {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }

    to {
        opacity: 1;
        transform: translateY(0px);
    }
}

ul.select-region__links a.open + ul.select-region__2nd__links {
    display: none;
}

ul.select-region__links a.open.is-active + ul.select-region__2nd__links {
    animation: regionOpen 0.3s linear 0s;
    display: block;
}

ul.select-region__links a.open + ul.select-region__2nd__links > li {
    width: 100%;
    float: none;
    margin-bottom: 0px;
    padding-left: 1em;
    font-weight: 100;
    font-size: 15px;
}

ul.select-region__links a.open + ul.select-region__2nd__links > li a {
    display: block;
}

ul.select-region__links a.open + ul.select-region__2nd__links > li a:hover {
    text-decoration: underline;
}

ul.select-region__links a.open + ul.select-region__2nd__links > li a span {
    position: relative;
    padding-right: 15px;
}

ul.select-region__links a.open + ul.select-region__2nd__links > li a span:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    border-bottom: solid 1px #757575;
    border-left: solid 1px #757575;
    -webkit-transform: translateY(-50%) translateY(0px) rotate(225deg);
    -ms-transform: translateY(-50%) translateY(0px) rotate(225deg);
    -o-transform: translateY(-50%) translateY(0px) rotate(225deg);
    transform: translateY(-50%) translateY(0px) rotate(225deg);
    width: 8px;
    height: 8px;
}


ul.select-region__links div.open + ul.select-region__2nd__links {
    display: none;
}

ul.select-region__links div.open.is-active + ul.select-region__2nd__links {
    animation: regionOpen 0.3s linear 0s;
    display: block;
}

ul.select-region__links div.open + ul.select-region__2nd__links > li {
    width: 100%;
    float: none;
    margin-bottom: 0px;
    padding-left: 1em;
    font-weight: 100;
    font-size: 15px;
}

ul.select-region__links div.open + ul.select-region__2nd__links > li a {
    display: block;
}

ul.select-region__links div.open + ul.select-region__2nd__links > li a:hover {
    text-decoration: underline;
}

ul.select-region__links div.open + ul.select-region__2nd__links > li a span {
    position: relative;
    padding-right: 15px;
}

ul.select-region__links div.open + ul.select-region__2nd__links > li a span:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    border-bottom: solid 1px #757575;
    border-left: solid 1px #757575;
    -webkit-transform: translateY(-50%) translateY(0px) rotate(225deg);
    -ms-transform: translateY(-50%) translateY(0px) rotate(225deg);
    -o-transform: translateY(-50%) translateY(0px) rotate(225deg);
    transform: translateY(-50%) translateY(0px) rotate(225deg);
    width: 8px;
    height: 8px;
}


/* old style cancel */
@media only screen and (min-width: 961px) {
    .select-region__links > li {
        width: 25%;
    }

    #asia .select-region__links > li {
        width: 25%;
    }

    #oceania .select-region__links > li {
        width: 25%;
    }

    #asia .select-region__links > li:nth-child(5n+1) {
        width: 25%;
    }

    #asia .select-region__links > li:nth-child(5n+2) {
        width: 25%;
    }

    #asia .select-region__links > li:nth-child(5n+3) {
        width: 25%;
    }

    #asia .select-region__links > li:nth-child(5n+4) {
        width: 25%;
    }

    #asia .select-region__links > li:nth-child(5n+5) {
        width: 25%;
    }

    #oceania .select-region__links > li {
        width: 25%;
    }

    #oceania .select-region__links > li:nth-child(5n+1) {
        width: 25%;
    }

    #asia .select-region__links > li:nth-child(5n+1) > ul.select-region__2nd__links > li {
        width: 100%;
    }

    #asia .select-region__links > li:nth-child(5n+2) > ul.select-region__2nd__links > li {
        width: 100%;
    }

    #asia .select-region__links > li:nth-child(5n+3) > ul.select-region__2nd__links > li {
        width: 100%;
    }

    #asia .select-region__links > li:nth-child(5n+4) > ul.select-region__2nd__links > li {
        width: 100%;
    }

    #asia .select-region__links > li:nth-child(5n+5) > ul.select-region__2nd__links > li {
        width: 100%;
    }

    #oceania .select-region__links > li > ul.select-region__2nd__links > li {
        width: 100%;
    }

    #oceania .select-region__links > li:nth-child(5n+1) > ul.select-region__2nd__links > li {
        width: 100%;
    }

}

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

/company/socialmedia/index.html

=================================*/
.popup-wrapper {
    display: flex;
    justify-content: center;

}

@media screen and (max-width: 576px) {
    .popup-wrapper {
        display: block;
        text-align: center;
    }
}

.popup {
    background-color: #efefef;
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, .8);
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 300px;
    height: 270px;
}

@media screen and (max-width: 576px) {
    width: 200px;
    height: 200px;

    .popup {}
}


/* チェックボックスの初期設定 */
#popup-on {
    display: none;
}

#popup-on2 {
    display: none;
}

/* チェックされたらポップアップウインドウを開く */
#popup-on:checked + .popup {
    display: block;
}

#popup-on2:checked + .popup {
    display: block;
}

/* 閉じるアイコン（右上） */
.icon-close {
    background: #000;
    color: #fff;
    font-size: 30px;
    padding: 0 10px;
    position: absolute;
    right: 0;
}

/* 閉じるボタン */
.btn-close {
    background: #000;
    border-radius: 10px;
    color: #fff;
    padding: 10px;
    cursor: pointer;
    margin: 10px auto;
    width: 95%;
    text-align: center;
}

/* 開くボタン */
.btn-open {
    padding: 0 10px;
    cursor: pointer;
    text-align: center;
}

.btn-open:hover {
    border-bottom: 1px solid #000;
}

@media screen and (max-width: 576px) {
    .btn-open {
        padding: 0;
    }

    .btn-open img {
        width: 100% !important;
    }

}

/* ポップアップの内容 */
.popup-content {
    margin: 40px auto 40px auto;
    width: 90%;
}

.pc {
    display: block !important;
}

@media screen and (max-width: 750px) {
    .pc {
        display: none !important;
    }
}

.sp {
    display: none !important;
}

@media screen and (max-width: 750px) {
    .sp {
        display: block !important;
    }
}




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

/security/index.html

=================================*/
/* ------------------------------
ftrBnr
--------------------------------- */
.ftrBnr .tit04 a {
    color: #333333;
}

.ftrBnr .tit04 a:hover {
    color: #333333;
}

.ftrBnr p.bnr {
    margin-bottom: 10px;
}

.ftrBnr p.bnr a {
    position: relative;
    display: block;
}

.ftrBnr p.bnr a:after {
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(/security/images/ico_more.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: absolute;
    right: 0;
    bottom: 0;
}

p.img.withMore {
    position: relative;
    display: block;
}

p.img.withMore a:after {
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(/security/images/ico_more.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: absolute;
    right: 0;
    bottom: 0;
}

p.linkBdr {
    padding: 15px 0;
    border-bottom: dotted 1px #ccc;
}

/* ------------------------------
securityInfo
--------------------------------- */
dl.securityInfo {
    width: 100%;
    padding: 10px 0;
    border-bottom: dotted 1px #ccc;
}

dl.securityInfo dt {
    color: #0a9bcd;
}

/* ------------------------------
tit-with-ico
--------------------------------- */
.tit-with-ico {
    font-size: 2.5rem;
    font-weight: bold;
    padding-left: 50px;
    background-position: 0 center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    border: none;
    margin-bottom: 20px;
}

.tit-with-ico.ico-ecm01 {
    background-image: url(/solutions/ecm/images/ksim_img01.jpg);
}

.tit-with-ico.ico-ecm02 {
    background-image: url(/solutions/ecm/images/ksim_img02.jpg);
}

.tit-with-ico.ico-ecm03 {
    background-image: url(/solutions/ecm/images/ksim_img03.jpg);
}

.tit-with-ico.ico-ecm04 {
    background-image: url(/solutions/ecm/images/ksim_img04.jpg);
}

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

table-company

=================================*/
.table-company {
    margin-bottom: 30px;
    width: 100%;
    border: 1px solid #e4e4e4;

}

.table-company thead th {
    background: #585858;
    color: #fff;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
}

.table-company thead td {
    background: #9a9a9a;
    color: #fff;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
}

.table-company tbody th {
    background: #e6e6e6;
    vertical-align: middle;
    text-align: left;
}

.table-company tbody td {
    background: #f6f6f6;
    vertical-align: middle;
}

.table-company th,
.table-company td {
    padding: 5px 15px;
    border: 1px solid #fff;
    /* ADJUST BR */
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.table-company a {
    color: #0a9bcd;
}

.table-company a:hover {
    text-decoration: underline;
    color: #0a9bcd;
}

.table-company a:visited {
    color: #0a9bcd;
}

.table-company.valM th,
.table-company.valM td {
    vertical-align: middle;
}

.table-company.valM th img,
.table-company.valM td img {
    vertical-align: middle;
}

.table-company.talC th,
.table-company.talC td {
    text-align: center;
}

.table-company th.talL,
.table-company td.talL {
    text-align: left;
}

.table-company.SNS tbody td {
    text-align: center;
}

.table-company .thin {
    display: inline;
    font-weight: 100;
}

.table-company tr.logoCell th img {
    display: inline-block;
    margin: 10px 0;
}

.table-company img.tbl-ico {}

.table-company td.valM {
    padding-top: 0;
    padding-bottom: 0;
}

.table-company td.alnC {
    padding-left: 0;
    padding-right: 0;
}

.table-company.bg-trans thead th,
.table-company.bg-trans thead td,
.table-company.bg-trans tbody th,
.table-company.bg-trans tbody td {
    background-color: transparent;
    color: #fff;
}


.table-wrap.w40p {
    margin: 0 auto;
}

.table-wrap.w50p {
    margin: 0 auto;
}

.table-wrap.w60p {
    margin: 0 auto;
}

.table-wrap.w70p {
    margin: 0 auto;
}

.table-wrap.w80p {
    margin: 0 auto;
}

.table-wrap.w90p {
    margin: 0 auto;
}


@media screen and (max-width: 768px) {
    .table-company {
        table-layout: fixed;
    }

    .table-company th,
    .table-company td {
        font-size: 1.3rem;
        /* ADJUST BR */
        /*  word-wrap:break-word;
  overflow-wrap:break-word;*/
    }

    .table-wrap {
        overflow: unset;
        white-space: unset;
        display: block;
        width: unset;
    }

    .table-wrap table {
        width: unset;
        display: table;
        overflow: hidden
    }

    .table-wrap:-webkit-scrollbar {
        height: 5px;
    }

    .table-wrap:-webkit-scrollbar-track {
        background: #F1F1F1;
    }

    .table-wrap:-webkit-scrollbar-thumb {
        background: #BCBCBC;
    }

    .table-company {
        width: unset;
        max-width: unset;
        word-wrap: unset;
        overflow-wrap: unset;
    }

    .table-company.SNS th {
        width: unset;
        font-weight: 200;
    }

    .table-company.SNS tbody th {
        height: 4em;
        font-weight: 200;
    }

    .table-company.SNS th:nth-child(1) {
        width: unset;
    }

    .table-company.SNS th a,
    .table-company.SNS td a {
        display: block;
        height: 100%;
        width: 100%;
    }

    .table-company.SNS th img,
    .table-company.SNS td img {
        max-width: 60%;
    }

    .table-company.SNS th img.minImg,
    .table-company.SNS td img.minImg {
        max-width: 40%;
    }

    .table-company span.thin {
        display: none;
    }

    .table-company th,
    .table-company td {
        padding: 5px 5px;
    }

    .table-wrap table.table-company.SNS {
        /*width: 390px;*/
        display: table;
        /*    white-space: pre-wrap;*/
    }

    .table-wrap table.table-company.SNS tbody td {
        /*   white-space: pre-wrap;*/
        font-weight: 100;
        font-size: 80%;
    }

    table.table-company .w95p {
        width: 95% !important;
    }

    table.table-company .w90p {
        width: 90% !important;
    }

    table.table-company .w85p {
        width: 85% !important;
    }

    table.table-company .w80p {
        width: 80% !important;
    }

    table.table-company .w75p {
        width: 75% !important;
    }

    table.table-company .w70p {
        width: 70% !important;
    }

    table.table-company .w65p {
        width: 65% !important;
    }

    table.table-company .w60p {
        width: 60% !important;
    }

    table.table-company .w55p {
        width: 55% !important;
    }

    table.table-company .w50p {
        width: 50% !important;
    }

    table.table-company .w49p {
        width: 49% !important;
    }

    table.table-company .w48p {
        width: 48% !important;
    }

    table.table-company .w47p {
        width: 47% !important;
    }

    table.table-company .w45p {
        width: 45% !important;
    }

    table.table-company .w40p {
        width: 40% !important;
    }

    table.table-company .w35p {
        width: 35% !important;
    }

    table.table-company .w30p {
        width: 30% !important;
    }

    table.table-company .w25p {
        width: 25% !important;
    }

    table.table-company .w20p {
        width: 20% !important;
    }

    table.table-company .w15p {
        width: 15% !important;
    }

    table.table-company .w10p {
        width: 10% !important;
    }

}

@media screen and (max-width: 390px) {
    .table-wrap table.table-company.SNS {
        width: unset;
    }
}

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

table-1

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

.table-1 {
  width: 100%;
}

.table-1 caption {
  margin-bottom: 5px;
  font-weight: bold;
}

.table-1,
.table-1 th,
.table-1 td {
  border: 1px #ddd solid;
}

.table-1 th,
.table-1 td {
  padding: 5px 10px;
}

.table-1 th {
  font-weight: normal;
}

.table-1 thead th {
  text-align: center;
  vertical-align: middle;
  background-color: #e6e6e6;
  font-weight: bold;
}

.table-1 tbody th {
  text-align: left;
  background-color: #f6f6f6;
  vertical-align: middle;
}
.table-1 {
	table-layout: fixed;
}
.table-1 th {
	width: 25%;
	word-break: break-all;
}

@media only screen and (max-width: 767px) {
  .table-1 {
    border: none;
  }
}


/* tbl ftr blue */
table.bg-trans {
    border-collapse: collapse;
    line-height: 1.4;
    text-align: left;
    color: #FFFFFF;
    font-size: 20px;
    background-color: transparent;
}

table.bg-trans th {
    padding: 11px 40px 13px 10px;
    text-align: left;
    border-right: none;
    white-space: nowrap;
    border-bottom: solid 1px #48b4da;
    vertical-align: top;
    background-color: transparent;
}

table.bg-trans td {
    padding: 11px 10px 13px 0;
    border-left: none;
    font-weight: normal !important;
    border-bottom: solid 1px #48b4da;
    background-color: transparent;
}






.conBlock a {
    color: #333333;
}

.conBlock a:hover {
    text-decoration: underline;
    color: #333333;
}

.conBlock a:visited {
    color: #333333;
}

.fc-bbb {
    color: #bbbbbb;
}

.colmun2-fixed-table {
    font-size: 90%;
}

.colmun2-fixed-table th,
.colmun2-fixed-table td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.com-time {
    margin-top: -1em;
    margin-bottom: 1em;
    text-align: right;
}

.com-ruby {
    display: block;
    min-height: 1.5em;
}

.com-location span {
    display: block;
    font-size: 85%;
    color: #999;
}

.map_canvas {
    margin: 0;
    padding-top: 50%;
    border: 1px solid #ddd;
    overflow: hidden;
    height: 0;
    position: relative;
    display: block;
}

.map_canvas > div {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

.map_canvas + p {
    text-align: right;
}

.com-scroll {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    margin: 0;
    padding: 30px;
    border: 1px solid #eee;
}

.com-scroll * {
    font-size: 12px;
}

.com-scroll ol {
    margin-left: 2em;
}

.com-scroll .txt-block-1 {
    margin-bottom: 1em;
}

.com-introduction + .com-introduction {
    margin-top: 30px;
}

.com-introduction .col__img img {
    width: 210px;
}

@media (max-width: 767px) {
    .colmun2-fixed-table__cell--width_20per {
        white-space: pre-wrap;
        width: 30%;
        min-width: 8em;
    }

    .com-location table,
    .com-location tbody,
    .com-location tr,
    .com-location th,
    .com-location td {
        display: block;
    }

    .com-location {
        border: 0 none;
    }

    .com-location th {
        padding: 0 0 10px 0;
        width: auto;
        background-color: transparent;
        border: 0 none;
        font-weight: bold;
    }

    .com-location td {
        margin-bottom: 20px;
        padding: 0 0 10px 0;
        border: 0 none;
        border-bottom: 1px solid #eee;
    }

    .map_canvas {
        padding-top: 65.25%;
    }

    .com-scroll {
        padding: 10px;
    }

    .com-introduction .col__img img {
        width: 100px;
    }
}



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

ADJUST

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

.strong {
    font-weight: 900;
}

.pd0 {
    padding: 0 !important;
}

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

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

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

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

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

.mAuto {
    margin-left: auto;
    margin-right: auto;
}

.mT10 {
    margin-top: 10px;
}

/*--- display adjust ---*/
.dispN {
    display: none !important;
}

.dispI {
    display: inline !important;
}

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

.dispB {
    display: block !important;
}

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

    /* -----------------------------
  ADJUST
  ----------------------------- */
    /*--- display adjust ---*/
    .spdispN {
        display: none !important;
    }

    .spdispI {
        display: inline !important;
    }

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

    .spdispB {
        display: block !important;
    }
}


.pcW50 {
    width: 50%;
    margin: 0 auto;
}

.pcW60 {
    width: 60%;
    margin: 0 auto;
}

.pcW70 {
    width: 70%;
    margin: 0 auto;
}

.pcW80 {
    width: 80%;
    margin: 0 auto;
}

.pcW90 {
    width: 90%;
    margin: 0 auto;
}



@media screen and (max-width: 767px) {
    .pcW50 {
        width: 100%;
        margin: 0 auto;
    }

    .pcW60 {
        width: 100%;
        margin: 0 auto;
    }

    .pcW70 {
        width: 100%;
        margin: 0 auto;
    }

    .pcW80 {
        width: 100%;
        margin: 0 auto;
    }

    .pcW90 {
        width: 100%;
        margin: 0 auto;
    }
}

/* -----------------------------
clearfix
----------------------------- */
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.td-n:hover {
    text-decoration: none !important;
}

/* -----------------------------
20210823追加
----------------------------- */
.c_heading_without_line {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.375;
    padding: 0 4px 8px;
    position: relative;
    margin-bottom: 0px;
}

.link-blue {
    color: #0a9bcd !important;
}