/* PCのデザイン */
@media (min-width: 768px) {
    
    .sp {
        display: none!important;
    }

    /* header */
    .header-top {
        font-size: 0.98rem;
        margin: 0rem 1.5rem 0.3rem;
    }

    .site-header{
        padding: 0.2rem 0 0.5rem;
        background-color: #fff;
        position: fixed;
        width: 100%;
        z-index: 99;
    }

    .logo-area img{
        width: 21%;
    }

    .logo-area h1{
        font-size: 1.2rem;
        margin-left: 1.2rem;
        letter-spacing: 0.105rem;
    }

    .header-main {
        padding: 0 0 0 1.5rem;
        margin-top: 0.4rem;
    }
    
    .main-menu{
        width: 47%;
        margin-left: 15.5%;
        margin-right: 12.5%;
    }

    .main-menu #Main {
        display: flex;
    }

    .main-menu #Main li{
        padding-right: 2rem;
    }

    .main-menu #Main li:not(:first-child){
        padding: 0 2.1rem;
        white-space: nowrap;
    }

    .main-menu #Main li:not(:last-child){
        border-right: solid 1px #2c619a;
    }

    .main-menu #Main li a {
        font-size: 0.95rem;
        letter-spacing: 0.085rem;
    }

    .login-btn {
        margin-right: 1.1%;
    }

    .login-btn p{
        padding: 0.6rem 2.7rem;
        background-color: var(--main-color);
        border-radius: 0.3rem;
        font-family: var(--NotoSerifJP);
        color: #fff;
    }
    /* header end */

    /* top mv */
    .top-mv--content {
        padding-top: 6.6rem;
    }

    .top-mv--img {
        background-image: url(../img/top-mv.png);
        background-size: cover;
        background-position: center;
        width: 100rem;
        height: 46.8rem;
    }

    .top-mv--sub_img_area {
        background-color: #000000ad;
        padding: 3.3rem 2rem 2rem 3.7rem;
        bottom: 7.5rem;
        right: 2.4rem;
    }

    .top-mv--sub_img.img1 {
        background-image: url(../img/top-mv-sub1.png);
        background-size: cover;
        background-position: center;
        width: 20.8rem;
        height: 11.7rem;
        margin-right: 0.4rem;
        margin-top: 0.2rem;
    }

    .top-mv--sub_img.img2 {
        background-image: url(../img/top-mv-sub2.png);
        background-size: cover;
        background-position: center;
        width: 17.3rem;
        height: 11.6rem;
        margin-bottom: 0.3rem;
        margin-right: 1.4rem;
    }

    /* top mv end */

    /* top information */
    .top-mv--news_area {
        width: 50%;
        margin-left: auto;
        background-color: #000000ad;
        margin-top: -6.4rem;
        padding: 1.9rem 2.8rem 1.7rem;
    }

    .top-mv--news_area h2,
    .top-mv--news_title h3,
    .top-mv--news_post_date span{
        color: #fff;
    }

    .top-mv--news_area h2 {
        font-size: 1.23rem;
    }

    .top-mv--news_post_date {
        margin-top: 0.7rem;
    }

    .top-mv--news_post_date span{
        font-size: 0.75rem;
        letter-spacing: 0.07rem;
    }

    .top-mv--news_title h3 {
        font-size: 0.92rem;
        margin-top: 0.25rem;
    }
    
    .info-pagination {
        width: initial!important;
        margin-top: 1.35rem;
        left: -0.2rem!important;
    }

    .info-pagination .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        margin: 0 5px!important;
        border: solid 1px #fff;
        background-color: transparent;
    }

    .info-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
        background-color: #fff;
    }

    /* top information end */

    /* top about us */

    .top-about--content_box {
        margin-top: 2.4rem;
    }

    .top-about--bg{
        background-color: #ebf0f5;
        margin-top: 0.5rem;
        padding-bottom: 4.8rem;
    }

    .top-about--row.row1 {
        width: 88.9%;
        margin-left: auto;
        padding: 5.8rem 0;
    }

    .top-about--row_col2_bg {
        background-image: url(../img/top1.png);
        background-size: cover;
        background-position: center;
        width: 45.9rem;
        height: 31.2rem;
        box-shadow: 8px 8px 12px #9e9e9e;
    }

    .top-about--row_col1_title {
        display: inline-block;
        border-bottom: solid 1px var(--main-color);
        padding-bottom: 0.8rem;
        margin-left: 0.4rem;
    }

    .top-about--row_col1_title h2 {
        color: var(--main-color);
        font-size: 2.2rem;
        letter-spacing: 0.1rem;
    }

    .top-about--row_col1_content{
        margin-top: 2.2rem;
        padding-left: 0.4rem;
        font-size: 1rem;
    }

    .top-about--row_col1_content p{
        line-height: 1.63rem;
        letter-spacing: 0.01rem;
    }

    .top-about--row.row2 {
        width: 93.8%;
        margin-right: auto;
        padding: 0.9rem 0;
    }

    .top-about--row.row2 .top-about--row_col2 {
        width: 44%;
    }

    .top-about--row_col1_bg {
        background-image: url(../img/top2.png);
        background-size: cover;
        background-position: center;
        width: 45.5rem;
        height: 31.2rem;
        box-shadow: -8px 8px 12px #9e9e9e;
        /* margin-top: -1.2rem; */
    }

    .top-about--row_col2_title {
        display: inline-block;
    }

    .top-about--row_col2_title h2 {
        color: var(--main-color);
        font-size: 2.2rem;
        letter-spacing: 0.1rem;
        padding-left: 0.3rem;
        line-height: 3.9rem;
    }

    .top-about--row_col2 .underline{
        width: 25rem;
        border-top: solid 1px var(--main-color);
        margin-bottom: 1.4rem;
        margin-left: 0.4rem;
    }

    .top-about--row_col2_content{
        padding-left: 0.3rem;
        font-size: 1rem;
    }

    .top-about--row_col2_content p{
        line-height: 1.63rem;
        letter-spacing: 0.01rem;
    }

    /* top about us end */

    /* top schedule */
    .top-schedule--content_box {
        padding-top: 4.8rem;
    }

    .top-schedule--content_box .calender{
        width: 87.5%;
        margin: 5rem 6% 0 6%;
    }

    .top-schedule--content_box .calender .fc-toolbar {
        margin-bottom: 0.9rem;
    }

    .top-schedule--content_box .calender .fc-toolbar h2 {
        font-size: 1.35rem;
        letter-spacing: 0.1rem;
    }

    .fc td, .fc th {
        font-size: 1.5rem!important;
    }

    .fc-ltr .fc-basic-view .fc-day-number {
        padding-right: 0.3rem !important;
    }

    .top-schedule--content_box .calender .fc-content .fc-time,
    .top-schedule--content_box .calender .fc-content .fc-title {
        color: #fff;
    }

    .top-schedule--content_box .calender .fc-content {
        padding: 0.5rem;
    }

    .top-schedule--content_box .calender .fc-right {
        margin-top: 0.4rem;
    }

    .top-schedule--content_box .calender .fc .fc-button-group>:first-child {
        margin-left: 0;
        padding: 1.5rem 1.25rem;
    }

    .top-schedule--content_box .calender .fc .fc-button-group:last-child button {
        padding: 0.7rem 1.25rem 2.3rem;
    }

    .top-schedule--content_box .calender .fc button .fc-icon {
        position: relative;
        top: -0.25em;
        margin: 0;
        font-size: 2.8rem;
        padding: 0rem;
    }

    .top-schedule--content_box .calender .fc .fc-toolbar .fc-right .fc-button-group {
        float: left;
        margin-left: .8em;
        margin-right: .5em;
    }

    .top-schedule--content_box .calender .fc .fc-right .fc-button-group:nth-ofooter--type(2){
        margin-left: 0.1rem;
        margin-right: 0.2rem;
    }

    .top-schedule--content_box .calender .fc .fc-right .fc-button-group:nth-ofooter--type(3) button{
        font-size: 1.5rem;
        padding: 0.1rem 0.8rem 0.2rem 1rem;
    }

    /* top schedule end */

    /* top activity */
    .top-activity--content_box {
        margin-top: 4.6rem;
    }

    .activity--posts{
        background-color: #ebf0f4;
        margin-top: 1.6rem;
        padding-bottom: 2.9rem;
    }

    .not_found {
        padding: 12rem 0 5rem;
    }

    .not_found2 {
        padding: 5rem 0 12rem;
    }

    .swiper.activity{
        padding-top: 6.4rem;
    }

    .swiper-wrapper.ac {
        transition-timing-function: linear;
      }

    .swiper.activity .swiper-slide{
        border-radius: 1rem;
        background-color: #fff;
        padding-bottom: 1.8rem;
    }

    .swiper.activity .activity--img{
        border-radius: 1rem 1rem 0 0;
        height: 17.7rem;
        overflow: hidden;
        background-position: top;
        background-repeat: no-repeat;
    }

    .swiper.activity .activity--img img {
        width: 100%;
    }

    .activity--activity_title {
        margin-top: 1.2rem;
    }

    .activity--activity_title h3{
        font-size: 1.3rem;
        color: var(--main-color);
        margin-left: 2rem;
    }

    .activity--activity_post_date{
        margin: 0.8rem 1rem 0;
        font-size: 1rem;
        color: #a4a4a4;
        border-bottom: solid 1px #a4a4a4;
        padding-bottom: 1rem;
    }

    .activity--activity_content{
        margin: 1rem 1rem 0;
    }

    .activity--activity_content p{
        font-size: 0.9rem;
    }

    .activity--more {
        width: 42%;
        margin: 4rem 6% 0 auto;
    }

    .swiper.activity .swiper-button-prev{
        background-color: var(--main-color);
        color: #fff;
        padding: 1.8rem;
        border-radius: 2rem;
        left: 2.3rem;
        top: 19.8rem;
    }

    .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
        font-size: 1.9rem;
    }

    .swiper.activity .swiper-button-next{
        background-color: var(--main-color);
        color: #fff;
        padding: 1.8rem;
        border-radius: 2rem;
        right: 2.3rem;
        top: 19.8rem;
        width: 3.5rem;
        height: 3.5rem;
    }

    .swiper-button-next:after, .swiper-rtl .swiper-button-next:after {
        font-size: 1.9rem;
    }

    /* top activity end */

    /* top access */
    .access--content_box {
        margin-top: 4rem;
        padding-bottom: 7rem;
    }

    .access--row {
        margin-top: 4rem;
    }

    .access--img {
        background-image: url(../img/access.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 41.3rem;
        height: 33.9rem;
        margin-left: 4.8rem;
    }

    .access--map{
        margin-left: 7.3rem;
    }

    .access--google_map{
        margin-top: 1.5rem;
    }

    .access--google_map iframe{
        height: 20.8rem;
    }

    .access--zip_row {
        margin-top: 3.2rem;
    }

    .access--zip {
        margin-left: 0.9rem;
        font-size: 0.99rem;
        line-height: 1.6rem;
    }

    .access--access {
        margin-left: 3.2rem;
        font-size: 1rem;
        line-height: 1.6rem;
    }
    /* top access end */

    /* service */
    .service-mv--content_box {
        padding-top: 6.6rem;
    }
    .service-mv--img {
        background-image: url(../img/service-mv.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        height: 33.8rem;
    }

    .service--content_box {
        padding-top: 4.2rem;
    }

    .service--greeting_row {
        margin-top: 6rem;
    }

    .service--greeting_content{
        margin-left: 11.3%;
    }

    .service--greeting_content_title {
        padding-bottom: 1rem;
        border-bottom: solid 1px var(--main-color);
        display: inline-block;
        margin-bottom: 0.7rem;
    }

    .service--greeting_content_title h2 {
        color: var(--main-color);
        letter-spacing: 0.3rem;
    }

    .service--greeting_content p{
        font-size: 0.9rem;
        letter-spacing: 0.085rem;
        line-height: 1.64rem;
    }

    .service--greeting_img {
        background-image: url(../img/service1.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        height: 28rem;
        width: 37.5rem;
        margin-top: 5.3rem;
        margin-left: auto;
    }

    .service--association_box {
        margin-top: 6.7rem;
    }

    .service--association_box_title h2 {
        color: var(--main-color);
        font-size: 2.25rem;
        letter-spacing: 0.08rem;
        padding-bottom: 0.2rem;
        border-bottom: solid 1px var(--main-color);
        width: 12%;
        margin: auto;
    }

    .service--association_map {
        background-image: url(../img/service2.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        height: 59.3rem;
        width: 90%;
        margin-top: 2.7rem;
        margin-right: 10%;
    }

    .service--association_manager_box {
        margin-top: 6rem;
    }

    .service--association_manager_box_title h2 {
        color: var(--main-color);
        font-size: 2.25rem;
        letter-spacing: 0.08rem;
        padding-bottom: 0.2rem;
        border-bottom: solid 1px var(--main-color);
        width: 12%;
        margin: auto;
    }

    .service--association_manager_table {
        width: 77.5%;
        margin: 4rem auto 0;
    }

    .service--association_manager_table th {
        color: #fff!important;
        background-color: var(--main-color)!important;
    }

    .service--association_manager_table th,
    .service--association_manager_table td {
        text-align: center!important;
        vertical-align: middle !important;
        height: 4.725rem;
        width: 25%;
        font-size: 1.1rem;
    }

    .service--association_manager_table thead th,
    .service--association_manager_table tbody tr:first-child td,
    .service--association_manager_table tbody td,
    .service--association_manager_table tfoot th {
        border: 1px solid black !important;
    }

    .service--history_box {
        margin: 3.5rem 0;
    }

    .service--history_box_title h2 {
        color: var(--main-color);
        font-size: 2.25rem;
        letter-spacing: 0.08rem;
        padding-bottom: 0.2rem;
        border-bottom: solid 1px var(--main-color);
        width: 12%;
        margin: auto;
    }

    .service--history_box_title{
        margin-bottom: 3.8rem;
    }

    .service--history_row {
        width: 53.5%;
        margin: auto;
    }

    .service--mark{
        width: 4rem;
        border-right: solid 2px var(--main-color);
        padding: 1.3rem 0;
    }

    .service--history_row.m .service--mark{
        padding: 2.6rem 0;
    }

    .service--history .service--content{
        margin-left: 3.4rem;
    }

    .service--content p{
        font-size: 1rem;
        letter-spacing: 0.03rem;
    }

    .service--history_row.m .service--content p:nth-of-type(2){
        padding-top: 1.1rem;
        margin-left: 4rem;
    }

    .service--mark .dot{
        width: 0.5rem;
        height: 0.5rem;
        background-color: var(--main-color);
        border-radius: 1rem;
        top: 0.5rem;
        right: -0.33rem;
    }

    .service--history_row:last-child .service--mark{
        padding: 1rem 0 0.5rem;
    }

    .service--union_member_box{
        margin-top: 8rem;
    }

    .service--union_member_box_title h2 {
        color: var(--main-color);
        font-size: 2.25rem;
        letter-spacing: 0.08rem;
        padding-bottom: 0.2rem;
        border-bottom: solid 1px var(--main-color);
        width: 12%;
        margin: auto;
    }

    .service--union_member_box_title{
        margin-bottom: 2rem;
    }

    .service--union_member_navigation {
        width: 78.5%;
        margin: auto;
        background-color: #e5e5e5;
        border-radius: 2rem;
    }

    .service--union_member_navigation .scroll-hint-icon {
        display: none;
    }

    .service--union_member_navigation ul li{
        padding: 1.1rem 2.7rem;
        border-radius: 2rem;
        font-size: 0.95rem;
        transition: .5s;
    }

    /* 西区 */
    .service--union_member_navigation ul li.region1.active,
    .service--union_member_content .dot.region1{
        background-color: rgb(26 169 203);
        color: #fff;
    }

    /* 北区 */
    .service--union_member_navigation ul li.region2.active,
    .service--union_member_content .dot.region2{
        background-color: rgb(0 99 66);
        color: #fff;
    }

    /* 大宮区 */
    .service--union_member_navigation ul li.region3.active,
    .service--union_member_content .dot.region3{
        background-color: rgb(254 76 16);
        color: #fff;
    }

    /* 見沼区 */
    .service--union_member_navigation ul li.region4.active,
    .service--union_member_content .dot.region4{
        background-color: rgb(103 179 211);
        color: #fff;
    }

    /* 中央区 */
    .service--union_member_navigation ul li.region5.active,
    .service--union_member_content .dot.region5{
        background-color: rgb(248 53 92);
        color: #fff;
    }

    /* 桜区 */
    .service--union_member_navigation ul li.region6.active,
    .service--union_member_content .dot.region6{
        background-color: rgb(251 180 206);
        color: #fff;
    }

    /* 南区 */
    .service--union_member_navigation ul li.region7.active,
    .service--union_member_content .dot.region7{
        background-color: rgb(255 230 0);
        color: #fff;
    }

    /* 緑区 */
    .service--union_member_navigation ul li.region8.active,
    .service--union_member_content .dot.region8{
        background-color: rgb(51 163 77);
        color: #fff;
    }

    /* 岩槻区 */
    .service--union_member_navigation ul li.region9.active,
    .service--union_member_content .dot.region9{
        background-color: rgb(255 153 0);
        color: #fff;
    }

    /* 浦和区 */
    .service--union_member_navigation ul li.region10.active,
    .service--union_member_content .dot.region10{
        background-color: rgb(252 0 25);
        color: #fff;
    }

    .service--union_member_content{
        width: 77.5%;
        margin: 1.1rem auto;
    }

    .service--union_member_content .dot{
        width: 1rem;
        height: 1rem;
        border-radius: 1rem;
        top: 1.05rem;
        left: 1.76rem;
        transition: .5s;
    }

    .service--union_member_content .sec{
        width: 17%;
        background-color: #f7f7f7;
    }

    .service--union_member_content .company{
        width: 22.2%;
        background-color: #ffffff;
    }

    .service--union_member_content .address{
        width: 27.2%;
        background-color: #f7f7f7;
    }

    .service--union_member_content .tel{
        width: 16.9%;
        background-color: #ffffff;
    }

    .service--union_member_content .fax{
        width: 16.7%;
        background-color: #f7f7f7;
    }

    .service--union_member_content .tr .sec p{
        padding: 0.7rem 0.5rem 0.5rem 3.45rem;
        font-size: 1.1rem;
    }

    .service--union_member_content .tr .company p{
        padding: 0.7rem 0.5rem 0.5rem 3.6rem;
        font-size: 1.1rem;
    }

    .service--union_member_content .tr .address p{
        padding: 0.7rem 0.5rem 0.5rem 3.75rem;
        font-size: 1.1rem;
    }

    .service--union_member_content .tr .tel p{
        padding: 0.7rem 0.5rem 0.5rem 3.6rem;
        font-size: 1.1rem;
    }

    .service--union_member_content .tr .fax p{
        padding: 0.7rem 0.5rem 0.5rem 3.6rem;
        font-size: 1.1rem;
    }

    .service--union_member_content .td p{
        padding: 0.2rem 0rem 0.38rem 1.8rem;
        letter-spacing: 0.1rem;
    }

    .service--union_member_content .td .company i{
        font-size: 0.7rem;
        margin-left: 0.2rem;
    }

    .service--member_view_box{
        margin-top: 4.7rem;
        margin-bottom: 2.2rem;
    }

    .service--member_view_box_title h2 {
        color: var(--main-color);
        font-size: 2.25rem;
        letter-spacing: 0.08rem;
        padding-bottom: 0.2rem;
        border-bottom: solid 1px var(--main-color);
        width: 15%;
        margin: auto;
    }

    .service--member_view_box_title{
        margin-bottom: 2rem;
    }

    .service--member_view_top span{
        font-size: 1.2rem;
        color: #3e67bc;
    }

    .service--member_view_top p{
        font-size: 1.1rem;
        line-height: 2.1rem;
    }

    .service--member_view_button {
        width: 78%;
        margin: auto;
        background-color: var(--main-color);
        color: #fff;
        padding: 1rem;
        margin-top: 1.4rem;
        border-radius: 1.5rem;
        cursor: pointer;
    }

    .service--member_view_button span {
        margin-left: 2.6rem;
        font-size: 1.1rem;
        letter-spacing: 0.1rem;
    }

    .service--member_view_button .dot{
        width: 1rem;
        height: 1rem;
        background-color: #fff;
        border-radius: 1rem;
        top: 1.4rem;
        left: 1.5rem;
    }

    .service--member_view_button .icon{
        top: 0.15rem;
        right: 1.2rem;
    }

    .service--member_view_button .icon .plus{
        font-size: 2rem;
    }

    .service--member_view_button .icon .minus{
        font-size: 1.3rem;
        margin-top: 0.6rem;
    }

    .service--member_view_content{
        width: 77.5%;
        margin: 1.1rem auto;
    }

    .service--member_view_content .dot{
        width: 1rem;
        height: 1rem;
        border-radius: 1rem;
        top: 1.05rem;
        left: 1.76rem;
        transition: .5s;
        background-color: var(--main-color);
    }

    .service--member_view_content .company{
        width: 35%;
        background-color: #ffffff;
    }

    .service--member_view_content .address{
        width: 35%;
        background-color: #f7f7f7;
    }

    .service--member_view_content .tel{
        width: 15%;
        background-color: #ffffff;
    }

    .service--member_view_content .fax{
        width: 15%;
        background-color: #f7f7f7;
    }

    .service--member_view_content .tr .company p{
        padding: 0.7rem 0.5rem 0.5rem 3.6rem;
        font-size: 1.1rem;
    }

    .service--member_view_content .tr .address p{
        padding: 0.7rem 0.5rem 0.5rem 3.75rem;
        font-size: 1.1rem;
    }

    .service--member_view_content .tr .tel p{
        padding: 0.7rem 0.5rem 0.5rem 3.6rem;
        font-size: 1.1rem;
    }

    .service--member_view_content .tr .fax p{
        padding: 0.7rem 0.5rem 0.5rem 3.6rem;
        font-size: 1.1rem;
    }

    .service--member_view_content .td p{
        padding: 0.2rem 0rem 0.38rem 1.8rem;
        letter-spacing: 0.1rem;
    }

    .service--relation_box {
        margin-top: 4.7rem;
        /* margin-bottom: 2.2rem; */
        margin-bottom: 4rem;
    }

    .service--relation_box_title h2 {
        color: var(--main-color);
        font-size: 2.25rem;
        letter-spacing: 0.08rem;
        padding-bottom: 0.2rem;
        border-bottom: solid 1px var(--main-color);
        width: 15%;
        margin: auto;
    }

    .service--relation_box_title{
        margin-bottom: 2rem;
    }

    .service--relation_row.row1 {
        width: 64%;
        margin: 6rem auto 0;
    }

    .service--relation_row .service--relation_row_col.col1{
        width: 30%;
        margin-left: 7.5%;
    }

    .service--relation_row .service--relation_bg.bg1 {
        background-image: url(../img/service3.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        height: 8.3rem;
        width: 100%;
    }

    .service--relation_row .service--relation_row_col.col1 .service--relation_content {
        margin-top: 2.2rem;
        margin-left: -0.7rem;
        line-height: 1.7rem;
    }

    .service--relation_row .service--relation_row_col.col2{
        width: 16%;
        margin-left: 3.2rem;
    }

    .service--relation_row .service--relation_bg.bg2 {
        background-image: url(../img/service4.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        height: 5.2rem;
        width: 100%;
        margin-top: 1.5rem;
    }

    .service--relation_row .service--relation_row_col.col2 .service--relation_content {
        margin-top: 3.8rem;
        margin-left: 0.2rem;
        line-height: 1.7rem;
    }

    .service--relation_row .service--relation_row_col.col3 {
        width: 23%;
        margin-left: 9.1rem;
    }

    .service--relation_row .service--relation_bg.bg3 {
        background-image: url(../img/service5.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        height: 3.1rem;
        margin-top: 3rem;
        width: 90%;
    }

    .service--relation_row .service--relation_row_col.col3 .service--relation_content {
        margin-top: 4.4rem;
        margin-left: -0.3rem;
        line-height: 1.7rem;
    }

    .service--relation_row.row2 {
        width: 64%;
        margin: 3.9rem auto 0;
    }

    .service--relation_row .service--relation_row_col.col4 {
        width: 41.5%;
        margin-left: 0.3rem;
    }

    .service--relation_row .service--relation_bg.bg4 {
        background-image: url(../img/service6.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        height: 3.1rem;
        margin-top: 3rem;
    }

    .service--relation_row .service--relation_row_col.col4 .service--relation_content {
        margin-top: 2.1rem;
        margin-left: -1.3rem;
        line-height: 1.7rem;
    }

    .service--relation_row .service--relation_row_col.col5 {
        width: 37%;
        margin-left: 12rem;
    }

    .service--relation_row .service--relation_bg.bg5 {
        background-image: url(../img/service7.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        height: 3.1rem;
        margin-top: 3rem;
    }

    .service--relation_row .service--relation_row_col.col5 .service--relation_content {
        margin-top: 2.2rem;
        line-height: 1.7rem;
    }


    .service--relation_row .service--relation_row_col span{
        font-size: 1.1rem;
        color: var(--main-color);
        border-bottom: solid 1px var(--main-color);
        padding-bottom: 0.3rem;
    }

    .service--link_box{
        margin: 7rem 0;
    }

    .service--link_row {
        width: 77%;
        margin: auto;
    }

    .service--link_row h2{
        font-size: 2.2rem;
        color: var(--main-color);
        letter-spacing: 0.1rem;
        border-bottom: solid 1px var(--main-color);
    }

    .service--link_row_col1{
        margin-top: 1.2rem;
    }

    .service--link_row_col2{
        margin-left: 24.8rem;
        font-size: 1.1rem;
        letter-spacing: 0.04rem;
        line-height: 2.1rem;
    }
    
    /* service end */

    /* outline */
    .outline-mv--content_box {
        padding-top: 6.6rem;
    }

    .outline-mv--img {
        background-image: url(../img/outline-mv.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        height: 33.8rem;
    }

    .outline--content_box {
        padding-top: 4.2rem;
    }

    .outline--greeting_row {
        margin-top: 5rem;
    }

    .outline--greeting_content{
        margin-left: 5.1%;
        margin-top: 1.2rem;
    }

    .outline--greeting_content_title {
        padding-bottom: 1rem;
        border-bottom: solid 1px var(--main-color);
        display: inline-block;
        margin-bottom: 0.7rem;
    }

    .outline--greeting_content_title h2 {
        color: var(--main-color);
        letter-spacing: 0.3rem;
    }

    .outline--greeting_content p{
        font-size: 0.9rem;
        letter-spacing: 0.085rem;
        line-height: 1.64rem;
    }

    .outline--greeting_img {
        background-image: url(../img/outline1.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        height: 28rem;
        width: 37.5rem;
    }

    .outline--association_box {
        margin-top: 9.5rem;
    }

    .outline--association_box_title h2 {
        color: var(--main-color);
        font-size: 2.25rem;
        letter-spacing: 0.08rem;
        padding-bottom: 0.4rem;
        border-bottom: solid 1px var(--main-color);
        width: 15%;
        margin: auto;
    }

    .outline--association_map {
        background-image: url(../img/outline2.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        height: 70rem;
        width: 100%;
        margin-top: 5rem;
        margin-left: 4.5%;
    }

    .outline--association_bottom {
        width: 62%;
        margin: 4rem auto;
    }

    .outline--association_bottom_col {
        width: 30%;
    }

    .outline--association_bottom_col:not(:last-child) {
        margin-right: 5%;
    }

    .outline--association_bottom_header {
        background-color: var(--main-color);
        border-radius: 1rem 1rem 0 0;
    }

    .outline--association_bottom_header h3 {
        color: #fff;
        font-size: 1.3rem;
        letter-spacing: 0.3rem;
        padding: 2rem;
    }

    .outline--association_bottom_content {
        border: solid 2px var(--main-color);
        border-radius: 0 0 1rem 1rem;
        padding: 2.5rem 2rem 2.3rem;
        line-height: 2.34rem;
    }

    .outline--association_bottom_col:nth-child(2) .outline--association_bottom_content {
        padding: 1.4rem 1.7rem 1rem;
    }


    .outline--association_bottom_col:last-child .outline--association_bottom_content {
        border: solid 2px var(--main-color);
        border-radius: 0 0 1rem 1rem;
        /* padding: 1.4rem 1.7rem 1rem; */
        padding: 2.5rem 2rem 2.3rem;
        line-height: 2.34rem;
    }

    .outline--association_bottom_content p{
        font-size: 1.25rem;
        letter-spacing: 0.23rem;
    }

    .outline--association_bottom_col:last-child .outline--association_bottom_content p{
        font-size: 1.25rem;
        letter-spacing: 0.22rem;
        white-space: nowrap;
    }

    .outline--association_manager_box {
        margin-top: 9.5rem;
    }

    .outline--association_manager_box_title h2 {
        color: var(--main-color);
        font-size: 2.25rem;
        letter-spacing: 0.08rem;
        padding-bottom: 0.2rem;
        border-bottom: solid 1px var(--main-color);
        width: 17.5%;
        margin: auto;
    }

    .outline--association_manager_table {
        width: 83.5%;
        margin: 4.2rem auto 0;
    }

    .outline--association_manager_table th {
        color: #fff!important;
        background-color: var(--main-color)!important;
    }

    .outline--association_manager_table th,
    .outline--association_manager_table td {
        text-align: center!important;
        vertical-align: middle !important;
        height: 4.725rem;
        width: 10.3%;
        font-size: 1.1rem;
        letter-spacing: 0.1rem;
    }

    .outline--association_manager_table th.column-1,
    .outline--association_manager_table td.column-1 {
        width: 5.3%;
    }

    .outline--association_manager_table th.column-2,
    .outline--association_manager_table td.column-2 {
        width: 6.2%;
    }

    .outline--association_manager_table th.column-3,
    .outline--association_manager_table td.column-3 {
        width: 9.1%;
    }

    .outline--association_manager_table th.column-4,
    .outline--association_manager_table td.column-4 {
        width: 13.5%;
    }

    .outline--association_manager_table th.column-5,
    .outline--association_manager_table td.column-5 {
        width: 8.8%;
    }
    .outline--association_manager_table th.column-6,
    .outline--association_manager_table td.column-6 {
        width: 8.2%;
    }

    .outline--association_manager_table thead th,
    .outline--association_manager_table tbody tr:first-child td,
    .outline--association_manager_table tbody td,
    .outline--association_manager_table tfoot th {
        border: 1px solid black !important;
    }

    .outline-activity--content_box {
        margin-top: 4.3rem;
    }

    /* outline end */

    /* access */
    .access-mv--content_box {
        padding-top: 6.6rem;
    }
    .access .access-mv--img {
        background-image: url(../img/access_header.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        height: 33.8rem;
    }

    .access .access--content_box {
        margin-top: 4.2rem!important;
    }

    .access .access--map {
        margin-left: 7.5rem;
    }

    .access .access--row {
        margin-top: 4.6rem;
    }

    .access .access--zip_row {
        margin-top: 3rem;
    }

    .access2--content_box {
        background-color: #ebf0f4;
        margin-top: 1rem;
        padding-bottom: 2.6rem;
    }

    .access2--row {
        width: 95.2%;
        margin-left: 4.8%;
    }

    .access2--img {
        background-image: url(../img/access2.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        height: 43.8rem;
        width: 43.4%;
        margin-top: 2.4rem;
    }

    .access2--main{
        margin-left: 4%;
        margin-top: 15.1rem;
    }

    .access2--main div {
        line-height: 2.05rem;
    }

    .access2--main div:not(:first-child) {
        margin-top: 2.3rem;
    }

    .access2--main div h3{
        font-size: 1.3rem;
        letter-spacing: 0.06rem;
    }

    .access2--main div p{
        font-size: 1.1rem;
        letter-spacing: 0.09rem;
    }
    /* access end */

    /* information */
    .information-mv--content_box {
        padding-top: 6.6rem;
    }

    .information .information-mv--img {
        background-image: url(../img/information-mv.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        height: 33.8rem;
    }

    .information--content_box {
        padding-top: 4.2rem;
    }

    .information--category_nav{
        margin-left: 11.5rem;
        margin-top: 2.7rem;
    }

    .information--category_nav .all {
        margin-right: 3.3rem;
    }

    .information--category_nav .all p{
        padding: 0.7rem 4.8rem 0.8rem 4.8rem;
        background-color: var(--main-color);
        color: #fff;
        font-size: 1.05rem;
        letter-spacing: 0.1rem;
    }

    .information--category_nav .info {
        margin-right: 3.3rem;
    }

    .information--category_nav .info p{
        padding: 0.7rem 4.4rem 0.8rem 4rem;
        background-color: #016bc4;
        color: #fff;
        font-size: 1.05rem;
        letter-spacing: 0.1rem;
    }

    .information--category_nav .association {
        margin-right: 3.3rem;
    }

    .information--category_nav .association p{
        padding: 0.7rem 3rem 0.8rem 3.1rem;
        background-color: #229ced;
        color: #fff;
        font-size: 1.05rem;
        letter-spacing: 0.1rem;
    }

    .information--category_nav .youth {
        margin-right: 3.3rem;
    }

    .information--category_nav .youth p{
        padding: 0.7rem 2.4rem 0.8rem 2.5rem;
        background-color: #78a4c9;
        color: #fff;
        font-size: 1.05rem;
        letter-spacing: 0.1rem;
    }

    .information--category_nav .other {
        margin-right: 3.3rem;
    }

    .information--category_nav .other p{
        padding: 0.7rem 4.9rem 0.8rem 4.6rem;
        background-color: #687996;
        color: #fff;
        font-size: 1.05rem;
        letter-spacing: 0.1rem;
    }

    .information--main {
        margin-top: 4.2rem;
    }
    
    .information--main .newscol {
        margin-left: 11.3rem;
    }

    .information .newscol a > div{
        padding: 1.45rem 0 1.3rem;
        border-bottom: solid 1px #333;
        width: 88.1%;
    }

    .information .newscol:first-child a > div{
        border-top: solid 1px #333;
    }

    .information .newscol a > div .day p{
        letter-spacing: 0.12rem;
    }

    .information .newscol a > div .category{
        color: #fff;
        font-size: 0.6rem;
        padding: 0.35rem;
        margin-left: 0.9rem;
        width: 6.5rem;
    }

    .information .newscol a > div .category.info{
        background-color: #016bc4;
    }

    .information .newscol a > div .category.association{
        background-color: #209dec;
    }

    .information .newscol a > div .category.all{
        background-color: var(--main-color);
    }

    .information .newscol a > div .category.youth{
        background-color: #78a4c9;
    }

    .information .newscol a > div .category.other{
        background-color: #687996;
    }

    .information .newscol a > div .news-title{
        margin-left: 1rem;
    }


    .information .newscol a > div .news-title h3{
        font-size: 1rem;
        color: var(--main-color);
    }

    .pagenavi .icon{
        width: 0.55vw;
        background-size: contain;
        height: 0.55vw;
        background-repeat: no-repeat;
    }

    .pagenavi .icon.next{
        background-image: url(../img/right_arrow.png);
    }

    .pagenavi .icon.end{
        background-image: url(../img/right_arrow2.png);
    }

    .pagenavi .icon.prev{
        background-image: url(../img/left_arrow.png);
    }

    .pagenavi .icon.start{
        background-image: url(../img/left_arrow2.png);
    }

    .pagenavi {
        padding: 3.7rem 0;
        font-size: 0.85rem;
        letter-spacing: 0.01rem;
    }

    .pagenavi .co {
        margin: 0 0.2rem;
        color: var(--main-color);
    }

    .pagenavi .now.co{
        background-color: var(--main-color);
        color: #fff;
        padding: 0rem 0.5rem;
    }

    /* information end */

    /* information detail */

    .information--detail_section {
        padding-top: 8.97rem;
    }

    .information--detail_main{
        width: 62%;
        margin: 6rem auto;
    }

    .information--detail_title {
        margin-bottom: 1.2rem;
    }

    .information--detail_title h1{
        font-size: 1.4rem;
        letter-spacing: 0.26rem;
        margin-left: 0.25rem;
    }

    .information--thumbnail {
        border-radius: 1rem;
        overflow: hidden;
    }

    .information--thumbnail img{
        width: 100%;
    }

    .information--detail_title_top {
        margin-top: 2.3rem;
        margin-left: 0.5rem;
        letter-spacing: 0.1rem;
    }

    .information--detail_content{
        font-size: 1rem;
        margin-top: 0.8rem;
        margin-left: 0.4rem;
        letter-spacing: 0.003rem;
        line-height: 1.6rem;
    }

    .information_detail .button--more{
        width: 24%;
        margin-left: 38%;
        margin-top: 3rem;
    }

    .eventorganiser-event-meta p{
        margin-top: 1rem;
    }

    .eo-event-meta{
        width: 100%!important;
        float: none!important;
    }

    .eo-event-venue-map {
        margin-top: 1rem;
        width: 100%!important;
        float: none!important;
    }

    /* information detail end */

    /* activity */

    .activity2-mv--content_box {
        padding-top: 6.6rem;
    }

    .activity2 .activity2-mv--img {
        background-image: url(../img/activity-mv.png);
        background-size: contain;
        background-repeat: no-repeat;
        height: 33.9rem;
    }

    .activity2--content_box {
        padding-top: 4.2rem;
        background-color: #ebf0f4;
    }

    .activity2--main {
        margin-top: 5.1rem;
    }

    .activity2--row{
        width: 83.3%;
        margin: 0rem auto;
        padding-bottom: 5.4rem;
    }

    .activity2--col {
        border-radius: 1rem;
        background-color: #fff;
        padding-bottom: 1.8rem;
        width: 31.3%;
    }

    .activity2--col:nth-of-type(2) {
        margin: 0 3%;
    }

    .activity2--img{
        border-radius: 1rem 1rem 0 0;
        height: 14.8rem;
        overflow: hidden;
    }

    .activity2--img img {
        width: 100%;
    }

    .activity2--activity_title {
        margin-top: 0.2rem;
    }

    .activity2--activity_title h3{
        font-size: 1.1rem;
        color: var(--main-color);
        margin-left: 1.3rem;
        margin-top: 1.1rem;
    }

    .activity2--activity_post_date {
        margin: 0.83rem 0.6rem 0rem 0.6rem;
        font-size: 0.9rem;
        color: #a4a4a4;
        border-bottom: solid 1px #a4a4a4;
        padding-bottom: 0.9rem;
    }

    .activity2--activity_content{
        margin: 0.5rem 0.6rem 0;
    }

    .activity2--activity_content p{
        font-size: 0.88rem;
    }

    /* activity end */

    /* privacy policy */
    .privacy_policy--content {
        padding-top: 6.6rem;
    }

    .privacy_policy--content_box {
        padding: 13.5rem 0 12rem;
        background-color: #ebf0f4;
    }

    .privacy_policy--main_box {
        margin: 6.4rem 0 5.6rem 11.8rem;
        letter-spacing: 0.145rem;
        line-height: 1.78rem;
    }

    .privacy_policy--col{
        margin-bottom: 2.2rem;
    }

    .privacy_policy--title {
        margin-bottom: 0.5rem;
    }

    .privacy_policy--col h2 {
        font-size: 1.2rem;
        color: var(--main-color);
    }
    
    /* privacy policy end */

    /* 404 */
    .not_found {
        padding: 15rem 0;
    }

    .not_found h2 {
        font-size: 1.5rem;
        margin-bottom: 3rem!important;
    }

    .not_found p{
        font-size: 1.1rem;
        letter-spacing: 0.05rem;
        line-height: 4rem;
    }

    .not_found p a{
        text-decoration: underline!important;
    }
    /* 404 end */

    /* footer */

    footer {
        background-color: var(--main-color);
    }

    footer .footer--menu {
        padding-bottom: 5.3rem;
    }

    footer #Footer {
        margin-bottom: 1.5rem;
    }

    footer #Footer{
        display: flex;
        justify-content: center; 
    }

    footer #Footer li:not(:last-child) {
        margin-right: 4.2rem;
    }
    
    footer #Footer a{
        color: #fff!important;
        font-size: 0.9rem;
        letter-spacing: 0.1rem;
    }

    footer .footer--logo {
        padding: 5.2rem 0 3.8rem;
    }

    footer .footer--logo_text{
        color: #fff;
        margin-top: 1rem;
    }

    footer .footer--logo img {
        width: 4.8%;
    }

    footer .copyright {
        background-color: var(--main-color);
        color: #fff;
        padding: 1.3rem 0;
        font-size: 0.73rem;
        letter-spacing: 0.1rem;
        border-top: solid 1px #fff;
    }

    /* footer end */
}


/* 追記　20250422 */

.new_name {
    font-size: 1.3rem !important;
    text-align: right;
    margin-top: 20px;
}

/* 上のMVがなくなった */
.access--content {
    padding-top: 6.6rem;
}

.access--map {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.flex_start {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.access--map .flex_start {
    align-items: center;
}

.access_text {
    margin-left: 30px;
}

.access_text_bottom {
    margin-top: 50px;
}

.access_text_bottom h3 {
    font-size: 1.3rem;
}

.access_text_bottom div {
    margin-bottom: 2.3rem;
}

.access_text_bottom div:last-child {
    margin-bottom: 0;
}

.access_text_bottom {
    font-size: 1.1rem;
    letter-spacing: 0.09rem;
    line-height: 2.05rem;    
}

.access--google_map {
    width: 50%;
}

@media screen and (min-width:768px) {
    .access--img {
        width: 60rem;
    }
}

@media screen and (max-width:767px) {
    .access--google_map {
        width: 100%;
    }

    .access_text_bottom h3,
    .access_text_bottom,
    .access_text,
    .new_name {
        font-size: 3.5rem !important;
    }

    .access_text_bottom h3 {
        margin-bottom: 10px;
    }

    .access_text {
        margin-left: 0;
    }

    .access_text_bottom {
        margin-top: 20px;
    }

    .access_text_bottom p {
        line-height: 1.5;
    }

    .access_text {
        margin-top: 30px;
    }

}

@media screen and (max-width:600px) {
    .access--content {
        padding-top: 17rem;
    }

}


/* 追記　20250422 ここまで */