/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@charset "UTF-8";
/*============================
カスタムプロパティ　変数
============================*/ :root {
    --c-red: #E33C23;
    --c-orange: #EC6813;
    --c-brightYellow: #fdf5d5;
    --c-lightYellow: #FFF8E5;
    --c-Yellow: #f9e9a2;
    --c-brown: #503A00;
    --c-black: #1a1a1a;
    --c-white: #fff;
    --c-gray: #F8F8F8;
    --c-linegray: #D5D5D5;
    --c-brightorange: #F7D098;
    /*----------------------------リスト幅*/
    --w-1: calc((100% / 24) * 1);
    --w-2: calc((100% / 24) * 2);
    --w-3: calc((100% / 24) * 3);
    --w-4: calc((100% / 24) * 4);
    --w-5: calc((100% / 24) * 5);
    --w-6: calc((100% / 24) * 6);
    --w-7: calc((100% / 24) * 7);
    --w-8: calc((100% / 24) * 8);
    --w-9: calc((100% / 24) * 9);
    --w-10: calc((100% / 24) * 10);
    --w-11: calc((100% / 24) * 11);
    --w-12: calc((100% / 24) * 12);
    --w-13: calc((100% / 24) * 13);
    --w-14: calc((100% / 24) * 14);
    --w-15: calc((100% / 24) * 15);
    --w-16: calc((100% / 24) * 16);
    --w-17: calc((100% / 24) * 17);
    --w-18: calc((100% / 24) * 18);
    --w-19: calc((100% / 24) * 19);
    --w-20: calc((100% / 24) * 20);
    --w-21: calc((100% / 24) * 21);
    --w-22: calc((100% / 24) * 22);
    --w-23: calc((100% / 24) * 23);
    --w-24: calc((100% / 24) * 24);
    /*----------------------------横幅*/
}
/*----------------------------初期スタイル*/
*::before, ::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    font-size: 62.5%;
    background-color: #FFFFFF;
}
body * {
    color: #272727;
}
body {
    font-size: 1.6rem;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    -webkit-text-size-adjust: 100%; /*スマホ　文字サイズ対策*/
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    color: var(--c-brown);
    word-break: break-all;
    line-height: 1.3;
}
a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* スマホのハイライトデザインを無効にする */
    text-decoration: none;
    -webkit-transition: all ease .2s;
    -o-transition: all ease .2s;
    transition: all ease .2s;
}
a:hover {
    opacity: .6;
}
a:focus {
    outline: none;
}
img {
    vertical-align: bottom;
    border: 0;
    max-width: 100%;
    height: auto;
    width /***/ : auto;
    border-radius: 10px;
}
p {
    color: #3C3C3C;
    line-height: 1.75;
    z-index: 1;
    text-align: start;
    font-size: 1.7rem;
}
h1 {
    font-size: clamp(2rem, 2.7vw, 2.7rem);
    display: inline-block;
    margin-bottom: 2rem;
    border-left: solid 13px #A4CF74;
    padding-left: 10px;
}
h2 {
    color: #3AB544;
    font-size: clamp(1.5rem, 2.3vw, 2.3rem);
    margin-top: 1.4em;
}
h3 {
    font-size: clamp(1.4rem, 2vw, 2rem);
    margin-top: .5em;
}
h4 {
    color: #595757;
    display: inline-block;
    margin: 0 2em;
}
h5 {
    display: block;
    color: #fff;
    font-size: clamp(1rem, 2vw, 2rem);
    text-align: left;
}
h5 span {
    display: block;
    color: #fff;
    font-size: clamp(2.2rem, 3.2vw, 3.5rem);
    margin-top: .4em;
    margin-bottom: 1.3em;
}
h6 {
    display: block;
    color: #fff;
    font-size: clamp(1rem, 1.6vw, 1.6rem);
    text-align: left;
}
h6 span {
    display: block;
    color: #fff;
    font-size: clamp(2.2rem, 2.6vw, 3rem);
    margin-top: .4em;
}
ul, li {
    list-style: none;
}
.white_text {
    color: #fff;
    font-weight: 500;
    font-size: clamp(1.3rem, 1.4vw, 1.6rem);
    
}
.green_text {
    color: #3AB544;
    font-weight: 700;
    font-size: clamp(1.3rem, 1.4vw, 1.6rem);
    
}


