/*
Theme Name: jukuta-kokunai
Theme URI: 
Author: SMC-POWER
Version: 1.0
*/

@charset "utf-8";


@media screen and (min-width:851px) and (max-width:1159px) {

    /* コンテンツ幅 */
    .inner {
        width: 90%;
    }

    h2 {
        font-size: 28px;
    }

    .h2-sub {
        font-size: 18px;
    }


    .btn-container {
        width: 90%;
    }

    .btn {
        width: 350px;
    }


}


/* タブレット以上 */
@media screen and (min-width:851px) {

    .display-850 {
        display: none;
    }

    .br-850 {
        display: none;
    }

    .br-850__only {
        display: none;
    }




}

/* タブレット以下 */
@media screen and (max-width:850px) {

    /* html {
        scroll-padding-top: 60px;
    } */

    .display-pc {
        display: none !important;
    }

    .display-850 {
        display: block;
    }

    .br-pc {
        display: none;
    }

    .br-850 {
        display: block;
    }

    .br-850__only {
        display: block;
    }

    /* コンテンツ幅 */
    .inner {
        width: 90%;
    }

    /* 横並び解除 */
    .flex-box {
        display: block;
    }

    .wrapper {
        /* padding-top: 95px; */
        padding-top: 16vw;
    }

    h2 {
        font-size: 27px;
    }

    /* ボタン */
    .btn-container {
        width: 90%;
        margin: 70px auto 60px auto;
    }

    .btn {
        width: 80%;
        max-width: 388px;
    }

    .btn-container .btn:first-child {
        margin: 0 auto 20px auto;
    }
}





/* スマホ以上 */
@media screen and (min-width:451px) {

    .br-450 {
        display: none;
    }
}


/* スマホ以下 */
@media screen and (max-width:450px) {

    .br-850__only {
        display: none;
    }

    .br-450 {
        display: block;
    }

    h2 {
        font-size: 26px;
        line-height: 38px;
        margin-bottom: 3px;
    }

    .h2-sub {
        font-size: 18px;
    }

    /* ボタン */
    .btn-container {
        margin: 50px auto 40px auto;
    }

    .btn {
        font-size: 16px;
        width: 90%;
        height: 85px;
        border-radius: 16px;
    }

    .btn p {
        font-size: 16px;
    }

    .btn-container .btn:first-child {
        margin: 0 auto 15px auto;
    }
}








/*------------- ヘッダー --------------*/

@media screen and (min-width:851px) and (max-width:1365px) {

    .notice-bar p {
        font-size: 13px;
        width: 90%;
    }

    .header-container {
        width: 95%;
        column-gap: 20px;
    }

    /* .header-container {
        width: 90%;
        height: 115px;
    }

    .wrapper {
        padding-top: 149px;
    } */

    /* .header-container {
        display: block;
    } */

    .site-title a img {
        margin-top: 10px;
        width: 18vw
    }

    .nav-global {
        width: 100%;
        /* max-width: 750px; */
        margin: 0 auto;
    }



    .nav-global__li a {
        font-size: 14px;
    }

    .nav-global__red {
        width: 110px;
        height: 30px;
        line-height: 29px;
    }

    .nav-global__red a {
        font-size: 13px;
    }

    /* .nav-global__red-container {
        column-gap: 5px;
    } */

    .nav-global__blue-container {
        column-gap: 7px;
    }
}

/* PCサイズでもスマホメニュー非表示 */
.nav-global__sp {
    display: none;
}

/* .display-pc {
    display: block;
} */

.display-sp {
    display: none;
}

