@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

/*!* ---------------------------------------------------------------------------------------------
    .mainVisual
--------------------------------------------------------------------------------------------- *!*/
#mainVisual {
    position: relative;
    padding: 0 0 263px;
    border-top: 10px solid #00afaa;
    background: url(../img/mainVisual/bg.jpg) no-repeat center;
    background-size: cover;
}
header {
    position: relative;
}
.mainVisual__headWrap {
    position: relative;
    margin: 24px 0 0;
}
.mainVisual__headWrap .headWrap__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.head__wrap {
    width: 29.583%;
    min-width: 266px;
    margin: 0;
}
header .h1 {
    color: #fff;
    font-size: 24px;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.666;
    text-shadow: 0px 0px 7px #333;
}
.mainVisual__copy {
    position: relative;
    z-index: 3;
    padding-top: 29px;
    color: #fff;
    /* font-size: 80px; */
    font-size: 64px;
    font-weight: bold;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.15;
    text-align: center;
    text-shadow: 0px 0px 7px #333;
}
.addMvTitleStyle {
    display: inline-block;
}
@media all and (min-width:768px) {
    .addMvTitleStyle:not(.addTT) {
        margin-left: -20px;
    }
}
.mainVisual__copy .copy_l {
    /* font-size: 109px; */
    font-size: 64px;
}
.mainVisual__copy .copy_s {
    /* font-size: 64px; */
    font-size: 50px;
}
.mainVisual__copy .copy_s_s {
    /* font-size: 87px; */
    font-size: 50px;
}
header .logo {
    display: block;
    width: 100%;
    margin: 8px 0 0;
}

.mainVisual__img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 24.5%;
    min-width: 392px;
    max-width: 392px;
    margin: 0 auto -47px;
}
.txt__ver {
    width: 13.229%;
    margin: 0 0 0 1.041%;
}

.mainVisual-btn .btn {
    margin: 60px auto 0;
}

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

    #mainVisual {
        padding: 0 0 5.333%;
        background-image: url(../img/mainVisual/bg_sp.jpg);
    }

    #mainVisual .btn {
        margin: -1.739% auto 0;
        padding: 18px 0;
        font-size: 18px;
        border-radius: 0 0 10px 10px;
    }
    #mainVisual .btn::before {
        display: block;
        width: 2.753%;
        padding-top: 4.347%;
        background-image: url(../img/know_sfa/icon_btn_sp.png);
    }

    .mainVisual__headWrap {
        margin: 0;
    }
    .head__wrap {
        width: 49.985%;
        min-width: unset;
        min-width: initial;
        margin: 4.347% 0 0;
    }
    header .h1 {
        padding: 0 0 0;
        font-size: 15px;
        line-height: 1.333;
        text-align: center;
    }

    header .logo {
        width: 100%;
        margin: 4.734% 0 0;
    }
    .txt__ver {
        width: 22.318%;
        margin: 0 0 0 1.739%;
    }

    .mainVisual__copy {
        position: relative;
        padding-top: 6.4%;
        font-size: 30px;
    }
    .mainVisual__copy .copy_l {
        font-size: 40px;
    }
    .mainVisual__copy .copy_s {
        font-size: 30px;
    }
    .mainVisual__copy .copy_s_s {
        font-size: 30px;
    }

    .mainVisual__img {
        position: relative;
        width: 61.014%;
        min-width: unset;
        min-width: initial;
        margin: 6.666% auto 0;
    }

    .mainVisual-btn {
        padding-top: 13.333%;
    }
    .mainVisual-btn .btn {
        margin-top: 0;
    }

}

@media all and (max-width:320px) {

    .mainVisual__copy {
        font-size: 33px;
    }
    .mainVisual__copy .copy_l {
        font-size: 59px;
    }
    .mainVisual__copy .copy_s {
        font-size: 25px;
    }
    .mainVisual__copy .copy_s_s {
        font-size: 46px;
    }
    .h1 {
        font-size: 13px;
    }

}


/*!* ---------------------------------------------------------------------------------------------
    #voice
--------------------------------------------------------------------------------------------- *!*/
#voice {
    padding: 100px 0 100px;
}
.voice__tit {
    position: relative;
    margin: 0 0 100px;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
}
.voice__tit .tit_s {
    display: block;
    font-size: 20px;
}
.voice__tit .tit_l {
    display: block;
    margin: 7px 0 0;
    font-size: 40px;
    font-weight: bold;
}

