@charset "utf-8";
/* 全体 */
.marker{
    background: #fff17a;
    padding: 0 5px;
}
/* .marker{
    background: #eee;
}
.marker{
    background: #eee;
} */

/* googlemapリンク用 */
.map{
    display: inline-block;
    a{
        color:#fff;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid var(--color-main);
        background: var(--color-main);
        line-height: 1.2;
        padding: 5px 12px;
        text-decoration: none;
        gap: 3px;
        border-radius: 25px;
        transition: 0.2s;
        width: fit-content;
        font-weight: 500;
        text-transform: uppercase;
        &:hover,&:focus{
            background: #fff;
            color: var(--color-main);
        }
        &::after{
            font-size: 1.3rem;
        }
    }
}

/* リンクリスト用css */
body:not(.front){
    .linkList{
        flex-direction: column;
        display: flex;
        gap: 5px;
        li{
            margin: 0;
        }
        a{
            border: 2px solid #ddd;
            border-radius: 10px;
            background: #fff;
            &::before{
                color: var(--color-main);
            }
            &:hover{
                background: #F3F1F8;
            }
        }
    }
}



/* ------------------------
members 会員TOP
--------------------------*/
.members .inner {
    max-width: 100%;
    padding: 0 100px;
    transition: 0.3s;

    @media (width <=1400px) {
        padding: 0 50px;
    }
    @media (width <=999px) {
        padding: 0 20px;
    }
}


.membersTitleContainer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 50px;
}

.membersTitle {
    .title-en {
        font-family: var(--font-sub-en);
        font-size: 7.2rem;
        letter-spacing: 0.025em;
        margin-bottom: 5px;
        font-weight: 900;
        line-height: 1;
        color: #333;
        &::first-letter {
            color: var(--color-main);
        }
    }

    .title-jp {
        font-size: 2rem;
        font-weight: bold;
        letter-spacing: 0.01em;
    }
}


@media (width <=999px) {
    .membersTitleContainer{
        margin-bottom: 40px;
    }
    .membersTitle {
        .title-en {
            font-size: 6rem;
            @media (width <= 768px) {
                font-size: 4.2rem;
            }
        }
        .title-jp{
            font-size: 1.8rem;
            @media (width <=768px) {
                font-size: 1.5rem;
                line-height: 1.6;
            }
            span{
                display: inline-block;
            }
        }
    }
}
/* ------------------------
view more Btn
--------------------------*/
.membersMoreBtn {
    display: flex;
    justify-content: flex-end;

    a {
        font-size: 1.6rem;
        font-weight: bold;
        line-height: 1;
        color: var(--color-main);
        border: 3px solid var(--color-main);
        width: fit-content;
        height: 54px;
        background: #fff;
        display: flex;
        align-items: center;
        gap: 25px;
        border-radius: 50px;
        padding: 15px 30px;
        text-decoration: none;
        transition: 0.3s;
        line-height: 1;

        &::after {
            content: '\f054';
            font-family: var(--fa);
            color: var(--color-main);
            font-weight: bold;
            font-size: 1.4rem;
            line-height: 1;
        }

        &:hover,
        &:focus {
            color: #fff;
            background: var(--color-main);

            &::after {
                color: #fff;
            }
        }
    }
}

@media (width <= 999px) {
    .membersMoreBtn {
        flex-shrink: 0;
        a {
            font-size: 1.5rem;
            height: 54px;
        }
    }
}
@media (width <= 768px) {
    .membersMoreBtn {
        a {
            padding: 10px 20px;
            gap: 15px;
        }
    }
}




