@charset "utf-8";
.about-navi {
    font-size: 2rem;
    font-weight: 600;
}

.txtleft
 {
   text-align:left;
}

.ly-mod-txt-notes {
        margin-top: -20px !important;
	font-size: 13px !important;
}

.slidetxt{
	height:auto
	font-weight:bold;
	margin-top:8px;
}

.slide-box{
	width:25%;
}
.slidearrow{
	padding-top: 15% !important;
}
@media screen and (min-width: 737px) {

.slidesp-txt{
	margin: 0 auto !important;
	text-align: center;
	padding: 0 2%;
}
.slidesp-txt p{
    padding: 0 5% !important;
    display: table-cell;
    width: 100% !important;
    height: 90px;
    vertical-align: middle;
}

.slidearrow{
	margin:0 1%;
}
}
.app-link-wrapper{
    width:100%;
    background:#0e7cd1;
    border-radius:10px;
}
/*
* campaign
*/
.mv-wrapper{
    position:relative;
}
.mv-campaign-wrapper{
    width:100%;
    padding:20px 0px;
    margin: 0 auto;
}

.mv-campaign-wrapper .mv-campaign-1 img,
.mv-campaign-wrapper .mv-campaign-2 img{
    max-width:calc(100% - 40px);
    margin: 0 auto;  
}
.mv-campaign-note{
    margin:20px;
    text-align:left;
}

.mv-campaign-note.top-banner-note{
    font-size:20px;
    text-align:center;
}

.main-visual .mv-hero .campaign-link-btn{
    position:absolute;
}

/*
 * list-type
 */
 .fact-4 .fact-content dt{
     counter-reset: list-num 0;
 }

 .fact-4 .fact-content dd ul li[data-list-type='num']{
     counter-increment: list-num 1;
 }

 .fact-4 .fact-content dd ul li[data-list-type='num']:before{
     content:counter(list-num)" ) ";
 }

 .fact-4 .fact-content dd ul li[data-list-type='note']:before{
     content:"※ ";
 }

 .fact-4 .fact-content dd ul li[data-list-type='dot']:before{
    content:"・ ";
}

 .fact-4 .fact-content dd ul li[data-list-type]{
     text-indent:-1.5em;
     padding-left:1.5em;
 }

 .fact-4 dd a{
     color:#008bcc;
 }

 .fact-4 .fact-content dt{
    font-weight:bold;
}

div:focus,img:focus{
    outline:none;
}
@media (min-width: 980px){
    
    .mv-wrapper img.pc-only{
        max-width:calc(100vw - 80px);
        margin: 0 auto;
    }

    .fact-1 .fact-point.pc-only img,
    .fact-2 .fact-point.pc-only img,
    .fact-3 .fact-point.pc-only img{
        max-width:calc(100vw - 80px); 
    }

}
@media (max-width: 979.9px){

    .mv-wrapper img.pc-only{
        max-width:calc(100vw - 40px);
        margin: 0 auto;
    }

    .fact-1 .fact-point.pc-only img,
    .fact-2 .fact-point.pc-only img,
    .fact-3 .fact-point.pc-only img{
        max-width:calc(100vw - 40px); 
    }

}

