/* 全画面で利用する共通パーツのCSS */

/* ログインボタン */
.el_loginBtn {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 35px;
    padding-left: 14px;
    width: 100%;
    height: 50px;
    border-radius: 5px;
    background-color: var(--custom-blue-2);
}

.el_loginBtn__green {
    background-color: var(--custom-green);
}

.el_loginBtn:hover {
    background-color: var(--custom-blue-3);
}

.el_loginBtn__green:hover {
    background-color: var(--custom-green-3);
}

.el_loginBtn_img {
    height: 20px;
}

.el_loginBtn_text {
    font-size: 18px;
    font-weight: bold;
    color: white;
}

/* ログインボタンend */

/* ログインボタン2 */
.el_loginBtn2 {
    height: 70px;
    display: flex;
    border-radius: 10px;
    border: 1px solid var(--custom-green);
}

.el_loginBtn2__blue-2 {
    border: 1px solid var(--custom-blue-2);
}

.el_loginBtn2_left {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
}

.el_loginBtn2_left_img {
    height: 60px;
}

.el_loginBtn2_right {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex-grow: 1;
    background-color: var(--custom-green);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 13px;
    padding-bottom: 10px;
}

.el_loginBtn2__blue-2 .el_loginBtn2_right {
    background-color: var(--custom-blue-2);
}

.el_loginBtn2_right_top {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    padding-left: 16px;
}

.el_loginBtn2_right_top_img {
    height: 14px;
}

.el_loginBtn2_right_top_text {
    color: var(--custom-white);
}

.el_loginBtn2_right_bottom {
    color: var(--custom-white);
    text-align: center;
    font-size: 18px;
}

/* ログインボタン2end */

/* シンプルライン */
.el_simpleLine {
    border: none;
    min-height: 1px;
    width: 100%;
    background-color: var(--custom-black);
}

.el_simpleLine__gray {
    background-color: var(--custom-gray-3);
}

/* パンくずリスト */
.el_breadcrumbList {
    height: 45px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}

.el_breadcrumbList_item {
    font-size: 12px;
    color: var(--custom-black);
}

.el_breadcrumbList_item:first-of-type {
    word-break: keep-all;
}

.el_breadcrumbList_item:hover {
    color: var(--custom-theme-hoverColor);
}

.el_breadcrumbList_img {
    height: 16px;
}

/* パンくずリストend */

/* スクロールボタンリスト */
.el_scrollBtnList {
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: row;
    border-radius: 50px;
    gap: 30px;
    justify-content: flex-start;
    align-items: center;
    padding: 15px 30px;
    background-color: var(--custom-gray-11);
}

.el_scrollBtnList_item {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

.el_scrollBtnList_item_text {
    font-size: 14px;
}

.el_scrollBtnList_item_text:hover {
    color: var(--custom-theme-hoverColor);
}

.el_scrollBtnList_item_img {
    height: 14px;
}

.el_scrollBtnList_item_img2 {
    display: none;
    height: 14px;
}

.el_scrollBtnList_item:hover .el_scrollBtnList_item_img {
    display: none;
}

.el_scrollBtnList_item:hover .el_scrollBtnList_item_img2 {
    display: block;
}

@media screen and (max-width:1080px) {
    .el_scrollBtnList {
        padding: 15px 15px;
        border-radius: 20px;
        gap: 15px;
    }
}

/* スクロールボタンリストend */

/* 番号付きリスト */
.el_numberedList {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 10px;
}

.el_numberedList_item {
    display: flex;
    gap: 10px;
}

.el_numberedList_item_number {
    font-weight: 400;
    line-height: 30px;
}

.el_numberedList_item_number::after {
    font-weight: 400;
    line-height: 30px;
    content: ")";
}

.el_numberedList_item_text {
    line-height: 30px;
    font-weight: 400;
}

/* 番号付きリストend */

/* 見出し1 */
.el_headline_1 {
    position: relative;
    color: var(--custom-gray-2);
    padding-left: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--custom-gray-3);
    font-size: 24px;
}

.el_headline_1::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 30px;
    background-color: var(--custom-gray-2);
}