.voice-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.voice-list .list__item {
    width: 20%;
    margin-bottom: 10px;
    margin-left: 10px;
}
.voice-list .list__item:first-child,
.voice-list .list__item:nth-child(4n + 1)
{
    margin-left: 0;
}
.voice-list .list__item.point .item__contents {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 16px 0;
    border-radius: 15px;
    background-color: #00afaa;
}
@media screen and (min-width: 768px) {
    .voice-list .list__item.point .item__contents {
        flex-direction: column;
    }
}
.voice-list .list__item.point .item__img {
    width: 24.668%;
    height: 0;
    padding-top: 24.668%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
@media screen and (min-width: 768px) {
    .voice-list .list__item.point .item__img {
        width: 100%;
        padding-top: 55%;
    }
}
.voice-list .list__item.point.i01 .item__img {
    background-image: url(../img/voice/icon_01.png);
}
.voice-list .list__item.point.i02 .item__img {
    background-image: url(../img/voice/icon_02.png);
}
.voice-list .list__item.point.i03 .item__img {
    background-image: url(../img/voice/icon_03.png);
}
.voice-list .list__item.point.i04 .item__img {
    background-image: url(../img/voice/icon_04.png);
}
.voice-list .list__item.point.i05 .item__img {
    background-image: url(../img/voice/icon_05.png);
}
.voice-list .list__item.point.i06 .item__img {
    background-image: url(../img/voice/icon_06.png);
}
.voice-list .list__item.point.i07 .item__img {
    background-image: url(../img/voice/icon_07.png);
}
.voice-list .list__item.point.i08 .item__img {
    background-image: url(../img/voice/icon_08.png);
}
.voice-list .list__item.point.i09 .item__img {
    background-image: url(../img/voice/icon_09.png);
}
.voice-list .list__item.point.i10 .item__img {
    background-image: url(../img/voice/icon_10.png);
}
.voice-list .list__item.point.i11 .item__img {
    background-image: url(../img/voice/icon_11.png);
}
.voice-list .list__item.point.i12 .item__img {
    background-image: url(../img/voice/icon_12.png);
}

.voice-list .list__item .item__txt {
    margin: 0 0 0 10%;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.5;
}
@media screen and (min-width: 768px) {
    .voice-list .list__item .item__txt {
        margin: 0;
    }  
}

.voice-list .list__panel {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    margin-top: 20px;
    padding: 15px 28px;
    font-size: 16px;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 2;
    border: 1px solid #00afaa;
    border-radius: 15px;
}
.voice-list .list__panel::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 10px;
    margin: -21px auto 0;
    padding-top: 20px;
    background-color: #00afaa;
}
.voice-list .sales.list__panel {
    background-color: #deeaea;
}
.voice-list .correspondence.list__panel {
    background-color: #f8f5e9;
}
.voice-list .list__panel span {
    font-weight: bold;
}

