@charset "UTF-8";

/* sp375 */

/*2*/
@media screen and (max-width:780px) { /*SP*/
}
@media screen and (min-width:781px) , print { /*PC&TB*/
}

/*3*/
@media screen and (max-width:780px) { /*SP*/
}
@media screen and (min-width:781px) and ( max-width:1600px) { /*TB&PC*/
}
@media screen and (min-width:1601px) , print { /*PC*/
}

/*3*/
@media screen and (max-width:780px) { /*SP*/
}
@media screen and (min-width:781px) and ( max-width:1680px) { /*TB&PC*/
}
@media screen and (min-width:1681px) , print { /*PC*/
}



/*XXX*/
@media screen and (max-width:780px) { /*SP*/
    .XXX{
        width: 375px;
        position: absolute;
        top: 0px;
        opacity: 0.5;
        pointer-events: none;
        z-index: 100;
        display: none;
    }
}
@media screen and (min-width:781px) and ( max-width:1600px) { /*TB&PC*/
    .XXX{
        display: none;
    }
}
@media screen and (min-width:1601px) , print { /*PC*/
    .XXX{
        /* mix-blend-mode: multiply; */
        width: 1920px;
        position: absolute;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        opacity: 0.3;
        pointer-events: none;
        z-index: 100;
        
        display: none;
    }
}


/* scroll-margin-top */
@media screen and (max-width:1023px) { /*SP*/
    #SST,#CT3,#CT4,#CT5{ scroll-margin-top: 60px; }
}
@media screen and (min-width:1024px) , print { /*PC*/
    #SST,#CT3,#CT4,#CT5{ scroll-margin-top: 85px; }
}


/* sns x */
@media screen and (max-width:780px) { /*SP*/
    .header_sns_x{width: 21px;}
}
@media screen and (min-width:781px) and ( max-width:1023px) { /*TB&PC*/
    .header_sns_x{width: 21px;}
}
@media screen and (min-width:1024px) and ( max-width:1500px) { /*TB&PC*/
    .header_sns_x{width: 30px;}
}
@media screen and (min-width:1501px) , print { /*PC*/
    .header_sns_x{width: 30px;}
}
/* footer_tx */
@media screen and (max-width:780px) { /*SP*/
    footer{
        padding: 50px 20px 80px 20px;
    }
    .footer_tx{
        font-size: 12px;
        margin: 0 0 20px 0;
    }
    .footer_faq_btn{
        margin: 0 auto 30px;
    }
}
@media screen and (min-width:781px) , print { /*PC*/
    .footer_tx{
        font-size: 12px;
        margin: 0 0 30px 0;
    }
    .footer_faq_btn{
        margin: 0 auto 30px;
    }
}


/* COM_titleWrap */
@media screen and (max-width:780px) { /*SP*/
    .COM_titleWrap {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        max-width: 100%;
        width: 100%;
        height: auto;
    }
    .COM_titleWrap img {
        width: 100%;
    }
}
@media screen and (min-width:781px) and ( max-width:1600px) { /*TB&PC*/
    .COM_titleWrap {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        /* max-width: 1920px; */
        max-width: 120.00vw;
        width: 100%;
        /* height: 147px; */
        height: 9.19vw;
        /* padding-left: 0px; */
        padding-left: 0.00vw;
        /* padding-right: 0px; */
        padding-right: 0.00vw;
        background-repeat: repeat-x;
        background-position: center top;
        /* background-size: 82px 100%; */
        background-size: 5.13vw 100%;
        background-image: url("../images/COMMON_title_bg.webp");
    }
    .COM_titleWrap img {
        /* width: 1280px; */
        width: 80.00vw;
    }
}
@media screen and (min-width:1601px) , print { /*PC*/
    .COM_titleWrap {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        max-width: 1920px;
        width: 100%;
        height: 147px;
        padding-left: 0px;
        padding-right: 0px;
        background-repeat: repeat-x;
        background-position: center top;
        background-size: 82px 100%;
        background-image: url("../images/COMMON_title_bg.webp");
    }
    .COM_titleWrap img {
        width: 1280px;
    }
}

/*pagetop.footerFixed*/
@media screen and (max-width:780px) { /*SP*/
    .pagetop.footerFixed {
        bottom: 404px!important;
    }
    /* 375--------------------- */
    .pagetop.footerFixed {
        bottom: 404px!important;
    }
}
@media screen and (min-width:781px) , print { /*PC&TB*/
    .pagetop.footerFixed {
        bottom: 398px!important;
    }
}



:root {
    --commonColor01: #ffffff;
}

body {
    /* font-family: 'Zen Maru Gothic', sans-serif; */
    /* font-feature-settings: "palt"; */
    letter-spacing: 0px;
    font-size: 20px; font-weight: 500;
    background-color: #fff;
    color: var(--commonColor01);
}
@media screen and (max-width:768px) { /*SP*/
    body{ font-size: 16px; line-height: 32px;  }
}
@media screen and (min-width:769px) , print { /*PC&TB*/
    body{font-size: 20px;line-height: 40px;/* display: flex; *//* flex-direction: column; *//* justify-content: center; *//* align-items: center; */}
}
a{ 
    text-decoration: none;
    color: var(--commonColor01);
    /* transition: opacity transform 0.3s; */
    transition-property: transform, opacity;
    transition-duration: 0.3s;
}
a:hover{ 
    /* opacity: 0.75; */
    opacity: 1;
    /* transform: scale(1.05); */
}
img {
    image-rendering: auto;   /* 旧: -webkit-optimize-contrast は縮小画像を過度にシャープ化しスマホでジャギって見えるため auto に変更 */
    width: 100%; max-width: 100%; height: auto;
    user-drag: none;
	-webkit-user-drag: none;
	-moz-user-select: none;
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}
.animate{opacity: 0;}

@media screen and (max-width:768px) { /*SP*/
    #MDQ{ display: none; }
    .spON{ display: block!important; }
    .pcON{ display: none!important; }
}
@media screen and (min-width:769px) , print { /*PC&TB*/
    #MDQ{ display: block; }
    .spON{ display: none!important; }
    .pcON{ display: block!important; }
}

/*-------------------------------------*/
/*contentsWrap*/
@media screen and (max-width:780px) { /*SP*/
    #contentsWrap{
        width: 100%;
        overflow: hidden;
        margin: 60px 0 0 0;
    }
}
@media screen and (min-width:781px) and ( max-width:1023px) { /*TB&PC*/
    #contentsWrap{
        width: 100%;
        overflow: hidden;
        margin: 60px 0 0 0;
    }
}
@media screen and (min-width:1024px) and ( max-width:1920px) { /*TB&PC*/
    #contentsWrap{
        width: 100%;
        overflow: hidden;
        margin: 86px 0 0 0;
    }
}
@media screen and (min-width:1921px) , print { /*PC*/
    #contentsWrap{
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 86px 0 0 0;
    }

}