@media (min-width:1200px){
    
    section{
        text-align:center;
        margin-bottom:90px;
    }
    .pc-only{
        display:block;
    }
    .sp-only{
        display:none;
    }
    .center.slick{
        display:none;
    }
    .fact-main-content-wrapper .fact-main-content{
        display:flex;
        justify-content:space-around;
        margin-top: 20px;
    }

    .fact-main-content-wrapper .fact-main-content div:nth-child(even){
        padding-top:10%;
    }

    .fact-main-content-wrapper .fact-main-content div dt{
        font-size:20px;
        font-weight:bold;
        color:#19a042;
        margin:20px auto;
    }
    .fact-main-content-wrapper .fact-main-content div dd{
        font-size:18px;
    }

    .fact-main-content-wrapper .fact-main-content.fact-main-content2 div:nth-child(odd){
        flex:1;
        padding:0 1.5vw;
    }
    .fact-main-content-wrapper .fact-main-content.fact-main-content2 div:nth-child(odd) dd{
        padding:0 44px;
    }
    .fact-main-content-wrapper .fact-main-content.fact-main-content2 div:nth-child(even){
        padding-top:18%;
    }

    .slide-wrapper h2,
    .slide-title-wrapper h2{
        margin-top:80px;
        color:#000000;
        font-size:28px;
    }

    .slide-title-wrapper div{
        font-size:20px;
        margin-top:30px;
    }
    /*
    * campaign
    */
    .mv-wrapper .campaign-link-btn{
        top:200px;
        left:calc(50% - 202px);
    }
    .mv-wrapper .campaign-link-btn.campaign-link-btn-6{
        top:180px;
    }
    /*
    * app
    */
    .app-link-wrapper{
        padding-top:40px;
        padding-bottom:40px;
    }

    .app-link-content{
        color:#ffffff;
        font-size: 28px;
        line-height:48px;
        position:relative;
        text-align:center;
    }
    .app-link-content:before{
        content:'　';
        background-image:url('/content/dam/family/services/smartphone/famipay/img/pc-app-qr-01.png');
        background-size: contain;
        background-repeat:no-repeat;
        vertical-align: middle;
        position:absolute;
        right:18px;
        top: -12px;
        width: 123px;
        height: 123px;
    }

    /*
    * intro
    */

    .intro-content{
        width:50%;
    }
    .intro-content,
    .intro-content-2{
        display:flex;
        justify-content: space-around;
    }

    .intro-content-wrapper{
        margin-top: 115px;
        padding-top: 45px;
        padding-bottom: 30px;
        background-image:url('/content/dam/family/services/smartphone/famipay/img/intro-bg.png');
    }

    .intro-flex-wrapper{
        display:flex;
        justify-content:space-around;
    }

    .intro-content-wrapper h2{
        font-size: 32px;
    }



    .intro-content-area .intro-title{
        font-size:6.4vw;
        font-weight:bold;
    }

    .intro-content div{
        border-radius:10px;
        border:5px solid #37ad1c;
        margin:15px;
        flex:1;
        background:#ffffff;
        width:267px;
        height:341px;
    }
    .intro-content-2 img{
        margin-right:40px;
    }
    .intro-content-2 div{
        text-align:left;
    }
    .intro-content-2-inner{
        display:flex;
    }
    .intro-content div dt,
    .intro-content-2 div dt{
        font-weight:bold;
        font-size:20px;
    }

    .intro-content div dt{
        color:#008cd6;
        margin-top:30px;
    }

    .intro-content-2-wrapper{
        margin-top:80px;
        margin-bottom:80px;
    }

    .intro-flex-wrapper .intro-content div:nth-child(1){
        position:relative;
    }

    .intro-flex-wrapper .intro-content .intro-first-content:before{
        content:'　';
        background-image:url('/content/dam/family/services/smartphone/famipay/img/bso-01.png');
        background-size: contain;
        background-repeat:no-repeat;
        vertical-align: middle;
        position:absolute;
        height:157px;
        width:151px;
        top:-150px;
        left:74px;

    }

    /* .intro-content-wrapper .intro-flex-wrapper div:nth-child(1) div dd{
        margin-top:16px;
    } */
    .intro-content-wrapper .intro-flex-wrapper div dd{
        margin-top:16px;
    }
    .intro-content-2 div dt{
        color:#000000;
    }

    .intro-content div dd img{
        width:190px;
        height:149px;
    }

    .intro-content div dd{
        font-size:16px;
    }

    .intro-content-2 div dd{
        font-size:18px;
    }

    .intro-content div dd{
        font-weight:bold;
    }

    .intro-content-2-wrapper h2{
        font-size: 30px;
        font-weight:bold;
        margin-bottom:45px;
    }

    .content-title-wrapper h2.content-title{
        font-size:36px;
        color:#000000;
        margin-top:100px;
    }
    .content-title-wrapper div{
        margin-top: 30px;
        font-size: 20px;
    }

    .fact-1-bso img{
        width:49.5vw;
    }

    /*
     * fact-3
     */
     .fact-point-wrapper h2{
        margin-top:60px;
        margin-bottom:30px;
        font-size:28px;
     }

     .fact-point-wrapper div{
        font-size:20px;
    }

    /* .fact-3 div.pc-only{
        margin-top:115px;
    } */

    .bso-note-wrapper{
        display:flex;
        justify-content:center;
        
        margin-top:40px;
    }
    .bso-note{
        font-size:24px;
    }

   /*
    * fact-4
    */
    .fact-4{
        background:#d8f0d2;
        margin-top:160px;
        padding-top:132px;
        padding-bottom:70px;
        position:relative;
    }
    .fact-4 h2{
        font-size:36px;
    }
    .fact-4 .bso-02{
        position:absolute;
        top: -170px;
        left: 460px;
    }
    .fact-4 .bso-02 img{
        /* height:245px; */
        height:228px;
        width:240px;
    }
    .fact-4 .fact-content-wrapper{
        text-align:left;
        margin:40px 15px 0 15px;
    }
    .fact-4 .fact-content-wrapper h3{
        font-size:18px;
        margin-bottom:20px;
    }
    .fact-4 .fact-content{
        background:#ffffff;
        margin-bottom:15px;
        padding:17px;
    }

    .fact-4 .fact-content dt{
        font-size:14px;
        width:85%;
        cursor:pointer;
        display: block;
    }

    .fact-4 .fact-content dt:before{
    content:'　';
    background-image:url('/content/dam/family/services/smartphone/famipay/img/sp-btn-on.png');
    background-size: contain;
    background-repeat:no-repeat;
    vertical-align: middle;
    position:absolute;
    width:26px;
    right:20px;
    }

    .fact-4 .fact-content dt.active:before{
    content:'　';
    background-image:url('/content/dam/family/services/smartphone/famipay/img/sp-btn-off.png');
    background-size: contain;
    background-repeat:no-repeat;
    vertical-align: middle;
    position:absolute;
    width:26px;
    right:20px;
    }

    .fact-4 .fact-content dd{
    font-size: 12px;
    margin-top: 30px;
    width:100%;
    display:none;
    }

    
    /*
    * fact-5
    */
    .fact-5{
        text-align:center;
    }

    .fact-5 h2{
        margin:60px 0 20px 0;
        font-size: 18px;
    }
    .fact-5 .fact-content{
        margin:0 15px;
        text-align:left;
    }

    .fact-5 .fact-content p{
    font-size:14px;
    text-align:center;
    }

    .fact-5 .fact-content p:last-child{
    margin-top:20px;
    }

    section.fact-5{
        margin-bottom:45px;
    }

    .fact-5 .suport-area{
        text-align:center;
    }
    
    .fact-5 .suport-area h3{
        font-weight:bold;
        margin:16px 0;
        font-size:16px;
    }
    
    .fact-5 .suport-area div span{
        font-weight:bold;
        font-size:15px;
    }
    .fact-5 .suport-area div span a{
        color:#000000;
    }
    .fact-5 .suport-area p{
        font-size:14px;
        margin-top:14px !important;
    }

    .fact-6 .app-link-wrapper{
        background:#f5f5f5;
        position:relative;
    }

    .fact-6 .app-link-wrapper:before{
        content:'　';
        background-image:url('/content/dam/family/services/smartphone/famipay/img/bso-04.png');
        background-size: contain;
        background-repeat:no-repeat;
        vertical-align: middle;
        position:absolute;
        width:200px;
        height:168px;
        bottom:0px;
        left:30px;
    }

    .fact-6 .app-link-wrapper:after{
        content:'　';
        background-image:url('/content/dam/family/services/smartphone/famipay/img/pc-app-qr-01.png');
        background-size: contain;
        background-repeat:no-repeat;
        vertical-align: middle;
        position:absolute;
        width:135px;
        height:135px;
        bottom:5px;
        right:10px;
    }

    .link-btn{
        cursor:pointer;
    }
    .link-btn img{
        width:1125px;
    }

    
    div.atten-note{
        font-size:1em;
    }
}