/* 見出し1end */
/* 見出し2 */
.el_headline_2 {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
}

.el_headline_2_number {
    display: inline-block;
    text-align: center;
    min-width: 20px;
    min-height: 20px;
    background-color: var(--custom-gray-2);
    color: var(--custom-white);
    border-radius: 50%;
    font-size: 14px;
}

.el_headline_2_text {

    font-size: 20px;
    color: var(--custom-gray-2);
}

/* 見出し2end */

/* 見出し3 */
.el_headline_3 {
    background-color: var(--custom-gray-10);
    color: var(--custom-white);
    font-size: 20px;
    padding-left: 30px;
    line-height: 60px;
    border-radius: 5px;
}

/* 見出し3end */
/* 見出し4 */
.el_headline_4 {
    display: flex;
    gap: 6px;
    align-items: center;
}

.el_headline_4_img {
    height: 24px;
}

.el_headline_4_text {
    font-size: 24px;
    color: var(--custom-gray-2);
}

/* 見出し4end */
/* 見出し5 */
.el_headline_5 {
    font-size: 34px;
    line-height: 50px;
    color: var(--custom-gray-2);
}

@media screen and (max-width:1080px) {
    .el_headline_5 {
        font-size: 28px;
    }
}

/* 見出し5end */
/* 見出し6 */
.el_headline_6 {
    font-size: 20px;
    line-height: 30px;
    color: var(--custom-gray-2);
}

/* 見出し6end */
/* 見出し7 */
.el_headline_7 {
    font-size: 24px;
    line-height: 36px;
    color: var(--custom-gray-2);
}

/* 見出し7end */

/* テキスト */
.el_text {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: var(--custom-gray-2);
}

/* テキストend */

/* テキスト2 */
.el_text2 {
    font-size: 16px;
    line-height: 30px;
    color: var(--custom-gray-2);
}

/* テキストend */

/* 表 */
.el_table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid var(--custom-gray-2);
}

.el_table_thead_tr,
.el_table_tbody_tr {
    height: 60px;
}

.el_table_thead_tr_th {
    font-size: 16px;
    color: var(--custom-gray-2);
    background-color: var(--custom-gray-11);
}

.el_table_tbody_tr_td {
    font-size: 18px;
    color: var(--custom-gray-2);
    padding-left: 30px;
}

.el_table_thead_tr_th,
.el_table_tbody_tr_td {
    border: 1px solid var(--custom-gray-3);
}

.el_table_tbody_tr_td_link {
    display: flex;
    align-items: center;
}

.el_table_tbody_tr_td_link_text {
    margin-left: 15px;
    margin-right: 15px;
}

a.el_table_tbody_tr_td_link:hover .el_table_tbody_tr_td_link_text {
    color: var(--custom-theme-hoverColor);
}

/* 表end */
/* el_tableScrollBtn */
.bl_table {
    overflow-x: auto;
    position: relative;
}

.bl_table_scrollBtn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
    transform: translateY(-50%);
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    border-radius: 10px;
    background-color: var(--custom-gray-10);
    opacity: 0.8;
}

.bl_table_scrollBtn_img {
    width: 80px;
}

.bl_table_scrollBtn_text {
    font-size: 10px;
    color: var(--custom-white);
    font-weight: bold;
}

/* bl_table end */

/* ダウンロードラベル */
.el_downloadLabel {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 18px 10px 18px 34px;
    background-color: var(--custom-gray-11);
    gap: 60px;
}

.el_downloadLabel_left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 6px;
}

.el_downloadLabel_left_img {}

.el_downloadLabel_left_text {
    font-size: 18px;
    color: var(--custom-blue-2);
}

.el_downloadLabel_left_text:hover {
    color: var(--custom-theme-hoverColor);
}

@media screen and (max-width:1080px) {
    .el_downloadLabel {
        padding: 18px 10px 18px 10px;
        gap: 15px;
        flex-direction: column;
        align-items: flex-start;
    }

    .el_downloadLabel_left_text {
        font-size: 16px;
    }

    .el_downloadLabel_right {
        font-size: 14px;
    }
}