.membersTopContainer {
    margin-top: 90px;
    position: relative;
    margin-bottom: 100px;

	.membersSlide{
		& > div{
        width: 100%;
        height: 650px;
        overflow: hidden;        
        }
		img {
            width: 100%;
            height: 650px;
            display: block;
            object-fit: cover;
		}
    }

    .membersTopTxt {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);

        h2 {
            font-size: 5.2rem;
            font-weight: bold;
            color: #fff;
            text-shadow: 0 0 10px #000;
            margin-bottom: 50px;
            white-space: nowrap;
            transition: 0.3s;
        }

        .loginBtn {
            width: fit-content;
            margin: 0 auto;
            >a, 
            >div.logged {
                min-width: 300px;
                min-height: 100px;
                padding: 15px 25px;
                font-size: 2rem;
                font-weight: bold;
                color: #333;
                background: #FADF02;
                border-radius: 10px;
                box-shadow: 0 0 10px 0 #000;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 15px;
                margin: 0 auto;
                text-decoration: none;
                transition: all 0.4s ease-in-out;
                line-height: 1.5;
                &:before {
                    font-family: var(--fa);
                    content: '\f2c2';
                    font-weight: bold;
                    font-size: 2.4rem;
                }
                &:hover,&:focus{
                    background: var(--color-main);
                    color: #fff;
                }
            }
            >div.logged {
                &:hover,&:focus{
                    color: #333;
                    background: #FADF02;    
                }
                .logout {
                    text-align: center;
                    a{
                        font-size: 1.6rem;
                        padding-top: 15px;
                        text-align: center;
                        display: block;
                        transition: 0.2s;
                        color: var(--color-main);
                        &:hover,&:focus{
                            color: #333;
                        }
                    }
                }
    
                /* ログイン中 */
                .loggedNow {
                    display: block;
                    text-align: center;
                    font-size: 1.6rem;
                    line-height: 1;
                    margin-bottom: 0px;
                }
    
                .message {
                    font-size: 1.8rem;
                }
            }
        }
    }
}

@media (width <= 999px) {
    .membersTopContainer {
        margin-top: 75px;
        & .membersTopTxt {
            h2 {
                font-size: 3.2rem;
                margin-bottom: 30px;
            }
            .loginBtn{
                > a{
                    width: 220px;
                    height: 80px;
                    font-size: 1.8rem;
                }
            }
        }
        .membersSlide {
			> div {
            	height: 100vh;
        	}
			img{
				max-width:auto;
				height: 100vh;
				object-fit:cover;
			}
		}
    }
}
@media (width <= 768px) {
    .membersTopContainer {
        margin-bottom: 60px;
        & .membersTopTxt {
            h2 {
                font-size: 2rem;
            }
        }
    }
}
.sliderDotsContainer{
    position: relative;
    .slider-dots{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px;
        
        position: absolute;
        top: calc(-25px - 15px);
        left: 50%;
        transform: translateX(-50%);
        /* 作りたい図形 */
        li {
            width: 15px;
            height: 15px;
            background: #ccc;
            border-radius: 50%;
        
            /* 押した時、アクティブ時の設定 */
            &:hover,
            &:focus,
            &.slick-active{
                background-color: #FADF02;
                cursor: pointer;
            }
        
            /* ボタン非表示 */
            button {
                display: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                outline: none;
                padding: 0;
                border: none;
                background-color: transparent;
            }
        }
    }
}
@media (width <= 999px) {
    .sliderDotsContainer{
        .slider-dots{
            gap: 10px;
            li{
                width: 10px;
                height: 10px;
            }
        }
    }
}

