html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
    margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent
}
body{
    line-height:1
}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
nav ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote::before,blockquote::after,q::before,q::after{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}@font-face{font-family:"NotoSansCJKjp";font-style:normal;font-weight:400;src:url("../font/web/NotoSansJP-Bold.otf") format("opentype"),url("../font/web/NotoSansJP-Regular.otf") format("opentype")}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;font-family:"Noto Sans","Noto Sans CJK JP",sans-serif}img{width:100%;height:auto;vertical-align:bottom}.main{min-width:1160px}@media screen and (max-width: 767px){.main{min-width:auto}}li{list-style-type:none}a{text-decoration:none}button{padding:0;background:none;border:none;outline:none}a:hover,button:hover{opacity:.7;transition:opacity .2s ease-in-out}
.main-section{
    padding-top:90px
}
.main-section__content{max-width:1160px;margin:auto;padding-left:25px;padding-right:25px}.main-section__title{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto;text-align:center}.main-section__title-ruby{display:block;margin-top:20px;font-size:20px;color:#1dc8f3;font-family:"arial";font-weight:normal;letter-spacing:1px}@media screen and (max-width: 767px){.main-section__title-ruby{margin-top:16px;font-size:16px}}.header{position:relative;z-index:200;display:flex;align-items:center;justify-content:space-between;max-width:1417px;min-width:1160px;height:84px;margin:auto;padding:0 15px}.header__logo{width:80px}@media screen and (max-width: 767px){.header{min-width:auto;height:45px}.header__logo{width:46px}.header__nav-btn{width:20px}}.nav__inner{display:flex;align-items:center;justify-content:space-between}.nav__list,.nav__buttons{display:flex}
.nav__list-item{
    font-size:14px;
    color:#6e6e6e;
    letter-spacing: 1.7px;
}
.nav__list-item:not(first-of-type){margin-left:40px}
.nav__buttons{
    margin-left:40px;
}
a.nav__buttons-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 43px;
    background: #1dc8f3;
    border: 1px solid #1dc8f3;
    border-radius: 37px;
    font-size: 14px;
    color: #fff;
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{
    content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}@font-face{font-family:"NotoSansCJKjp";font-style:normal;font-weight:400;src:url("../font/web/NotoSansJP-Bold.otf") format("opentype"),url("../font/web/NotoSansJP-Regular.otf") format("opentype")}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;font-family:"Noto Sans","Noto Sans CJK JP",sans-serif}img{width:100%;height:auto;vertical-align:bottom}.main{min-width:1160px}@media screen and (max-width: 767px){.main{min-width:auto}}li{list-style-type:none}a{text-decoration:none}button{padding:0;background:none;border:none;outline:none}a:hover,button:hover{opacity:.7;transition:opacity .2s ease-in-out}.main-section{padding-top:128px}.main-section__content{max-width:1160px;margin:auto;padding-left:25px;padding-right:25px}