/* ダウンロードラベルend */

/* 外部リンクラベル */
.el_externalLinkLabel {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: flex-start;
    background-color: var(--custom-gray-11);
    padding: 18px 10px 18px 34px;
}

.el_externalLinkLabel_left {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
}

.el_externalLinkLabel_left_text {
    font-size: 18px;
    color: var(--custom-blue-2);
}

.el_externalLinkLabel_left_text:hover {
    color: var(--custom-theme-hoverColor);
}

.el_externalLinkLabel_left_img {}

.el_externalLinkLabel_right {
    font-weight: 400;
}

@media screen and (max-width:1080px) {
    .el_externalLinkLabel {
        padding: 18px 10px 18px 10px;
        gap: 15px;
        flex-direction: column;
        align-items: flex-start;
    }

    .el_externalLinkLabel_left_text {
        font-size: 16px;
    }

    .el_externalLinkLabel_right {
        font-size: 14px;
    }
}

/* 外部リンクラベルend */
/* お知らせラベル */
.el_newsLabel {
    width: 100%;
    display: flex;
    gap: 30px;
    align-items: center;
    padding: 12px 0 11px;
    cursor: pointer;
}

.el_newsLabel_left {
    color: var(--custom-blue-2);
    word-break: keep-all;
}

.el_newsLabel_right {
    color: var(--custom-blue-2);
    font-size: 18px;
}

.el_newsLabel:hover .el_newsLabel_right {
    color: var(--custom-theme-hoverColor);
}

.el_newsLabel:hover .el_newsLabel_left {
    color: var(--custom-theme-hoverColor);
}

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

    .el_newsLabel_left {
        font-size: 14px;
    }

    .el_newsLabel_right {
        font-size: 16px;
    }
}

/* お知らせラベルend */
.el_newsModal {
    display: none;

    position: fixed;
    align-items: center;
    justify-content: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--custom-white);
    max-height: 90vh;
    padding: 40px 60px;
    border-radius: 6px;
}

.el_newsModal_container {
    max-height: 80vh;
    display: flex;
    overflow-y: scroll;
    flex-direction: column;
    padding-right: 5px;

    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: thin;
    /* Firefox */
    scrollbar-color: var(--custom-gray-5) transparent;
    /* Firefox */
}

.el_newsModal_container_ttl {
    padding-right: 20px;
}

.el_newsModal_container_line {
    margin-right: 20px;
    width: auto;
}

.el_newsModal_container_ttl2 {
    padding-right: 20px;
}

.el_newsModal_container_text {
    padding-right: 20px;
}

/* For Webkit browsers (Chrome, Safari) */
.el_newsModal_container::-webkit-scrollbar {
    width: 8px;
    /* Scrollbar width */
    display: block;
    /* Ensure scrollbar is always visible */
}

.el_newsModal_container::-webkit-scrollbar-track {
    background: transparent;
}

.el_newsModal_container::-webkit-scrollbar-thumb {
    background-color: var(--custom-gray-5);
    /* Scrollbar color */
    border-radius: 10px;
    /* Rounded corners */
    border: 2px solid transparent;
    /* Space around the scrollbar thumb */
    background-clip: content-box;
}

.el_newsModal_batsu {
    position: absolute;
    cursor: pointer;
    right: 10px;
    top: 10px;
    font-size: 24px;
    line-height: 1;
    font-weight: bold;
    color: var(--custom-gray-6);
}

@media screen and (max-width:1080px) {
    .el_newsModal {
        padding: 30px 20px;
    }
}

/* シンプルボタン */
.el_simpleBtn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 50px;
    border-radius: 5px;
    background-color: var(--custom-gray-2);
    cursor: pointer;
    width: 100%;
}

.el_simpleBtn:hover {
    background-color: var(--custom-black);
}

.el_simpleBtn_img {
    height: 12px;
}

.el_simpleBtn_text {
    font-size: 18px;
    font-weight: bold;
    color: white;
}

/* シンプルボタンend */
/* シンプルボタン2 */
.el_simpleBtn2 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    gap: 10px;
    height: 54px;
    border-radius: 5px;
    background-color: var(--custom-gray-2);
}

