@charset "utf-8";

/* 追従フッター start */
#application_area {
    font-family: "Noto Sans JP",
    "Hiragino Kaku Gothic Pro",
    "Yu Gothic Medium",  /* chrome用 */
    "Yu Gothic",
    "Meiryo",
    sans-serif;
}

#application_area>.aem-Grid {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 0;
}

#application_area>.aem-Grid>div:first-child {
    margin-right: 24px;
    margin-bottom: 0px;
    max-width: 320px;
    justify-content: center;
}

#application_area>.aem-Grid>div:last-child {
    margin-left: 24px;
    margin-bottom: 0;
    margin-top: 0px;
    max-width: fit-content;;
    justify-content: center;
}

#application_area .button {
    margin-bottom: 0;
}

#application_area .bps-modal {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

@media screen and (max-width:830px) {
    #application_area>.aem-Grid {
        flex-direction: column;
    }

    #application_area>.aem-Grid>div:first-child {
        text-align: center;
        margin-right: 0;
        margin-bottom: 24px;
    }

    #application_area>.aem-Grid>div:last-child {
        text-align: center;
        margin-left: 0;
        margin-bottom: 0;
    }
}

@media screen and (max-width:430px) {
    #application_area>.aem-Grid>div:first-child {
        width: 70%;
    }

    #application_area>.aem-Grid>div:last-child {
        width: 70%;
    }
}

/* 追従フッター end */

/* フッター start */

/*共通ボタンスタイル設定*/
.InquiryBtn,
.DetailPageLinkBtn {
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.5);
    padding: 8px;
    color: #D8D8D8;
    width: 100%;
    position: relative;
    margin: 10px 0;
    transition: 0.2s;
}

.InquiryBtn:not(:target),
.DetailPageLinkBtn:not(:target) {
    filter: none;
}

.InquiryBtn:after,
.DetailPageLinkBtn:after {
    position: absolute;
    right: 16px;
    top: 50%;
    content: " ";
    width: 1.0em;
    height: 1.0em;
    margin-top: -0.5em;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E.a,.b{fill:none;}.b{stroke:%23ffffff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}%3C/style%3E%3C/defs%3E%3Crect class='a' width='16' height='16'/%3E%3Cpath class='b' d='M4.55,1.1l5,5-5,5' transform='translate(1.449 1.898)'/%3E%3C/svg%3E") no-repeat center right;
    background-size: contain;
}

.InquiryBtn[target="_blank"]:after,
.DetailPageLinkBtn[target="_blank"]:after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E.a,.b,.c{fill:none;}.b,.c{stroke:%23ffffff;stroke-linecap:round;stroke-width:2px;}.b{stroke-linejoin:round;}%3C/style%3E%3C/defs%3E%3Crect class='a' width='16' height='16'/%3E%3Cg transform='translate(2.455 2.455)'%3E%3Cpath class='b' d='M12.086,9.711v2.376H1V1H3.376' transform='translate(-1 -1)'/%3E%3Cpath class='b' d='M9,1h4.751V5.752' transform='translate(-2.665 -1)'/%3E%3Cpath class='c' d='M5,1,0,6' transform='translate(5.543 -0.457)'/%3E%3C/g%3E%3C/svg%3E") no-repeat center right;
    background-size: contain;
}

.InquiryBtn[target="_WinPop"]:after,
.DetailPageLinkBtn[target="_WinPop"]:after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E  %3Cg id='icon' transform='translate(0 -0.001)'%3E    %3Crect id='長方形_7891' data-name='長方形 7891' width='16' height='16' transform='translate(0 0.001)' fill='none'/%3E    %3Cg id='グループ_89725' data-name='グループ 89725' transform='translate(2.675 2.754)'%3E      %3Cpath id='パス_43211' data-name='パス 43211' d='M8,6.327V8H1V1H2.675' transform='translate(-1 2.492)' fill='none' stroke='%23ffffff' stroke-linejoin='round' stroke-width='1.5'/%3E      %3Crect id='長方形_27497' data-name='長方形 27497' width='7' height='7' transform='translate(3.65)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E") no-repeat center right;
    background-size: contain;
}

