@charset "UTF-8";

/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
body {
    font-family: "Times New Roman", Times, serif;
}

/* main visual */
#content.l-content {
    margin-bottom: 0;
}

/* .p-mainVisual__textLayer .p-mainVisual__slideTitle {
    font-size: 60px;
    line-height: 1.6;
    background-color: rgba(255,255,255,0.6);
    text-align: center;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}
.p-mainVisual__textLayer .p-mainVisual__slideText {
    font-size: min(16px, 1.8vw);
    margin: 0;
    text-align: center;
    background-color: rgba(255,255,255,0.6);
	padding-bottom: 1rem !important;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
} */
/* TEL & Mail */
.btn-menu {
    white-space: nowrap;
}

@media (min-width: 960px) {
    .-parallel .l-header__logo {
        width: 20%;
    }

    .l-header.-parallel .w-header {
        width: 80%;
        display: flex;
        justify-content: flex-end;
    }
}

/* ヘッダーナビ */
.c-gnav>.menu-item>a .ttl {
    font-size: 16px;
    font-weight: bold;
}

.p-about {
    margin: 0 40px 0 40px;
}

/* 固定ページ */
.l-topTitleArea__body {
    color: #333;
}

/* footer */
.c-widget__title.-footer {
    font-size: 1.5rem;
}

@media screen and (max-width: 768px) {
    .p-mainVisual__textLayer .p-mainVisual__slideTitle {
        font-size: 20px;
    }

    .p-about {
        margin: 0 10px 0 10px;
    }
}

/* contact */
/*――――「表」デザイン――――*/
table.tb_form {
    border: 1px solid black;
    border-collapse: collapse;

    &>tbody {
        &>tr {

            &>th,
            td {
                border: 1px solid black;
            }

            &>th {
                text-align: left;
                padding: 0.5rem;

                &>p {
                    white-space: nowrap;
                }
            }

            &>td {
                text-align: left;
                padding: 0.5rem;

                &>p>span>input {
                    width: 100%;
                }

                &>p>span>textarea {
                    width: 100%;
                }
            }
        }
    }
}

@media (max-width: 767px) {
    table.tb_form {
        border-top: none;

        &>tbody {
            &>tr {
                display: flex;
                flex-direction: column;

                &>th,
                td {
                    border: 0;
                }

                &>th {
                    border-top: 1px solid black;
                    padding-bottom: 0;
                }

                &>td {
                    padding-top: 0;

                    &>p {
                        margin-top: 0;
                    }
                }
            }
        }
    }
}




/*―――――表示―――――*/



/*―――「必須」デザイン―――*/
.required-srt {
    font-size: 0.7em;
    padding: 6px;
    border-radius: 3px;
    margin-right: 10px;
    background: #477B53;
    color: #ffffff;
}

/*―――「任意」デザイン―――*/
.voluntary-srt {
    font-size: 0.7em;
    padding: 6px;
    border-radius: 3px;
    margin-right: 10px;
    background: #bec2b1;
    color: #ffffff;
}

/*――「送信ボタン」デザイン――*/
.submit-btn input {
    background-color: #477B53;
    border: 0;
    color: #ffffff;
    font-size: 1.3em;
    font-weight: bolder;
    margin: 0 auto;
    padding: 10px 35px;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
}

.submit-btn {
    text-align: center;
    margin-top: 20px;
    cursor: pointer;
}

.submit-btn input:hover {
    background: #1b3020;
    color: #FFFFFF;
    cursor: pointer;
}