.el_simpleBtn2:hover {
    background-color: var(--custom-black);
}

.el_simpleBtn2_img {
    height: 12px;
}

.el_simpleBtn2_text {
    color: white;
}

/* シンプルボタン2end */
/* シンプルボタン3 */
.el_simpleBtn3 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    border-radius: 5px;
    background-color: var(--custom-gray-2);
    cursor: pointer;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    color: white;
}

.el_simpleBtn3:hover {
    background-color: var(--custom-black);
}

/* シンプルボタン3end */

/* 前へ次へ */
.el_prevNextBtn {
    display: flex;
    justify-content: center;
    gap: 50px;
}

.el_prevNextBtn_prev,
.el_prevNextBtn_next {
    display: flex;
    gap: 5px;
    cursor: pointer;
}

.el_prevNextBtn_prev_img {
    transform: rotate(180deg);
}

.el_prevNextBtn_prev_text,
.el_prevNextBtn_next_text {
    color: var(--custom-blue-2);
}

.el_prevNextBtn_prev_text:hover,
.el_prevNextBtn_next_text:hover {
    color: var(--custom-theme-hoverColor);
}

/* 前へ次へend */

/* メンテナンスお知らせラベル */
.el_maintenanceLabel {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 28px;
    height: 50px;
}

.el_maintenanceLabel_text1,
.el_maintenanceLabel_text2 {
    color: var(--custom-blue-2);
}

/* メンテナンスお知らせラベルend */

/* 必須マーク */
.el_requiredMark {
    color: var(--custom-red);
}

/* フォームユニットタイトル */
.bl_formUnitTtl {
    display: flex;
    gap: 5px;
}

/* フォーム見出し */
.el_formHeadline {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 10px;
    border-bottom: solid 1px var(--custom-gray-2);
}

.el_formHeadline_text {
    font-size: 24px;
}

.el_formHeadline_right {
    display: flex;
    gap: 5px;
}

/* ラジオボタン */
.el_radio {
    display: inline-flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
}

.el_radio__error .el_radio_errorMessage {
    display: block;
}