.voice__txt {
    margin: 41px 0 13px;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
    line-height: 2.75;
}

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

    #voice {
        padding: 13.333% 0;
    }
    .voice__tit {
        margin: 0 0 16.521%;
        line-height: 1.4;
    }
    .voice__tit .tit_s {
        font-size: 12px;
    }
    .voice__tit .tit_l {
        margin: -20px 0 0;
        font-size: 25px;
    }
    
    .voice-list .list__item {
        width: 100%;
        margin-left: 0;
    }

    .voice-list .list__item:nth-child(1) {
        order: 0;
        -webkit-order: 0;
    }
    .voice-list .list__item:nth-child(4) {
        order: 1;
        -webkit-order: 1;
    }
    .voice-list .list__item:nth-child(7) {
        order: 2;
        -webkit-order: 2;
    }
    /* .voice-list .list__item:nth-child(2) {
        order: 3;
        -webkit-order: 3;
        margin-top: 8.695%;
    } */
    .voice-list .list__item:nth-child(5) {
        order: 4;
        -webkit-order: 4;
    }
    .voice-list .list__item:nth-child(8) {
        order: 5;
        -webkit-order: 5;
    }
    /* .voice-list .list__item:nth-child(3) {
        order: 6;
        -webkit-order: 6;
        margin-top: 8.695%;
    } */
    .voice-list .list__item:nth-child(6) {
        order: 7;
        -webkit-order: 7;
    }
    .voice-list .list__item:nth-child(9) {
        order: 8;
        -webkit-order: 8;
    }

    .voice-list .list__item:first-child,
    .voice-list .list__item:nth-child(3n + 1)
    {
        margin-left: 0;
    }
    .voice-list .list__item.point {
        
    }
    .voice-list .list__item.point .item__contents {
        padding: 18px 0;
    }
    .voice-list .list__item.point .item__img {
        width: 20%;
        padding-top: 20%;
    }
    /*
    .voice-list .list__item.point.i01 .item__img {
        background-image: url(../img/voice/icon_01_sp.png);
    }
    .voice-list .list__item.point.i02 .item__img {
        background-image: url(../img/voice/icon_02_sp.png);
    }
    .voice-list .list__item.point.i03 .item__img {
        background-image: url(../img/voice/icon_03_sp.png);
    }
    .voice-list .list__item.point.i04 .item__img {
        background-image: url(../img/voice/icon_04_sp.png);
    }
    .voice-list .list__item.point.i05 .item__img {
        background-image: url(../img/voice/icon_05_sp.png);
    }
    .voice-list .list__item.point.i06 .item__img {
        background-image: url(../img/voice/icon_06_sp.png);
    }
    .voice-list .list__item.point.i07 .item__img {
        background-image: url(../img/voice/icon_07_sp.png);
    }
    .voice-list .list__item.point.i08 .item__img {
        background-image: url(../img/voice/icon_08_sp.png);
    }
    .voice-list .list__item.point.i09 .item__img {
        background-image: url(../img/voice/icon_09_sp.png);
    }
    .voice-list .list__item.point.i10 .item__img {
        background-image: url(../img/voice/icon_10_sp.png);
    }
    .voice-list .list__item.point.i11 .item__img {
        background-image: url(../img/voice/icon_11_sp.png);
    }
    .voice-list .list__item.point.i12 .item__img {
        background-image: url(../img/voice/icon_12_sp.png);
    }
    */

    .voice-list .list__item .item__txt {
        font-size: 25px;
        width: 230px;
    }
    
    .voice-list .list__panel {
        margin-top: 15px;
        padding: 15px 25px;
        font-size: 15px;
    }
    .voice-list .list__panel::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 10px;
        margin: -16px auto 0;
        padding-top: 15px;
        background-color: #00afaa;
    }
    
    .voice__txt {
        margin: 8.695% 0 2.608%;
        font-size: 12px;
    }

}

/*!* ---------------------------------------------------------------------------------------------
    #feature
--------------------------------------------------------------------------------------------- *!*/
#feature {
    padding: 94px 0 80px;
    background-color: #deeaea;
}
.feature__tit {
    position: relative;
    margin: 0 0 100px;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
}
.feature__tit .tit_s {
    display: block;
    font-size: 20px;
}
.feature__tit .tit_l {
    display: block;
    margin: 7px 0 0;
    font-size: 40px;
    font-weight: bold;
}

.feature-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.feature-list .list__item {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 30.417%;
    margin-left: 4.375%;
    border-radius: 15px;
    background-color: #fff;
}
.feature-list .list__item:first-child {
    margin-left: 0;
}
.feature-list .list__item::before {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 0;
    padding-top: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.feature-list .list__item::before {
    bottom: 0;
    right: 0;
    background-image: url(../img/common/border_right_l.png);
}
.feature-list .item__contents {
    position: relative;
    width: 100%;
}
.feature-list .item__contents__inner::before {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 0;
    padding-top: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.feature-list .item__contents__inner::before {
    top: 0;
    left: 0;
    background-image: url(../img/common/border_left_l.png);
}
.feature-list .item__description {
    padding: 33px 0;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
}
.feature-list .description_s {
    display: block;
    font-size: 18px;
    line-height: 1.625;
}
.feature-list .description_l {
    position: relative;
    display: block;
    margin: 15px 0 0;
    padding: 12px 0 0;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.625;
}
.feature-list .description_l::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 80%;
    max-width: 212px;
    height: 1px;
    margin: 0 auto;
    background-color: #00afaa;
}
.feature-list .item__contents::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 79px;
    height: 0;
    margin: 0 auto -84px;
    padding-top: 64px;
    background: url(../img/common/arrow_bottom_w.png) no-repeat center;
    background-size: cover;
}

