/*リセットCSS（sanitize.css）の読み込み
---------------------------------------------------------------------------*/
@import url("https://unpkg.com/sanitize.css");

/*Google Fonts（M PLUS Rounded 1c）の読み込み
---------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@300&display=swap');

/*slick.cssの読み込み
---------------------------------------------------------------------------*/
@import url("https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css");

/*全体の設定
---------------------------------------------------------------------------*/
html,body {
	overflow-x: hidden;
    font-size: 14px;    /*基準となるフォントサイズ。下の方にある「画面幅800px以上」で基準を大きなサイズに変更しています。*/
}

body {
    font-family: 'Noto Sans JP', "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	/* font-family: 'M PLUS Rounded 1c', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	フォント種類 */
	/* -webkit-text-size-adjust: none; */
    /* background: linear-gradient(#e60000, #a80000 300px);#e60000から#a80000への背景グラデーション。 */
	/* color: #fff;	    全体の文字色 */
	/* line-height: 2;		行間 */
}

a {
    text-decoration: none;
}

/*headerブロック
---------------------------------------------------------------------------*/

.tp-visual img {
    width: 100vw;
}

/* ctaブロック
---------------------------------------------------------------------------*/
.cta {
    background: url("../img/cta.jpg") no-repeat top center;
    background-size: cover;
    padding: 5rem 0;
    width: 100%;
}

.cta h2 {
    font-size: 5rem;
    font-style: italic;
    margin: 0;
    padding-bottom: 1%;
    text-align: center;
}

.cta span {
    font-size: 180%;
}

.cta-btn {
    margin-top: 7%;
    text-align: center;
}

.btn-wrapper {
    display: flex;
    justify-content: center;
    padding-left: 10%;
    padding-right: 10%;
}

.btn-box {
    width: 50%;
}
.btn {
    border-radius: 100vh;
    font-size: 2vw;
    padding:4% 5%;
    transition: all 0.2s ease;
}
.btn:hover {
    transform: translateY(4px);
}

a.btn--red {
    background-color: #ff0032;
    border-bottom: 5px solid #9f000c;
    color: #fff;
}

a.btn--red:hover {
    border-bottom: 2px solid #9f000c;
    margin-top: 3px;
}

a.btn--green {
    background-color: #00965f;
    border-bottom: 5px solid #005536;
    color: #fff;
    padding: 4% 13%;
}

a.btn--green:hover {
    border-bottom: 2px solid #005536;
    margin-top: 3px;
}

a.btn--red .fa-solid {
    padding-left: 1em;
}
a.btn--green .fa-solid {
    padding-left: 1em;
}

/* 動画ブロック
---------------------------------------------------------------------------*/
.video {
    background-color: #ce0000;
    text-align: center;
}

/* 悩みブロック
---------------------------------------------------------------------------*/
.nayami {
    background: url("../img/nayami-01.jpg") no-repeat top center;
    background-size: cover;
    height: 78vw;
    width: 100%;
}

.nayami-inner {
    text-align: center;
}

.nayami-01 {
    color:#fff;
    display: inline-block;
    padding: 0;
    text-align: left;
}

.nayami-01 h3 {
    font-size: 4vw;
    margin: 0;
    padding-top: 6vw;
    text-align: center;
}

.nayami-01 ul {
    padding: 0;
}

.nayami-01 ul li {
	background: url(../img/check.png) left 0px top 2.4vw no-repeat;
	background-size: 2vw auto;
    font-size: 2vw;
	line-height: 6vw;
    list-style: none;
    padding-left: 42px;
}

.nayami-01 ul li.inline {
    display: inline-block;
    margin-right: 100px;
}

.nayami-02 {
    color: #fff;
    font-size: 4vw;
    font-weight: 700;
    margin-top: 9vw;
    text-align: center;
}

.nayami-02 span {
    background-color: #fff;
    color: black;
    font-size: 150%;
}


/* 解決ブロック
---------------------------------------------------------------------------*/
.row {
    display: flex;
}
.row-2 {
    flex-direction: row-reverse;
}

.point-box {
    margin: 6% 9%;
}

.point-txt {
    flex: 0 0 60%;
}
.point-txt-2 {
    padding-left: 2rem;
}

.num {
    color: #de0a0a;
    font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
    font-size: 3vw;
    margin: 0;
}

.point-txt h3 {
    font-size: 1.8vw;
}

.point-img {
    flex: 0 0 40%;
}

.point-img img {
    width: 100%;
}

/* ご注意ブロック
---------------------------------------------------------------------------*/
.gochui {
    background-color: #b00000;
}

.gochui-wrapper {
    background: url(../img/gochui.png) left 0vw top 2vw no-repeat;
    background-size: 55vw;
    text-align: center;
    width: 57vw;
    margin: 0 auto;
    padding: 9vw 5vw 7vw 5vw;
}

.gochui h3 {
    font-size: 2vw;
    margin: 0;
}

.gochui p {
    text-align: left;
    font-size: 1.4vw;
    line-height: 2.5vw;
}



