@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
*/


/* ========== top page ========== */
.merit_bk_to1 {
    background-image: url(https://ptn-kids-kensyu.com/wp-content/uploads/2024/05/merit_bk.png);
    background-position: center top, center top;
    background-repeat: no-repeat, repeat-y;
    background-size: 60%, 100%;
    border-bottom: 5px solid #0078C5;
}

.merit_bk_arrow {
    background-image: url(http://459360.jp/pa-tona/wp-content/uploads/2024/03/7127ab5b48a5aab2c4b2a0556c47bd7e.png);
    background-position: bottom center;
    background-size: 100% auto;
}
i.fa-regular.fa-circle-check.fa-2xl {
    color: #004BB1;
    font-size: 3.5em;
}
/* スマホ用 */
@media (max-width: 425px) {
    i.fa-regular.fa-circle-check.fa-2xl {
        font-size: 2.5em;
    }
}


.merit_bk_to1 .check {
    width: 80%;
    margin: 0 auto;
}
/* スマホ用 */
@media (max-width: 425px) {
    .merit_bk_to1 .check {
        width: 100%;
    }
}


.merit_bk_to1 .check.more > div {
    justify-content: center;
}
/* スマホ用 */
@media (max-width: 425px) {
    .merit_bk_to1 .check.more .text p {
        font-size: 1.9rem!important;
    }
}


.support_column > div {
    justify-content: center;
    gap: 10em;
}
/* タブレット用 */
@media (max-width: 768px) {
    .support_column > div {
        gap: 2.5em;
    }
}



/* ----- トップお問い合わせ ----- */
.side_border {
    display: flex;
    align-items: center;
}
.side_border::before, .side_border::after {
    content: '';
    height: 1px;
    flex-grow: 1;
    background-color: #FFF;
}
.side_border::before {
    margin-right: 1em;
}
.side_border::after {
    margin-left: 1em;
}
.top_contact .contact_btn a {
    border-radius: 10px;
    background: linear-gradient(0deg, #D10042, #F4497F);
    border: 2px solid #FFF;
    font-size: 1.5rem;
}
/* スマホ用 */
@media (max-width: 425px) {
    .top_contact .side_border {
        font-size: 1rem!important;
    }
    .top_contact .tel { font-size: 1.2rem!important; }
    .top_contact .contact_btn a {
        font-size: 1.2rem;
    }
}

/* ----- おすすめ ----- */
.bottom_fuki {
	width: 30%;
    margin: 0 auto 1.5rem;
    position: relative;
    padding: 0.2rem 0;
    border-bottom: 3px solid;
    text-align: center;
}	
/* スマホ用 */
@media (max-width: 425px) {
    .bottom_fuki {
        width: 85%;
    }
}


.bottom_fuki::before, .bottom_fuki::after {
    position: absolute;
    top: 100%;
    left: 50%;
    content: "";
    height: 0;
    width: 0;
}
.bottom_fuki::before {
    border: 16px solid;
    border-color: transparent;
    border-top-color: #D6A546;
    margin-left: -16px;
}
.bottom_fuki::after {
    border: 11px solid;
    border-color: transparent;
    border-top-color: #FFF;
    margin-left: -11px;
}

/* ----- サポート ----- */
.support {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.3);
    z-index: 1;
}

/* ----- メリット ----- */
.case p.has-background {
    padding: 0.5em 1em;
}
.case > div > div {
    background-color: #FFF;
    border: 1px solid #005EAB;
    border-radius: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}
.case > div > div > p {
    border-radius: 10px 10px 0 0;
}
.case .case_inner {
    padding: 0 2em 3em;
}
.case p.vertical {
    background-color: #CDD6DD;
    width: 4em;
    height: 4em;
    display: inline-grid;
    border-radius: 50%;
    align-content: center;
    text-align: center;
    padding: 0.5em;
    line-height: 1.2;
}
.case > div {
    justify-content: center;
}

/* タブレット用 */
@media (max-width: 768px) {
    .case > div {
        justify-content: center;
    }
    .merit_bk_to1 {
        background-size: 60%, 66%;
    }
    .merit_bk_to1::before {
        width: 20%;
    }
    .merit_bk_to1::after {
        width: 20%;
    }
}
/* スマホ用 */
@media (max-width: 425px) {
    .merit_bk_to1 {
        background-size: 92%, 100%;
    }
    .merit_bk_to1 > div > p {
        font-size: 1.3rem!important;
    }
    .merit_bk_to1::before {
        width: 5%;
    }
    .merit_bk_to1::after {
        width: 5%;
    }
    .unit_text {
        font-size: 4rem!important;
    }
}

/* ----- 研修について ----- */
.about {
    background-repeat: repeat!important;
    background-size: 538px 404px!important;
    border-bottom: 5px solid #0078C5;
}
.about h3 {
	background-color: #004BB1;
    color: #FFF;
    padding: 0.5em 1em;
    display: inline-block;
}
.about > div > div > div {
    position: relative;
    top: -2.5em;
    padding-bottom: 0!important;
    min-height: 300px;
}
.about > div > div {
    border: 1px solid #004BB1;
    border-radius: 10px;
}
.about_image_l figure {
    border-radius: 10px 0 0 10px;
}
.about_image_r figure {
    border-radius: 0 10px 10px 0;
}
@media (max-width: 425px) {
    .about_image_l figure, .about_image_r figure {
        border-radius: 10px 10px 0 0;
    }
}

/* ----- よくある質問 ----- */
.swell-block-faq .faq_q {
    padding: 1em 1em 1em 4em;
    border: 1px solid #0078C5;
    border-radius: 100vh;
    margin-bottom: 1em;
}
.swell-block-faq .faq_q:before {
    line-height: 3.5;
    top: 0em;
    width: 3.5em;
}
.swell-block-faq .faq_a {
    padding: 1em 1em 1em 4em;
}
.swell-block-faq .faq_a:before {
    line-height: 3.5;
    top: 0em;
    width: 3.5em;
}
.swell-block-faq__item {
    margin-bottom: 4em;
    font-size: 1.2em;
}

/* ----- 研修概要 ----- */
.including_text_fee {
    background-color: #005EAB;
    color: #FFF;
    padding: 0.2em 1.2em;
    border-radius: 100vh;
}
.workshop p.morning, .workshop p.afternoon {
    color: #FFF;
    padding: 0.2em 1.5em;
}
.workshop p.morning {
    background-color: #0078C5;
}
.workshop p.afternoon {
    background-color: #113C7F;
}
.workshop {
    border-bottom: 5px solid #0078C5;
}
i.fa-solid.fa-circle-chevron-right.fa-2xl {
    color: #113C7F;
}

/* ----- お問い合わせボタン ----- */
.contact .contact_mail {
    width: 70%;
    margin: 0 auto;
}
.contact .contact_btn a {
    background: #D10042;
    border-radius: 12px;
}
@media (max-width: 425px) {
    .contact > div > div > div > p { font-size: 1.2rem!important; }
    .contact .contact_mail {
        width: 100%;
    }
    .contact .contact_mail > div > p {
        font-size: 1rem;
    }
}

/* ========== 申し込みフォーム ========== */
.custom-contact-form .form-row {
    display: flex;
    margin-bottom: 2em;
    padding-bottom: 2em;
    border-bottom: 1px dotted #CCC;
}
.custom-contact-form .label {
    display: grid;
    width: 3em;
    height: 2em;
    place-items: center center;
    color: #FFF;
    margin-right: 0.5em;
}
.custom-contact-form .required {
    background-color: #D10042;
}
.custom-contact-form .optional {
    background-color: #0078C5;
}
.custom-contact-form .field-label {
    width: 8em;
    text-align: right;
    margin-right: 0.5em;
}
.custom-contact-form .name input {
    width: 40%;
    margin-right: 0.5em;
}
.custom-contact-form .name > p {
    width: 60%;
}
.custom-contact-form .initial_selection {
    display: block;
    margin-bottom: 1em;
    padding-left: 11em;
}
.custom-contact-form .others {
    display: flex;
}
.custom-contact-form .submit_button {
    display: block!important;
    text-align: center;
}
span.wpcf7-spinner {
    display: block;
    margin: 0 auto;
}

@media (max-width: 425px) {
    .custom-contact-form .name .field-label {
        width: 4.5em;
    }
    .custom-contact-form .others {
        margin-bottom: 0.5em;
    }
    .custom-contact-form .miscellaneous {
        display: block;
    }
    .custom-contact-form .initial_selection {
        padding: 0;
        text-align: center;
    }
}

/* ========== フッター =========== */
.l-container {
    position: relative;
}

.l-footer ul.c-iconList {
    position: absolute;
    right: 5em;
}