.feature__reazon {
    margin: 103px 0 60px;
    padding: 28px 0;
    border-radius: 15px;
    background-color: #fff;
}
.feature__reazon .reazon__txt {
    font-size: 35px;
    font-weight: bold;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.1;
    text-align: center;
}
.feature__reazon .txt_s {
    display: inline-block;
    vertical-align: middle;
    padding: 21px 6px;
    font-size: 16px;
    font-weight: normal;
    border: 2px solid #7fd7d4;
    border-radius: 100%;
}
.feature__reazon .reazon__description {
    margin: -3px 0 0;
    font-size: 24px;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 40px;
    text-align: center;
}


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

    #feature {
        padding: 13.333% 0;
    }
    .feature__tit {
        margin: 0 0 18.55%;
    }
    .feature__tit .tit_s {
        font-size: 12px;
    }
    .feature__tit .tit_l {
        margin: -5px 0 0;
        font-size: 25px;
    }
    .feature-list .list__item {
        display: flex;
        flex-wrap: wrap;
        width: 30.434%;
        margin-left: 4.347%;
    }
    .feature-list .list__item::before {
        width: 14.288%;
        padding-top: 14.288%;
    }
    .feature-list .list__item::before {
        background-image: url(../img/common/border_right_l.png);
    }


    .feature-list .item__contents {
        display: flex;
        flex-wrap: wrap;
    }
    .feature-list .item__contents__inner {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: 100%;
    }
    .feature-list .item__contents__inner::before {
        width: 14.288%;
        padding-top: 14.288%;
    }
    .feature-list .item__contents__inner::before {
        background-image: url(../img/common/border_left_l.png);
    }
    .feature-list .item__contents::before {
        width: 37.626%;
        margin: 0 auto -40.007%;
        padding-top: 30.481%;
    }
    .feature-list .item__contents::before {
        background-image: url(../img/common/arrow_bottom_w.png);
    }


    .feature-list .item__description {
        width: 100%;
        padding: 15px 4px;
    }
    .feature-list .description_s {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        line-height: 1.5;
        letter-spacing: 0;
    }
    .feature-list .description_l {
        margin: 10px 0 0;
        font-size: 14px;
        line-height: 1.333;
        letter-spacing: -1.1px;
    }
    .feature-list .description_l::before {
        width: 100%;
    }
    

    .feature__reazon {
        margin: 15.194% 0 8.695%;
        padding: 14px 0;
    }
    .feature__reazon .reazon__txt {
        font-size: 18px;
        line-height: 1.1;
    }
    .feature__reazon .txt_s {
        padding: 11px 2px;
        font-size: 10px;
    }
    .feature__reazon .reazon__description {
        margin: 0 0 0;
        font-size: 14px;
        line-height: 1.964;
    }
    
}

@media all and (max-width:320px) {

    .feature-list .description_s {
        font-size: 11px;
    }
    .feature-list .description_l {
        font-size: 12px;
    }

}

