@charset "UTF-8";
/* CSS Document */


/*-----------------------------------
ページ大見出し(h1) | 2025.11.03
-----------------------------------*/

.headline {
    background: url("../images/food-education_mv.jpg") 50% 50%; /* 画像差し替え */
    background-size: cover;
    color: #fff;
}

.headline h1 {
    background-color: #e9537d;
}

/*-----------------------------------
サブナビゲーション | 2025.11.03 
-----------------------------------*/

.f-card {
    display: flex;
    justify-content: center;
}

.f-card .card {
    overflow: hidden;
    margin: 1rem 0 0 0;
    /* padding: 0.5rem 0; */   /*  文字位置 */
    padding: 1.25rem 0;
    border: none;
    background-color: transparent;
}

.f-card .card p {
    text-align: center;
    /* font-size: 120%; */   /* 文字数があぶれているため、以下へ書体サイズ調整 */
    font-size:94%;
    /* margin-bottom: 0; */
    line-height: 1.2;
    justify-content: center;
}

/* .f-card .card div.card-en {   ← 英語表記を利用しない場合はここのCSSを利用しない
    text-align: center;
    border: none;
    font-family: 'Nanum Brush Script', cursive;
    font-size: 110%;
    line-height: 0.7;
} */

.f-card .row {
    background: url("../../images/flag03a.png") 0 50% no-repeat;
    background-size: 100% 98%;
    margin: 0 -1.5rem;
}

/* 入園ページの構成が変わる事で、文字数によりメニュー間隔の微調整追加 2025.10.10*/
.card.adjust-left {
    margin-left: -30px;
    /* margin-left: -5px; */
    /* -5px〜-15pxで好みに応じて調整してOK */
}

/* スマホ時は左寄せを無効にする */
@media screen and (max-width: 767px) {
    .card.adjust-left {
        margin-left: 0 !important;
    }
}

@media screen and (max-width: 991px) {
    .f-card .card p {
        font-size: 88%;
        margin-bottom: 0.3rem;
    }
}

/*TBここまで*/

@media screen and (max-width: 768px) {
    .f-card-outside {
        justify-content: space-between;
        margin: 0;
    }

    .f-card .row {
        background: url("../../images/flag03.png") 0 50% no-repeat;
        background-size: 100% 98%;
        margin: 0 -1.5rem;
    }

    .f-card .card {
        margin: 0;
        padding: 0;
    }

    .f-card .card p {
        font-size: 84%;
        line-height: 1.3 !important;
        padding: 0.7rem 0.2rem 0.2rem 0.2rem;
    }

    .f-card .card p::before {
        margin-right: 0;
    }

    .f-card .card p::after {
        margin-left: 0;
    }

    .f-card-outside .f-card .card p::before,
    .f-card-outside .f-card .card p::after {
        content: "\A";
        display: inline-block;
        width: 0px;
        height: 0px;
        /* vertical-align: middle; */
        background: none !important;
    }

    .f-card .card div.card-en {
        padding: 0.2rem 0.2rem 0rem 0.2rem;
        margin-top: 0;
        font-size: 80%;
        color: #d71723;
    }
}

/*SPここまで*/


/*-----------------------------------
アンダーライン | 2025.11.03 
-----------------------------------*/

.ttl-1a hr {
    border-bottom: #e9537d dashed 3px;
    border-top: none;
    width: 200px;
}

.ttl-2a hr {
    border-bottom: #35b597 dashed 3px;
    border-top: none;
    width: 200px;
}

.ttl-3a hr {
    border-bottom: #ed6d3d dashed 3px;
    border-top: none;
    width: 200px;
}

.ttl-4a hr {
    border-bottom: #12b8d7 dashed 3px;
    border-top: none;
    width: 200px;
}

.ttl-4a2{
    text-decoration: underline #512301;
    text-underline-offset:0.75em;
    font-weight: bolder;
}

/*-----------------------------------
Youtube埋込　レスポンシブ対応（2025.11.05）
-----------------------------------*/

.youtube {
    position: relative;
    height: 0;
    padding: 30px 0 56.25%;
    overflow: hidden;
}

.youtube iframe {
    position: absolute;
    border-radius: 25px;
    border: solid 4px #ccc;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/*-----------------------------------
ページ中見出し(h3)
-----------------------------------*/

.underlayer h3 {
    padding-bottom: 1rem;
    font-size: 130%;
}

@media screen and (max-width: 767px) {
    .underlayer h3 {
        padding-bottom: 1rem;
        font-size: 125%;
    }
}

/*TBここまで*/

/*-----------------------------------
Recruitment
-----------------------------------*/

.features img {
    width: 100%;
}

.features .btn,
.features-btn01 {
    padding: 0.5rem 1.8rem;
    margin-left: 1rem;
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: #522201;
    transition: .4s;
}

.features-btn01 {
    border: solid 1px #f9bf3d;
    background: repeating-linear-gradient(-45deg, #f9bf3d, #f9bf3d 6px, #fca203 6px, #fca203 14px);
    text-shadow: 0 0 5px #ed6d3d;

}

.features-btn02 {
    border: solid 1px #ef8a53;
    background: repeating-linear-gradient(-45deg, #ef8a53, #ef8a53 6px, #ed6d3d 6px, #ed6d3d 14px);
    text-shadow: 0 0 5px #fc5522;
}

.btn-flat-stripe:hover {
    background: repeating-linear-gradient(-45deg, #ef8a53, #ef8a53 6px, #ed6d3d 6px, #ed6d3d 14px);
}

.features .btn a,
.features-btn01 a {
    color: #fff;
    padding: 0;
    margin: 0;
    font-weight: 500;
}

.features .btn a:hover,
.features-btn01 a:hover {
    color: #fff;
}

.features-msg img {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding-right: 1em;
}

.features-msg dl {
    display: inline-block;
    width: 60%;
    line-height: 1.5;
}

.features-msg dt::before {
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    display: block;
    color: #ed6d3d;
}

.features-msg dd {
    margin-bottom: 0;
}

.features-msg .col-md-4 a {
    padding: 1rem 1.5rem;
    display: flex;
    justify-content: space-around;
}

.features .table {
    width: 80%;
    margin: 0 auto;
    color: #512301;
}

.table td,
.table th {
    background: #fef9f9;
    border-top: 1px solid #fdeae2;
}

.table tr:nth-child(even) td,
.table tr:nth-child(even) th {
    background: #fff;
}

.features .table th {
    width: 30%
}

@media screen and (max-width: 991px) {
    .features-msg img {
        display: inline-block;
        width: 100%;
        height: 100%;
        padding-right: 1em;
    }
}

/*TBここまで*/

@media screen and (max-width: 767px) {
    .features .btn {
        width: 100%;
        margin-left: 0;
    }

    .features-btn01 a,
    .features-btn02 a {
        font-size: 90%;
    }

    .features .table {
        width: 100%;
    }

    .features .table th,
    .features .table td {
        display: block;
        width: 100%
    }

    .features .table th {
        padding-bottom: 0px;
    }

    .features .table td {
        border: none;
        padding-top: 5px;
    }
}