/* this is custom css cms page */

/* --- 汎用パーツ --- */

/* ▼▼▼段組設定▼▼▼ */
.cmsContent .sankyo_custom_collist{
    display: flex;
    flex-wrap:wrap;
}
.cmsContent .sankyo_custom_collist .sankyo_custom_colitem {
    flex: 1;
}
.cmsContent .sankyo_custom_collist .sankyo_custom_colitem:not(:last-child) {
    margin-right: 2%;
    margin-bottom: 16px;
}
@media all and (max-width:767px) {
    .cmsContent .sankyo_custom_collist .sankyo_custom_colitem {
        flex: inherit;
        width:100%;
    }
    .cmsContent .sankyo_custom_collist .sankyo_custom_colitem:not(:last-child) {
        margin-right: 0;
        margin-bottom: 0;
    }
}
/* ▲▲▲段組設定▲▲▲ */


/* ▼▼▼横並び-幅は統一しない▼▼▼ */
.cmsContent .sankyo_custom_nongridlist {
    display: flex;
    flex-wrap: wrap;
}

.cmsContent .sankyo_custom_nongridlist > * {
    display: inline-block;
    margin: auto 3.5% 8px 0;
}
@media all and (max-width:767px) {
    .cmsContent .sankyo_custom_nongridlist > * {
        margin: 0 3.5% 0 0;
    }
}
/* ▲▲▲横並び-幅は統一しない▲▲▲ */


/* ▼▼▼青背景　問い合わせエリア▼▼▼ */
.cmsContent .sankyo_custom_cta{
    display: block;
    width: 100%;
    background: #0a1e71;
    border-radius: 10px;
    padding: 44px 50px 39px;
    margin-bottom: 45px;
}
.cmsContent .sankyo_custom_cta_txt{
   color:#fff;
   text-align: center;
}
.cmsContent .sankyo_custom_cta_btn a {
    text-decoration: none;
    max-width: 350px;
}
.cmsContent .sankyo_custom_cta_btn a span{
    font-size:1.8rem;
}
@media all and (max-width:767px) {
   .cmsContent .sankyo_custom_cta{
       padding: 36px 30px 30px;
        margin-bottom: 36px;
    }
    
    .cmsContent .sankyo_custom_cta .sankyo_custom_colitem:not(:last-child) {
        margin-bottom: 16px;
    }

    .cmsContent .sankyo_custom_cta_btn a span{
        font-size:1.6rem;
    }
}
/* ▲▲▲青背景　問い合わせエリア▲▲▲ */


/* ▼▼▼アコーディオン▼▼▼ */
.cmsContent .sankyo_custom_details summary::-webkit-details-marker {display: none;}
.cmsContent .sankyo_custom_details summary {
    padding: 22px 40px;
    background-color: #fff;
    border-radius: 10px;
    cursor: pointer;
    font-size: 1.8rem;
    letter-spacing: .05em;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
  }
.cmsContent .sankyo_custom_details summary:after {
    content:"▼";
    margin-left:1em;
    transition: 0.4s;
}
.cmsContent .sankyo_custom_details[ open ] summary:after {
    transform: rotate(180deg);
}
@media all and (max-width:767px) {
    .cmsContent .sankyo_custom_details summary {
        font-size: 1.6rem;
        padding: 16px 20px;
        margin-bottom: 16px;
      }
    .cmsContent .sankyo_custom_details summary:after{
        font-size: 1.2rem;
    }
}
/* ▲▲▲アコーディオン▲▲▲ */

/* ▼▼▼tableタグ（表）列固定▼▼▼ */
.cmsContent table.sankyo_custom_sticky_col {
    overflow-x:auto;
    border-collapse: separate;
}
.cmsContent table.sankyo_custom_sticky_col tr td:first-child {
    position: sticky;
    left: 0;
    top: 0;
    border-left: 1px solid #0a1e71;
    
}
.cmsContent table.sankyo_custom_sticky_col tr:not(:first-child) td:first-child {
   background-color: #f0f1f3;
}
.cmsContent table.sankyo_custom_sticky_col tr:first-child td:first-child {
    border-radius: 10px 0px 0 0;
}
.cmsContent table.sankyo_custom_sticky_col tr:last-child td:first-child {
    border-radius: 0px 0px 0 10px;
    border-bottom: 1px solid #0a1e71;
}
/* ▲▲▲tableタグ（表）列固定▲▲▲ */


/* ▼▼▼記事内のFAQ形式▼▼▼ */
.cmsContent .custom-faq-list h4:before, .cmsContent .custom-faq-list h5:before{
     content:"Q.";
     width: auto;
     top: 0;
     background:none;
} 
.cmsContent .custom-faq-list blockquote:before{
    content:"A";
    color:#0a1e71;
    font-weight:bold;
    font-size:20px;
    padding:0 8px;
    background-color:#f0f1f3;
    border-radius:5px;
}
/* ▲▲▲記事内のFAQ形式▲▲▲ */


/* ▼▼▼輸入通関統計▼▼▼ */
.cmsContent table.trade_statistics_table tr:not(:first-child) td:not(:first-child) {
    overflow: hidden;
}
.cmsContent table.trade_statistics_table tr td .country {
    display: grid;
    font-size: 68%;
    margin: 10px calc(50% - 50vw) -21px;
    padding: 5px 0;
    background-color: #dfdfdf;
    height: 100%;
    max-height:52px;
    line-height: 1.75;
    align-items: center;
    position: relative;
    z-index: -1;
}
@media all and (max-width:767px) {
.cmsContent table.trade_statistics_table tr td .country {
    margin-bottom: -16px;
  }
}
.cmsContent table.trade_exchange_table tr:not(:first-child) td:not(:first-child) {
    padding-right: 18px;
    padding-left: 18px;
}
/* ▲▲▲輸入通関統計▲▲▲ */



/* --- レイアウト調整 --- */

/* ▼▼▼目次(プラグインTOC)▼▼▼ */
div#toc_container {
    display: block;
    width: 100%;
    background: #ffffff;
    border-radius: 10px;
    border: none;
    padding: 44px 50px 39px;
    margin-bottom: 45px;
}

#toc_container p.toc_title {
    text-align: left;
}
div#toc_container ul li {
    font-size: 1.8rem;
    line-height: 1.94444em;
    letter-spacing: .05em;
    font-weight: 500;
}
div#toc_container ul li a {
    display: inline-block;
    margin-bottom: 8px;
    text-decoration: underline;
}
div#toc_container ul li span.toc_number:after {
    content: ".";
}
div#toc_container ul ul {
    margin-left: 1em;
}

@media all and (max-width:767px) {
    div#toc_container {
        padding: 36px 28px 30px;
        margin-bottom: 36px;
    }
    div#toc_container ul li {
        font-size: 1.6rem;
        line-height: 1.875em;
    }
}

/* ▲▲▲目次(プラグインTOC)▲▲▲ */