/* ------------------------
news
--------------------------*/
.memberNewsContainer {
    display: flex;
    gap: 50px;
    margin-bottom: 100px;

    .memberNewsCate {
        max-width: 300px;
        width: 100%;

        .cateTitle {
            color: #fff;
            background: var(--color-main);
            width: 100%;
            height: 60px;
            letter-spacing: 0.02em;
            font-weight: bold;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .cateItem {
            font-size: 2rem;
            font-weight: bold;
            letter-spacing: 0.075em;
            color: #333;
            padding: 25px 0;
            border-bottom: 1px solid #ddd;
            cursor: pointer;
            transition: 0.3s;
            background: #fff;
            &:hover,&:focus {
                color: #4672AC;
            }
        }
        .cateItem.select{
            color: #4672AC;
            display: flex;
            align-items: center;
            gap: 10px;
            transition: 0.3s;
            &::before{
                content: '';
                background-color: #4672AC;
                width: 10px;
                height: 10px;
                display: block;
                border-radius: 50%;
            }
        }
    }

    .memberNewsList {
        flex-grow: 1;
        /* 2つ目以降を非表示 */
        .tabArea:not(:first-of-type) {
            display: none;
        }

        li {
            display: flex;
            align-items: center;
            gap: 50px;
            width: 100%;
            border-bottom: 1px dashed #ccc;
            padding: 25px 0;
            @media (width <= 999px) {
                gap: 25px;
            }
            &:first-child {
                border-top: 1px dashed #ccc;
            }
        }

        .date {
            color: #333;
            font-size: 2rem;
            letter-spacing: 0.075em;
        }

        .cate {
            display: flex;
            flex-direction: column;
            gap: 15px;
            a {
                width: 200px;
                height: 40px;
                display: flex;
                align-items: center;
                justify-content: center;
                background: #EFF6FF;
                color: #4672AC;
                border-radius: 50px;
                text-decoration: none;
                font-weight: 500;
                transition: 0.3s;
                &:hover,&:focus{
                    background: #4672AC;
                    color: #EFF6FF;
                }
            }
        }

        .txt {
            font-size: 2rem;
            letter-spacing: 0.075em;
            color: #333;
            
            a {
                text-decoration: none;
                color: #333;
                transition: 0.3s;
                position: relative;
                z-index: 1;
                &::after {
                    content: '';
                    position: absolute;
                    left: 0;
                    bottom: -8px;
                    width: 0%;
                    height: 1px;
                    background: #666;
                    z-index: -1;
                    transition: all 0.4s;
                }
            
                &:hover,
                &:focus {
                    &::after {
                        width: 100%;
                    }
                }

                span {
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 1;
                    text-overflow: ellipsis;
                    line-height: 1.4;
                }
            }
        }
    }
}

@media (width <= 999px) {
    .memberNewsContainer{
        flex-direction: column;
        gap: 25px;
        margin-bottom: 60px;
        .memberNewsCate {
            max-width: 100%;

            .cateTitle {
                height: 50px;
                font-size: 1.5rem;
                margin-bottom: 15px;
            }

            #tabMenu{
                display: flex;
                justify-content: center;
                align-items: center;
                li{
                    padding: 10px 15px;
                    border: 0;
                }
            }

            .cateItem{
                padding: 15px 0;
                font-size: 1.6rem;
            }
        }

        .memberNewsList{
            li{
                gap: 25px;
                flex-wrap: wrap;
                @media (width <= 999px) {
                    justify-content: left;
                    @media (width <= 768px) {
                        justify-content: space-between;
                    }
                }
                .date,
                .cate{
                    width: auto;
                    font-size: 1.3rem;
                    gap: 10px;
                    >a{
                        width: 180px;
                    }
                }
                .date{
                    font-size: 1.4rem;
                }
            }
            .txt{
                @media (width <=768px) {
                    width: 100%;
                }
                a{
                    span{
                        font-size: 1.6rem;
                    }
                }
            }

        }
        
    }
}
/* member-news archive用 */
.archive .memberNewsContainer{
    flex-direction: column;
    .memberNewsCate{
        max-width: 100%;
        ul{
            display: flex;
            justify-content: center;
            align-items: center;
            li{
                border: 0;
                padding: 0;
                margin: 0;
            }
        }
    }
    .pageLinkList1{
        gap: 5px;
        li{
            width: calc((100% - 15px) / 4);
            padding: 0;
        }
    }

}


#event{
    margin-bottom: 100px;
    @media (width <= 999px) {
        margin-bottom: 50px;
    }
}
        
/* ------------------------
The Events Calendar
--------------------------*/
.tribe-common .tribe-common-l-container {
    max-width: 90%!important;
    margin: 0 auto!important;
}
body.single-tec_calendar_embed .tribe-events .tribe-events-l-container{
    padding: 0!important;
}
/* .tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container{
    padding: 0!important;
    min-height: 100%!important;
} */

/* 一覧ページ */
.bbp-topic-started-in{
    display: none!important;
}