/*!* ---------------------------------------------------------------------------------------------
    .feature-detail
--------------------------------------------------------------------------------------------- *!*/
.feature-detail {
    padding: 100px 0 0;
}
.feature-detail__main_tit {
    position: relative;
    max-width: 610px;
    margin: 0 auto;
    padding: 10px 0;
    color: #00afaa;
    font-size: 36px;
    font-weight: bold;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.527;
    text-align: center;
    border-radius: 15px;
    background-color: #fff;
}
.feature-detail .feature-detail__main_tit::before,
.feature-detail .feature-detail__main_tit::after
{
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 0;
    padding-top: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.feature-detail__main_tit::before {
    top: 0;
    left: 0;
    background-image: url(../img/common/border_left.png);
}
.feature-detail__main_tit::after {
    bottom: 0;
    right: 0;
    background-image: url(../img/common/border_right.png);
}
.feature-detail__sub_tit {
    margin: 47px 0 0;
    color: #000;
    font-size: 30px;
    font-weight: bold;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.527;
    text-align: center;
}
.feature-detail__description {
    margin: 12px 0 0;
    color: #070303;
    font-size: 16px;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 2;
}
.feature-detail__description .description_l {
    font-size: 19px;
    font-weight: bold;
}
.feature-detail__contents {
    margin: 32px 0 60px;
    padding: 0 0 34px;
    border: 1px solid #d6d6d6;
    border-radius: 15px;
    background: url(../img/common/bg_pattern.jpg) repeat center;
}
.feature-detail__img {
    width: 83.751%;
    margin: 0 auto;
    padding: 4.479% 0 0;
}
#aggregation .feature-detail__img,
#customization .feature-detail__img
{
    width: 91.979%;
}
.feature-detail .arrow {
    width: 79px;
    height: 0;
    margin: 9px auto 0;
    padding-top: 64px;
    background: url(../img/common/arrow_bottom.png) no-repeat center;
    background-size: contain;
}
#aggregation .arrow,
#customization .arrow
{
    margin: 20px auto 10px;
}
.feature-detail__txt {
    padding: 0 20px;
    color: #000;
    font-size: 32px;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.375;
    text-align: center;
}
.feature-detail__txt .txt_l {
    font-size: 36px;
}
.feature-detail__txt .txt_b {
    font-weight: bold;
}

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

    .feature-detail {
        padding: 0;
    }
    .feature-detail__main_tit {
        padding: 5px 0;
        font-size: 18px;
        line-height: 1.527;
    }
    .feature-detail .feature-detail__main_tit::before,
    .feature-detail .feature-detail__main_tit::after
    {
        content: "";
        display: block;
        position: absolute;
        width: 4.347%;
        height: 0;
        padding-top: 4.347%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .feature-detail__sub_tit {
        margin: 25px 0 0;
        font-size: 18px;
        line-height: 1.527;
    }
    .feature-detail__description {
        margin: 12px 0 0;
        font-size: 14px;
        line-height: 2;
    }
    .feature-detail__description .description_l {
        font-size: 16px;
    }
    .feature-detail__contents {
        margin: 32px 0 60px;
        padding: 0 0 34px;
        border: 1px solid #d6d6d6;
        border-radius: 15px;
        background: url(../img/common/bg_pattern.jpg) repeat center;
    }
    .feature-detail__img {
        width: 83.751%;
        margin: 0 auto;
        padding: 4.479% 0 0;
    }
    .feature-detail .arrow {
        width: 11.449%;
        margin: 2% auto;
        padding-top: 9.275%;
    }
    #aggregation .arrow,
    #customization .arrow {
        margin: 3% auto;
    }
    .feature-detail__txt {
        padding: 0 10px;
        font-size: 15px;
        line-height: 1.375;
    }
    .feature-detail__txt .txt_l {
        font-size: 19px;
    }

}

/*!* ---------------------------------------------------------------------------------------------
    #ui
--------------------------------------------------------------------------------------------- *!*/

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

    #ui {
        padding: 13.333% 0 0;
    }

}

/*!* ---------------------------------------------------------------------------------------------
    #aggregation
--------------------------------------------------------------------------------------------- *!*/

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

    #aggregation {
        padding: 13.333% 0 0;
    }

}

/*!* ---------------------------------------------------------------------------------------------
    #customization
--------------------------------------------------------------------------------------------- *!*/
#customization {
    padding-bottom: 98px;
}

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

    #customization {
        padding: 13.333% 0;
    }

}
/*!* ---------------------------------------------------------------------------------------------
    #various-functions
--------------------------------------------------------------------------------------------- *!*/
#various-functions {
    padding: 100px 0;
}
.various-functions__contents {
    position: relative;
}
.various-functions__main-txt {
    position: absolute;
    top: 50%;
    left: 50%;
    font-weight: normal;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.various-functions__main-txt .main-txt_s,
.various-functions__main-txt .main-txt_l
{
    display: block;
}
.various-functions__main-txt .main-txt_s {
    font-size: 32px;
    line-height: 1.5;
}
.various-functions__main-txt .main-txt_l {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.5;
}
.various-functions__txt {
    margin: 39px 0 0;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
    line-height: 2.75;
}

#various-functions .btn.download {
    max-width: 600px;
    margin: 11px auto 0;
    padding: 28px 0;
    font-size: 30px;
}


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

    #various-functions {
        padding: 12.8% 0;
    }
    .various-functions__contents {
        position: relative;
        padding: 46.376% 0 0;
    }
    .various-functions__main-txt {
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    .various-functions__main-txt .main-txt_s,
    .various-functions__main-txt .main-txt_l
    {
        display: block;
    }
    .various-functions__main-txt .main-txt_s {
        font-size: 20px;
        line-height: 1.5;
    }
    .various-functions__main-txt .main-txt_l {
        font-size: 25px;
        line-height: 1.5;
    }
    .various-functions__main-txt::before {
        width: 30.434%;
        margin: 0 auto -8.985%;
        padding-top: 2.753%;
        background: url(../img/common/icon_border_4_sp.png) no-repeat center;
        background-size: cover;
    }
    .various-functions__txt {
        margin: 39px 0 0;
        font-size: 12px;
        line-height: 2.291;
    }
    
    #various-functions .btn.download {
        margin: 11px auto 0;
        padding: 18px 0;
        font-size: 18px;
    }

}