.InquiryBtn:hover,
.DetailPageLinkBtn:hover {
    background: rgb(237, 237, 237);
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

/* 提携サービス・基本情報 */
.DetailPageLink {
    font-family: "Noto Sans JP",
    "Hiragino Kaku Gothic Pro",
    "Yu Gothic Medium",  /* chrome用 */
    "Yu Gothic",
    "Meiryo",
    sans-serif;
    width: 100%;
    margin: 0 auto;
    background-color: #222222;
    overflow: hidden;
    color: #ffffff;
    overflow: hidden;
    min-width: 1000px;
}

.DetailPageLink .BasicInformationLinkArea,
.DetailPageLink .ServiceOfferLinkArea {
    float: left;
    width: 50%;
    overflow: hidden;
    position: relative;
}

.DetailPageLinkInner {
    max-width: 500px;
    height: 263px;
    padding: 60px 0;
}

/* 左 提供サービス レイアウト*/
.DetailPageLink .BasicInformationLinkArea:before {
    content: "";
    display: block;
    width: 514px;
    height: 342px;
    background: url(/content/dam/smcc/jp/ja/nyukai/platinum/img/bg_footerVisual_02.jpg);
    position: absolute;
    top: 50%;
    right: 360px;
    margin-top: -171px;
}


.DetailPageLink .BasicInformationLinkArea .DetailPageLinkInner {
    margin-left: auto;
    position: relative;
}

.DetailPageLink .BasicInformationLinkArea .DetailPageLinkInner:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 512px 512px 0;
    border-color: transparent #222222 transparent transparent;
    position: absolute;
    top: -1px;
}

.DetailPageLink .BasicInformationLinkArea .DetailPageLinkInner:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 512px 512px;
    border-color: transparent transparent #222222 transparent;
    position: absolute;
    bottom: -1px;
}

/* 右 基本情報 レイアウト*/

.DetailPageLink .ServiceOfferLinkArea:before {
    content: "";
    display: block;
    width: 514px;
    height: 342px;
    background: url(/content/dam/smcc/jp/ja/nyukai/platinum/img/bg_footerVisual_01.jpg);
    position: absolute;
    top: 50%;
    left: 360px;
    margin-top: -171px;
}

.DetailPageLink .ServiceOfferLinkArea .DetailPageLinkInner {
    margin-right: auto;
    position: relative;
}

.DetailPageLink .ServiceOfferLinkArea .DetailPageLinkInner:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 512px 512px 0 0;
    border-color: #222222 transparent transparent transparent;
    position: absolute;
    top: -1px;
    right: 0;
}

.DetailPageLink .ServiceOfferLinkArea .DetailPageLinkInner:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 512px 0 0 512px;
    border-color: transparent transparent transparent #222222;
    position: absolute;
    bottom: -1px;
    right: 0;
}

/*提携サービス・基本情報 内容　レイアウト*/

.DetailPageLinkItem {
    width: 360px;
    padding: 0 65px;
    position: relative;
    text-align: center;
    z-index: 5;
}

.DetailPageLink .BasicInformationLinkArea .DetailPageLinkItem {
    margin-left: auto;
    padding-right: 45px;
    border-right: 1px solid transparent;
    /*左右のエリアに同様にボーダーを持たせて同じ幅にしておかないとテキストが入るエリアの幅が同じにならず、同じテキスト量のときに改行が入り高さに違いが発生する場合がある*/
}

.DetailPageLink .ServiceOfferLinkArea .DetailPageLinkItem {
    margin-right: auto;
    padding-left: 45px;
    border-left: 1px solid #444444;
}

/*提携サービス・基本情報 内容　装飾*/
.DetailPageLink h2 {
    margin: 10px;
    margin-top: 0px;
}

.DetailPageLink p {
    text-align: left;
    line-height: 20px;
    margin: 5px;
    font-size: 12px;
    color: #ffffff;
}

.DetailPageLink .DetailPageLinkBtn {
    margin-top: 10px;
    margin-bottom: 0;
    background-color: #444444;
    color: #D8D8D8;
}

