@charset "UTF-8";

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

       hero

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

.hero-wrap {
        position: relative;
        box-sizing: border-box;
        margin-top:100px;
        width:100%;
        z-index: 10;
        }
        .page-header-wrap {
        position: relative;
        box-sizing: border-box;
        width:100%;
        overflow: hidden;
        z-index: 0;
        }
        .page-header {
        position: relative;
        width: 100%;
        height:calc(100vh - 100px);
        overflow: hidden;
        z-index: 0;
        }
        .marusukagu     { background: url("../images/header_02.jpg") center center / cover; }

.hero-title {
        position: absolute;
        bottom:1rem;
        left:1.5rem;
        width:calc(100% - 1.5rem);
        text-align: left;
        line-height: 1;
        font-weight:600;
        color:#FFF;
        z-index: 2;
        }
        .hero-day {
        font-size:clamp(32px, 4.85vw, 90px);
        line-height: 65%;
        }
        .hero-day span {
        font-size:clamp(16px, 2.45vw, 45px);
        }
        .hero-text {
        font-size:clamp(27px, 5vw, 60px);
        line-height: 125%;
        font-family: 'Shippori Mincho B1', serif;
        }

        @media screen and (max-width:1024px) {
        .hero-wrap { margin-top:120px; }
        .page-header { height:0; padding-bottom:90%; }
        }
        @media screen and (max-width:767px) {
        .hero-wrap { margin-top:96px; }
        }

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

       背景

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

.bg-blue {
        background: url("../images/blue.jpg") repeat;
        color:#FFF;
        }

        @media screen and (max-width:1024px) {
        
        }
        @media screen and (max-width:767px) {
        
        }

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

        タイトル / テキスト

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

.white { color:#FFF !important; }
.red { color:#800000;}
.gold {color:#B4A56C; }
.blue { color:#1C2A3C; }

.mark {background:linear-gradient(transparent 60%, #FCE989 60%);}

.under-title {
        padding-bottom:.5rem;
        border-bottom:2px solid #151614;
        }

.dotted-title {
        padding-bottom:.25rem;
        border-bottom:2px dotted #3A0D22;
        }
.lead {
        position: relative;
        width:100%;
        overflow: hidden;
        }
        .lead:after {
        content:"";
        position: absolute;
        display: inline-block;
        top:50%;
        transform: translateY(-50%);
        width:100%;
        height:1px;
        background:#707070;
        margin-left:1.5rem;
        }
        .banner-wrap .lead:after { background: #FFF; }
        .lead.center:after {
        display: block;
        margin-left:0;
        }
        .lead.center span {
        position: relative;
        display: inline-block;
        background:#FFF;
        padding:0 2rem;
        z-index: 1;
        }

        @media screen and (max-width:1024px) {
        
        }
        @media screen and (max-width:767px) {
        
        }

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

       ページ設定

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

        .face { width:100%; max-width:250px; }


        .footer-section {
        padding: 5rem 0;
        border-bottom: 1px solid #707070;
        }
        .footer-section:last-child {
    border-bottom: none;
    padding-bottom: 4rem;
}
        
        .lp-icon-dial {
        background: url(https://marusu-lp.com/wp/wp-content/themes/marusu-2019/assets/LP/20220704/images/free-dial.svg) center center / cover;
        }
        .lp-icon-before {
        width: 23px;
        height: 15px;
        display: inline-block;
        margin-right: 0.5rem;
        position: relative;
        top: 0.125rem;
        }
        @media screen and (max-width:767px) {
        .att-img { width:100%; max-width:240px; margin:0 auto; }
        }
        
.grecaptcha-badge { display: none !important; }