.info_text {font-size: clamp(1.2rem, 1.6vw, 1.6rem);}
.md_text {font-size: clamp(1rem, 1.3vw, 1.3rem);
line-height: 1.55;}
/*============================
layout
============================*/
.wrap {
    width: 100%;
    height: 100%;
}
.ly_content {
    padding: 5% 2.5%;
    max-width: 1280px;
    margin: auto;
}
.ly_content__inner {
    max-width: 1280px;
    margin: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.ly_center {
    padding: 2em 6em;
}
/*----------------------------親要素をはみ出す*/
.ly_over_content {
    margin: 0 calc(50% - 50vw);
    width: 85vw;
}
/*============================
color
============================*/

.bg_top {background-color: #FCFFF4;}
.bg_beige {
    background-color: #fdf5d5;
}
.bg_red {
    background-color: #EA4E4E;
}
.bg_pink {
    background-color: #e34272;
}
.bg_green {
    background-color: #3AB544;
}
.bg_lightgreen {
    background-color: #A9E08B;
}.bg_blightgreen {
    background-color: #78C32D;
}
.bg_blue {
    background-color: #036EB8;
}
.bg_lightblue {
    background-color: #2ea7e0;
}
.bg_orange {
    background-color: var(--c-orange);
}
.bg_grayorange {
    background-color: #ee7e57;
}
.bg_gray {
    background-color: #898989;
}
.bg_orange_line {
    background-color: #F4F7DF;
    border: solid 1px #006934;
}
.bg_purple {
    background-color: #8F03EA;
}
.bg_red_purple {
    background-color: #BC2081;
}
.bg_blue_purple {
    background-color: #680A93;
}
.bg_brown {
    background-color: #6a3906;
}
.bg_navy {
    background-color: #1d2088;
}
.bg_yellow {
    background-color: #F0D644;
}
.bg_black {
    background-color: #000;
}
.bg_lightpink {
    background-color: #F8D9DE;
}
.bg_rightgray {
    background-color: #F4F4F4;
}

.bg_whitegreen {background-color: #D3F4D0;}

.bg_lightorange {background-color: #F5D0A5;}

.bg_whiteblue {background-color: #D4ECF8;}

.bg_white {background-color: #fff;}

.bg_greenline {background-color: #fff;
border: solid 2px #3AB544;
border-radius: 10px;}


/*----------------------------グリッドレイアウト*/
.bl_cardUnit, .bl_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
}
.bl_row__nowrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    list-style: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.bl_cardUnit.no-wrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.__justify-content_center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.__flex-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.__flex-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.__space-around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
.__space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.__align-baseline {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    -ms-grid-row-align: baseline;
    align-items: baseline;
}
.__align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}
.__align-flex-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
}
.__align-flex-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
}
.__align-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch;
}
/*============================
button
============================*/
/*----------------------------汎用ボタン*/
.el_btn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    width: 10em;
    margin: 0 0.4em 0 0;
    padding: .4em 0;
    border-radius: 50px;
    color: #fff;
    font-weight: 800;
}
.long {
    width: 12em;
}
.el_btn2 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    width: 7em;
    margin: 0.5em 1em 0.5em 0.5em;
    padding: .8em 0;
    border-radius: 50px;
    color: #fff;
    font-weight: 800;
}
.el_btn3 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    width: 8em;
    margin: 0.8em 0em .8em 0.5em;
    padding: .6em 0;
    border-radius: 50px;
    color: #fff;
    font-weight: 800;
}
.el_btn4 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    width: 8em;
    margin: 0.3em 0em .3em 0.3em;
    padding: 0.5em 0.5em;
    border-radius: 50px;
    color: #fff;
    font-weight: 700;
    font-size: clamp(.8rem, 1.4vw, 1.4rem);
}
.el_btn:hover, .el_btn2:hover, .el_btn3:hover, .el_btn4:hover {
    opacity: .6;
    -webkit-transition: all ease .2s;
    -o-transition: all ease .2s;
    transition: all ease .2s;
}
.lg_1_24 {
    width: var(--w-1);
}
.lg_2_24 {
    width: var(--w-2);
}
.lg_3_24 {
    width: var(--w-3);
}
.lg_4_24 {
    width: var(--w-4);
}
.lg_5_24 {
    width: var(--w-5);
}
.lg_6_24 {
    width: var(--w-6);
}
.lg_7_24 {
    width: var(--w-7);
}
.lg_8_24 {
    width: var(--w-8);
}
.lg_9_24 {
    width: var(--w-9);
}
.lg_10_24 {
    width: var(--w-10);
}
.lg_11_24 {
    width: var(--w-11);
}
.lg_12_24 {
    width: var(--w-12);
}
.lg_13_24 {
    width: var(--w-13);
}
.lg_14_24 {
    width: var(--w-14);
}
.lg_15_24 {
    width: var(--w-15);
}
.lg_16_24 {
    width: var(--w-16);
}
.lg_17_24 {
    width: var(--w-17);
}
.lg_18_24 {
    width: var(--w-18);
}
.lg_19_24 {
    width: var(--w-19);
}
.lg_20_24 {
    width: var(--w-20);
}
.lg_21_24 {
    width: var(--w-21);
}
.lg_22_24 {
    width: var(--w-22);
}
.lg_23_24 {
    width: var(--w-23);
}
.lg_24_24 {
    width: var(--w-24);
}
/*============================
text-align
============================*/
.bl_align__right {
    text-align: right;
}
.bl_align__left {
    text-align: left;
}
.bl_align__center {
    text-align: center;
}
.bl_align__justify {
    text-align: justify;
}
/*============================
list
============================*/
.ly_list_wrap {
    width: 100%;
    margin: auto;
}
.ly_list_wrap2 {
    width: 105%;
    margin: auto 0em auto -2em;
}
.bl_list__wrap, .bl_list__wrap__pt2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.bl_list__wrap li:nth-of-type(3n), .bl_list__wrap__pt2 li:nth-of-type(3n) {
    margin-right: 0;
}
.bl_list__wrap li, .bl_list__wrap__pt2 li {
    width: calc(100% / 3 - 2%);
    margin-right: 0px;
    margin-bottom: 1.5%;
    list-style: none;
}
/*============================
font
============================*/
/*----------------------------英語*/
.el_en {
    font-weight: 600;
    font-style: normal;
}
.el_ja {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: 600;
    font-style: normal;
}
/*============================
title
============================*/
/*----------------------------フッターエントリータイトル*/
.bl_entryTtl {
    font-size: 9rem;
    font-family: "futura-pt", sans-serif;
    font-weight: 600;
    font-style: normal;
    color: var(--c-main);
}
.bl_entryTtl span {
    font-size: 30%;
    display: block;
}
/*----------------------------ハンバーガメニューエントリータイトル*/
.bl_entryTtl_menu {
    font-size: 3.9rem;
    font-family: "futura-pt", sans-serif;
    font-weight: 600;
    font-style: normal;
    color: var(--c-main);
}
.bl_entryTtl_menu span {
    font-size: 30%;
    display: block;
}
/*----------------------------hover時opacyty以外の設定*/
.el_btnBgColor__lightYellow:hover {
    background: var(--c-main);
    color: var(--c-white);
    opacity: 1;
}
/*----------------------------btn hover時*/
.el_btn_style__pt1:hover {
    background-color: var(--c-main);
    color: var(--c-white);
    opacity: 1;
}
.el_btn_style__pt1:hover i {
    color: var(--c-white);
}
/*----------------------------btn セットのアイコン*/
.el_btn_style__pt1 i {
    color: var(--c-main);
    margin-right: .5em;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.el_btn_style__pt2 i {
    color: var(--c-white);
    margin-right: .5em;
}
/*----------------------------お知らせ欄*/
.el_tag_news {
    display: inline-block;
    font-size: 1.2rem;
    font-weight: bold;
    color: var(--c-brown);
    background-color: var(--c-white);
    padding: .5em 1em;
    border-radius: 100vh;
}
/*----------------------------フォーム*/
.el_tag_required {
    display: inline-block;
    font-size: 1rem;
    color: var(--c-white);
    background-color: var(--c-main);
    padding: 0.25em 0.8em;
    border-radius: .5em;
}
/*============================
summaru toggle
============================*/
summary {
    display: block;
    list-style: none;
}
/* 一部ブラウザで消えなかった場合は以下も追記 */
summary::-webkit-details-marker {
    display: none;
}
/*============================
hidden 設定
============================*/
.lg_hidden {
    display: none;
}
.md_hidden {
    display: block;
}
.sm_hidden {
    display: block;
}
.lg_md_hidden {
    display: none;
}
.lg_sm_hidden {
    display: none;
}
.md_sm_hidden {
   /* display: block;*/
}
/*============================
スクロールバー　設定
============================*/
.scroll-content {
    height: 6em;
    overflow: auto;
}
.mCSB_scrollTools {}
.mCSB_draggerContainer {
    background: #eaeaea;
    width: 80%;
    margin: 25% auto;
    border-radius: 1em;
}
.mCSB_dragger {
    background: #0090cc;
    border-radius: 1em;
}
.mCSB_dragger_bar {
    display: none;
}
.mCSB_draggerRail {
    display: none;
}
/*============================
ページネーション　設定
============================*/
/*paginathing.min.js 使用*/
.list-group {}
.pagination {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: center;
    padding: 5px;
}
.pagination li {
    margin: 5px;
    color: #fff;
}
.pagination a {
    display: block;
    text-decoration: none;
    padding: 1em;
}
.pagination a:hover {
    background-color: #004986;
    opacity: 1;
    color: #fff;
}
.active {
    /*background-color: #004986;*/
    /*color: #fff;*/
}
.active a {
    /*color: #fff;*/
}
.page-item:not(.active) {}
/*--------------------------------------------
list
--------------------------------------------*/
/*-- ul li --*/
.bl_li_inside {
    list-style-position: inside;
}
/*--------------------------------------------
float
--------------------------------------------*/
/*-- float --*/
.bl_float_left {
    float: left;
}
.bl_float_right {
    float: right;
}
.bl_float_left::after, .bl_float_right::after {
    content: " ";
    clear: both;
    display: block;
}
@media (max-width: 959px) {
    /*============================
	スタムプロパティ　変数
	============================*/
    /*----------------------------初期スタイル*/
    body {
        font-size: 1.4rem;
    }
    p {
        font-size: 1.2rem;
    }
    h6 {
        display: block;
        color: #fff;
        font-size: clamp(0.7rem, 1.3vw, 1.3rem);
        text-align: left;
        margin-top: -0.3em;
    }
    h5 span {
        margin-bottom: 0.5em;
    }
    h6 span {
        display: block;
        color: #fff;
        font-size: clamp(1.2rem, 2.8vw, 2.9rem);
        margin-top: .4em;
    }
    /*============================
	layout
	============================*/
    .md_1_24 {
        width: var(--w-1);
    }
    .md_2_24 {
        width: var(--w-2);
    }
    .md_3_24 {
        width: var(--w-3);
    }
    .md_4_24 {
        width: var(--w-4);
    }
    .md_5_24 {
        width: var(--w-5);
    }
    .md_6_24 {
        width: var(--w-6);
    }
    .md_7_24 {
        width: var(--w-7);
    }
    .md_8_24 {
        width: var(--w-8);
    }
    .md_9_24 {
        width: var(--w-9);
    }
    .md_10_24 {
        width: var(--w-10);
    }
    .md_11_24 {
        width: var(--w-11);
    }
    .md_12_24 {
        width: var(--w-12);
    }
    .md_13_24 {
        width: var(--w-13);
    }
    .md_14_24 {
        width: var(--w-14);
    }
    .md_15_24 {
        width: var(--w-15);
    }
    .md_16_24 {
        width: var(--w-16);
    }
    .md_17_24 {
        width: var(--w-17);
    }
    .md_18_24 {
        width: var(--w-18);
    }
    .md_19_24 {
        width: var(--w-19);
    }
    .md_20_24 {
        width: var(--w-20);
    }
    .md_21_24 {
        width: var(--w-21);
    }
    .md_22_24 {
        width: var(--w-22);
    }
    .md_23_24 {
        width: var(--w-23);
    }
    .md_24_24 {
        width: var(--w-24);
    }
    /*============================
	summaru toggle
	============================*/
    summary {}
    /* 一部ブラウザで消えなかった場合は以下も追記 */
    summary::-webkit-details-marker {}
    /*============================
	hidden 設定
	============================*/
    .lg_hidden {
        display: block;
    }
    .md_hidden {
        display: none;
    }
    .sm_hidden {
        display: block;
    }
    .lg_md_hidden {
        display: none;
    }
    .lg_sm_hidden {
        display: block;
    }
    .md_sm_hidden {
        display: none;
    }
    .el_btn {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        width: 8em;
        /* margin: 0.8em 1em 0.5em 0.5em;*/
        padding: .3em 0;
        border-radius: 50px;
        color: #fff;
        font-weight: 800;
        font-size: clamp(1.2rem, 1.4vw, 1.4rem);
    }
    .long {
        width: 10em;
    }
}
@media (max-width: 559px) {
    /*----------------------------初期スタイル*/
    .sm_1_24 {
        width: var(--w-1);
    }
    .sm_2_24 {
        width: var(--w-2);
    }
    .sm_3_24 {
        width: var(--w-3);
    }
    .sm_4_24 {
        width: var(--w-4);
    }
    .sm_5_24 {
        width: var(--w-5);
    }
    .sm_6_24 {
        width: var(--w-6);
    }
    .sm_7_24 {
        width: var(--w-7);
    }
    .sm_8_24 {
        width: var(--w-8);
    }
    .sm_9_24 {
        width: var(--w-9);
    }
    .sm_10_24 {
        width: var(--w-10);
    }
    .sm_11_24 {
        width: var(--w-11);
    }
    .sm_12_24 {
        width: var(--w-12);
    }
    .sm_13_24 {
        width: var(--w-13);
    }
    .sm_14_24 {
        width: var(--w-14);
    }
    .sm_15_24 {
        width: var(--w-15);
    }
    .sm_16_24 {
        width: var(--w-16);
    }
    .sm_17_24 {
        width: var(--w-17);
    }
    .sm_18_24 {
        width: var(--w-18);
    }
    .sm_19_24 {
        width: var(--w-19);
    }
    .sm_20_24 {
        width: var(--w-20);
    }
    .sm_21_24 {
        width: var(--w-21);
    }
    .sm_22_24 {
        width: var(--w-22);
    }
    .sm_23_24 {
        width: var(--w-23);
    }
    .sm_24_24 {
        width: var(--w-24);
    }
    /*============================
	text-align
	============================*/
    /*============================
	summaru toggle
	============================*/
    summary {}
    /* 一部ブラウザで消えなかった場合は以下も追記 */
    summary::-webkit-details-marker {}
    /*============================
	hidden 設定
	============================*/
    .lg_hidden {
        /*display: block;*/
    }
    .md_hidden {
        display: block;
    }
    .sm_hidden {
        display: none;
    }
    .lg_md_hidden {
        display: block;
    }
    .lg_sm_hidden {
        display: none;
    }
    .md_sm_hidden {
        display: none;
    }
    .el_btn {
       -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        width: 6em;
        /* margin: 0.8em .5em 0.5em 0.5em; */
        padding: .3em 0;
        border-radius: 50px;
        color: #fff;
        font-weight: 800;
        font-size: 0.9rem;
    }
    .long {
        width: 10em;
    }
    .info_text {
    font-size: clamp(1rem, 1.6vw, 1.6rem);}
    


}