@media (min-width:737px){
    section{
        text-align:center;
        margin-bottom:90px;
    }
    .pc-only{
        display:block;
    }
    .sp-only{
        display:none;
    }
    .center.slick{
        display:none;
    }

    .mv-campaign-note.top-banner-note{
        font-size:1.7vw;
        text-align:center;
    }

    .fact-main-content-wrapper .fact-main-content{
        display:flex;
        justify-content:space-around;
    }

    .fact-main-content-wrapper .fact-main-content div:nth-child(even){
        padding-top:10%;
    }

    .fact-main-content-wrapper .fact-main-content div:nth-child(odd),
    .fact-main-content-wrapper .fact-main-content div:nth-child(odd) img{
        width:100%;
    }

    .fact-main-content-wrapper .fact-main-content.fact-main-content2 div:nth-child(odd){
        flex:1;
        padding:0 1.5vw;
    }
    .fact-main-content-wrapper .fact-main-content.fact-main-content2 div:nth-child(odd) dd{
        padding:0 4vw;
    }
    .fact-main-content-wrapper .fact-main-content.fact-main-content2 div:nth-child(odd) img{
        width:18.75vw;
    }
    .fact-main-content-wrapper .fact-main-content.fact-main-content2 div:nth-child(even){
        padding-top:18%;
    }

    .fact-main-content-wrapper .fact-main-content div dt{
        font-size:20px;
        font-weight:bold;
        color:#19a042;
        margin:20px auto;
    }
    .fact-main-content-wrapper .fact-main-content div dd{
        font-size:18px;
    }

    .slide-wrapper h2,
    .slide-title-wrapper h2{
        margin-top:80px;
        color:#000000;
        font-size:28px;
    }

    .slide-title-wrapper div{
        font-size:20px;
        margin-top:30px;
    }
    /*
     * campaign
     */
     .mv-wrapper .campaign-link-btn{
        top:16.5vw;
        left:calc(50% - 16.8vw);
    }

    .mv-wrapper .campaign-link-btn img{
        width:33.6vw;
    }

    /*
    * app
    */
    .app-link-wrapper{
        padding-top:3vw;
        padding-bottom:3vw;
    }

    .app-link-content{
        color:#ffffff;
        font-size: 28px;
        line-height:48px;
        position:relative;
    }
    .app-link-content:before{
        content:'　';
        background-image:url('/content/dam/family/services/smartphone/famipay/img/pc-app-qr-01.png');
        background-size: contain;
        background-repeat:no-repeat;
        vertical-align: middle;
        position:absolute;
        right:18px;
        top: -12px;
        width: 123px;
        height: 123px;
    }

    .link-btn{
        cursor:pointer;
    }

    .link-btn img{
        width:92.5vw;
    }

    .intro-content div{
        border-radius:10px;
        border:5px solid #37ad1c;
        margin:5px;
        flex:1;
        background:#ffffff;
    }

    /*
    * intro
    */

    .intro-content{
        width: 50%;
    }
    .intro-content,
    .intro-content-2{
        display:flex;
        justify-content: space-around;
    }

    .intro-content-wrapper{
        margin-top: 115px;
        padding-top: 45px;
        padding-bottom: 30px;
        background-image:url('/content/dam/family/services/smartphone/famipay/img/intro-bg.png');
    }

    .intro-flex-wrapper{
        display:flex;
        justify-content:space-around;
    }

    .intro-content-wrapper h2{
        font-size: 32px;
    }

    .intro-content-area .intro-title{
        font-size:6.4vw;
        font-weight:bold;
    }

    .intro-content div{
        border-radius:10px;
        border:5px solid #37ad1c;
        margin:15px;
        flex:1;
        background:#ffffff;
        width:21vw;
        height:auto;
    }
    .intro-content-2 img{
        width:20vw;
        height:15vw;
        margin-right:40px;
    }
    .intro-content-2 div{
        width:48%;
        text-align:left;
    }
    .intro-content-2-inner{
        display:flex;
    }
    .intro-content div dt,
    .intro-content-2 div dt{
        font-weight:bold;
        font-size:2vw;
    }

    .intro-content div dd,
    .intro-content-2 div dd{
        font-size:1.5vw !important;
    }

    .intro-content div dt{
        color:#008cd6;
        margin-top:30px;
    }

    .intro-content-2-wrapper{
        margin-top:80px;
        margin-bottom:80px;
    }

    /* .intro-content-wrapper .intro-flex-wrapper div:nth-child(1) div dd{
        margin-top:1.5em;
    } */

    .intro-content-wrapper .intro-flex-wrapper div dd{
        margin-top:1.5em;
    }
    .intro-content-2 div dt{
        color:#000000;
    }

    .intro-content div dd img{
        width:15vw;
        height:12vw;

    }

    .intro-content div dd{
        font-size:16px;
        margin-bottom:2vw;
    }

    .intro-content-2 div dd{
        font-size:18px;
    }

    .intro-content div dd{
        font-weight:bold;
    }

    .intro-content-2-wrapper h2{
        font-size: 30px;
        font-weight:bold;
        margin-bottom:45px;
    }

    .intro-flex-wrapper .intro-content div:nth-child(1){
        position:relative;
    }

    .intro-flex-wrapper .intro-content .intro-first-content:before{
        content:'　';
        background-image:url('/content/dam/family/services/smartphone/famipay/img/bso-01.png');
        background-size: contain;
        background-repeat:no-repeat;
        vertical-align: middle;
        position:absolute;
        height:13.1vw;
        width:13vw;
        top:-13vw;
        left:4vw;
    }
    .content-title-wrapper h2.content-title{
        font-size:36px;
        color:#000000;
        margin-top:100px;
    }
    .content-title-wrapper div{
        margin-top: 30px;
        font-size: 20px;
    }

    .fact-1-bso img{
        width:49.5vw;
    }

    /*
     * fact-3
     */
     .fact-point-wrapper h2{
        margin-top:60px;
        margin-bottom:30px;
        font-size:28px;
     }

     .fact-point-wrapper div{
        font-size:20px;
    }

    /* .fact-3 div.pc-only{
        margin-top:115px;
    } */

    .bso-note-wrapper{
        display:flex;
        justify-content:center;
        
        margin-top:40px;
    }
    .bso-note{
        font-size:24px;
    }

    .bso-note-wrapper{
        display:flex;
        justify-content:center;
        margin-top:40px;
    }
    .bso-note{
        font-size:24px;
    }


   /*
    * fact-4
    */
    .fact-4{
        background:#d8f0d2;
        margin-top:160px;
        padding-top:132px;
        padding-bottom:70px;
        position:relative;
    }
    .fact-4 h2{
        font-size:36px;
    }
    .fact-4 .bso-02{
        position:absolute;
        top: -170px;
        left: 35vw;
    }
    .fact-4 .bso-02 img{
        /* height:245px; */
        height:228px;
        width:240px;
    }
    .fact-4 .fact-content-wrapper{
        text-align:left;
        margin:40px 15px 0 15px;
    }
    .fact-4 .fact-content-wrapper h3{
        font-size:18px;
        margin-bottom:20px;
    }
    .fact-4 .fact-content{
        background:#ffffff;
        margin-bottom:15px;
        padding:17px;
    }

    .fact-4 .fact-content dt{
        font-size:14px;
        width:85%;
        cursor:pointer;
        display: block;
    }

    .fact-4 .fact-content dt:before{
    content:'　';
    background-image:url('/content/dam/family/services/smartphone/famipay/img/sp-btn-on.png');
    background-size: contain;
    background-repeat:no-repeat;
    vertical-align: middle;
    position:absolute;
    width:26px;
    right:20px;
    }

    .fact-4 .fact-content dt.active:before{
    content:'　';
    background-image:url('/content/dam/family/services/smartphone/famipay/img/sp-btn-off.png');
    background-size: contain;
    background-repeat:no-repeat;
    vertical-align: middle;
    position:absolute;
    width:26px;
    right:20px;
    }

    .fact-4 .fact-content dd{
    font-size: 12px;
    margin-top: 30px;
    width:100%;
    display:none;
    }

    .bso-note-wrapper{
        position:relative;
    }

    /*
    * fact-5
    */
    .fact-5{
        text-align:center;
    }

    .fact-5 h2{
        margin:60px 0 20px 0;
        font-size: 18px;
    }
    .fact-5 .fact-content{
        margin:0 15px;
        text-align:left;
    }

    .fact-5 .fact-content p{
    font-size:14px;
    text-align:center;
    }

    .fact-5 .fact-content p:last-child{
    margin-top:20px;
    }

    .fact-5 .suport-area{
        text-align:center;
    }
    
    .fact-5 .suport-area h3{
        font-weight:bold;
        margin:16px 0;
        font-size:16px;
    }
    
    .fact-5 .suport-area div span{
        font-weight:bold;
        font-size:15px;
    }
    .fact-5 .suport-area div span a{
        color:#000000;
    }
    .fact-5 .suport-area p{
        font-size:14px;
        margin-top:14px !important;
    }

    section.fact-5{
        margin-bottom:45px;
    }

    .fact-6 .app-link-wrapper{
        background:#f5f5f5;
        position:relative;
    }

    .fact-6 .app-link-wrapper:before{
        content:'　';
        background-image:url('/content/dam/family/services/smartphone/famipay/img/bso-04.png');
        background-size: contain;
        background-repeat:no-repeat;
        vertical-align: middle;
        position:absolute;
        width:16vw;
        height:13.5vw;
        bottom:0px;
        left:30px;
    }

    .fact-6 .app-link-wrapper:after{
        content:'　';
        background-image:url('/content/dam/family/services/smartphone/famipay/img/pc-app-qr-01.png');
        background-size: contain;
        background-repeat:no-repeat;
        vertical-align: middle;
        position:absolute;
        right:18px;
        top:1vw;
        width:9vw;
        height:9vw;
    }
    .fact-6 .app-link-wrapper .app-link-qr img{
        width:50%;
    }
   
    div.atten-note{
        font-size:1em;
    }
}
@media(max-width:736px){
    .pc-only{
        display:none;
    }
    .sp-only{
        display:block;
    }
    section{
        margin-bottom:14.68vw;
        text-align:center;
    }
    .ly-wrp-contents{
        overflow:hidden;
    }
    /*.ly-wrp-sp-cts {
        margin: 0px;
    }*/
    .ly-wrp-sp-cts-mg15 {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
    .ly-wrp-sp-cts-mg0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    /*.ly-mod-ttl-main {
        margin: 10px 15px 20px 15px;
    }*/
    .fact-1 .fact-point img{
        width:56vw;
    }

    .fact-3 .fact-point img{
        width:85vw;
    }

    .link-btn{
        margin:13.34vw 15px 0 15px;
    }

    .famipay-wrapper .content-title,
    .slide-wrapper h2{
        margin-top:16vw;
        margin-bottom:5.34vw;
        font-weight:bold;
        font-size:6.4vw;
        color:#000000;
    }

    .slide-title-wrapper{
        margin: 0 15px 5.34vw 15px;
    }

    .slide-title-wrapper div{
        font-size:4vw;
        /* text-align:left; */
    }

    .content-title-wrapper{
        margin-bottom:5.34vw;
    }
/*
 * main-visual
 */
    .mv-wrapper{
        margin: 10.67vw 15px 0px 15px;
    }
	/*1908*/
    .mv-wrapper{
        margin: 0px 15px 0px 15px;
    }
    .mv-wrapper .mv-sp-banner{
        position:absolute;
        bottom: 4vw;
        left: calc(50% - 37.36vw);
    }

    .mv-wrapper .mv-sp-banner img[alt="App Store"]{
        width:60%;
    }

    .mv-wrapper .mv-sp-banner img[alt="Google Play"]{
        width:80%;
    }

    .app-link-wrapper{
        padding:8vw 0;
    }
    .app-link-btn div{
        text-align:center;
        width:74.72vw;
        margin:0 auto;
    }

    .app-link-btn h2{
        color:#ffffff;
        font-weight:bold;
        font-size:4.8vw;
        margin:8vw auto;
    }
/*
 * campaign
 */
 .mv-wrapper .campaign-link-btn{
    top:28vw;
    left:calc(50% - 37vw);
}

.mv-wrapper .campaign-link-btn img{
    width:80vw;
}
/*
* intro
*/
.intro-content,
.intro-content-2{
    display:flex;
    justify-content: space-around;
    margin:0 15px;
}

.intro-content-wrapper{
    margin-top: 10.67vw;
    padding-top: 11.2vw;
    background-image:url('/content/dam/family/services/smartphone/famipay/img/intro-bg.png');
}

.intro-content-wrapper h2{
    font-size: 6.4vw;
}

.intro-content-wrapper .intro-content:nth-child(1){
    margin-top:7.47vw;
}

.intro-content-area .intro-title{
    font-size:6.4vw;
    font-weight:bold;
}

.intro-content div{
    border-radius:10px;
    border:5px solid #37ad1c;
    margin:5px;
    flex:1;
    background:#ffffff;
    width:42.68vw;
    height:58.92vw;
}
.intro-content div img{
    width:31.48vw;
}
.intro-content div dt,
.intro-content-2 div dt{
    font-weight:bold;
    font-size:4vw;
}

.intro-content div dt{
    color:#008cd6;
    margin-top:3.34vw;
}

.intro-content-wrapper .intro-flex-wrapper div:nth-child(1) div dt{
    margin-bottom:5.34vw;
}

.intro-content-wrapper .intro-flex-wrapper div:nth-child(1) div dd{
    margin-top:3.84vw;
}
.intro-content-wrapper .intro-flex-wrapper div:nth-child(1) div dd.min-content{
    margin-top:0.5vw;
}
.intro-content-2 div dt{
    color:#000000;
}

.intro-content div dd,
.intro-content-2 div dd{
    font-size:2.9vw;
}
.intro-content-2 div dd{
    text-align: left;
}

.intro-content div dd{
    font-weight:bold;
}

.intro-content-2-wrapper h2{
    font-size: 5.34vw;
    font-weight:bold;
    margin-bottom:5.34vw;
}

.content-title-wrapper div{
    margin-top: 4vw;
    font-size: 3.74vw;
}

.fact-1-bso img{
    width:49.5vw;
}
/*
 * fact-3
 */
 .fact-point-wrapper h2{
    font-size:4.8vw;
    margin-top:7.34vw;
    margin-bottom:6vw;
 }

 .fact-point-wrapper div{
    font-size:3.7vw;
 }

 
 .bso-note-wrapper{
    display:flex;
    justify-content:center;
    margin-top:4vw;
}

.bso-note-wrapper img{
    height:25vw;
}

.bso-note{
    font-size:3.8vw;
    margin:0 4.2vw;
    margin-bottom:10vw;
}
/*
 * fact-4
 */
 .fact-4{
     background:#d8f0d2;
     margin-top:30vw;
     padding-top:25.34vw;
     padding-bottom:8vw;
     position:relative;
 }
 .fact-4 h2{
     font-size:5.87vw;
 }
 .fact-4 .bso-02{
     position:absolute;
     top:-35.6vw;
     left:19.4vw;
 }
 .fact-4 .bso-02 img{
    width:53.36vw;
}
 .fact-4 .fact-content-wrapper{
     text-align:left;
     margin:9.87vw 15px 0 15px;
 }
 .fact-4 .fact-content-wrapper h3{
     font-size:4vw;
     margin-bottom:4.27vw;
 }
 .fact-4 .fact-content{
     background:#ffffff;
     margin-bottom:15px;
     padding:15px;
 }

 .fact-4 .fact-content dt{
     font-size:3.74vw;
     width:85%;
     cursor:pointer;
     display: block;
 }

 .fact-4 .fact-content dt:before{
    content:'　';
    background-image:url('/content/dam/family/services/smartphone/famipay/img/sp-btn-on.png');
    background-size: contain;
    background-repeat:no-repeat;
    vertical-align: middle;
    position:absolute;
    width:6.67vw;
    right:4.5vw;
}

.fact-4 .fact-content dt.active:before{
    content:'　';
    background-image:url('/content/dam/family/services/smartphone/famipay/img/sp-btn-off.png');
    background-size: contain;
    background-repeat:no-repeat;
    vertical-align: middle;
    position:absolute;
    width:6.67vw;
    right:4.5vw;
}

 .fact-4 .fact-content dd{
    font-size: 3.2vw;
    margin-top: 8vw;
    width:100%;
    display:none;
}

/*
 * fact-5
 */
 .fact-5 h2{
     margin:8vw 0 5.34vw 0;
     font-size: 5.87vw;
 }
 .fact-5 .fact-content{
     margin:0 15px;
     /* text-align:left; */
 }

 .fact-5 .fact-content p{
    font-size:4vw;
}

.fact-5 .fact-content p:last-child{
    margin-top:7.2vw;
}

.fact-5 .suport-area{
    text-align:center;
}

.fact-5 .suport-area h3{
    font-weight:bold;
    margin:3vw 0;
    font-size:4.5vw;
}

.fact-5 .suport-area div span{
    font-weight:bold;
    font-size:4.5vw;
}
.fact-5 .suport-area div span a{
    color:#000000;
}
.fact-5 .suport-area p{
    font-size:2.5vw;
    margin-top:3vw !important;
}

/* fact-6 */
.fact-6 .app-link-wrapper{
    padding: 3vw 0 11vw 0;
}

.fact-2 .mv-campaign-2{
    margin-bottom:5.34vw;  
}

/*
 * slick-btn 
 */

 /*slide*/

    .slick img {
        max-width: 60.7vw;
        margin:0 auto;
    }
    .slick{
        padding:0;
    }
    .slick p{
        /* font-size: 4.8vw; */
        font-size:3.8vw;
        padding:0 7vw;
        text-align: center;
    }
    .slick p:nth-child(1){
        font-weight:bold;
        font-size: 4vw;
        margin-bottom:5.34vw;
    }

    /* .fact-1 .slick p:nth-child(1),
    .fact-2 .slick p:nth-child(1){
        margin-top:6.67vw;
    } */

    .slick p:nth-child(1){
        margin-top:5vw;
    }

    /* .fact-1 .slick.center,
    .fact-2 .slick.center{
        margin-top:21.88vw;
    } */
    /*dots*/
    /* .fact-1 .slick.center .slick-dots,
    .fact-2 .slick.center .slick-dots {
        position: absolute;
        top: -13.5vw !important;
        height:25px;
    } */

    .slick.center .slick-dots{
        position: absolute;
        height:25px;
    }

    .slick.center.lgimg .slick-dots{
        bottom: 47vw !important;
        top: auto !important;
    }

    .slick .slick-dots li {
        margin: 0 2.5vw;
    }

    .slick.center.lgimg .slick-dots li {
        margin: 0 3.7vw;
    }

    .slick .slick-dots li button:before{
        opacity: .75;
        color:#e0e0e0;  
    }
    .slick .slick-dots li button:before:hover {
        opacity: .75;
        color:#36ae1b;
    }
    .slick .slick-dots li.slick-active button:before {
        opacity: .75;
        color:#36ae1b;
    }
    .slick .slick-dots li button:before {
        font-size: 5.5vw;
    }

    
    div.atten-note{
        font-size:3vw;
    }
    
    .ly-wrapper {
        overflow: hidden;
    }

    .mv-campaign-note.top-banner-note{
        font-size:1.7vw;
        text-align:center;
    }
      
}/*736*/

div.atten-note{
    color:#000000;
}

.ly-wrp-contents{
    overflow:hidden;
}

.suport-area p{
    margin-bottom:1em;
}
@media (min-width:737px){
    /*ページ内リンクヘッダー除く*/
    .anq-link{
        margin-top:-87px;
        padding-top:87px;
    }
}
/* 追従ボタン */
.scrolldown{
    display:none;
}
.scrolldown.clone-nav {
    position: fixed;
    display:none;
  }
@media (max-width:736.9px){
.scrolldown.clone-nav.is-fixed-nav {
    top: 10px;
    right:0;
    display:block;
    z-index: 1;
    width:25vw;
  }
}