/*!* ---------------------------------------------------------------------------------------------
    #introduction
--------------------------------------------------------------------------------------------- *!*/
#introduction {
    padding: 77px 0 100px;
    background-color: #deeaea;
}
.introduction__tit {
    position: relative;
    margin: 0 0 100px;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
}
.introduction__tit .tit_s {
    display: block;
    font-size: 20px;
}
.introduction__tit .tit_l {
    display: block;
    margin: 7px 0 0;
    font-size: 40px;
    font-weight: bold;
}


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

    #introduction {
        padding: 13.333% 0;
        background-color: #deeaea;
    }
    .introduction__tit {
        position: relative;
        margin: 0 0 15.942%;
        font-family: 'Noto Sans JP', sans-serif;
        text-align: center;
    }
    .introduction__tit .tit_s {
        font-size: 12px;
    }
    .introduction__tit .tit_l {
        margin: -5px 0 0;
        font-size: 25px;
        line-height: 1.4;
    }
    .introduction__tit::before {
        width: 120px;
        margin: 0 auto -26px;
        padding-top: 11px;
        background: url(../img/common/icon_border_3.png) no-repeat center;
        background-size: cover;
    }

}


/*!* --- スライダー共通 -- *!*/
.introduction-listWrap {
    margin: 0 0 60px;
    overflow-x: hidden;
}
.introduction-list .list__item {
    width: 67.709%;
}
.introduction-list .list__item .item__txt {
    position: relative;
    padding: 0 40px;
    border-radius: 0 0 15px 15px;
    background-color: #fff;
}
.introduction-list .list__item .txt__tit {
    padding: 52px 0 0;
    font-size: 16px;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.65;
}
.introduction-list .list__item .txt__description {
    margin: 24px 0 0;
    padding: 0 0 45px;
    font-size: 24px;
    font-weight: bold;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.666;
}
.introduction-list .list__item .txt__logo {
    position: absolute;
    top: 0;
    right: 0;
    width: 33.482%;
    margin: -8.978% 5.476% 0 0;

}
.slick-slide {
    margin: 0 27px;
    transition: .3s ease;
    transform: scale(.7);
}
.slick-current,
.is-active-next
{
    transform: scale(1);
  }
.slick-arrow {
    z-index: 10;
    width: 4.69%;
    padding: 2.345% 0;
    border-radius: 10px;
    border: 1px solid #00afaa;
    background-color: #fff;
    transition: .3s;
}
.slick-arrow::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 15px;
    width: 20%;
    margin: auto;
    padding-top: 24px;
    padding-top: 32%;
}
.slick-arrow:hover {
    opacity: .7;
    background-color: #fff;
}
.slick-arrow:focus {
    background-color: #fff;
}
.slick-prev {
    left: 0;
    margin-left: 18.875%;
}
.slick-next {
    right: 0;
    margin-right: 18.875%;
}
.slick-prev::before {
    background: url(../img/common/icon_slider_prev.png) no-repeat center;
    background-size: contain;
}
.slick-next::before {
    background: url(../img/common/icon_slider_next.png) no-repeat center;
    background-size: contain;
}


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

    /*!* --- スライダー共通 -- *!*/
    .introduction-listWrap {
        margin: 0 0 11.594%;
    }
    .introduction-list .list__item .item__txt {
        padding: 0 17px;
    }
    .introduction-list .list__item .txt__tit {
        padding: 30px 0 0;
        font-size: 12px;
        line-height: 1.666;
    }
    .introduction-list .list__item .txt__description {
        margin: 12px 0 0;
        padding: 0 0 22px;
        font-size: 14px;
        line-height: 1.785;
    }
    .introduction-list .list__item .txt__logo {
        width: 32.807%;
    }
    .slick-slide {
        margin: 0;
        transform: scale(.85);
    }
    .slick-current,
    .is-active-next
    {
        transform: scale(1);
    }
    .slick-arrow {
        width: 10%;
        padding: 5% 0;
        transition: .3s;
    }
    .slick-arrow::before {
        width: 20%;
        padding-top: 32%;
    }
    .slick-prev {
        margin-left: 3.875%;
    }
    .slick-next {
        margin-right: 3.875%;
    }
    .slick-prev::before {
        background: url(../img/common/icon_slider_prev.png) no-repeat center;
        background-size: contain;
    }
    .slick-next::before {
        background: url(../img/common/icon_slider_next.png) no-repeat center;
        background-size: contain;
    }

}