.el_radio_item {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.el_radio_item_btn[type="radio"] {
    display: none;
}

.el_radio_item_btn_mark {
    width: 14px;
    height: 14px;
    border: 2px solid var(--custom-gray-4);
    border-radius: 50%;
    position: relative;
    margin-right: 10px;
    background-color: white;
}

.el_radio_item_btn[type="radio"]:checked+.el_radio_item_btn_mark {
    background-color: var(--custom-gray-4);
}

.el_radio_item_btn[type="radio"]:checked+.el_radio_item_btn_mark::after {
    content: '';
    width: 5px;
    height: 5px;
    background-color: white;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.el_radio_errorMessage {
    display: none;

    font-size: 12px;
    color: var(--custom-red);
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    word-break: keep-all;
}

/* ラジオボタンend */

/* テキストエリア */
.el_textarea {
    position: relative;
    width: 100%;
}

.el_textarea_area {
    width: 100%;
    height: 154px;
    padding: 20px;
    border: 1px solid var(--custom-gray-5);
    border-radius: 4px;
    resize: none;
    line-height: 1.88;
}

.el_textarea_area::placeholder {
    color: var(--custom-gray-3);
    opacity: 1;
}

.el_textarea__error .el_textarea_area {
    border: 1px solid var(--custom-red);
}

.el_textarea__error .el_textarea_errorMessage {
    display: block;
}

.el_textarea::placeholder {
    color: var(--custom-gray-3);
    font-weight: 400;
    line-height: 1.88;
}

.el_textarea_errorMessage {
    display: none;

    font-size: 12px;
    color: var(--custom-red);
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    word-break: keep-all;
}

/* テキストエリアend */

/* ショートテキストエリア */
.el_shortTextarea {
    position: relative;
    width: 100%;
}

.el_shortTextarea__error .el_shortTextarea_textarea {
    border: 1px solid var(--custom-red);
}

.el_shortTextarea__error .el_shortTextarea_errorMessage {
    display: block;
}

.el_shortTextarea_textarea {
    width: 100%;
    height: 40px;
    padding: 8px 20px;
    border: 1px solid var(--custom-gray-5);
    border-radius: 4px;
}

.el_shortTextarea_textarea::placeholder {
    color: var(--custom-gray-3);
    font-weight: 400;
}

.el_shortTextarea_errorMessage {
    display: none;

    font-size: 12px;
    color: var(--custom-red);
    position: absolute;
    top: calc(100% + 10px);
    word-break: keep-all;
    left: 0;
}

/* ショートテキストエリアend */

/* セレクト */
.el_select {
    position: relative;
    width: 100%;
}

.el_select_selectBox {
    width: 100%;
    height: 40px;
    padding: 6px 20px 8px 10px;
    border: 1px solid var(--custom-gray-5);
    border-radius: 4px;
    box-sizing: border-box;
    background-color: white;
    cursor: pointer;
}

.el_select__error .el_select_errorMessage {
    display: block;
}

.el_select__error .el_select_selectBox {
    border: 1px solid var(--custom-red);
}

.el_select_selectBox_option:not(:first-child) {
    color: var(--custom-black);
}

.el_select_selectBox::after {
    content: "▼";
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    pointer-events: none;
    color: var(--custom-gray-3);
    font-size: 12px;
}

.el_select_errorMessage {
    display: none;

    font-size: 12px;
    color: var(--custom-red);
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    word-break: keep-all;
}

/* セレクトフォームend */
/* お知らせボタン */
.el_newsBtn {
    display: flex;
    justify-content: space-between;
    border: 1px solid var(--custom-gray-3);
    padding: 27px 40px;
    border-radius: 80px;
    background-color: var(--custom-white);
}

.el_newsBtn:hover {
    background-color: var(--custom-gray-11);
}

.el_newsBtn_text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
}

.el_newsBtn_text_right {
    font-size: 18px;
}

.el_newsBtn:hover .el_newsBtn_text_right {
    color: var(--custom-theme-hoverColor);
}

.el_newsBtn:hover .el_newsBtn_text_left {
    color: var(--custom-theme-hoverColor);
}

.el_newsBtn_img {
    padding-top: 20px;
    transform: rotate(-90deg);
}

.el_newsBtn_img2 {
    display: none;
    padding-top: 20px;
    transform: rotate(-90deg);
}

.el_newsBtn:hover .el_newsBtn_img {
    padding-top: 20px;
    display: none;
}

.el_newsBtn:hover .el_newsBtn_img2 {
    padding-top: 20px;
    display: block;
}

@media screen and (max-width:1080px) {
    .el_newsBtn {
        border-radius: 30px;
        padding: 20px 40px 20px 20px;
    }

    .el_newsBtn_text {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }

    .el_newsBtn_text_left {
        font-size: 14px;
    }

    .el_newsBtn_text_right {
        font-size: 16px;
    }
}

/* お知らせボタンend */
/* お知らせボタンリスト */
.el_newsBtnList {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}

.el_newsBtnList_list {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    align-self: stretch;
    gap: 20px;
}

.el_newsBtnList_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--custom-white);
    gap: 10px;
    border: none;
    cursor: pointer;
}

.el_newsBtnList_btn_text {
    color: var(--custom-gray-2);
}

.el_newsBtnList_btn:hover .el_newsBtnList_btn_text {
    color: var(--custom-theme-hoverColor);
}

.el_newsBtnList_btn_img {}

/* お知らせボタンend */


/* カード */
.el_card {
    height: 100px;
    display: flex;
    gap: 15px;
    align-items: center;
    padding: 0 26px 0 15px;
    position: relative;
    border-radius: 6px;
    box-shadow: var(--custom-box-shadow2);
    cursor: pointer;
    background-color: var(--custom-white);
}

.el_card:hover {
    box-shadow: var(--custom-box-shadow);
}

.el_card_leftImg {
    width: 70px;
}

.el_card_text {
    display: flex;
    gap: 8px;
    align-items: flex-end;
}