@media screen and (max-width: 850px) {


    .header-container {
        width: 90%;
        height: 16vw;
    }

    .site-title a img {
        width: 35vw;
        height: auto;
    }

    .nav-container__sp {
        display: flex;
        column-gap: 6vw;
    }


    /* ハンバーガーメニュー表示 */
    .display-sp {
        display: flex !important;
    }

    .hamburger {
        cursor: pointer;
    }


    /* ハンバーガーメニュー */
    .hamburger {
        width: 30px;
        height: 24px;
        position: relative;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .hamburger span {
        display: block;
        height: 4px;
        background-color: #00367E;
        transition: all 0.3s ease;
    }

    /* メニューが開いた時の「×」スタイル */
    .hamburger.active span:nth-child(1) {
        transform: translateY(10px) rotate(45deg);
    }

    .hamburger.active span:nth-child(2) {
        opacity: 0;
    }

    .hamburger.active span:nth-child(3) {
        transform: translateY(-10px) rotate(-45deg);
    }

    .nav-global__sp {
        display: none;
        position: fixed;
        top: 16vw;
        left: 0;
        width: 100%;
        /* height: calc(100vh - 105px); */
        height: calc(100vh - 16vw);
        background-color: #00367E;

        overflow-y: auto;


        z-index: 10000;
        /* padding: 20px; */
    }

    /* メニュー開いたときに表示させるためのクラス */
    .nav-global__sp.open {
        display: block;
    }

    .nav-global__sp ul {
        width: 207px;
        margin: 5vh auto;
    }

    .nav-global__sp ul li {
        /* margin-bottom: 15px; */
        font-size: 18px;
        font-weight: 700;
        text-align: center;
    }

    .nav-global__sp ul li a {
        color: #fff;
        display: block;
        margin-bottom: 5vh;
    }


    .nav-global__sp__white {
        background-color: #fff;
        width: 100%;
        padding: 10px 0;
        margin-bottom: 2.5vh !important;
    }

    a.nav-global__sp__white {
        color: #00367E !important;
    }

    .no-scroll {
        overflow: hidden;
        position: fixed;
        width: 100%;
    }
}



/*------------- フッター --------------*/

@media screen and (min-width:851px) and (max-width:1159px) {

    .footer-inner {
        width: 90%;
        /* padding-bottom: 84px; */
    }

    .footer-logo {
        width: 35vw;
    }

    .footer-nav__ul {
        width: 600px;
    }

    .footer-nav__ul a {
        font-size: 16px;
    }

    .footer-contact {
        font-size: 16px;
        width: 135px;
        height: 62px;
        line-height: 61px;
        border-radius: 16px;
    }

    .footer-nav-container {
        column-gap: 0;
        justify-content: space-between;
        align-items: center;
        margin-top: 10px;
        width: 100%;
        max-width: 780px;
    }

    .footer-banner-container {
        width: 100%;
        max-width: 850px;
        margin: 40px auto 0 auto;
    }


    .footer-banner-container a {
        width: 240px;
    }

    /* 追従ボタン */
    .floating-button {
        bottom: 5%;
    }
}


@media screen and (max-width:850px) {

    .floating-button {
        display: none;
    }


    .footer-inner {
        width: 90%;
        /* padding-bottom: 84px; */
    }

    .footer-logo {
        width: 50vw;
        max-width: 300px;
        height: auto;
    }

    .footer address {
        font-size: 16px;
        line-height: 30px;
        margin: 25px 0 0 0;
    }

    /* .footer-nav__ul {
        display: block;
        width: fit-content;
    }

.footer-nav__ul a {
    font-size: 18px;
    line-height: 40px;
}

.footer-nav-container {
    display: flex;
    align-items: center;
    column-gap: 50px;
    margin-top: 20px;
} */

    .footer-nav-container {
        display: block;
        margin-top: 20px;
    }

    .footer-nav__ul {
        width: 100%;
        margin-bottom: 30px;
    }

    .footer-nav__ul a {
        font-size: 16px;
    }

    .footer-contact {
        font-size: 16px;
        width: 250px;
        height: 65px;
        line-height: 64px;
    }

    .footer-banner-container a {
        width: 32%;
    }

    /* 固定ボタン */
    .fixed-button {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        display: flex;
        justify-content: space-between;
        z-index: 9999;
    }

    .fixed-button a {
        font-size: 16px;
        font-weight: 700;
        width: 32.5%;
        display: block;
        color: #fff;
        text-align: center;
        padding: 15px 0;
    }

    .fixed-button__sample {
        background-color: #0F9450;
    }

    .fixed-button__kaigai {
        background-color: #004BA0;
    }

    .fixed-button__contact {
        background-color: #D95346;
    }
}


@media screen and (max-width:600px) {

    .footer {
        padding: 80px 0 0 0;
    }

    .footer-inner {
        padding-bottom: 60px;
    }

    .footer-nav__ul {
        display: block;
        width: fit-content;
    }

    .footer-nav__ul a {
        font-size: 18px;
        line-height: 38px;
    }

    .footer-contact {
        font-size: 18px;
        /* width: 250px; */
        height: 70px;
        line-height: 69px;
        display: block;
        margin: 0 auto;
    }

    .footer-banner-container {
        display: block;
        /* margin: 40px 0 0 0; */
    }

    .footer-banner-container a {
        width: 300px;
        margin: 0 auto 20px auto;
    }



}


@media screen and (max-width:450px) {

    .footer {
        padding: 50px 0 0 0;
    }

    .footer-inner {
        padding-bottom: 40px;
    }

    .footer-logo {
        width: 60vw;
    }

    .footer address {
        font-size: 15px;
        line-height: 26px;
        margin: 20px 0 0 0;
    }

    .footer-nav__ul {
        margin-bottom: 20px;
    }

    .footer-nav__ul a {
        font-size: 16px;
        line-height: 36px;
    }

    .footer-contact {
        font-size: 16px;
        width: 80%;
    }

    .footer-banner-container {
        margin: 27px 0 0 0;
    }

    .fixed-button a {
        font-size: 4vw;
        padding: 12px 0;
    }
}


/*------------- 下層ページ共通 --------------*/

@media screen and (min-width:851px) and (max-width:1159px) {

    .lower-h1 h1 {
        font-size: 38px;
    }
}


@media screen and (max-width:850px) {

    .lower-h1 h1 {
        font-size: 38px;
        font-weight: 700;
    }

    .lower-h1 {
        height: 230px;
    }
}


@media screen and (max-width:450px) {

    .lower-h1 {
        height: 180px;
    }

    .lower-h1 h1 {
        font-size: 28px;
    }



}


/*------------- トップページ --------------*/


/*---- MV ----*/
@media screen and (max-width:850px) {

    .mv {
        margin-top: 9.7vw;
    }

    .mv-inner {
        width: 90%;
    }

    .mv-catch {
        font-size: 5.6vw;
        text-align: center;
    }

    .mv-catch span::before {
        font-size: 1.8vw;
    }

    .mv-text {
        font-size: 3vw;
        line-height: 5vw;
        text-align: center;
    }

    .mv-circle__container {
        position: static;
        width: fit-content;
        margin: 25px auto 0 auto;
    }


    .mv-circle {
        font-size: 2.5vw;
        line-height: 3.3vw;
        width: 17vw;
        height: 17vw;
    }
}

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


/*---- タイルのことなら、十九田陶業にお任せください！ ----*/

@media screen and (min-width:851px) and (max-width:1159px) {

    .triangle-line {
        top: -146px;
        height: 55px;
    }

    .introduction-catch {
        font-size: 33px;
    }

    .introduction {
        margin-top: 95px;
    }

    .introduction-text {
        font-size: 17.5px;
        line-height: 38px;
        margin: 45px auto 55px auto;
    }
}


@media screen and (max-width:850px) {

    .introduction {
        margin-top: 70px;
        position: relative;
    }

    .triangle-line {
        top: -80px;
        height: 40px;
    }

    .introduction-catch {
        font-size: 28px;
    }

    .introduction-text {
        font-size: 18px;
        line-height: 36px;
        text-align: left;
        margin: 40px auto 50px auto;
    }
}


@media screen and (max-width:450px) {

    .triangle-line {
        top: -160px;
        height: 22px;
        width: 1px;
        top: -73px;
    }

    .introduction-catch {
        font-size: 20px;
    }

    .introduction-text {
        font-size: 16px;
        line-height: 30px;
        margin: 20px auto 40px auto;
    }
}



/*---- 十九田陶業が選ばれる理由 ----*/

@media screen and (min-width:851px) and (max-width:1159px) {

    .reason-contents img {
        width: 145px;
        height: auto;
        /* margin-bottom: 60px; */
    }


    .reason-contents__dl dt {
        font-size: 20px;
        font-weight: 700;
        line-height: 31px;
        text-align: center;
        color: #004AA0;
        margin-bottom: 23px;
    }

    .reason-contents:nth-of-type(3) img {
        margin-bottom: 28px;
    }
}


@media screen and (max-width:850px) {

    .reason {
        margin-top: 100px;
    }

    .reason-contents {
        width: 100%;
        max-width: 390px;
        margin: 0 auto 30px auto;
        /* padding: 68px 22px 44px 22px; */
    }

    .reason::after {
        height: 77%;
        background-image: url(../img/reason__bg__sp.jpg);
        /* background-size: cover;
    background-repeat: no-repeat;
    background-position: center; */
    }
}


@media screen and (max-width:450px) {

    .reason {
        margin-top: 80px;
    }

    .reason-container {
        margin-top: 40px;
    }

    .reason-contents {
        padding: 40px 22px 30px 22px;
    }

    .reason-contents img {
        width: 150px;
        height: 147px;
        margin-bottom: 30px;
    }

    .reason-contents__dl dt {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 13px;
    }
}



/*---- 製品ラインアップ ----*/
@media screen and (min-width:851px) and (max-width:1159px) {


    .lineup-container {
        row-gap: 70px;
        margin: 32px auto 80px auto;
        width: 100%;
        max-width: 820px;
    }

    /* バナー */
    .lineup-banner img {
        width: 80%;
        margin: 0 auto;
        display: block;
    }

}


@media screen and (max-width:850px) {


    /* バナー */
    .lineup-banner {
        /* width: 722px; */
        width: 100%;
        max-width: 722px;
        margin: 80px auto 0 auto;
    }

    .lineup-banner p {
        font-size: 20px;
        margin-bottom: 10px;
    }


}

@media screen and (max-width:795px) {

    .lineup-container {
        display: block;
        /* margin: 32px auto 80px auto; */
    }

    .lineup-contents {
        margin: 0 auto 30px auto;
    }




}


@media screen and (max-width:450px) {

    .lineup {
        margin: 80px auto 0 auto;
    }

    .lineup-container {
        margin: 20px auto 50px auto;
    }

    .lineup-contents {
        width: 100%;
        margin: 0 auto 40px auto;
    }

    .lineup-contents:last-child {
        margin: 0 auto;
    }

    .lineup-img {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    /* .ratio-16-9 {
        aspect-ratio: 16 / 9;
    }

    .ratio-1-1 {
        aspect-ratio: 1 / 1;
    } */

    .lineup-img img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
    }

    /* .lineup-img {
    position: static;
    width: 100%;
    height: fit-content;
    overflow: visible;
}

.lineup-img img {
    position: static;
    transform: none;
    width: auto;
    height: auto;
    max-width: none;
    max-height: none;
    display: block;
    margin: 0 auto;
} */

    /* バナー */
    .lineup-banner p {
        font-size: 18px;
    }

    .lineup-banner p::before {
        top: 60%
    }

    .lineup-banner p::after {
        top: 60%
    }

    .lineup-banner {
        margin: 45px auto 0 auto;
    }

}

/*---- 会社概要 ----*/
@media screen and (min-width:851px) and (max-width:1159px) {

    .company-dl dt {
        font-size: 18px;
        width: 30%;
    }

    .company-dl dd {
        font-size: 18px;
        width: 70%;
        padding: 0 34px;
    }

    .company iframe {
        width: 100%;
    }



}


@media screen and (max-width:850px) {



    .wrapper-top .company {
        margin: 100px auto 0 auto;
        padding: 80px 0 110px 0;
    }

    .company-dl {
        margin: 50px auto 45px auto;
    }

    .company-dl dt {
        font-size: 17px;
    }

    .company-dl dd {
        font-size: 17px;
        padding: 0 20px 0 20px;
    }

    .company iframe {
        width: 100%;
        height: 300px;
    }


}



@media screen and (max-width:450px) {

    .wrapper-top .company {
        margin: 80px auto 0 auto;
        padding: 50px 0 60px 0;
    }


    .company-dl {
        margin: 40px auto;
    }

    .company-dl__flex {
        display: block;
        height: fit-content;
        /* margin-bottom: 16px; */
    }

    .company-dl dt {
        font-size: 16px;
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
    }

    .company-dl dd {
        width: 100%;
        font-size: 16px;
        padding: 13px 20px;
    }

    .company iframe {
        height: 250px;
    }


}




/*---- カタログ ----*/
@media screen and (min-width:851px) and (max-width:1159px) {

    .catalog-container {
        width: 100%;
        max-width: 800px;
    }

    .catalog-container a {
        width: 48%;
    }



}


@media screen and (max-width:850px) {

    .catalog {
        margin: 80px auto 90px auto;
    }

    .catalog-container {
        width: 100%;
        max-width: 436px;
        /* margin: 40px auto 0 auto; */
    }

    .catalog-container a {
        width: 100%;
        margin-bottom: 30px;
    }
}


@media screen and (max-width:450px) {

    .catalog {
        margin: 60px auto 70px auto;
    }

}





/*------------- 会社概要 --------------*/



@media screen and (min-width:851px) and (max-width:1159px) {

    .company_introduction-catch {
        font-size: 26.5px;
        line-height: 54px;
    }

    .company_introduction-text {
        font-size: 17.5px;
        line-height: 37px;
    }
}


@media screen and (max-width:850px) {

    .company_introduction {
        margin: 10vw auto 70px auto;
    }

    .company_introduction-catch {
        font-size: 4.1vw;
        line-height: 6.5vw;
        margin-bottom: 4vw;
    }

    .company_introduction-text {
        font-size: 17px;
        line-height: 34px;
        text-align: left;
    }


}


@media screen and (max-width:450px) {

    .company_introduction-catch {
        font-size: 5.8vw;
        line-height: 8vw;
    }

    .company_introduction-text {
        font-size: 16px;
        line-height: 28px;
    }
}



/*---- さまざまなお悩み・ご希望に対応いたします ----*/
@media screen and (min-width:851px) and (max-width:1159px) {

    .company_worries__ul {
        width: 100%;
    }
}


@media screen and (max-width:850px) {

    .company_worries__ul {
        width: 100%;
        /* margin: 40px auto 0 auto; */
    }

    .company_worries__ul li {
        width: 100%;
        /* font-size: 16px; */
        padding: 16px 10px 16px 10px;
        margin-bottom: 10px;

    }
}


@media screen and (max-width:450px) {

    .company_worries h2 {
        font-size: 22px;
        line-height: 34px;
    }


    .company_worries {
        padding: 55px 0 45px 0;
    }

    .company_worries__ul {
        margin: 25px auto 0 auto;
    }

    .company_worries__ul li {
        font-size: 15px;
    }

}

/*---- 会社概要 ----*/

@media screen and (max-width:450px) {

    .wrapper-company .company {
        padding: 60px 0 60px 0;
    }

}



/*---- 沿革 ----*/
@media screen and (min-width:851px) and (max-width:1159px) {

    .history__dl dt {
        font-size: 18px;
        width: 27%;
        line-height: 35px;
    }

    .history__dl dd {
        font-size: 18px;
        line-height: 35px;
        width: 68%;
    }

    .history__dl dt::before {
        top: 9px;
    }


}



@media screen and (max-width:850px) {

    .history {
        margin: 80px auto 120px auto;
    }

    .history__dl {
        width: 100%;
        max-width: 650px;
        margin: 30px auto 0 auto;
    }

    .history__dl dt::before {
        display: none;
    }

    .history__dl dt::after {
        display: none;
    }

    .history__dl div {
        display: block;
        /* position: relative; */
        padding: 20px 0;
        border-bottom: 1px solid #004AA0;
    }

    .history__dl div:last-child {
        border-bottom: none;
    }

    .history__dl dt {
        font-size: 18px;
        width: 100%;
        /* line-height: 40px; */
        /* position: relative; */
    }

    .history__dl dd {
        font-size: 18px;
        line-height: 30px;
        width: 100%;
    }

}


@media screen and (max-width:450px) {

    .history {
        margin: 60px auto 90px auto;
    }

    .history__dl {
        margin: 20px auto 0 auto;
    }

    .history__dl div {
        padding: 13px 0;
    }

    .history__dl dt {
        font-size: 16px;
        line-height: 30px;
    }

    .history__dl dd {
        font-size: 16px;
        line-height: 26px;
    }
}



/*------------- よくある質問 --------------*/

@media screen and (min-width:851px) and (max-width:1159px) {


    .faq-contents__dl div {
        padding: 50px 50px 50px 60px;
    }
}


@media screen and (max-width:850px) {

    .faq-service h2,
    .faq-product h2 {
        font-size: 24px;
        margin-bottom: 17px;
    }

    .faq-contents__dl div {
        padding: 30px 20px 30px 30px;
        margin-bottom: 14px;
    }

    .faq-contents__dl dt {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .faq-contents__dl dd {
        font-size: 17px;
    }

    .faq-product {
        margin: 80px auto 100px auto;
    }

}


@media screen and (max-width:450px) {

    .faq-service h2,
    .faq-product h2 {
        font-size: 22px;
    }

    .faq-contents__dl dt {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .faq-contents__dl dt::before {
        top: -5px;
    }

    .faq-contents__dl dd::before {
        top: 2px;
    }

    .faq-contents__dl dd {
        font-size: 16px;
    }

    .faq-contents__dl div {
        margin-bottom: 10px;
        padding: 20px 15px 20px 25px;
    }

    .faq-product {
        margin: 55px auto 80px auto;
    }
}



/*------------- 納入実績一覧 --------------*/

@media screen and (max-width:850px) {

    .works-archive {
        margin: 80px auto 60px auto;
    }

    .works-list {
        gap: 20px 0;
    }


    .works-item__thumb img {
        width: 100%;
    }

    .works-item {
        width: 48%;
    }
}


@media screen and (max-width:450px) {

    .works-archive {
        margin: 50px auto 40px auto;
    }

    .works-archive-text {
        font-size: 17px;
    }

    .works-list {
        width: 100%;
        margin-top: 40px;
        gap: 0;
    }

    .works-item {
        width: 80%;
        margin: 0 auto 20px auto;
    }

    .works-item__title {
        line-height: 28px;
    }

    .works-record-container {
        margin-bottom: 50px;
    }

    .works-record {
        margin-bottom: 80px;
    }
}



/*------------- 納入実績ページ --------------*/

@media screen and (max-width:850px) {

    .works-container {
        display: block;
        width: 90%;
        margin: 60px auto 100px auto;
    }

    .works-media {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }

    .works-post {
        width: 100%;
        max-width: 400px;
        margin: 20px auto 0 auto;
    }

    .works-post h1 {
        font-size: 28px;
    }
}


@media screen and (max-width:450px) {

    .works-container {
        margin: 45px auto 70px auto;
    }

    .thumb-container__item img {
        width: 90px;
        height: 90px;
    }
}



/*------------- お問い合わせ --------------*/

@media screen and (min-width:851px) and (max-width:1159px) {

    .contact-wrapper {
        width: 90%;
    }
}


@media screen and (max-width:850px) {

    .contact-wrapper {
        width: 90%;
        margin: 80px auto 100px auto;
    }

    .form-item {
        display: block;
    }

    .form-item__label label {
        display: block;
    }

    .form-item__label label .form-label {
        display: block;
    }

    .form-label {
        margin-bottom: 10px;
    }

    .name-fields input {
        width: 100%;
    }

    .city-input,
    .address-input {
        width: 100%;
        margin-bottom: 16px;
    }

    .email-input {
        width: 100%;
    }

    .contact-wrapper textarea {
        width: 100%;
    }
}


@media screen and (max-width:450px) {

    .contact-wrapper {
        margin: 60px auto 80px auto;
    }

    .form-item {
        padding: 15px 10px;
    }

    .name-fields p {
        column-gap: 8px;
    }

    .prefecture-input {
        width: 162px;
    }

    .postal-code-input {
        width: 138px;
    }

    .form-item__label label {
        padding: 15px 10px;
    }
}



/*------------- プライバシーポリシー --------------*/

@media screen and (max-width:850px) {

    .privacy {
        margin: 80px auto 100px auto;
    }
}


@media screen and (max-width:450px) {

    .privacy {
        margin: 60px auto 80px auto;
    }
}


/*------------- サンクスページ --------------*/

@media screen and (max-width:450px) {

    .thanks-wrapper {
        margin: 30px auto 60px auto;
    }

    .thanks-wrapper h2 {
        font-size: 20px;
        line-height: 33px;
        margin-bottom: 20px;
    }

    .thanks-wrapper p {
        text-align: left;
        margin-bottom: 30px;
    }
}


/*------------- 404 --------------*/

@media screen and (max-width:450px) {

    .wrapper-404 main {
        margin: 30px auto 60px auto;
    }

    .wrapper-404 h2 {
        font-size: 20px;
        line-height: 33px;
        margin-bottom: 20px;
    }

    .wrapper-404 p {
        text-align: left;
        margin-bottom: 30px;
    }
}