/*!* ---------------------------------------------------------------------------------------------
    #know_sfa
--------------------------------------------------------------------------------------------- *!*/
#know_sfa {
    padding: 92px 0 100px;
    background: #f5f1e4;
  }
  #know_sfa .know_sfa-list {
    max-width: 850px;
    margin: 0 auto;
  }
  #know_sfa .know_sfa-list .list__item {
    margin: 57px 0 0;
  }
  #know_sfa .know_sfa-list .list__item:first-child {
    margin-top: 0;
  }
  #know_sfa .item__tit {
    margin: 0 0 23px;
    color: #00afaa;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.75;
    text-align: center;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', sans-serif;
  }
  #know_sfa .bnr__tit {
    margin: 0 auto;
    color: #000;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.666;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', sans-serif;
  }
  #know_sfa .item__bnr {
    position: relative;
    border-radius: 15px;
    background-color: #fff;
  }
  #know_sfa .bnr__contents {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    width: 90.588%;
    margin: 0 auto;
    padding: 30px 0;
  }
  #know_sfa .bnr__bg-txt {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 1.294%;
    height: 0;
    margin: auto 0 auto 1.611%;
    padding-top: 23.176%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  #know_sfa .just_sfa_dual .bnr__bg-txt {
    background-image: url(../img/know_sfa/txt_just_sfa_dual.png);
  }
  #know_sfa .sfa_guide .bnr__bg-txt {
    width: 1.058%;
    padding-top: 15.882%;
    background-image: url(../img/know_sfa/txt_sfa_guide.png);
  }
  #know_sfa .bnr__img {
    width: 34.546%;
  }
  #know_sfa .bnr__txt {
    position: relative;
    width: 61.56%;
    margin: 0 0 0 3.896%;
  }
  #know_sfa .bnr__txt__txt {
    margin-top: 13px;
    color: #070303;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.3px;
  }
  
  @media screen and (max-width: 767px) { 
  
    #know_sfa {
        padding: 12% 0 13.333%;
    }
    #know_sfa .know_sfa-list .list__item {
        margin: 10.724% 0 0;
      }
    #know_sfa .bnr__contents {
        display: block;
        width: 84.347%;
        padding: 5.797% 0;
    }
    #know_sfa .item__tit {
        margin: 0 0 2.898%;
        font-size: 14px;
        line-height: 1.714;
    }
    #know_sfa .bnr__tit {
        padding: 0;
        font-size: 15px;
    }
    #know_sfa .bnr__img {
        width: 100%;
        margin: 2.749% auto 0;
  }
    #know_sfa .bnr__txt {
        width: 100%;
        margin-left: 0;
    }
    #know_sfa .bnr__txt__txt {
        margin: 2% 0 0;
        font-size: 14px;
    }

    #know_sfa .bnr__bg-txt {
        width: 2.898%;
        margin: auto 0 auto 2.608%;
        padding-top: 57.101%;
      }
      #know_sfa .just_sfa_dual .bnr__bg-txt {
        background-image: url(../img/know_sfa/txt_just_sfa_dual_sp.png);
      }
      #know_sfa .sfa_guide .bnr__bg-txt {
        width: 2.318%;
        padding-top: 41.159%;
        background-image: url(../img/know_sfa/txt_sfa_guide_sp.png);
      }
  
  }
  
  #know_sfa .btn.download {
    max-width: 473px;
    margin-top: 40px;
    padding: 20px 0;
    font-size: 24px;
    font-weight: bold;
  }
  
@media screen and (max-width: 767px) { 
  
    #know_sfa .btn.download {
        margin-top: 8%;
        padding: 15px 0;
        font-size: 15px;
    }
  
}