.el_card:hover .el_card_text {
    color: var(--custom-theme-hoverColor);
}

.el_card:hover .el_card_text_text {
    color: var(--custom-theme-hoverColor);
}

.el_card_rightImg {
    position: absolute;
    bottom: 7px;
    right: 14px;
    width: 14px;
    transform: rotate(-90deg);
}

.el_card_rightImg2 {
    display: none;
    position: absolute;
    bottom: 7px;
    right: 14px;
    width: 14px;
    transform: rotate(-90deg);
}

.el_card:hover .el_card_rightImg {
    display: none;
}

.el_card:hover .el_card_rightImg2 {
    display: block;
}

/* カードend */

/* カードリスト */
.bl_cardList {
    display: flex;
    gap: 29px;
    justify-content: flex-start;
    flex-wrap: wrap;
}

@media screen and (max-width:768px) {
    .bl_cardList {
        justify-content: center;
    }
}

/* カードリストend */

/* 装飾 */
.el_decoration_content {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 40px;
    background-color: transparent;
}

.el_decoration_content:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--custom-green-2);
    transform: rotate(180deg);
    clip-path: polygon(50% 0%, 100% 30%, 100% 100%, 0% 100%, 0% 30%);
}

.el_decoration_content_text {
    display: inline-block;
    word-break: keep-all;
    position: absolute;
    top: calc(50% - 5px);
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--custom-white);
    font-size: 11px;
}

/* 装飾 */

/* カード2 */
.el_card2 {
    height: 100px;
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 0 50px 0 15px;
    position: relative;
    border-radius: 6px;
    cursor: pointer;
    box-shadow: var(--custom-box-shadow2);
}

.el_card2:hover {
    box-shadow: var(--custom-box-shadow);
}

.el_card2_leftImg {
    width: 20px;
}

.el_card2_text {
    color: var(--custom-gray-2);
}

.el_card2_rightImg {
    position: absolute;
    bottom: 7px;
    right: 14px;
    width: 14px;
    transform: rotate(-90deg);
}

.el_card2_rightImg2 {
    display: none;
    position: absolute;
    bottom: 7px;
    right: 14px;
    width: 14px;
    transform: rotate(-90deg);
}

.el_card2:hover .el_card2_rightImg {
    display: none;
}

.el_card2:hover .el_card2_rightImg2 {
    display: block;
}

/* カード2end */

/* カード3 */
.el_card3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 30px 20px;
    border-radius: 6px;
    border: 1px solid var(--custom-gray-3);
}

.el_card3_text {
    font-size: 20px;
    color: var(--custom-gray-2);
    position: relative;
    font-weight: bold;
}

.el_card3_text::after {
    position: absolute;
    content: "";
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    background-color: var(--custom-green-2);
    width: 45px;
}

.el_card3_text2 {
    font-size: 20px;
    color: var(--custom-gray-2);
}

.el_card3_text3 {
    color: var(--custom-gray-2);
    font-weight: 400;
    line-height: 1.88;
}

/* カード3end */
/* カード4 */
.el_card4 {
    height: 190px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    box-shadow: var(--custom-box-shadow2);
    cursor: pointer;
    background-color: var(--custom-white-2);
}

.el_card4:hover {
    box-shadow: var(--custom-box-shadow);
}

.el_card4_img {
    height: 70px;
    margin-bottom: 18px;
}

.el_card4_textBox {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 5px;
}

.el_card4_textBox_top {
    font-size: 14px;
}

.el_card4:hover .el_card4_textBox_top {
    color: var(--custom-theme-hoverColor);
}

.el_card4_textBox_bottom {
    display: flex;
    gap: 10px;
    align-items: center;
}

.el_card4_textBox_bottom_text {
    font-size: 20px;
    color: var(--custom-gray-2);
    font-weight: 700;
}

.el_card4:hover .el_card4_textBox_bottom_text {
    color: var(--custom-theme-hoverColor);
}

.el_card4_textBox_bottom_img {
    transform: rotate(-90deg);
}

/* カード4end */

