/* 768px 以上のスタイル */
@media (min-width: 768px) {

    /*  ------------------------------- 
                 common
  ------------------------------- */
    /* padding */
    .Pd15 {
        /* padding: 0 50px; */
    }

    br.sp-only {
        display: none;
    }

    br.pc-only {
        display: block;
    }

    .bg-title {
        padding: 35px 0;
        margin-bottom: 30px;
        background-position: calc(50% - 350px) 20%, calc(50% - -350px) 40%;
        background-image: url(../images/common/deco1.png), url(../images/common/deco1a.png);
    }

    /* back to top button */
    .back-tp {
        right: 15px;
        bottom: 40px;
    }

    .back-tp::before {
        width: 9px;
        height: 9px;
        border-top: solid 2px #E6001F;
        border-right: solid 2px #E6001F;
        right: 40px;
        top: 18px;
    }


    .back-tp a {
        padding: 38px 0px;
        width: 90px;
        height: 90px;
        font-size: 16px;
    }

    /* ボトムボタン */
    .Bnr .Bnr__img {
        width: 310px;
        right: 0px;
        bottom: 180px;
        height: 61px;
    }

    .Bnr .Bnr__img .img {
        max-width: 70px;
        margin: 0;
    }

    .Bnr .Bnr__img p.close a {
        padding: 6px 7px;
    }

    .Bnr .Bnr__img a p:first-child {
        margin-bottom: 0px;
    }

    .Bnr .Bnr__img a p:last-child {
        line-height: 1.4;
    }


    /*  ------------------------------- 
                header
  ------------------------------- */
    header .header-inner .pc-menu {
        display: block;
    }

    header .header-inner .pc-menu nav {
        background-color: #E6001F;
        border-bottom: 1.5px solid #0A2269;
    }

    header .header-inner .pc-menu nav ul {
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 1100px;
        margin: 0 auto;
    }

    header .header-inner .pc-menu nav ul li {
        background-color: #E6001F;
        line-height: 1.3;
        color: #fff;
        font-weight: 700;
        font-size: 14px;
        width: 100%;
    }

    header .header-inner .pc-menu nav ul li a {
        width: 100%;
        height: 55px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /*  ------------------------------- 
                  MV
  ------------------------------- */
    main .content .MV {
        margin-bottom: 0;
    }

    main .content .MV .img {
        max-width: 1000px;
        margin: 0 auto;
    }


    main .content .MV {
        width: 100%;
        height: 542px;
        object-fit: cover;
    }

    /*  ------------------------------- 
                sns
  ------------------------------- */
    main .content .sns {
        padding: 0;
    }

    main .content .sns p {
        margin-bottom: 10px;
        line-height: 1.7;
    }

    main .content .sns .wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #E6001F;
        padding: 20px;
        border-bottom: 1.5px solid #0A2269;
    }

    main .content .sns .wrapper .left p:last-child {
        font-size: 14px;
        font-weight: 500;
    }

    main .content .sns .wrapper .left {
        display: block;
        max-width: 400px;
        padding: 15px;
        color: #FFF;
    }

    main .content .sns .wrapper .right {
        background-color: #fff;
        border-radius: 15px;
        max-width: 400px;
        padding: 15px 20px;
    }

    main .content .sns .wrapper .right p {
        margin-bottom: 15px;
    }

    main .content .sns .icons a {
        max-width: 45px;
        margin: 0 10px;
    }

    /*  ------------------------------- 
              youtube
  ------------------------------- */
    main .content .youtube .video {
        max-width: 500px;
    }

    /*  ------------------------------- 
              supporter
  ------------------------------- */
    main .content .supporter .wrapper .unit {
        width: 14%;
    }

    main .content .supporter .wrapper::after {
        width: 66%;
    }

    /*  ------------------------------- 
                project
  ------------------------------- */
    main .content .project .block .wrapper .left {
        width: 15%;
        margin-right: 30px;
    }

    main .content .project .work:nth-child(2) .wrapper {
        display: flex;
        justify-content: space-between;
        align-items: start;
    }

    main .content .project .work:nth-child(2) .wrapper ul {
        width: 80%;
        padding: 0 40px 0 0;
    }

    main .content .project .work:nth-child(2) .wrapper .img {
        width: 25%;
    }



    /*  ------------------------------- 
                greeting
  ------------------------------- */
    main .content .greeting .wrapper .left {
        width: 20%;
    }

    /*  ------------------------------- 
                photo
  ------------------------------- */
    main .content .photo figure img {
        margin-bottom: 10px;
        height: 13vw;
        width: 100%;
    }

    /*  ------------------------------- 
                Error
  ------------------------------- */
    main .content .error .img {
        max-width: 200px;
        margin: 60px auto 15px;
    }




}

/* 960px 以上のスタイル（画面サイズ大） */
@media (min-width: 960px) {

    /*  ------------------------------- 
                 common
  ------------------------------- */
    .Max1000 {
        max-width: 1000px;
        margin: 0 auto;
        padding: 0 100px;
    }

    .Max800 {
        max-width: 800px;
        margin: 0 auto;
        padding: 0 100px;
    }

    /* margin */
    .Mb100 {
        margin-bottom: 150px;
    }

    .Mb60 {
        margin-bottom: 80px;
    }

    .Mb30 {
        margin-bottom: 50px;
    }

    .Mb20 {
        margin-bottom: 40px;
    }

    .Mb10 {
        margin-bottom: 30px;
    }

    /*  ------------------------------- 
              supporter
  ------------------------------- */
    main .content .project .block ul li {
        margin-bottom: 10px;
    }




}

@media screen and (min-width:768px) and (max-width:1000px) {

    /*  ------------------------------- 
                  header
  ------------------------------- */
    header .header-inner .pc-menu nav ul li {
        font-size: 13px;
    }

    /*  ------------------------------- 
                    MV
  ------------------------------- */
    main .content .MV .ex-tb {
        display: none;
    }

    main .content .MV .tb-only {
        display: block;
    }

    main .content .MV .tb-only img {
        width: 100%;
        text-align: center;
        object-fit: cover;
        height: 542px;
    }
}