.main-section__title{
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    margin:auto;
    text-align:center;
}

    .main-section__title-ruby{display:block;margin-top:20px;font-size:20px;color:#1dc8f3;font-family:"arial";font-weight:normal;letter-spacing:1px}@media screen and (max-width: 767px){.main-section__title-ruby{margin-top:16px;font-size:16px}}.header{position:relative;z-index:200;display:flex;align-items:center;justify-content:space-between;max-width:1417px;min-width:1160px;height:84px;margin:auto;padding:0 15px}.header__logo{width:80px}@media screen and (max-width: 767px){.header{min-width:auto;height:45px}.header__logo{width:46px}.header__nav-btn{width:20px}}.nav__inner{display:flex;align-items:center;justify-content:space-between}.nav__list,.nav__buttons{display:flex}.nav__list-item{font-size:14px;color:#6e6e6e}.nav__list-item:not(first-of-type){margin-left:40px}
.nav__buttons{
    margin-left:40px;
}

.nav__buttons-item{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 43px;
    background: #1dc8f3;
    border: 1px solid #1dc8f3;
    border-radius: 37px;
    font-size: 14px;
    color: #fff;
}


@media screen and (max-width: 767px){.nav{display:none;position:fixed;z-index:2;top:45px;right:-100%;display:block;width:100%;height:100%;color:#6e6e6e;background:rgba(0,0,0,.8);transition:all .2s}.nav.is-open{display:block;right:0}.nav__inner{
    display:block;
    padding:20px 0 30px;
    background:#fff;
}
.nav__list,.nav__buttons{display:block}.nav__list{margin-bottom:40px}.nav__list-item{display:block;position:relative;border-bottom:1px #eee solid;padding:15px;margin-left:0 !important}.nav__list-item::after{content:"";display:inline-block;position:absolute;background:url(../img/icon/icon-arrow.png);background-size:5px;width:5px;height:10px;right:15px;top:22px}.nav__buttons{margin:0;padding:0 25px}.nav__buttons-item{width:100%}.nav__buttons-item:last-of-type{margin:25px 0}}.footer{border-top:1px solid #d7d7d7}.footer__content{padding:32px 0 40px 0}.footer__content-list{display:flex;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;margin:auto}.footer__content-list-item{font-size:14px;color:#646464;text-decoration:none}.footer__content-list-item:not(:last-of-type){margin-right:16px;padding-right:16px;border-right:1px solid #6e6e6e}.footer__content-body{margin-top:32px;font-size:14px;color:#999;text-align:center;pointer-events:none}

.footer__copylight{
    display:block;
    align-items:center;
    justify-content:center;
    height:70px;
    background:#efefef;
    font-size:13px;
    color:#989898;
    text-align: center;
    line-height: 1.6;
    padding: 20px 15px 0;
}

@media screen and (max-width: 767px){.footer__content{padding:36px 25px 20px}.footer__content-list{flex-wrap:wrap;justify-content:center}.footer__content-list-item{margin:5px 0}.footer__content-body{line-height:1.4}}.top-download{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:#f0f0f0}.top-download__content{display:flex;align-items:center;padding:7px 15px}.top-download__content-icon{width:25px;margin-right:4px}.top-download__content-desc{flex:1}.top-download__content-desc-heading,.top-download__content-desc-body{font-size:12px}.top-download__content-desc-heading{color:#0c0c0c}.top-download__content-desc-body{color:#888}.top-download__content-button{display:flex;align-items:center;justify-content:center;width:90px;height:19px;margin-left:6px;background:#1dc8f3;border-radius:23px;font-size:12px;color:#fff}.main-visual{position:relative;width:100%;height:618px;background:url("../img/bg/bg-main-visual.png") #fff;background-size:1920px 618px;background-position:center top;background-repeat:no-repeat}.main-visual__inner{position:relative;max-width:1160px;margin:auto;height:100%}

.main-visual__content{
    position:absolute;
    top:30px;
    padding:0 24px;
    box-sizing:content-box;
}


@media screen and (max-width: 767px){
    span.sp {
        display: block;
    }
    h2.main-section__title {
        width: 100%;
        font-size: 27px;
        font-weight: 500;
        letter-spacing: 2.8px;
        font-family: "Noto Sans","Noto Sans CJK JP",sans-serif;
        color: #585858;
    }
    .main-visual{
        height:550px;
        background-size:auto 550px;
        background-position:-870px center;
    }
    .main-visual__content{
        top:auto;
        bottom:-176px;
        left:0;
        right:0;
        margin:auto;
        padding:0;
        box-sizing:border-box
    }
    .main-app__content-heading{
        font-size: 24px !important;
        color: #393939;
        font-family: "Sawarabi Gothic";
        font-weight: 500;
    }
}

.main-app__content{
    width:340px;
}

.main-app__content-heading {
    font-size: 33px;
    font-weight: normal;
    line-height: 1.4;
    color: #393939;
    letter-spacing: 1.5px;
    text-align: center;
}

.main-app__content-body{margin-top:24px;font-size:13px;line-height:1.4;color:#a0a0a0;text-align:center}.main-app__content-body-link{color:#1dc8f3}.main-app__content-button{display:flex;align-items:center;justify-content:center;width:330px;height:48px;margin-top:20px;background:#1dc8f3;border-radius:23px;font-size:14px;color:#fff}.main-app__content-button--user{border:1px solid #7f7f7f;background:#fff;color:#6e6e6e}.main-app__content-button:last-of-type{margin-top:15px}.main-app__content-download{position:relative;display:flex;align-items:center;margin-top:25px;padding-top:35px}
.main-app__content-download::before,
.main-app__content-download::after{
    content:"";
    position:absolute;
    top:12px;
    width:60px;
    height:1px;
    background:#393939;
}
.main-app__content-download::before{
    left:0;
}
.main-app__content-download::after{
    right:32px;
}
.main-app__content-download-body{
    position:absolute;
    top:0;
    left:-29px;
    right:0;
    max-width:-webkit-fit-content;
    max-width:-moz-fit-content;
    max-width:fit-content;
    margin:auto;
    font-size:14px;
    line-height:1.7;
}
.main-app__content-download-button:last-of-type{margin-left:20px}.main-app__content-download-button-link{display:flex;align-items:center;justify-content:center;width:330px;height:48px;background:#000;border-radius:23px;font-size:14px;color:#fff}@media screen and (max-width: 767px){.main-app{width:325px;margin:auto;padding:30px 32px;background:#fff;border-radius:10px;box-shadow:0px 20px 20px rgba(198,198,198,.2)}.main-app__content{width:auto}


.main-app__content-body{font-size:11px}.main-app__content-button{width:100%;height:38px}.main-app__content-download::before,.main-app__content-download::after{width:58px}.main-app__content-download-body{font-size:12px}.main-app__content-download-button-link{width:100%;height:38px;font-size:10px}}

.main-about{
    padding-top:160px 0 210px;
    background:#fafafa;
}

h2.main-section__title {
    font-size: 45px;
    font-family: "Noto Sans","Noto Sans CJK JP",sans-serif;
    color: #656565;
    font-weight: 500;
    letter-spacing: 1.8px;
}
.main-about__body{max-width:882px;margin:60px auto 0;font-size:14px;line-height:2.6;color:#6e6e6e}.main-about__content{position:relative;display:flex;justify-content:center;padding-top:74px}.main-about__content-phone{position:relative;width:318px;border-radius:50px;box-shadow:0px 0px 22px rgba(209,209,209,.6)}.main-about__content-phone-exp{position:absolute;right:-150px;bottom:-50px;width:300px;border-radius:20px;box-shadow:0px 0px 26px rgba(181,181,181,.23)}.main-about__content-float{position:absolute;padding:38px 22px 30px;background:#fff;border:3px solid #1dc8f3;border-radius:10px}.main-about__content-float--01{top:308px;left:-44px;width:344px}.main-about__content-float--02{top:272px;right:-7px;width:365px}.main-about__content-float-num{position:absolute}.main-about__content-float-num--01{top:-95px;right:-130px}.main-about__content-float-num--02{bottom:-90px;left:80px}.main-about__content-float-heading-01{width:225px}.main-about__content-float-heading-02{width:310px}.main-about__content-float-body{margin-top:25px;font-size:14px;color:#6e6e6e;line-height:2}@media screen and (max-width: 767px){.main-about{padding-top:250px;padding-bottom:0}

.main-about__title{
    width: 100%;
}
.main-about__body{margin-top:38px;line-height:2}.main-about__content{margin-top:40px;padding:250px 0 370px}.main-about__content-phone{width:253px}.main-about__content-phone-exp{width:250px;right:-37px;bottom:-48px}.main-about__content-float{position:absolute;padding:31px 22px 24px;background:#fff;border:3px solid #1dc8f3;border-radius:10px}.main-about__content-float--01{top:0;left:0;right:0;max-width:328px;margin:auto}.main-about__content-float--02{top:auto;bottom:82px;right:0;left:0;max-width:328px;margin:auto}.main-about__content-float-num--01{top:176px;left:14px;width:148px}.main-about__content-float-num--02{top:auto;right:auto;top:-100px;left:55px;width:180px}.main-about__content-float-heading-02{width:270px}.main-about__content-float-body{margin-top:10px}}.main-features{padding-top:160px;padding-bottom:77px}.main-features__content{display:flex;justify-content:space-between;position:relative;max-width:1160px;height:753px;margin:58px auto 0}.main-features__content--reverse .main-features__content-num{top:60px;left:0}.main-features__content--reverse .main-features__content-phone{position:absolute;right:0}.main-features__content--reverse .main-features__content-phone-thumb{left:initial;right:112px}.main-features__content--reverse .main-features__content-desc{top:200px;left:0}.main-features__content-num{position:absolute;top:0;right:0;font-size:200px;color:#e5e5e5;font-family:"游明朝体"}.main-features__content-phone{position:relative;z-index:1;width:610px;height:501px;background:rgba(208,245,255,.45);border-radius:10px}.main-features__content-phone-thumb{position:absolute;top:87px;left:68px;width:392px}.main-features__content-phone-thumb-chip01,.main-features__content-phone-thumb-chip02{position:absolute;filter:drop-shadow(0px 0px 16px rgba(211, 211, 211, 0.36))}.main-features__content-phone-thumb-chip01{right:-66px;top:66px;width:160px}.main-features__content-phone-thumb-chip02{right:-40px;top:150px;width:174px}.main-features__content-desc{position:absolute;z-index:1;top:142px;right:0;width:614px;padding:50px 50px 60px;background:#fff;border-radius:10px;filter:drop-shadow(0px 2px 50px rgba(158, 158, 158, 0.2))}

.main-features__content-desc-heading{
    font-size: 31px;
    line-height: 1.5;
    color: #767676;
    font-weight: 500;
}
.main-features__content-desc-body{
    margin-top:20px;
    font-size:15px;
    line-height:2;
    color:#858585;
}
.main-features__content-desc-button{
    display:flex;
    align-items:center;
    justify-content:center;
    width:330px;
    height:48px;
    margin-top:35px;
    background:#1dc8f3;
    border-radius:23px;
    font-size:14px;
    color:#fff;
}
    
@media screen and (max-width: 767px){
.main-features{
    padding-top:80px;
    padding-bottom:65px;
}
    
h2.main-section__title {
    font-size: 37px;
}
 .main-features__content{
    display:block;
    height:auto;
    margin-top:70px;
}
.main-features__content:first-of-type{
    margin-top:46px;
}
.main-features__content--reverse .main-features__content-num{
    top:440px;
    left:auto;
}
.main-features__content--reverse .main-features__content-phone{
    position:relative;
    right:auto;
}
.main-features__content--reverse .main-features__content-phone-thumb{
    left:0;
    right:0;
}
.main-features__content--reverse .main-features__content-desc{
    top:auto;
    left:auto;
}
.main-features__content-num{
    top:440px;
    font-size:130px;
}
.main-features__content-phone{
    width:100%;
    height:300px;
}
.main-features__content-phone-thumb{
    top:30px;
    left:0;
    right:0;
    width:300px;
    margin:auto;
}
.main-features__content-phone-thumb-chip01{
    right:-6px;
    top:56px;
    width:123px;
}
.main-features__content-phone-thumb-chip02{
    right:20px;
    top:104px;
    width:133px;
}
.main-features__content-desc{
    position:relative;
    top:auto;
    margin-top:215px;
    width:100%;
    padding:25px 25px 30px;
}
.main-features__content-desc-heading{
    font-size:18px;
    line-height:1.7;
}
.main-features__content-desc-body{
    margin-top:17px;
}
.main-features__content-desc-button{
    width:100%;
    height:43px;
}
}
 
.main-security{
    padding:160px 0;
    background:#fafafa;
}
.main-security__title{
    width:552px;
}
.main-security__content{
    padding:0;
}
.main-security__list{
    display:flex;
    justify-content:space-between;
    margin-top:58px;
}
.main-security__list-item{
    display:flex;
    position:relative;
    width:360px;
    padding-top:58px;
}
.main-security__list-item-num{
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    right:0;
    display:flex;
    justify-content:center;
    width:119px;
    height:119px;
    margin:auto;
    padding-top:18px;
    background:#1dc8f3;
    border-radius:999px;
    font-size:28px;
    font-family:"arial";
    color:#fff;
}
.main-security__list-item-content{
    position:relative;
    z-index:1;
    background:#fff;
    border:1px solid #1dc8f3;
    border-top:0;
    border-radius:10px;
    overflow:hidden;
}
.main-security__list-item-content-heading{
    padding:15px 0;
    background:#1dc8f3;
    font-size:20px;
    font-weight:normal;
    line-height:1.5;
    color:#fff;
    text-align:center;
}
.main-security__list-item-content-desc{
    padding:22px 22px 31px;
}
.main-security__list-item-content-desc-body{
    margin-top:20px;
    font-size:14px;
    line-height:2;
    color:#6e6e6e;
}
.main-security__list-item-content-desc-button{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    margin-top: 20px;
    background: #1dc8f3;
    border-radius: 33px;
    font-size: 14px;
    color: #fff;
}


@media screen and (max-width: 767px){
    .main-security{
        padding:70px 25px 60px;
    }
    .main-security__title{
        max-width:332px;
        width:100%;
    }
    .main-security__list{
        display:block;
        margin:60px auto 0;
    }
    .main-security__list-item{
        width:100%;
    }
    .main-security__list-item:not(:first-of-type){
        margin-top:60px;
    }
}
    
    .main-qa{
        padding:160px 0;
        background: #fafafa;
    }
    .main-qa__title{width:302px;
    }
    .main-qa__content:first-of-type{
        margin-top:58px;
    }
    .main-qa__content:not(:first-of-type){
        margin-top:16px;
    }

    .main-qa__content-heading{
        display:flex;
        align-items:center;
        padding:20px 24px 20px 24px;
        border-radius:10px;
        background:#fff;
        font-size:17px;
        font-weight:normal;
        color:#393939;
        margin-bottom: 30px;
    }
    
    .main-qa__content-heading.is-open 
    .main-qa__content-heading-icon{
        transform:rotate(180deg);
    }

    .main-qa__content-heading-item{
        display:flex;
        margin-right:10px;
        font-size:26px;
        font-weight:normal;
        color:#1dc8f3;
    }

    .main-qa__content-heading-text{
        position:relative;
        top:3px;
        flex:1;
        padding-right:14px;
        line-height:2.7;
        letter-spacing: 1.4px;
    }

    .main-qa__content-heading-icon{
        display:flex;
        width:16px;
        margin: 3px 10px 0 0;
    }

    .main-qa__content-body{
        display:none;
        padding:44px 0 40px 30px;
        font-size:15px;
        line-height:2.6;
        color:#6e6e6e;
        letter-spacing: 1px;
    }

    .main-qa__content-body-strong{
        font-weight:normal;
        color:#1dc8f3;
    }
    
    .main-qa__button{
        display:flex;
        align-items:center;
        justify-content:center;
        width:316px;
        height:46px;
        margin:40px auto 0;
        background:#1dc8f3;
        border-radius:23px;font-size:14px;color:#fff
    }
    
    @media screen and (max-width: 767px){
        .main-qa{
            padding-top:70px;
            padding-bottom:70px;
    }
    .main-qa__content{
        margin-top:40px;
    }
    .main-qa__content:first-of-type{
        margin-top:40px;
    }
    .main-qa__title{width:180px}
    
    .main-qa__content-heading{
        font-size:14px;
    }
    
    .main-qa__content-heading-item{
        font-size: 17px;
    }

    .main-qa__content-heading-text{
        top:auto;
        font-size:14px;
        line-height:1.4;
    }
    
    .main-qa__content-heading-icon{width:10px}
    .main-qa__content-body{
        padding:20px 0 14px;
        line-height:2.2;
    }
    .main-qa__button{
        width:100%;
        margin-top:0;
    }
    .main-recommend{
        padding-top:110px;
        background:#fafafa;
    }
    .main-recommend__content{display:flex;justify-content:space-between;flex-direction:row-reverse;max-width:940px;margin:auto}.main-recommend__content-thumb{position:relative;top:-50px;max-width:535px}@media screen and (max-width: 767px){.main-recommend{padding-top:40px;padding-bottom:70px}.main-recommend__content{display:block}.main-recommend__content-thumb{top:auto;left:-5px;max-width:350px;margin:auto}.main-recommend .main-app{position:relative;margin-top:-165px}}.main-media{padding-bottom:118px}.main-media__title{width:292px}.main-media__content{margin-top:50px}.main-media__content-body{font-size:14px;line-height:1.4;color:#6e6e6e;text-align:center}

.nav__list,.nav__buttons{display:block}.nav__list{margin-bottom:40px}.nav__list-item{display:block;position:relative;border-bottom:1px #eee solid;padding:15px;margin-left:0 !important}.nav__list-item::after{content:"";display:inline-block;position:absolute;background:url(../img/icon/icon-arrow.png);background-size:5px;width:5px;height:10px;right:15px;top:22px}.nav__buttons{margin:0;padding:0 25px}.nav__buttons-item{width:100%}.nav__buttons-item:last-of-type{margin:25px 0}}.footer{border-top:1px solid #d7d7d7}.footer__content{padding:32px 0 40px 0}.footer__content-list{display:flex;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;margin:auto}.footer__content-list-item{font-size:14px;color:#646464;text-decoration:none}.footer__content-list-item:not(:last-of-type){margin-right:16px;padding-right:16px;border-right:1px solid #6e6e6e}.footer__content-body{margin-top:32px;font-size:14px;color:#999;text-align:center;pointer-events:none}.footer__copylight{display:flex;align-items:center;justify-content:center;height:70px;background:#efefef;font-size:13px;color:#989898}@media screen and (max-width: 767px){.footer__content{padding:36px 25px 20px}.footer__content-list{flex-wrap:wrap;justify-content:center}.footer__content-list-item{margin:5px 0}.footer__content-body{line-height:1.4}}.top-download{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:#f0f0f0}.top-download__content{display:flex;align-items:center;padding:7px 15px}.top-download__content-icon{width:25px;margin-right:4px}.top-download__content-desc{flex:1}.top-download__content-desc-heading,.top-download__content-desc-body{font-size:12px}.top-download__content-desc-heading{color:#0c0c0c}.top-download__content-desc-body{color:#888}.top-download__content-button{display:flex;align-items:center;justify-content:center;width:90px;height:19px;margin-left:6px;background:#1dc8f3;border-radius:23px;font-size:12px;color:#fff}.main-visual{position:relative;width:100%;height:618px;background:url("../img/bg/bg-main-visual.png") #fff;background-size:1920px 618px;background-position:center top;background-repeat:no-repeat}.main-visual__inner{position:relative;max-width:1160px;margin:auto;height:100%}.main-visual__content{position:absolute;top:85px;padding:0 24px;box-sizing:content-box}@media screen and (max-width: 767px){.main-visual{height:550px;background-size:auto 550px;background-position:-870px center}.main-visual__content{top:auto;bottom:-176px;left:0;right:0;margin:auto;padding:0;box-sizing:border-box}}.main-app__content{width:330px}
.main-app__content-heading{
    font-size:33px;
    font-weight:normal;
    line-height:1.4;
    color:#393939;
    letter-spacing:0;
}
.main-app__content-body{margin-top:24px;font-size:13px;line-height:1.4;color:#a0a0a0;text-align:center}.main-app__content-body-link{color:#1dc8f3}.main-app__content-button{display:flex;align-items:center;justify-content:center;width:330px;height:48px;margin-top:20px;background:#1dc8f3;border-radius:23px;font-size:14px;color:#fff}.main-app__content-button--user{border:1px solid #7f7f7f;background:#fff;color:#6e6e6e}.main-app__content-button:last-of-type{margin-top:15px}.main-app__content-download{position:relative;display:flex;align-items:center;margin-top:25px;padding-top:35px}.main-app__content-download::before,.main-app__content-download::after{content:"";position:absolute;top:12px;width:80px;height:1px;background:#393939}.main-app__content-download::before{left:0}.main-app__content-download::after{right:0}.main-app__content-download-body{position:absolute;top:0;left:0;right:0;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;margin:auto;font-size:14px;line-height:1.7}.main-app__content-download-button:last-of-type{margin-left:20px}.main-app__content-download-button-link{display:flex;align-items:center;justify-content:center;width:330px;height:48px;background:#000;border-radius:23px;font-size:14px;color:#fff}@media screen and (max-width: 767px){.main-app{width:325px;margin:auto;padding:30px 32px;background:#fff;border-radius:10px;box-shadow:0px 20px 20px rgba(198,198,198,.2)}.main-app__content{width:auto}

.main-app__content-heading{
    font-size:24px;
    font-weight:500;
    text-align:center;
    letter-spacing:0
}
.main-app__content-body{font-size:11px}.main-app__content-button{width:100%;height:38px}.main-app__content-download::before,.main-app__content-download::after{width:58px}.main-app__content-download-body{font-size:12px}.main-app__content-download-button-link{width:100%;height:38px;font-size:10px}}

.main-about{
    padding-top:160px;
    padding-bottom:210px;
    background:#fafafa;
}
.main-about__body{max-width:882px;margin:60px auto 0;font-size:14px;line-height:2.6;color:#6e6e6e}.main-about__content{position:relative;display:flex;justify-content:center;padding-top:74px}.main-about__content-phone{position:relative;width:318px;border-radius:50px;box-shadow:0px 0px 22px rgba(209,209,209,.6)}.main-about__content-phone-exp{position:absolute;right:-150px;bottom:-50px;width:300px;border-radius:20px;box-shadow:0px 0px 26px rgba(181,181,181,.23)}.main-about__content-float{position:absolute;padding:38px 22px 30px;background:#fff;border:3px solid #1dc8f3;border-radius:10px}.main-about__content-float--01{top:308px;left:-44px;width:344px}.main-about__content-float--02{top:272px;right:-7px;width:365px}.main-about__content-float-num{position:absolute}.main-about__content-float-num--01{top:-95px;right:-130px}.main-about__content-float-num--02{bottom:-90px;left:80px}.main-about__content-float-heading-01{width:225px}.main-about__content-float-heading-02{width:310px}.main-about__content-float-body{margin-top:25px;font-size:14px;color:#6e6e6e;line-height:2}@media screen and (max-width: 767px){.main-about{padding-top:250px;padding-bottom:0}

.main-about__body{margin-top:38px;line-height:2}.main-about__content{margin-top:40px;padding:250px 0 370px}.main-about__content-phone{width:253px}.main-about__content-phone-exp{width:250px;right:-37px;bottom:-48px}.main-about__content-float{position:absolute;padding:31px 22px 24px;background:#fff;border:3px solid #1dc8f3;border-radius:10px}.main-about__content-float--01{top:0;left:0;right:0;max-width:328px;margin:auto}.main-about__content-float--02{top:auto;bottom:82px;right:0;left:0;max-width:328px;margin:auto}.main-about__content-float-num--01{top:176px;left:14px;width:148px}.main-about__content-float-num--02{top:auto;right:auto;top:-100px;left:55px;width:180px}.main-about__content-float-heading-02{width:270px}.main-about__content-float-body{margin-top:10px}}.main-features{padding-top:160px;padding-bottom:77px}.main-features__title{width:246px}.main-features__content{display:flex;justify-content:space-between;position:relative;max-width:1160px;height:753px;margin:58px auto 0}.main-features__content--reverse .main-features__content-num{top:60px;left:0}.main-features__content--reverse .main-features__content-phone{position:absolute;right:0}.main-features__content--reverse .main-features__content-phone-thumb{left:initial;right:112px}.main-features__content--reverse .main-features__content-desc{top:200px;left:0}.main-features__content-num{position:absolute;top:0;right:0;font-size:200px;color:#e5e5e5;font-family:"貂ｸ譏取悃菴�"}.main-features__content-phone{position:relative;z-index:1;width:610px;height:501px;background:rgba(208,245,255,.45);border-radius:10px}.main-features__content-phone-thumb{position:absolute;top:87px;left:68px;width:392px}.main-features__content-phone-thumb-chip01,.main-features__content-phone-thumb-chip02{position:absolute;filter:drop-shadow(0px 0px 16px rgba(211, 211, 211, 0.36))}.main-features__content-phone-thumb-chip01{right:-66px;top:66px;width:160px}.main-features__content-phone-thumb-chip02{right:-40px;top:150px;width:174px}.main-features__content-desc{position:absolute;z-index:1;top:142px;right:0;width:614px;padding:50px 50px 60px;background:#fff;border-radius:10px;filter:drop-shadow(0px 2px 50px rgba(158, 158, 158, 0.2))}

.main-features__content-desc-heading{
    font-size:29px;
    line-height:1.3;
    color:#1dc8f3;
    font-weight:normal;
}

.main-features__content-desc-body{margin-top:35px;font-size:14px;line-height:2;color:#6e6e6e}

.main-features__content-desc-button{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 330px;
    height: 52px;
    margin-top: 35px;
    background: #1dc8f3;
    border-radius: 43px;
    font-size: 14px;
    color: #fff;
}

@media screen and (max-width: 767px){
    .main-features{padding-top:80px;padding-bottom:65px}.main-features__title{width:148px}.main-features__content{display:block;height:auto;margin-top:70px}.main-features__content:first-of-type{margin-top:46px}.main-features__content--reverse .main-features__content-num{top:440px;left:auto}.main-features__content--reverse .main-features__content-phone{position:relative;right:auto}.main-features__content--reverse .main-features__content-phone-thumb{left:0;right:0}.main-features__content--reverse .main-features__content-desc{top:auto;left:auto}.main-features__content-num{top:440px;font-size:130px}.main-features__content-phone{width:100%;height:300px}.main-features__content-phone-thumb{top:30px;left:0;right:0;width:300px;margin:auto}.main-features__content-phone-thumb-chip01{right:-6px;top:56px;width:123px}.main-features__content-phone-thumb-chip02{right:20px;top:104px;width:133px}.main-features__content-desc{position:relative;top:auto;margin-top:215px;width:100%;padding:25px 25px 30px}
    .main-features__content-desc-heading{
        font-size:18px;
        line-height:1.7;
    }
    .main-features__content-desc-body{margin-top:17px}.main-features__content-desc-button{width:100%;height:43px}
}

.main-security{
    padding:160px 0;
    background:#fafafa;
}
.main-security__title{width:552px}.main-security__content{padding:0}.main-security__list{display:flex;justify-content:space-between;margin-top:58px}.main-security__list-item{display:flex;position:relative;width:360px;padding-top:58px}.main-security__list-item-num{position:absolute;z-index:1;top:0;left:0;right:0;display:flex;justify-content:center;width:119px;height:119px;margin:auto;padding-top:18px;background:#1dc8f3;border-radius:999px;font-size:28px;font-family:"arial";color:#fff}.main-security__list-item-content{position:relative;z-index:1;background:#fff;border:1px solid #1dc8f3;border-top:0;border-radius:10px;overflow:hidden}.main-security__list-item-content-heading{padding:15px 0;background:#1dc8f3;font-size:20px;font-weight:normal;line-height:1.5;color:#fff;text-align:center}.main-security__list-item-content-desc{padding:22px 22px 31px}.main-security__list-item-content-desc-body{margin-top:20px;font-size:14px;line-height:2;color:#6e6e6e}.main-security__list-item-content-desc-button{display:flex;align-items:center;justify-content:center;height:46px;margin-top:20px;background:#1dc8f3;border-radius:23px;font-size:14px;color:#fff}@media screen and (max-width: 767px){.main-security{padding:70px 25px 60px}.main-security__title{max-width:332px;width:100%}.main-security__list{display:block;margin:60px auto 0}.main-security__list-item{width:100%}.main-security__list-item:not(:first-of-type){margin-top:60px}}.main-qa{padding-top:160px;padding-bottom:160px}.main-qa__title{width:302px}.main-qa__content:first-of-type{margin-top:58px}.main-qa__content:not(:first-of-type){margin-top:16px}

.main-qa__content-heading{
    display:flex;
    align-items:center;
    padding:15px 12px 15px 14px;
    border-radius:10px;
    background:#fff;
    font-size:17px;
    font-weight:normal;
    color:#393939;
    filter: drop-shadow(0px 2px 50px rgba(158, 158, 158, 0.2));
}

.main-qa__content-heading.is-open .main-qa__content-heading-icon{transform:rotate(180deg)}

.main-qa__content-heading-item{
    display:flex;
    margin-right:10px;
    font-size:26px;
    font-weight:normal;
    color:#acacac;
}
.main-qa__content-heading-text{position:relative;top:3px;flex:1;padding-right:14px;line-height:2.7}.main-qa__content-heading-icon{display:flex;width:16px}.main-qa__content-body{display:none;padding:44px 0 40px 30px;font-size:14px;line-height:2.6;color:#6e6e6e}.main-qa__content-body-strong{font-weight:normal;color:#1dc8f3}.main-qa__button{display:flex;align-items:center;justify-content:center;width:316px;height:46px;margin:110px auto 0;background:#1dc8f3;border-radius:23px;font-size:14px;color:#fff}@media screen and (max-width: 767px){.main-qa{padding-top:70px;padding-bottom:70px}.main-qa__content{margin-top:40px}.main-qa__content:first-of-type{margin-top:40px}.main-qa__title{width:180px}.main-qa__content-heading{padding:10px 12px 10px 14px;font-size:14px}.main-qa__content-heading-item{font-size:15px}.main-qa__content-heading-text{top:auto;font-size:14px;line-height:1.4}.main-qa__content-heading-icon{width:10px}.main-qa__content-body{padding:20px 0 14px;line-height:2.2}.main-qa__button{width:100%;margin-top:40px}}
.main-recommend{
    padding-top:110px;
    background:#fafafa;
}
.main-recommend__content{display:flex;justify-content:space-between;flex-direction:row-reverse;max-width:940px;margin:auto}.main-recommend__content-thumb{position:relative;top:-50px;max-width:535px}@media screen and (max-width: 767px){.main-recommend{padding-top:40px;padding-bottom:70px}.main-recommend__content{display:block}.main-recommend__content-thumb{top:auto;left:-5px;max-width:350px;margin:auto}.main-recommend .main-app{position:relative;margin-top:-165px}}.main-media{padding-bottom:118px}.main-media__title{width:292px}.main-media__content{margin-top:50px}.main-media__content-body{font-size:14px;line-height:1.4;color:#6e6e6e;text-align:center}

.main-section__heading {
    max-width: 882px;
    margin: 0 auto 30px;
    font-size: 18px;
    line-height: 2.6;
    color: #afafaf;
    text-align: center;
    font-weight: normal;
}
@media screen and (max-width: 767px) {
    .main-section__heading {
        font-size: 14px;
        line-height: 1.6;
    }
}

.main-media__content-logos{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 50px auto 0;
    max-width: 1160px;
    display: flex;
}
.main-media__content-logos ul {
    text-align: center;
    display: flex;
}

.main-media__content-logos ul li {
    justify-content: center;
}

.main-media__content-logos ul li img {
    margin:0 auto;
    width: 100%;
    height: auto;
}
li.main-media__content-logo-matching-online {
    width: 168px;
    margin-left: 28px;
}

.main-media__content-logo{
    margin:0 10px
}

.main-media__content-logo-matching-app {
    width: 20%;
    margin: 0 3px 0 0;
}
.main-media__content-logo-love-book {
    width: 20%;
    margin: 0 14px 0 20px;
}
.main-media__content-logo-match-app {
    width: 16%;
    margin: 0 10px 0 14px;
}
.main-media__content-logo-e-venz {
    width: 16%;
}
.main-media__content-logo-matchingapp-online {
    width: 22%;
    margin: 0 0 0 14px;
}
li.main-media__content-logo-machi-ai {
    width: 20%;
    margin: 0 9px 0 0;
}
li.main-media__content-logo-matching-plus {
    width: 280px;
    margin: 0 10px;
}
li.main-media__content-logo-match-life {
    width: 220px;
}

ul.mt50 {
    margin-top: 50px;
}
@media screen and (max-width: 767px){
.main-media{
    padding:70px 25px 50px;
}
.main-media__content-logos ul {
    justify-content: center;
    display: inline-block;
    margin: 0;
    padding: 0;
}
.main-media__content-logos ul li {
    margin: 12px 0;
    justify-content: center;
    width: 40%;
    display: inline-block;
}
.main-media__title{
    width:200px;
}
.main-media__content-logos{
    flex-direction:column;
    align-items:center;
    width: 100%;
    margin:30px 0;
}
li.main-media__content-logo-matching-plus {
    width: 25%;
    margin: 0 10px 0 0;
}
li.main-media__content-logo-match-life {
    width: 127px;
    margin: 0;
}
li.main-media__content-logo-machi-ai {
    width: 327px;
    margin: 0 0 28px 0;
}
.main-media__content-logo-matching-app,
.main-media__content-logo-love-book,
.main-media__content-logo-match-app{
    margin:10px 0
}}
.is-pc{
    display:block
}
.is-sp{
    display:none
}
.is-hidden{
    opacity:0;transition:.3s
}
.is-hidden.is-visible{
    opacity:1
}
@media screen and (max-width: 767px){
    .is-pc{
        display:none
    }
    .is-sp{
        display:block
    }}

.footer__copylight a {
    color: #989898;
}

/* 20231127 add */
.main-howto {
    margin-top: 40px;
}  
#main .main-howto__content {
    min-width: 1000px;
}  
.main-howto__content__inner {
    max-width: 1160px;
    margin: 100px auto;
}  
.main-howto__content__box {
    margin-top: 0;
    padding: 40px 50px 0 50px;
    margin-bottom: 100px;
    align-items: center;
    position: relative;
    min-height: 340px;
    overflow: hidden;
}  
.main-howto__content__box {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    padding: 50px 65px 0 60px;
    background: #f0f9fc;
    border-radius: 30px;
}  
.main-howto__content__box .text.w_auto {
    width: auto;
}  
.main-howto__content__box .text {
    margin-top: 0;
    margin-bottom: 40px;
    letter-spacing: 0.04em;
    width: auto;
}
.main-howto__content__box .text .number {
    display: flex;
}  
.main-howto__content__box .text .number span {
    margin-top: 6px;
    display: block;
    width: 33px;
    height: 33px;
    font-size: 25px;
    line-height: 33px;
    background: #1ec2de;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    text-align: center;
}  
.main-howto__content__box .text .number h4 {
    margin-left: 15px;
    display: block;
    font-size: 31px;
    font-weight: normal;
    text-align: left;
    line-height: 1.4em;
}  
.main-howto__content__box .text p {
    margin-top: 10px;
    text-align: left;
    line-height: 2em;
    color: #6d6d6d;
}  
.main-howto__content__box .img {
    width: 320px;
    position: absolute;
    bottom: -2px;
    right: 50px;
}  
  .main-howto__content__box .img img {
    width: 100%;
}  
.main-howto__content__box.reverse {
    flex-direction: row-reverse;
}
.main-howto__content__box .text .onepointbox {
    margin-top: 15px;
    width: auto;
    box-sizing: border-box;
    padding: 20px 30px;
    background: #fff;
}
.main-howto__content__box .text .onepointbox h6 {
    font-size: 20px;
    display: flex;
    align-items: center;
}
.main-howto__content__box .text .onepointbox h6 img {
    width: auto;
}
.main-howto__content__box .text .onepointbox h6 span {
    margin-left: 10px;
}
.main-howto__content__box .text .btn {
    display: block;
    cursor: pointer;
    background: #44c8f3;
    color: #fff;
    text-decoration: none;
    width: 280px;
    height: 52px;
    line-height: 53px;
    border-radius: 30px;
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
}
.main-howto__content__box.reverse .img {
    left: 50px;
}

@media screen and (max-width: 767px) {
    .main-howto {
      margin-top: 0;
    }  
    .main-howto__content__inner {
  
      margin-top: 40px;
    }  
    #main .main-howto__content__box {
      min-width: 100%;
    }  
    .main-howto__content__box .text .number {
      display: flex;
    }  
    .main-howto__content__box .text .number span {
      width: 22px;
      height: 22px;
      line-height: 22px;
      font-size: 16px;
      margin-top: 0;
    }  
    .main-howto__content__box {
      margin-top: 0;
      padding: 15px 15px 0;
      margin-bottom: 50px;
      min-height: auto;
      display: block;
    }  
    .main-howto__content__box .text .number h4 {
      font-size: 16px;
      line-height: 22px;
      margin-left: 10px;
      color: #39393a;
    }  
    .main-howto__content__box .img,
    .main-howto__content__box.reverse .img {
      position: relative;
      left: auto;
      right: auto;
      margin: 20px auto 0;
      width: 160px;
    }  
    .main-howto__content__box .text {
      width: auto;
      margin-bottom: 0;
    }
  
    .main-howto__content__box .text p {
      font-size: 14px;
      line-height: 1.6em;
    }  
    .main-howto__content__box .text .btn {
      margin: 20px auto;
      width: 250px;
      height: 45px;
      line-height: 45px;
      border-radius: 22.5px;
      font-size: 14px;
    }  
    .main-howto__content__box .text .onepointbox {
      width: auto;
      padding: 15px;
    }  
    .main-howto__content__box .text .onepointbox h6 {
      font-size: 14px;
    }  
    .main-howto__content__box .text .onepointbox h6 img {
      width: 11px;
      height: 16px;
    }  
    .main-howto__content__box .text .onepointbox h6 span {
      margin-left: 5px;
    }  
    .p-top-register__inner.howto {
      margin-top: 20px;
    }
}

ul.main-tsumugi_list {
    display: contents;
}
.main-tsumugi_list_cont {
    max-width: 882px;
    margin: 60px auto 0;
    font-size: 14px;
    line-height: 2.6;
    color: #6e6e6e;
}
.main-tsumugi_list_cont {
    padding-bottom: 100px;
}
.main-tsumugi_list li {
    width: 100%;
    margin: 0 auto 50px;
}
.main-tsmg_post_link {
    display: block;
}
.main-tsumugi_list .thumbnail {
    width: 30%;
    height: 90%;
    float: left;
}
.main-tsmg_post_link .thumbnail {
    border-radius: 8px;
    overflow: hidden;
}
.main-tsumugi_list .info_cont {
    float: left;
    margin-left: 50px;
}
.main-tsmg_post_link .title {
    margin-bottom: 8px;
    line-height: 1.6;
    font-size: 15px;
    font-weight: 500;
    color: #484848;
    letter-spacing: 0.8px;
}
.main-tsmg_post_link .excerpt {
    margin-bottom: 15px;
    line-height: 1.6;
    font-size: 13px;
    font-weight: 500;
    color: #747474;
}
.main-tsmg_post_link .info {
    justify-content: space-between;
    align-items: center;
}
.main-tsmg_post_link .info_left {
    align-items: center;
    padding-right: 10px;
}
.tsmg_category.cate_column {
    background-color: #74c5bb;
    border-radius: 30px;
}
.tsmg_category {
    display: inline-block;
    margin-right: 12px;
    padding: 0 7px;
    border-radius: 2px;
    line-height: 22px;
    font-size: 13px;
    color: #fff;
    letter-spacing: 0.4px;
}
.main-tsmg_post_link .date {
    font-size: 14px;
    font-weight: 500;
    color: #999;
}
.main-tsmg_post_link .views {
    font-size: 14px;
    font-weight: 500;
    color: #999;
}
.flex {
    display: flex;
    flex-wrap: wrap;
}

  
@media screen and (max-width: 767px) {
    .main-tsumugi {
      margin-top: 0;
    }
  
  
    .main-tsumugi_list .thumbnail {
        width: 100%;
        height: auto;
    }
  
    .main-tsumugi_list .info_cont {
        width: 100%;
        padding-left: 0;
        margin: 20px 0 0 0;
    }
  
    .main-tsumugi_list .info_left.flex {
      flex-direction: row;
    }
}