.DetailPageLink .DetailPageLinkBtn:hover {
    color: #ffffff;
    background-color: #6d6d6d;
}


/* 1カラムパターン　レイアウト*/
.DetailPageLink.Column1 .BasicInformationLinkArea,
.DetailPageLink.Column1 .ServiceOfferLinkArea {
    display: block;
    width: 100%;
    position: relative;
}

.DetailPageLink.Column1 .BasicInformationLinkArea {
    background-position: 100% -151px;
}

.DetailPageLink.Column1 .ServiceOfferLinkArea {
    background-position: 90% -190px;
}



.DetailPageLink.Column1 .BasicInformationLinkArea:before,
.DetailPageLink.Column1 .ServiceOfferLinkArea:before {
    right: auto;
    left: 50%;
    margin-left: 20px;
}

.DetailPageLink.Column1 .BasicInformationLinkArea:before {
    background-image: url(/content/dam/smcc/jp/ja/nyukai/platinum/img/bg_footerVisual_03.jpg);
}

.DetailPageLink.Column1 .BasicInformationLinkArea .DetailPageLinkInner,
.DetailPageLink.Column1 .ServiceOfferLinkArea .DetailPageLinkInner {
    margin-left: auto;
    position: relative;
    width: 1000px;
    max-width: none;
    margin: 0 auto;
    padding-right: 500px;
}

.DetailPageLink.Column1 .BasicInformationLinkArea .DetailPageLinkInner:before,
.DetailPageLink.Column1 .ServiceOfferLinkArea .DetailPageLinkInner:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 512px 512px 0 0;
    border-color: #222222 transparent transparent transparent;
    position: absolute;
    top: -1px;
    left: 17%;
}

.DetailPageLink.Column1 .BasicInformationLinkArea .DetailPageLinkInner:after,
.DetailPageLink.Column1 .ServiceOfferLinkArea .DetailPageLinkInner:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 512px 0 0 512px;
    border-color: transparent transparent transparent #222222;
    position: absolute;
    bottom: -1px;
    left: 17%;
}

.DetailPageLink.Column1 .BasicInformationLinkArea .DetailPageLinkItem,
.DetailPageLink.Column1 .ServiceOfferLinkArea .DetailPageLinkItem {
    margin-left: 0;
    padding-left: 0px;
    padding-right: 0px;
    border: none;
    text-align: left;
    max-width: none;
}

.DetailPageLink.Column1 .BasicInformationLinkArea p,
.DetailPageLink.Column1 .ServiceOfferLinkArea p {
    margin: 5px 0;
}

.DetailPageLink.Column1 .DetailPageLinkBtn {
    width: 250px;
    text-align: center;
}

.DetailPageLink.Column1 h2 {
    margin: 10px;
    margin-top: 0px;
    margin-left: 0px;
}

/*----------------------------
フッター 4カラムの部分
----------------------------*/

.FooterNaviWrap {
    font-family: "Noto Sans JP",
    "Hiragino Kaku Gothic Pro",
    "Yu Gothic Medium",  /* chrome用 */
    "Yu Gothic",
    "Meiryo",
    sans-serif;
    background: #000000;
    color: #ffffff;
    overflow: hidden;
    min-width: 1000px;
    position: relative;
    font-size: 0;
}