/* 詳細ページ */
#tribe-events-pg-template{
    max-width: 100%;
}

/* 最新の過去のイベントを削除 */
.tribe-events-calendar-latest-past{
    display: none!important;
}
.tribe-events-header__events-bar.tribe-events-c-events-bar{display: none!important;}


@media (width <= 825px) {
    body.single-tec_calendar_embed .tribe-events .tribe-events-l-container{
        padding: 10px;
    }
    .tribe-events .tribe-events-l-container{
        min-height: auto;
    }
}

/* カレンダー 日付 */
.tribe-events .tribe-events-header{
    margin: 0;
    margin-bottom: 15px;
    padding: 0;
}


/* ------------------------
bbPress
--------------------------*/
#bbpress-forums {
    font-size: 1.8rem;
    line-height: 1.7;
}

/* 掲示板パンくずの削除 */
div.bbp-breadcrumb,
div.bbp-topic-tags {
    display: none;
}

/* 更新通知 */
div.bbp-template-notice li,
div.bbp-template-notice p {
    font-size: 1.4rem;
    letter-spacing: 0.025em;
}

/* トピック～最新の投稿の見出し */
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results,
#bbpress-forums ul.bbp-topics {
    font-size: 1.4rem;
}

#bbpress-forums li.bbp-footer,
#bbpress-forums li.bbp-header{
    background: #f5f5f5;
}


/*--------------- bbpress---------------*/
#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta,
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results,
#bbpress-forums fieldset.bbp-form label,
#bbpress-forums fieldset.bbp-form legend {
    font-size: 1.5rem !important;
}

.headerSearchContainer{
    #bbpress-forums{
        form > div{
            display: flex;
            gap: 15px;
    
            #bbp_search {
                margin-bottom: 0;
                width: 200px;
                height: 40px;
                border-radius: 5px;
                border: 1px solid #ccc;

                &::placeholder {
                    font-size: 1.4rem;
                    font-weight: 500;
                    letter-spacing: 0.1em;
                }
            }
    
            #bbp_search_submit {
                width: 60px;
                height: 40px;
                border-radius: 5px;
                background: #333;
                position: static;
                font-size: 1.6rem;
                font-weight: 500;
                color: #fff;
            }
        }
    
        @media (width <=999px) {
            display: none;
        }
    }
}



#bbpress-forums div.bbp-the-content-wrapper input.button {
    width: auto;
}

#bbpress-forums #bbp-user-wrapper h2.entry-title {
    padding-top: 10px !important;
    margin-bottom: 20px !important;
}

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

    #bbpress-forums fieldset.bbp-form select,
    #bbpress-forums fieldset.bbp-form input {
        width: 100%;
    }
}


/* ------------------------
community 
--------------------------*/
#community{
    margin-bottom: 100px;
    .communityContainer{

        position: relative;

        .communityTxt{
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            gap: 25px;
            .icon{
                display: flex;
                align-items: center;
                justify-content: center;
                line-height: 1;
                background: transparent;
                border: 2px solid #fff;
                width: 80px;
                height: 80px;
                border-radius: 50%;
                &::before{
                    font-family: var(--fa);
                    content: '\f4ad';
                    font-weight: bold;
                    color: #fff;
                    font-size: 4rem;
                }
            }

            .title{
                font-size: 3.2rem;
                font-weight: bold;
                letter-spacing: 0.05em;
                color: #fff;
                line-height: 1.5;
                text-decoration: none;
            }
        }
        .btn{
            a {
                font-size: 1.6rem;
                font-weight: bold;
                line-height: 1;
                color: #333;
                width: 280px;
                height: 60px;
                background: #fff;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 25px;
                border-radius: 50px;
                text-decoration: none;
                transition: 0.3s;
                line-height: 1;
                border: 1px solid #ccc;
                &::after {
                    content: '\f054';
                    font-family: var(--fa);
                    color: var(--color-main);
                    font-weight: bold;
                    font-size: 1.4rem;
                    line-height: 1;
                }
        
                &:hover,
                &:focus {
                    color: #fff;
                    background: var(--color-main);
        
                    &::after {
                        color: #fff;
                    }
                }
            }
        }
        .communityImage{
            width: 100%;
            height: 320px;
            overflow: hidden;
            img{
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
    }
    .communityContainer#forum{
        margin-bottom: 10px;
    }
    /* ギャラリー用アイコン */
    #gallery .icon {
        &::before {
            content: '\f302';
        }
    }
}
@media (width <= 999px) {
    #community {
        margin-bottom: 60px;
        & .communityContainer {
            .communityTxt {
                gap: 20px;
                .icon{
                    width: 60px;
                    height: 60px;
                    &::before{
                        font-size: 3rem;
                    }
                }
                .title{
                    line-height: 1;
                    margin-bottom: 5px;
                    font-size: 2.4rem;
                }
                .btn{
                    a{
                        font-size: 1.5rem;
                        width: 250px;
                        height: 54px;
                    }
                }
            }
        }
    }
}