/* カード5 */
.el_card5 {
    display: flex;
    gap: 13px;
    width: 100%;
    height: 190px;
    flex-direction: column;
    justify-content: flex-start;
    border-radius: 6px;
    align-items: center;
    padding: 15px 24px 0;
    background-color: var(--custom-white-2);
}

.el_card5_text {
    position: relative;
    color: var(--custom-blue-2);
}

.el_card5_text::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--custom-blue-2);
    bottom: -3px;
    width: 100%;
    height: 2px;
}

.el_card5_text__green {
    color: var(--custom-green);
}

.el_card5_text__green::after {
    background-color: var(--custom-green);
}

.el_card5_img {
    height: 35px;
}

.el_card5_bottom {
    align-self: flex-end;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}

.el_card5_bottom_text {
    font-size: 12px;
}

.el_card5_bottom:hover .el_card5_bottom_text {
    color: var(--custom-theme-hoverColor);
}

.el_card5_bottom_img {
    height: 16px;
}

.el_card5_bottom_blowing {
    display: none;

    position: absolute;
    top: calc(100% + 10px);
    left: 9px;
    width: 200px;
    padding: 10px;
    font-size: 12px;
    color: var(--custom-white);
    border-radius: 4px;
    background-color: var(--custom-gray-2);
}

.el_card5_bottom_blowing::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid var(--custom-gray-2);
}

@media screen and (max-width:1080px) {
    .el_card5_bottom_blowing {
        left: -50%;
    }

    .el_card5_bottom_blowing::before {
        left: calc(84%);
    }
}

/* カード5end */

/* モーダル */
.el_areaModal {
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 30px;
    padding: 0 30px 0;
    box-shadow: var(--custom-box-shadow);
    border-radius: 0 0 6px 6px;
}

.el_areaModal_text {
    font-size: 20px;
    color: var(--custom-gray-2);
    text-align: left;
    margin-top: 30px;
    margin-bottom: 30px;
}

.el_areaModal_map {
    display: grid;
    grid-template-areas:
        "b_gray        b_gray        c_obu         c_obu         c_obu"
        "c_chita       c_chita       c_higashiura  c_higashiura  c_higashiura"
        "c_tokoname    c_agui        c_agui        b_gray2       b_gray2"
        "c_tokoname    b_gray3       b_gray3       b_gray3       b_gray3"
        "c_tokoname    c_taketoyo    c_taketoyo    .             ."
        "c_mihama      c_mihama      c_mihama      .             ."
        "c_minamichita c_minamichita c_minamichita c_minamichita .";
    grid-template-rows: 63px 63px 63px 15px 63px 63px 39px;
    grid-template-columns: 82px 54px 52px 40px 44px;
    margin-bottom: 40px;
}

.el_areaModal_map_city {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--custom-white);
    border: 2px solid var(--custom-white);
    background-color: var(--custom-blue-2);
}

.el_areaModal_map_city:hover {
    cursor: pointer;
    background-color: var(--custom-blue-3);
}

.el_areaModal_map_background {
    background-color: var(--custom-gray-3);
}

.b_gray {
    grid-area: b_gray;
}

.b_gray2 {
    grid-area: b_gray2;
}

.b_gray3 {
    grid-area: b_gray3;
}

.c_obu {
    grid-area: c_obu;
}

.c_chita {
    grid-area: c_chita;
}

.c_higashiura {
    grid-area: c_higashiura;
}

.c_tokoname {
    grid-area: c_tokoname;
}

.c_agui {
    grid-area: c_agui;
}

.c_taketoyo {
    grid-area: c_taketoyo;
}

.c_mihama {
    grid-area: c_mihama;
}

.c_minamichita {
    grid-area: c_minamichita;
}

@media screen and (max-width:1280px) {
    .el_areaModal {
        box-shadow: none;
    }

    .el_areaModal_text {
        display: none;
    }

    .el_areaModal_map {
        margin-bottom: 10px;
    }
}

.el_modalBackground {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: var(--custom-gray-9);
}

.js_modalBackground_open {
    display: block;
}

@media screen and (max-width:1280px) {
    .js_modalBackground_open {
        display: none;
    }
}