.FooterNaviWrap .InnerWrap {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

.FooterNaviWrap .InnerWrap {
    display: table;
    width: 100%;
    max-width: 1000px;
    padding: 0;
}

.FooterNaviWrap .FooterNaviList {
    font-size: 12px;
    display: table-cell;
    width: 25%;
    vertical-align: top;
    padding: 25px 0px 25px 20px;
}

.FooterNaviWrap .FooterNaviList:first-child {
    margin-left: 0;
}

/*フッターリンク リスト*/
.FooterNaviList dl {
    margin-bottom: 25px;
    line-height: 24px;
}

.FooterNaviList dt {
    color: #999999;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #777777;
    font-size: 13px;
    line-height: 23px;
    font-weight: bold;
}

.FooterNaviList dd {
    padding: 0;
    margin-bottom: 5px;
    border-bottom: 1px solid #777777;
    line-height: 20px;
}

.FooterNaviList dd a {
    color: #ffffff;
    display: block;
    padding-top: 5px;
    padding-bottom: 10px;
    position: relative;
    background-color: #000000;
}

.FooterNaviList dd a:after {
    position: absolute;
    top: calc(50% - 8px);
    margin-left: 4px;
    content: " ";
    width: 1.0em;
    height: 1.0em;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E.a,.b{fill:none;}.b{stroke:%23ffffff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}%3C/style%3E%3C/defs%3E%3Crect class='a' width='16' height='16'/%3E%3Cpath class='b' d='M4.55,1.1l5,5-5,5' transform='translate(1.449 1.898)'/%3E%3C/svg%3E") no-repeat center right;
    background-size: contain;
}

.FooterNaviList dd a[target="_blank"]:after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E.a,.b,.c{fill:none;}.b,.c{stroke:%23ffffff;stroke-linecap:round;stroke-width:2px;}.b{stroke-linejoin:round;}%3C/style%3E%3C/defs%3E%3Crect class='a' width='16' height='16'/%3E%3Cg transform='translate(2.455 2.455)'%3E%3Cpath class='b' d='M12.086,9.711v2.376H1V1H3.376' transform='translate(-1 -1)'/%3E%3Cpath class='b' d='M9,1h4.751V5.752' transform='translate(-2.665 -1)'/%3E%3Cpath class='c' d='M5,1,0,6' transform='translate(5.543 -0.457)'/%3E%3C/g%3E%3C/svg%3E") no-repeat center right;
    background-size: contain;
}

.FooterNaviList dd a[target="_WinPop"]:after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E  %3Cg id='icon' transform='translate(0 -0.001)'%3E    %3Crect id='長方形_7891' data-name='長方形 7891' width='16' height='16' transform='translate(0 0.001)' fill='none'/%3E    %3Cg id='グループ_89725' data-name='グループ 89725' transform='translate(2.675 2.754)'%3E      %3Cpath id='パス_43211' data-name='パス 43211' d='M8,6.327V8H1V1H2.675' transform='translate(-1 2.492)' fill='none' stroke='%23ffffff' stroke-linejoin='round' stroke-width='1.5'/%3E      %3Crect id='長方形_27497' data-name='長方形 27497' width='7' height='7' transform='translate(3.65)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E") no-repeat center right;
    background-size: contain;
}

.FooterNaviList dd a:hover {
    opacity: 0.8;
}

.FooterNaviList dd a .BlankLink:before {
    outline: 1px solid #ffffff;
    outline: 1px solid rgba(255, 255, 255, 0.5);
}

.FooterNaviList dd a .BlankLink:after {
    outline: 1px solid #ffffff;
    outline: 1px solid rgba(255, 255, 255, 0.5);
}

.FooterNaviList dd.acdi_mat0{
    margin-top:0;
} 

/*お問い合わせ*/
.FooterNaviWrap .FooterNaviList.inquiry {
    background: #444444;
    text-align: center;
    padding: 25px 20px;
    line-height: 20px;
}

.FooterNaviWrap .InquiryDesk {
    padding-bottom: 10px;
    border-bottom: 1px solid #676767;
    margin-bottom: 10px;
}

.FooterNaviWrap .InquiryDesk .TelNumber {
    font-size: 28px;
    line-height: 38px;
    margin-top: 3px;
}

.FooterNaviWrap .InquiryDesk .TelNumber a {
    color: #ffffff;
}

.FooterNaviWrap .InquiryDescription {
    text-align: left;
    color: #D8D8D8;
    font-size: 11px;
    line-height: 19px;
}

.FooterNaviWrap .FooterNaviList.inquiry .InquiryBtn {
    color: #D8D8D8;
    background-color: #6d6d6d;
}

.FooterNaviWrap .FooterNaviList.inquiry .InquiryBtn:hover {
    background-color: #8E8E8E;
    color: #ffffff;
    box-shadow: none;
}