/* ------------------------
/terms
--------------------------*/
/* ol,ulに隣接するpタグ */
.terms {
    #main {
        ol+p,
        ul+p {
            margin-bottom: 15px;
        }
    }
}


/* ------------------------
/international
--------------------------*/
.internationalTable{
    th:first-child{width: 150px;}
    th:not(:first-child){
        width: calc((100% - 150px) / 2);
    }
}


/* ------------------------
/search 検索結果ページ
--------------------------*/
.searchContainer{
    ul{
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 25px;
    }
    .searchItem{

        a{
            display: flex;
            align-items: center;
            gap: 25px;
            text-decoration: none;
            color: #333;
            border: 2px solid #ddd;
            border-radius: 10px;
            padding: 15px;
            background: #fff;
            .title {
                    font-size: 1.8rem;
                    font-weight: bold;
                    letter-spacing: 0.025em;
                    margin-bottom: 5px;
                }
            .excerpt{
                font-size: 1.5rem;
                letter-spacing: 0.05em;
                color: #666;
            }
            .date{
                font-size: 1.4rem;
                letter-spacing: 0.05em;
                color: #666;
            }

            &::after{
                font-family: var(--fa);
                content: '\f054';
                font-weight: 900;
                text-decoration: none;
            }
        }
    }
}

/* ------------------------
/headquarters 本部について
--------------------------*/
.contactInfoList{
    display: flex;
    align-items: baseline;
    gap: 15px;
    .infoLabel{
        width: max-content;

    }

    @media (width <=999px) {
        .infoLabel {
            width: 50px;
        }
        .infoValue {
            font-size: 1.5rem;
            width: calc(100% - 50px);
            line-height: 2;
        }
    }
}


/* WP-Members  */

#container{
    #wpmem_restricted_msg{
        padding-top: 25px;
    }

    /* 各フォームの幅を100%に変更 */
    #wpmem_login,
    #wpmem_msg,
    #wpmem_reg,
    .wpmem_msg {
        width: 100%;
    }

    /* label,inputの調整 */
    .formContent {
        margin-bottom: 25px;

        @media (width <= 999px) {
            margin-bottom: 15px;
        }
        .title,
        label {
            font-size: 1.6rem;
            font-weight: bold;
            letter-spacing: 0.1em;
            color: #555;
            line-height: 1.4;
            margin-bottom: 5px;
            display: flex !important;
            align-items: center;
            gap: 5px;
        }

        /* ログイン、会員登録フォーム用 */
        .title label {
            margin-bottom: 0;
        }
        @media (width <= 999px) {
            .title {
                margin-bottom: 10px;
                line-height: 1.4;
            }
        }
    }

    /* ボタン */
    .button_div {
        width: fit-content;
        margin: 0 auto;

        .buttons {
            color: #fff;
            padding: 12px 15px;
            min-width: 140px;
            border-radius: 5px;
            font-size: 1.8rem;
            font-weight: 500;
            display: block;
            margin: 15px auto 0 !important;
            background: var(--color-main);
            cursor: pointer;
            border: 3px solid var(--color-main);
            transition: 0.3s;

            &:hover,
            &:focus {
                background: #fff;
                color: var(--color-main);
            }
        }
    }

    /* パスワードリセット、新規登録リンク */
    #wpmem_login .link-text{
        font-size: 1.5rem;
        @media (width <=999px) {
            font-size: 1.4rem;
        }
        
        .link-text-forgot{
            padding-top: 25px;
            display: block;
        }
    }
} 