/* お客様の声ブロック
---------------------------------------------------------------------------*/
.voice .title {
    background-color: #b8985a;
    color: #fff;
    padding: 1% 0;
    text-align: center;
}

.voice .title h3 {
    font-family:serif;
    font-size: 2.5rem;
    font-weight: 100;
    margin: 0;
}

.voice-wrapper {
    background-color: #edd9dc;
    padding: 2% 14%;
}

.voice-inner {
    display: flex;
    justify-content: space-between;
    padding: 3% 0;
}

.voice-inner img {
    width: 31vw;
}


/* 新宿ゴルフ工房とはブロック
---------------------------------------------------------------------------*/
.what {
    color: #fff;
    text-align: center;
}
.what-title {
    background: url("../img/golfkobo-towa.jpg") no-repeat top center;
    background-size: cover;
    height: 250px;
    width: 100%;
}

.what-title h3 {
    font-size: 3rem;
    margin: 0;
    padding: 6%;
}

.what-inner {
    background-color: #5f0000;
    padding: 4rem 0;
}

.what-inner h4 {
    font-size: 2rem;
    font-weight: 500;
    margin: 0;
    padding-bottom: 2rem;
}

.what-inner p {
    font-weight: 300;
}


/* footerブロック
---------------------------------------------------------------------------*/
.access {
    background-color: #e9e9e9;
    padding: 5% 10%;
}

.access img {
    width: 15%;
}

.access-wrap {
    display: flex;
    color: rgb(46, 46, 46);
    line-height: 2;
    padding-top: 3%;
}

.access02 {
    margin-left: 8%;
}

.copyright {
    background-color: #000000;
    color: #fff;
    padding: 1%;
    text-align: center;
}



/* レスポンシブ
---------------------------------------------------------------------------*/

@media screen and (max-width: 1024px) {
	/* 1024px以下に適用されるCSS（スマホ用） */
    
    .nayami {
        height: 89vw;
    }

    .nayami-01 h3 {
        font-size: 6vw;
    }

    .nayami-01 ul li {
        background-size: 3vw;
        font-size: 3vw;
        line-height: 7vw;
    }

    .nayami-02 {
        font-size: 4vw;
    }

}

@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */

/* ctaブロック
---------------------------------------------------------------------------*/
    .cta {
        padding: 10vw 0;
    }

    .cta h2 {
        font-size: 8vw;
    }

    .btn-wrapper {
        display: inline-block;
        width:100%;
        padding-left: 5%;
        padding-right: 5%;
    }

    .btn-box {
        width: 100%;
    }

    .btn {
        display: block;
        font-size: 5vw;
    }

    a.btn--green {
        margin-top: 3vw;
    }

/* 動画ブロック
---------------------------------------------------------------------------*/
    video {
        width: 300px;
        height: 300px;
    }

    /* お悩みブロック
---------------------------------------------------------------------------*/
    .nayami {
        height: 169vw;
    }

    .nayami-01 {
        padding-left: 3%;
        padding-right: 3%;
    }

    .nayami-01 h3 {
        font-size: 7vw;
    }

    .nayami-01 ul li {
        background: url(../img/check.png) left 3vw top 3vw no-repeat;
	    background-size: 6vw auto;
        font-size: 4.5vw;
        line-height: 12vw;
        padding-left: 12vw;
    }

    .nayami-02 {
        font-size: 8vw;
    }

    .nayami-02 span {
        font-size: 10vw;
    }



/* 解決ブロック
---------------------------------------------------------------------------*/
    .row {
        display: block;
    }

    .num {
        font-size: 9vw;
    }

    .point-txt {
        margin-top: 10vw;
    }

    .point-txt h3 {
        font-size: 5vw;
        margin-top: 0;
    }

    .point-txt-2 {
        padding-left: 0;
    }

/* ご注意ブロック
---------------------------------------------------------------------------*/
    .gochui-wrapper {
        background-size: 100%;
        width: 100%;
        padding: 15vw 10vw 6vw 10vw;
    }

    .gochui h3 {
        font-size: 3.5vw;
    }

    .gochui p {
        line-height: 3vw;
    }


/* お客様の声ブロック
---------------------------------------------------------------------------*/
    .voice .title h3 {
        font-size: 3.5vw;
        padding: 3vw 0;
    }

    .voice-inner {
        display: block;
        padding: 0;
    }

    .voice-inner img {
        width: 80vw;
    }

    .voice-wrapper {
        padding: 4vw 3vw;
    }

    .voice-content {
        text-align: center;
        padding: 2vw 0;
    }




    /* 新宿ゴルフ工房とはブロック
---------------------------------------------------------------------------*/
    .what-title {
        height: 32vw;
    }

    .what-title h3 {
        font-size: 8vw;
    }

    .what-inner h4 {
        font-size: 5vw;
    }

    .what-inner p {
        text-align: left;
        padding: 0 4%;
    }


/* footerブロック
---------------------------------------------------------------------------*/
    .access img {
        width: 26vw;
    }

    .access-wrap p {
        font-size: 3vw;
    }



}