/* 一番下　フッターリンク部分 */
.FooterLink {
    font-family: "Noto Sans JP",
    "Hiragino Kaku Gothic Pro",
    "Yu Gothic Medium",  /* chrome用 */
    "Yu Gothic",
    "Meiryo",
    sans-serif;
    background: #000000;
    color: #ffffff;
    overflow: hidden;
    min-width: 1000px;
    border-top: 1px solid #454545;
    padding-top: 20px;
}

.FooterLink .InnerWrap {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

.FooterLink .FooterBottomLink {
    text-align: center;
}

.FooterLink .FooterBottomLink>span {
    position: relative;
    margin-left: 37px;
    display: inline-block;
}

.FooterLink .FooterBottomLink>span[class^="contShowHide"] {
    display: none;
}

.FooterLink .FooterBottomLink>span:first-child {
    margin-left: 0;
}

.FooterLink .FooterBottomLink>span a {
    color: #ffffff;
    font-size: 13px;
}

.FooterLink .FooterBottomLink>span a:hover {
    opacity: 0.8;
}

.FooterLink .FooterBottomLink>span a .BlankLink:before {
    outline: 1px solid #ffffff;
    outline: 1px solid rgba(255, 255, 255, 0.5);
}

.FooterLink .FooterBottomLink>span a .BlankLink:after {
    outline: 1px solid #ffffff;
    outline: 1px solid rgba(255, 255, 255, 0.5);
}

.FooterLink .FooterBottomLink>span a:after {
    position: absolute;
    top: calc(50% - 4px);
    margin-left: 4px;
    content: " ";
    width: 1.0em;
    height: 1.0em;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E.a,.b{fill:none;}.b{stroke:%23ffffff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}%3C/style%3E%3C/defs%3E%3Crect class='a' width='16' height='16'/%3E%3Cpath class='b' d='M4.55,1.1l5,5-5,5' transform='translate(1.449 1.898)'/%3E%3C/svg%3E") no-repeat center right;
    background-size: contain;
}

.FooterLink .FooterBottomLink>span a[target="_blank"]:after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E.a,.b,.c{fill:none;}.b,.c{stroke:%23ffffff;stroke-linecap:round;stroke-width:2px;}.b{stroke-linejoin:round;}%3C/style%3E%3C/defs%3E%3Crect class='a' width='16' height='16'/%3E%3Cg transform='translate(2.455 2.455)'%3E%3Cpath class='b' d='M12.086,9.711v2.376H1V1H3.376' transform='translate(-1 -1)'/%3E%3Cpath class='b' d='M9,1h4.751V5.752' transform='translate(-2.665 -1)'/%3E%3Cpath class='c' d='M5,1,0,6' transform='translate(5.543 -0.457)'/%3E%3C/g%3E%3C/svg%3E") no-repeat center right;
    background-size: contain;
}

.FooterLink .FooterBottomLink>span a[target="_WinPop"]:after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E  %3Cg id='icon' transform='translate(0 -0.001)'%3E    %3Crect id='長方形_7891' data-name='長方形 7891' width='16' height='16' transform='translate(0 0.001)' fill='none'/%3E    %3Cg id='グループ_89725' data-name='グループ 89725' transform='translate(2.675 2.754)'%3E      %3Cpath id='パス_43211' data-name='パス 43211' d='M8,6.327V8H1V1H2.675' transform='translate(-1 2.492)' fill='none' stroke='%23ffffff' stroke-linejoin='round' stroke-width='1.5'/%3E      %3Crect id='長方形_27497' data-name='長方形 27497' width='7' height='7' transform='translate(3.65)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E") no-repeat center right;
    background-size: contain;
}

.FooterLink br {
    display: none;
}