@media screen and (max-width:999px) {
    .formPrivacy {
        font-size: 1.5rem;
    }
}


/* ------------------------
ギャラリー /members/gallery
--------------------------*/
/* 一覧ページ */
.gallery .currentContainer{
    .thum{margin-bottom: 15px;}
    .title{margin-bottom: 10px;}
}
/* 詳細ページ */
.galleryContainer{
    .gallery#gallery-1{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 30px;
        margin-bottom: 25px;

        .gallery-item {
            float: none;
            margin-top: 0;
            width: 100%;
            a{
                transition: 0.2s;
                img{
                    width: 100%;
                }
                &:hover {
                    filter: brightness(0.85);
                }
            }
 
        }

        .gallery-caption {
            font-size: 1.5rem;
        }
        br[style]{
            display: none;
        }
        @media (width <=999px) {
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;

            @media (width <=768px) {
                grid-template-columns: repeat(2, 1fr);
                gap: 15px;
            }
        }
    }

}

/* galleryプラグイン */
.fg-simple_portfolio.fg-dark .fg-caption-title,
.fg-simple_portfolio.fg-dark .fg-caption-title a {
    color: #333;
    font-weight: 500;
    text-align: center;
}
.fg-caption-title{
    text-align: center;
}

.fg-simple_portfolio{
    gap: 25px;
}
.fg-caption-title{
    font-family: 'Noto Sans JP',sans-serif!important;
    font-size: 1.5rem!important;
}



.tagBox .columnList {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 25px;
    margin-bottom: 40px;

    @media (width <=999px) {
        gap: 20px;
        @media (width <=768px) {
            gap: 15px;
        }
    }

    li {
        list-style-type: none;
        margin: 0;
        width: calc((100% - 50px)/3);
        @media (width <=999px) {
            width: calc((100% - 20px)/2);
            @media (width <=768px) {
                width: calc((100% - 15px)/2);
            }
        }
        p:empty{display: none;}
        a {
            width: 100%;
            height: 100%;
            border: 1px solid #ddd;
            border-radius: 5px;
            padding: 20px;
            font-size: 1.7rem;
            letter-spacing: 0.025em;
            font-weight: 500;
            color: #333;
            display: block;
            text-decoration: none;
            background: #fff;
            transition: 0.3s;
            line-height: 1.6;
            @media (width <= 999px) {
                font-size: 1.6rem;
                padding: 15px;
                @media (width <= 768px) {
                    font-size: 1.5rem;
                }
            }
            .thum{
                width: 100%;
                background: #f5f5f5;
                margin-bottom: 15px;
                img{
                    width: 100%;
                    height: auto;
                    display: block;
                    max-width: 200px;
                    margin: 0 auto;
                }
            }
            &:hover,&:focus{
                filter:brightness(0.95);
            }
        }
    }
}

/* 掲示板 */
.latestPostBtn{
    margin: 0 auto;
    max-width: 400px;
    width: 100%;
    a{
        background-color: #f5f5f5;
        border: #ddd 2px solid;
        color: #333;
        text-align: center;
        font-size: 1.6rem;
        font-weight: 500;
        letter-spacing: 0.025em;
        padding: 15px;
        display: block;
        text-decoration: none;
        background-color: var(--color-sub-light);
        margin-bottom: 30px;
        transition: 0.3s;
        &:hover,&:focus{
            filter: brightness(0.95);
        }
        @media (width <= 999px) {
            font-size: 1.5rem;
            padding: 10px 15px;
            margin-bottom: 20px;
        }
    }
}

/* ------------------------
会報 /headquarters/bulletin/
--------------------------*/
.tagBox .flexBox1.bulletinMain{
	margin-bottom:80px;	
}