@charset "UTF-8";
/*
==================================================
main-site-user.css
ユーザー加筆専用 ファイル

以下のファイルはシステムファイルのため、加筆しないでください
main.css
main-site.css
main-sp.css

==================================================
*/

/*# sourceMappingURL=main-site-user.css.map */

body .half-banner-w .gr-banner {
    background-position-x: 5%;
    background-position-y: 80%;
    background-size: 120%;
}

.gr-banner03 {
    border: solid 1px #ccc;
}

img.banner-text {
    margin-top: 30px;
}

img.img-gr01 {
    margin-top: 30px;
}

@media screen and (max-width: 640px) {
    .gr-banner {
        background-size: cover !important;
        background-position: center !important;
    }
    img.banner-text {
        width: 100%;
        margin-top: 15px;
    }
    .gr-banner03 span {
        font-size: 12px !important;
    }
}

/* span.gr-banner01 {
    color: #ffffff;
    font-size: 32px;
    font-family: serif;
    position: relative;
    top: 30%;
}

span.gr-banner02 {
    display: -webkit-box;
    position: absolute;
    top: 60%;
    color: #ffffff;
    font-size: 16px;
    font-family: serif;
}



@media screen and (max-width: 640px) {
    .gr-banner03 span {
        width: 65%;
    }
  .gr-banner01 {
      font-size: 18px !important;
      top: 10% !important;   
    }
  .gr-banner02 {
      font-size: 9px !important;
      width: auto !important;
      top: 26% !important;
    }
} */


body .cpbanner i {
    left: 20px;
    width: 160px;
    height: auto;
    aspect-ratio: 22/15;
    background: center rgba(255, 255, 255, 0.5) url(/assets/images/cph-logo.svg) no-repeat;
}
@media screen and (max-width: 640px) {
    body .cpbanner i {
        left: 15px;
        width: 140px;
    }
}