@media(max-width:1380px)
{
.AllPageBox, .AllPageWidth,.AllPageWide,.SNSBoxLR,.IntroBG,.HeaderMenu{ max-width: 1080px; margin-left: auto; margin-right: auto; }
}
/* -------------------------------------  1280px  ------------------------------------- */
@media(max-width:1280px)
{
    /* HeaderMenu */

    /* AllPageWidth */

    /* AllPageBox */
    
.AllPageBox, .AllPageWidth,.AllPageWide,.SNSBoxLR,.IntroBG,.HeaderMenu{ max-width: 1024px; }
.AllPageWidth.footer{ max-width: 1180px;  }

}

/* -------------------------------------  1200px  ------------------------------------- */
@media(max-width:1200px)
{
    .HeaderMenu .HeaderSNS ul{ gap: 50px;}
    .HeaderMenu .HeaderSNS ul li:first-child img{ max-width: 160px; max-height: 48px;}
    .HeaderMenu .HeaderSNS ul li:nth-child(2) img{ max-width: 140px; max-height: 52px;}
    .HeaderMenu .HeaderSNS ul li:last-child img{ max-width: 130px; max-height: 40px;}
    .AllPageWidth.footer{ padding: 0 20px; }
   .HeaderBox2 .HeaderFontLarge{ font-size: 20px;}
   .HeaderBox2 .CaptionFontLarge{ font-size: 20px;}
}

/* -------------------------------------  1023px  ------------------------------------- */
@media(max-width:1023px)
{
     header { display: block; height: 65px;  width: 100%; z-index: 99; padding:10px 0;}
     /* HeaderMenu */

    .HeaderMenu{ max-width: 100%; margin: auto;  margin-top: 0px; padding: 0 15px; }
    .HeaderMenu .HeaderLogo{background: none; padding: 0;}
    .HeaderMenu .HeaderLogo img{ height: 45px; width: auto; }
    .HeaderMenu .HeaderSNS ul{ gap: 15px;}
    .HeaderMenu .HeaderSNS ul li:first-child img{ height: 45px; width: auto;}
    .HeaderMenu .HeaderSNS ul li:nth-child(2) img{  height: 45px; width: auto;}
    .sp-only{display: block;}
    .pc-only{display:none;}
    .KVBox{ margin-top: 0px;}
    /* AllPageWidth */
    .AllPageBox, .AllPageWidth,.AllPageWide,.SNSBoxLR,.IntroBG,.HeaderMenu{ padding: 0 15px;}

    /* Footer */
    footer{margin-top: 60px;}
    footer .ContactLRBox{ font-size: 16px; display: block;}
    footer .ContactLRBox .ContactLeft{ padding-right: 20px; width: 100%;}
    footer .ContactLRBox .ContactRight{ padding-left: 20px; text-align: left;width: 100%;padding: 0;}

    /* ContentIntroBox */
    .ContentIntroBox .HeaderFontIntro{ font-size: 40px; line-height: 50px; }
    .ContentIntroBox{ font-size: 25px;     padding: 40px 25px 60px;}

    /* PlatformLR */
    .PlatformLR ul li{ width: 43%; }
    .PlatformLR ul li a{ padding: 40px 30px; }
    .PlatformLR ul li img{ max-width: 290px; max-height: 60px; }

    .SNSBoxLR ul{ display: block; }
    .HeaderBox2 .HeaderFontLarge{ max-width: 500px;}
    .SNSBoxLR ul li{ width: 100%; margin-top: 80px; }
    .PlatformLR ul{display: block;}
    .PlatformLR ul li{width: 100%; max-width: 320px; margin: 40px auto; }


}   

/* -------------------------------------  767px  ------------------------------------- */
@media(max-width:767px)
{
    .pc-only { display: none; }
    .sp-only {  display: block; }

    /* Footer */
    footer .ContactLRBox{ display: block; }
    footer .ContactLRBox .ContactLeft{ padding-right: 0px;}
    footer .ContactLRBox .ContactRight{ text-align: left; padding-left: 0px; margin-top: 30px;}

    .PC{ display: none;}
    .SP{ display: block;}

    /* HeaderMenu */
    .HeaderMenu{ margin-top: 0px;}




    body:after{ height: 2000px; background: url('../images/bg-tail-sp.png')no-repeat; background-size: cover; background-position: bottom center; }
}

/* -------------------------------------  640px  ------------------------------------- */
@media(max-width:640px)
{



}

/* -------------------------------------  600px  ------------------------------------- */
@media(max-width:600px)
{
    /* Footer */
    footer .SNSBox{ border-radius: 30px; }
    footer .SNSBox ul{ padding: 20px 15px;}
    footer .SNSBox ul li{ width: 50%; }
    footer .SNSBox ul li a{ padding: 15px 10px; }
    footer .SNSBox ul li img{  }
    footer .FooterBox .Copyright{ font-size: 14px; }

    /* ContentIntroBox */
    .ContentIntroBox .HeaderFontIntro{ font-size: 30px; line-height: 40px; font-weight: 600; }
    .ContentIntroBox{ font-size: 24px; font-weight: 400; }

    .HeaderBox1 .HeaderFontLarge{ font-size: 24px; padding: 10px 30px; }
    .HeaderBox1 .CaptionFontLarge{ font-size: 20px;}
    .HeaderBox1 .HeaderFontLarge img{ max-width: 32px; }
    /* PlatformLR */
    .PlatformLR{ margin-top: 60px; }
    .PlatformLR ul{ display: block; }
    .PlatformLR ul li{ width: 100%; margin-top: 40px; }

    .HeaderBox2 .HeaderFontLarge{ font-size: 18px;}
    .HeaderBox2 .HeaderFontLarge img{ max-width: 22px;}
    .HeaderBox2 .CaptionFontLarge{ font-size: 16px;}
    .SNSBoxLR ul li img{ max-width: 200px;}
    .SNSBoxLR ul li a{ padding: 20px 20px;}

    

}

/* -------------------------------------  480px  ------------------------------------- */
@media(max-width:480px)
{
    /* HeaderMenu */
    .HeaderMenu{ margin-top: 0px;}




    footer .FooterMenu ul li:nth-child(2){ border-right: 1px solid #090909; margin-right: -1px; }
    footer .FooterBox .FooterCopyRights{ font-size: 13px;}
    footer .FooterBox .FoterLogoSNS .RightSNS{ font-size: 20px; }
    footer .FooterBox .FoterLogoSNS .RightSNS .Icons img{ max-width: 30px;}

    /* ContentIntroBox */
    .ContentIntroBox .HeaderFontIntro{ font-size: 24px; line-height: 30px; font-weight: 500; }
    .ContentIntroBox{ font-size: 19px; }

    .HeaderBox1 .CaptionFontLarge{ font-size: 18px;}
    /* PlatformLR */
    .PlatformLR{ margin-top: 70px; }
    .PlatformLR ul li{ width: 100%; margin-top: 30px; }
    .PlatformLR ul li a{ padding: 30px 30px; }

}