.FooterLink .Copyright {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 10px;
    color: #999999;
}

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

    .InquiryBtn,
    .DetailPageLinkBtn {
        background: rgba(255, 255, 255, 0.5);
    }

    .InquiryBtn:hover,
    .DetailPageLinkBtn:hover {
        background: rgba(255, 255, 255, 0.5);
        filter: none;
        box-shadow: none;
    }

    .DetailPageLink {
        display: block;
        min-width: 0;
    }

    .DetailPageLink .BasicInformationLinkArea,
    .DetailPageLink .ServiceOfferLinkArea {
        display: block;
        width: 100%;
    }

    .DetailPageLinkInner {
        max-width: none;
        padding: 0;
        height: auto;
    }

    /* 左 提供サービス レイアウト*/
    .DetailPageLink .BasicInformationLinkArea:before {
        width: 200px;
        height: 400px;
        top: -10px;
        right: 0px;
        margin: 0;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }

    .DetailPageLink .BasicInformationLinkArea .DetailPageLinkInner:before {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 900px 0 0 900px;
        border-color: transparent transparent transparent #222222;
        position: absolute;
        top: auto;
        bottom: 0px;
        right: -90px;
    }

    .DetailPageLink .BasicInformationLinkArea .DetailPageLinkInner:after {
        display: none;
    }

    /* 右 基本情報 レイアウト*/

    .DetailPageLink .ServiceOfferLinkArea {
        background-size: 300px;
        background-position: -140px 70px;
    }


    .DetailPageLink .ServiceOfferLinkArea:before {
        width: 260px;
        height: 400px;
        top: auto;
        bottom: -18px;
        left: -74px;
        margin: 0;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: left bottom;
    }

    .DetailPageLink .ServiceOfferLinkArea .DetailPageLinkInner:before {
        display: none;
    }

    .DetailPageLink .ServiceOfferLinkArea .DetailPageLinkInner:after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 900px 900px 0;
        border-color: transparent #222222 transparent transparent;
        position: absolute;
        top: 0;
        bottom: auto;
        left: -100px;
    }

    /*提携サービス・基本情報 内容　レイアウト*/

    .DetailPageLinkItem {
        width: auto;
        padding: 0;
        text-align: left;
    }

    .DetailPageLink .BasicInformationLinkArea {
        background-size: 250px;
        background-repeat: no-repeat;
        background-position: 140% -50px;
        background-position: right -100px top -53px;
    }

    .DetailPageLink .BasicInformationLinkArea .DetailPageLinkItem {
        margin-left: 0;
        padding: 50px 30px 30px;
        border-right: none;

    }

    .DetailPageLink .ServiceOfferLinkArea .DetailPageLinkItem {
        margin-right: 0;
        padding: 30px 30px 80px 30px;
        border-top: 1px solid #444444;
        border-left: none;
    }

    /*提携サービス・基本情報 内容　装飾*/

    .DetailPageLink h2 {
        margin: 0px;
        margin-bottom: 20px;
    }

    .DetailPageLink p {
        margin: 0px;
    }

    .DetailPageLink .DetailPageLinkBtn {
        margin-top: 10px;
        margin-bottom: 0;
        text-align: center;
        background-color: #444444 !important;
        color: #D8D8D8 !important;
    }
    .DetailPageLink .DetailPageLinkBtn:hover {
        background-color: #444444;
    }
    /* 1カラムパターン　レイアウト*/

    .DetailPageLink.Column1 .BasicInformationLinkArea {
        background-position: 140% -50px;
        background-position: right -100px top -53px;
    }

    .DetailPageLink.Column1 .ServiceOfferLinkArea {
        background-repeat: no-repeat;
        background-size: 320px;
        background-position: 151% -83px;
        background-position: right -63px top -89px;
    }

    .DetailPageLink.Column1 .BasicInformationLinkArea .DetailPageLinkInner,
    .DetailPageLink.Column1 .ServiceOfferLinkArea .DetailPageLinkInner {
        width: auto;
        padding-right: 0px;
    }

    .DetailPageLink.Column1 .BasicInformationLinkArea .DetailPageLinkInner:before,
    .DetailPageLink.Column1 .ServiceOfferLinkArea .DetailPageLinkInner:before {
        display: none;
    }

    .DetailPageLink.Column1 .BasicInformationLinkArea .DetailPageLinkInner:after,
    .DetailPageLink.Column1 .ServiceOfferLinkArea .DetailPageLinkInner:after {
        border-width: 900px 0 0 900px;
        position: absolute;
        top: initial;
        bottom: 0px;
        left: initial;
        right: -90px;
    }

    .DetailPageLink.Column1 .BasicInformationLinkArea .DetailPageLinkItem,
    .DetailPageLink.Column1 .ServiceOfferLinkArea .DetailPageLinkItem {
        padding: 40px 30px;
    }

    .DetailPageLink.Column1 .DetailPageLinkBtn {
        width: 100%;
    }

    .DetailPageLink.Column1 .ServiceOfferLinkArea:before {
        width: 260px;
        height: 400px;
        top: -45px;
        bottom: auto;
        left: auto;
        right: -85px;
        margin: 0;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: left top;
    }

    .DetailPageLink.Column1 .BasicInformationLinkArea:before {
        width: 260px;
        height: 400px;
        top: -39px;
        bottom: auto;
        left: auto;
        right: -71px;
        margin: 0;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: left top;
    }

    /* フッター 4カラムの部分 */
    .FooterNaviWrap {
        min-width: 0;
    }

    .FooterNaviWrap .InnerWrap {
        display: block;
    }

    .FooterNaviWrap .FooterNaviList {
        display: block;
        width: 100%;
        padding: 0;
    }

    /*フッターリンク リスト*/

    .FooterNaviList dl {
        margin-bottom: 0px;
        margin-top: -1px;
        border-top: 1px solid #777777;
        overflow: hidden;
    }

    .FooterNaviList dt {
        color: #777777;
        margin-bottom: 0px;
        padding: 20px 10px;
        border-bottom: 1px solid #777777;
        position: relative;
    }

    .FooterNaviList dt:before {
        content: "";
        display: block;
        width: 2px;
        height: 10px;
        background: #d8dbe2;
        position: absolute;
        top: 26px;
        right: 12.5px;
    }

    .FooterNaviList dt:after {
        content: "";
        display: block;
        width: 10px;
        height: 2px;
        background: #d8dbe2;
        position: absolute;
        top: 30px;
        right: 8px;
    }

    .FooterNaviList dt.Active:before {
        display: none;
    }


    .FooterNaviList dd {
        margin-bottom: 0px;
        padding: 25px 0px;
        border-bottom: none;
    }

    .FooterNaviList dd+dd {
        margin-top: -20px;
    }

    .FooterNaviList dd a {
        padding: 0px 10px;
    }

    .FooterNaviList dd a:hover {
        opacity: 1;
    }

    .FooterNaviList dd a:after {
        top: 4px;
    }

    /*お問い合わせ*/
    .FooterNaviWrap .FooterNaviList.inquiry {
        position: relative;
        z-index: 2;
    }

    .FooterNaviWrap .FooterNaviList.inquiry .InquiryBtn {
        background-color: #6d6d6d;
        color: #D8D8D8;
    }

    .FooterNaviWrap .FooterNaviList.inquiry .InquiryBtn:hover {
        background-color: #6d6d6d;
    }

    /* 一番下　フッターリンク部分 */
    .FooterLink {
        min-width: 0;
        border-top: 1px solid #454545;
        padding: 15px 20px;
    }

    .FooterLink .InnerWrap {
        width: 100%;
        max-width: none;
    }

    .FooterLink .FooterBottomLink {
        text-align: center;
    }

    .FooterLink .FooterBottomLink>span {
        position: relative;
        margin: 5px 0px;
        padding: 0 20px 0 10px;
        border-left: 1px solid #777777;
    }

    .FooterLink .FooterBottomLink>span:first-child {
        margin-left: 0;
        border-left: none;
    }

    .FooterLink .FooterBottomLink>span:last-child {
        margin-right: 0;
    }

    .FooterLink .FooterBottomLink>span.noLeftBorderSp {
        border-left: none;
    }

    .FooterLink .FooterBottomLink>span a {
        font-size: 12px;
    }

    .FooterLink .FooterBottomLink>span a:hover {
        opacity: 1;
    }

    .FooterLink br {
        display: block;
    }
}

/* フッター end */

/* POPフッター start */
#footer.footer-popup {
    margin-top: -1px;
}
#footer.footer-popup .btnPopupClose::after {
    background-image: url(/content/dam/smcc/jp/ja/nyukai/platinum/img/icon_close.svg);
    background-repeat: no-repeat;
    background-position: center;
}
/* POPフッター end */