/* SPのデザイン */
@media (max-width: 767px) {
    html, body {
        overflow-x: hidden;
    }

    .pc {
        display: none!important;
    }

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

    .logo-area h1{
        font-size: 4rem;
        margin-left: 2rem;
    }

    .logo-area {
        width: 100%;
        margin-top: 2rem;
    }

    .header-main {
        padding: 2rem 5rem 2rem 2rem;
        background-color: #fff;
    }

    .header-top {
        font-size: 3rem;
    }

    .header-main .header-icon {
        width: 6rem;
        height: 6rem;
        font-size: 7rem;
        color: var(--main-color);
    }

    /* header .menu-col {
        position: fixed;
        transition: .5s;
        transform: translateY(-1000px);
        overflow: auto;
        top: 0;
        width: 100%;
        padding-top: 17rem;
        background-color: #fff;
        z-index: 8;
    } */

    header .menu-col {
        position: fixed;
        transition: .5s;
        transform: translateX(1000px);
        height: 100vh;
        overflow: auto;
        top: 0;
        width: 100%;
        background-color: var(--main-color);
        z-index: 2000;
    }

    header .menu-col .quit {
        color: #fff;
        margin-right: 5rem;
        margin-top: 5rem;
    }

    header .menu-col .quit i {
        font-size: 7rem;
    }

    header .menu-col.active {
        transform: translateX(0);
    }

    .menu-mainmenu-container #Main {
        padding: 0;
    }

    .menu-mainmenu-container #Main li{
        padding: 3.3rem 5rem;
        border-bottom: solid 1px #ffffff45;
    }

    .menu-mainmenu-container #Main li a {
        font-size: 3.3rem;
        color: #fff!important;
    }

    .menu-col .tel {
        padding: 3rem;
        border: solid 1px #ffffff45;
        width: 90%;
        margin: 10rem auto;
    }

    .menu-col .tel p{
        font-size: 4.8rem;
        color: #fff;
    }

    .menu-col .holiday{
        font-size: 3.3rem;
        color: #fff;
        line-height: 7rem;
    }

    .menu-col .holiday .small{
        font-size: 3rem;
    }

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

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

    /* top mv end */

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

    .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: 5rem;
        letter-spacing: 0.1rem;
    }

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

    .top-mv--news_post_date span{
        font-size: 3rem;
        letter-spacing: 0.1rem;
    }

    .top-mv--news_title h3 {
        font-size: 3rem;
        letter-spacing: 0.1rem;
    }
    
    .info-pagination {
        width: initial!important;
        margin-top: 5rem;
        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: 10rem;
    }

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

    .top-about--row.row1 {
        width: 100%;
        padding: 15rem 0;
    }

    .top-about--row_col2{
        width: 90%;
        margin: auto;
    }

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

    .row1 .top-about--row_col1 {
        width: 90%;
        margin: auto;
    }

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

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

    .top-about--row_col1_content{
        margin-top: 4rem;
        font-size: 4rem;
    }

    .top-about--row_col1_content p{
        line-height: 6rem;
        letter-spacing: 0.1rem;
    }

    .row2 .top-about--row_col1 {
        width: 100%;
    }

    .top-about--row.row2 {
        width: 100%;
        padding-bottom: 15rem;
    }

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

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

    .top-about--row_col2_title h2 {
        color: var(--main-color);
        font-size: 5rem;
        letter-spacing: 0.5rem;
        line-height: 7rem;
    }

    .top-about--row_col2 .underline{
        width: 87rem;
        border-top: solid 1px var(--main-color);
        margin-top: 1rem;
        margin-bottom: 4rem;
    }

    .top-about--row_col2_content{
        font-size: 4rem;
    }

    .top-about--row_col2_content p{
        line-height: 6rem;
        letter-spacing: 0.1rem;
    }

    .top-about--row.row2 .top-about--row_col2 .button--more{
        width: 60%;
    }


    /* top about us end */

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

    .top-schedule--content_box .calender{
        width: 90%;
        margin: 10rem auto 0;
    }

    .top-schedule--content_box .calender .fc-toolbar .fc-right{
        margin: 4rem 0;
        float: right!important;
    }

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

    .fc td {
        font-size: 3rem!important;
    }

    .fc-day-header {
        font-size: 2.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-left {
        margin-bottom: 2rem;
    }

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

    .top-schedule--content_box .calender .fc .fc-button-group:last-child button {
        padding: 2.5rem 2.5rem 6.5rem;
        font-size: 3rem;
    }

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

    .top-schedule--content_box .calender .fc .fc-toolbar .fc-right .fc-button-group {
        float: left;
        margin-left: 2rem;
    }

    .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: 20rem;
    }

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

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

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

    .swiper.activity{
        padding-top: 6.4rem;
        width: 90%;
        overflow: unset;
    }

    .swiper-wrapper.ac {
        transition-timing-function: linear;
        margin-left: 0px!important;
    }

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

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

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

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

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

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

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

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

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

    .swiper.activity .swiper-button-prev{
        background-color: var(--main-color);
        color: #fff;
        padding: 6rem 6.5rem;
        border-radius: 7rem;
        left: 0rem;
        top: 135rem;
    }

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

    .swiper.activity .swiper-button-next{
        background-color: var(--main-color);
        color: #fff;
        padding: 6rem 6.5rem;
        border-radius: 7rem;
        left: 15rem;
        top: 135rem;
    }

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

    /* top activity end */

    /* top access */
    .access--content_box {
        margin-top: 10rem;
        padding-bottom: 15rem;
    }

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

    .access--img {
        background-image: url(../img/access.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 75%;
        height: 62rem;
        margin: auto;
    }

    .access--map{
        width: 90%;
        margin: auto;
    }

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

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

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

    .access--zip {
        font-size: 3.5rem;
        line-height: 5.5rem;
    }

    .access--access {
        font-size: 3.5rem;
        line-height: 5.5rem;
        margin-top: 2rem;
    }
    /* top access end */

    /* service */

    .service-mv--content_box {
        padding-top: 19.6rem;
    }
    .service-mv--img {
        background-image: url(../img/service-mv.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
        height: 45rem;
    }

    .service--content_box {
        margin-top: 10rem;
    }

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

    .service--greeting_content{
        width: 90%;
        margin: 5rem auto 0;
    }

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

    .service--greeting_content_title h2 {
        color: var(--main-color);
        font-size: 6rem;
    }

    .service--greeting_content p{
        font-size: 3.5rem;
        letter-spacing: 0.1rem;
        line-height: 6rem;
    }

    .service--greeting_img {
        background-image: url(../img/service1.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        height: 50rem;
        width: 100%;
        margin-top: 5rem;
    }

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

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

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

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

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

    .service--association_manager_table {
        width: 90%;
        margin: 5rem 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: 6rem;
        width: 25%;
        font-size: 2.2rem;
    }

    .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: 10rem 0;
    }

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

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

    .service--history_row {
        width: 90%;
        margin: auto;
        font-size: 3rem;
        border-bottom: solid 1px var(--main-color);
        padding: 3rem 0;
    }

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

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

    .service--content p{
        font-size: 3rem;
    }

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

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

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

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

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

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

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

    .service--union_member_navigation {
        width: 90%;
        margin: 5rem auto;
        background-color: #e5e5e5;
        border-radius: 4rem;
    }

    .service--union_member_navigation ul {
        width: 145rem;
    }

    .service--union_member_navigation ul li{
        padding: 1.1rem 2.7rem;
        border-radius: 4rem;
        font-size: 3rem;
        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: 90%;
        margin: 5rem auto;
        font-size: 3rem;
    }

    .service--union_member_content .dot{
        width: 2rem;
        height: 2rem;
        border-radius: 1rem;
        top: 2.5rem;
        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,
    .service--union_member_content .td {
        width: 160rem;
    }

    .service--union_member_content .tr .sec p,
    .service--union_member_content .tr .company p,
    .service--union_member_content .tr .address p,
    .service--union_member_content .tr .tel p,
    .service--union_member_content .tr .fax p{
        padding: 1rem 5.5rem;
    }

    .service--union_member_content .td p{
        padding: 1rem 0.5rem;
    }

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

    .service--member_view_box{
        margin-top: 10rem;
        margin-bottom: 4rem;
    }

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

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

    .service--member_view_top {
        width: 90%;
        margin: auto;
    }

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

    .service--member_view_top p{
        font-size: 3.5rem;
        line-height: 6.5rem;
    }

    .service--member_view_button {
        width: 90%;
        margin: auto;
        background-color: var(--main-color);
        color: #fff;
        padding: 3rem 2rem;
        margin-top: 4rem;
        border-radius: 6rem;
        cursor: pointer;
    }

    .service--member_view_button span {
        margin-left: 6.5rem;
        font-size: 3.5rem;
    }

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

    .service--member_view_button .icon{
        top: 0.75rem;
        right: 5.2rem;
    }

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

    .service--member_view_button .icon .minus{
        font-size: 4.3rem;
        margin-top: 1.6rem;
    }

    .service--member_view_content{
        width: 90%;
        margin: 4rem auto;
        font-size: 3rem;
    }

    .service--member_view_content .dot{
        width: 2rem;
        height: 2rem;
        border-radius: 1rem;
        top: 2.5rem;
        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,
    .service--member_view_content .td {
        width: 160rem;
    }

    .service--member_view_content .tr .company p,
    .service--member_view_content .tr .address p,
    .service--member_view_content .tr .tel p,
    .service--member_view_content .tr .fax p{
        padding: 1rem 5.5rem;
        font-size: 3rem;
    }

    .service--member_view_content .td p{
        padding: 1rem 0.5rem;
    }

    .service--relation_box {
        margin-top: 10rem;
        margin-bottom: 4rem;
    }

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

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

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

    .service--relation_row .service--relation_row_col.col1{
        width: 100%;
    }

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

    .service--relation_row .service--relation_row_col.col1 .service--relation_content {
        margin-top: 2rem;
        line-height: 5rem;
    }

    .service--relation_row .service--relation_row_col.col2{
        width: 100%;
    }

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

    .service--relation_row .service--relation_row_col.col2 .service--relation_content {
        margin-top: 2rem;
        line-height: 5rem;
    }

    .service--relation_row .service--relation_row_col.col3 {
        width: 100%;
    }

    .service--relation_row .service--relation_bg.bg3 {
        background-image: url(../img/service5.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        height: 25rem;
        margin: 10rem auto 0;
        width: 80%;
    }

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

    .service--relation_row.row2 {
        width: 70%;
        margin: 4rem auto 0;
    }

    .service--relation_row .service--relation_row_col.col4 {
        width: 100%;
    }

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

    .service--relation_row .service--relation_row_col.col4 .service--relation_content {
        line-height: 5.5rem;
    }

    .service--relation_row .service--relation_row_col.col5 {
        width: 100%;
    }

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

    .service--relation_row .service--relation_row_col.col5 .service--relation_content {
        line-height: 5.5rem;
    }


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

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

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

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

    .service--link_row_col1{
        width: 43%;
        margin: auto;
    }

    .service--link_row_col2{
        margin-top: 5rem;
        font-size: 3.5rem;
        line-height: 6rem;
    }
    
    /* service end */

    /* outline */

    .outline-mv--img {
        background-image: url(../img/outline-mv.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position-y: top;
        height: 45rem;
    }

    .outline-mv--content_box {
        padding-top: 19.6rem;
    }

    .outline--content_box {
        margin-top: 10rem;
    }

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

    .outline--greeting_content{
        width: 90%;
        margin: 5rem auto 0;
    }

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

    .outline--greeting_content_title h2 {
        font-size: 6rem;
        color: var(--main-color);
    }

    .outline--greeting_content p{
        font-size: 3.5rem;
        letter-spacing: 0.1rem;
        line-height: 6rem;
    }

    .outline--greeting_img {
        background-image: url(../img/outline1.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        height: 50rem;
        width: 100%;
        margin-top: 5rem;
    }

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

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

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

    .outline--association_bottom {
        width: 90%;
        margin: 10rem auto;
    }

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

    .outline--association_bottom_col:not(:last-child) {
        margin-bottom: 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: 3.5rem;
        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:last-child .outline--association_bottom_content {
        border: solid 2px var(--main-color);
        border-radius: 0 0 1rem 1rem;
        padding: 1.4rem 1.7rem 1rem;
        line-height: 2.34rem;
    }

    .outline--association_bottom_content p{
        font-size: 3rem;
        line-height: 5rem;
    }

    .outline--association_bottom_col:last-child .outline--association_bottom_content p{
        font-size: 3rem;
        white-space: nowrap;
        line-height: 5rem;
    }

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

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

    .outline--association_manager_table {
        width: 90%;
        margin: 10rem auto 0;
    }

    .outline--association_manager_table table {
        width: 190rem;
    }

    .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: 8rem;
        font-size: 3rem;
        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: 10rem;
    }

    /* outline end */

    /* access */
    .access-mv--content_box {
        padding-top: 19.6rem;
    }

    .access .access-mv--img {
        background-image: url(../img/access_header.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        height: 35rem;
    }

    .access .access--content_box {
        margin-top: 10rem;
    }

    /* .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: 90%;
        margin: auto;
    }

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

    .access2--main{
        margin-top: 5rem;
    }

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

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

    .access2--main div h3{
        font-size: 3.5rem;
        letter-spacing: 0.1rem;
    }

    .access2--main div p{
        font-size: 3rem;
        letter-spacing: 0.1rem;
    }

    .access2--main div a {
        text-decoration: none!important;
        
    }
    /* access end */

    /* information */
    .information-mv--content_box {
        padding-top: 19.6rem;
    }
    .information .information-mv--img {
        background-image: url(../img/information-mv.png);
        background-size: cover;
        background-repeat: no-repeat;
        height: 45rem;
    }

    .information--content_box {
        margin-top: 10rem;
    }

    .information--category_nav{
        width: 90%;
        margin: auto;
        margin-top: 6.5rem;
    }

    .information--category_nav select{
        width: 40%;
        font-size: 4rem;
        padding: 1rem;
    }

    .information--main {
        margin: 5rem auto 0;
        width: 90%;
    }
    
    .information--main .newscol {
        /* margin-left: 11.3rem; */
    }

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

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

    .information .newscol a > div .day p{
        font-size: 3rem;
    }

    .information .newscol a > div .category{
        color: #fff;
        font-size: 2.5rem;
        padding: 0.75rem 0;
        margin-left: 3rem;
        width: 22rem;
    }

    .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-top: 3rem;
        width: 100%;
    }


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

    .pagenavi .icon{
        width: 0.55rem;
        background-size: contain;
        height: 0.55rem;
        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: 10rem 0;
        font-size: 3rem;
    }

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

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

    /* information end */

    /* information detail */

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

    .information--detail_main{
        width: 90%;
        margin: 10rem auto;
    }

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

    .information--detail_title h1{
        font-size: 4.5rem;
        line-height: 8rem;
    }

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

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

    .information--detail_title_top {
        margin-top: 3rem;
        font-size: 3rem;
    }

    .information--detail_content{
        font-size: 3rem;
        margin-top: 2rem;
        line-height: 5.5rem;
        letter-spacing: 0.1rem;
    }

    .information_detail .button--more{
        width: 60%;
        margin-top: 10rem;
    }

    .button--more .information--return p {
        color: #fff;
        padding: 3rem 0 3rem 6rem;
        font-size: 3.5rem;
    }

    .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 {
        padding-top: 19.6rem;
    }

    .activity2 .activity2-mv--img {
        background-image: url(../img/activity-mv.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
        height: 45rem;
    }

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

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

    .activity2--row{
        width: 90%;
        margin: 10% auto 0;
    }

    .activity2--col {
        border-radius: 3rem;
        background-color: #fff;
        padding-bottom: 2rem;
        width: 100%;
    }

    .activity2--col:not(:last-child) {
        margin-bottom: 10%;
    }


    .activity2--img{
        border-radius: 2rem 2rem 0 0;
        height: 51rem;
        overflow: hidden;
    }

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

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

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

    .activity2--activity_post_date {
        margin: 2rem;
        font-size: 3rem;
        color: #a4a4a4;
        border-bottom: solid 1px #a4a4a4;
        padding-bottom: 1rem;
    }

    .activity2--activity_content{
        margin: 3rem 2rem 2rem;
    }

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

    /* activity end */

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

    .privacy_policy--content_box {
        padding: 20rem 0 16rem;
        background-color: #ebf0f4;
    }

    .privacy_policy--main_box {
        margin: 10rem auto;
        letter-spacing: 0.1rem;
        line-height: 5rem;
        width: 90%;
        font-size: 3rem;
    }

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

    .privacy_policy--title {
        margin: 3.5rem 0;
    }

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

    header .menu-col.active {
        transform: translateY(0);
    }

    .menu-mainmenu-container #Main li{
        margin: 3rem;
    }

    .menu-mainmenu-container #Main li a {
        font-size: 4rem;
    }

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

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

    .not_found p{
        font-size: 3rem;
        line-height: 8rem;
    }

    .not_found p a{
        text-decoration: underline!important;
    }

    /* footer */

    footer {
        background-color: var(--main-color);
        padding-bottom: 15rem;
    }

    .footer--logo {
        padding-top: 10rem;
    }

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

    footer .f-menu {
        padding: 10rem 10%;
    }

    footer #Footer {
        margin: 8rem auto 5rem !important;
        display: flex;
        flex-wrap: wrap;
        width: 90%;
        justify-content: space-between;
    }

    footer #Footer li {
        margin-bottom: 2.5rem;
        width: 45%;
    }
    
    footer #Footer a{
        color: #fff!important;
        font-size: 3.5rem;
        letter-spacing: 0.3rem;
    }
    
    footer .f-top,
    footer .f-top-icon {
        color: #fff;
        font-size: 2rem;
    }

    footer .f-top {
        right: 3rem;
        bottom: 5rem;
    }

    footer .f-top p{
        line-height: 3rem;
        font-size: 4rem;
    }

    footer .f-logo {
        background-color: #fff;
        padding: 6rem 0;
    }

    footer .f-logo img {
        width: 80%;
    }

    footer .copyright {
        background-color: var(--main-color);
        color: #fff;
        padding: 2rem 0;
        font-size: 2.5rem;
        letter-spacing: 0.3rem;
    }

    .footer-kotei-area{
        position: fixed;
        bottom: 0;
        text-align: center;
        z-index: 1000;
    }
    
    .footer-kotei-area .ffl .t{
        width: 100%;
        background: #fff;
        height: 15rem;
        font-size: 3.5rem;
        padding: 4.5rem 26rem 0;
        color: #333;
        border: solid 1px var(--main-color);
        letter-spacing: 0.2rem;
        margin-left: 7%;
        border-radius: 2rem 2rem 0 0;
    }

    /* footer end */
}