@charset "UTF-8";
/* CSS Document */
@media screen and (max-width: 700px) {
    /*共通==================-*/
    .sub-top {
        font-size: 80%;
    }
    .sec-wrap {
        margin: 80px auto 0;
        width: 98%;
    }
    .two-title {
        font-size: 110%;
    }
    .three-title {
        font-size: 95%;
    }
    .breadcrumbs {
        width: 88%;
    }
    .breadcrumbs a {
        font-size: 80%;
    }
	/*=====pc・sp　on/off===========================*/

.web-btn_wrap .pc{
	  display: none;
}
.web-btn_wrap .sp{
	  display: block;
}


/*=====pc・sp　on/off===========================
    /*=========お知らせ========*/
    #news .news-wrap {
        margin: 60px auto;
    }
    #news .news-list-item .news-title {
        padding: 16px 10px;
    }
    #news .news-list-item .news-title {
        width: 100%;
        flex-flow: column;
        align-items: baseline;
        box-sizing: border-box;
    }
    #news .news-item-top {
        width: 100%;
    }
    #news .news-day {
        margin-right: 0;
    }
    #news .news-txt {
        width: 100%;
        font-size: 90%;
    }
    #news .news-category, #news .event-category {
        width: 80px;
        font-size: 80%;
    }
    #news .page-list_wrap {
        width: 100%;
    }
    .page-list_item a {
        font-size: 60%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .page-list_item {
        width: 33px;
        height: 31px;
        margin: 3px;
        line-height: 14px;
        font-size: 70%;
        align-items: center;
    }
    .active {
        font-size: 60%;
    }
	.two-title_b{
		font-size: 100%;
	}
    /*ご利用について==================-*/
    .flow_wrap .flow_list {
        padding: 20px;
        flex-flow: column;
    }
    .flow-txt, .obst-txt-center {
        width: 100%;
        padding: 0;
    }
    .flow-txt::before, .obst-txt-center::before {
        width: 100%;
        border-top: 2.5px #33B66E dotted;
        border-right: none;
    }
    .numbers-box {
        margin: 10px 0 20px;
        width: 100%;
    }
    .num-list li {
        font-size: 80%;
    }
    .three-flow {
        font-size: 90%;
    }
    .flow-red {
        width: 100%;
    }
    .flow-red .red-btn {
        padding: 8px 10px;
        font-size: 75%;
    }
    .flow-txt p {
        margin: 20px 0 0;
    }
    .box-remarks .item-list li, .item-list_red li {
        font-size: 80%;
        line-height: 200%;
    }
    .download-list {
        grid-template-columns: 1fr;
    }
    #download .main_link {
        width: 100%;
        margin: 0;
        padding: 6px 10px;
        font-size: 80%;
    }
    .down-flex img {
        width: 20px;
        height: 20px;
        margin-right: 4px;
        padding: 4px;
    }
    .box-remarks::before, .box-remarks-red::before {
        width: 80%;
        top: 0px;
        padding: 8px;
        font-size: 90%;
        letter-spacing: 0.1rem;
    }
    #atten-box .item-list, #atten-box .item-list_red, #atten-box-g .item-list {
        height: 240px;
        min-height: 260px;
        overflow-y: scroll;
    }
    .aten-list {
        padding: 20px;
    }
    .box-remarks, .box-remarks-red {
        padding: 10px;
    }
    .p-table__table {
        width: calc(100% - -200px);
        overflow-x: scroll;
        font-size: 80%;
    }
    .p-table__table table {
        max-width: 400px;
    }
    article {
        padding: 8px 40px;
        background-color: #eee;
    }
    article + article {
        border-top: 2px dashed #fff;
    }
    /* SimpleBarのカスタムスタイル */
    .p-table__table .simplebar-scrollbar {
        background-color: #3760d0 !important;
        border-radius: 13px;
    }
    .p-table__table .simplebar-track {
        background-color: #fff;
    }
    .p-table thead tr:first-child th:first-child {
        width: 20%;
        letter-spacing: 0.1rem;
        font-size: 110%;
    }
    .p-table thead tr:first-child th:first-child.bd-none, .p-table__table thead tr th.bd-none {
        letter-spacing: 0.1rem;
        font-size: 110%;
        border-radius: 6px 0px 0px 6px;
    }
	 .p-table__table thead tr th.bd-none {

        border-radius: 0px 0px 0px 6px;
    }
    .fix {
        position: sticky;
        left: 0;
        z-index: 1;
    }
    .pquestion-txt {
        width: 100%;
    }
    .pquestion-icon, .answer-icon {
        padding: 3px 12px;
        font-size: 100%;
    }
    .flow-txt .item-list {
        font-size: 80%;
        height: auto;
        min-height: auto;
    }
    .download-list_bg {
        padding: 20px 10px;
    }
    /*活動内容==================-*/
    .schedule-icon_list {
        font-size: 80%;
        gap: 20px;
    }
    .na-btn-wrap {
        padding: 10px;
    }
    .na-btn-list_item a {
        width: 90%;
        margin: 0 auto;
        font-size: 80%;
        padding: 10px 20px;
    }
    .na-btn-list {
        grid-template-columns: 1fr;
    }
    .ac-box {
        display: flex;
        flex-flow: column;
    }
    .ac-box_wrap li {
        width: 98%;
        margin: 0 auto;
    }
    .o_day-wrap {
        padding: 10px;
    }
    .o_day-wrap td {
        width: 72%;
        font-size: 80%;
    }
    .calendar-wrap iframe {
        height: 390px;
        min-height: 390px;
    }
    .flex-ac-cap {
        font-size: 80%;
        grid-template-columns: 1fr;
    }
    .ac-box-li h3 p {
        font-size: 95%;
    }
    /*施設案内==================-*/
    .map-list-wrap {
        flex-flow: column;
    }
    .map-bg {
        width: 200px;
        padding: 10px 20px;
        font-size: 80%;
    }
    .map-list-wrap li {
        margin-top: 32px;
    }
    .map-list-wrap li:first-child {
        margin-top: 0;
    }
    .map-list-wrap li a {
        width: 90%;
    }
    #in-btn-list .na-btn-list {
        width: 100%;
        gap: 20px;
        grid-template-columns: 1fr;
    }
    .t-gl {
        font-size: 110%;
    }
    .info-item_wrap {
        flex-flow: column;
    }
    .slider-img_wrap {
        width: 98%;
        margin: 0 auto;
    }
    .slider-nav {
        display: none;
    }
	.info-map .p-table thead .p-table__th.two {
    width: 30%;
}
  .info-map .p-table thead tr:first-child .with-two:nth-child(2) {
        width: 20%;
    }
	.none-sc .p-table__table{
		width: 100%;
        overflow-x: auto;
	}

    /*お問い合わせ==================-*/
    #contact .item-list {
        height: auto;
        min-height: auto;
        overflow: visible;
    }
    .time-day {
        width: 90%;
    }
    .time {
        width: 80px;
        font-size: 70%;
    }
    .tel-phone {
        font-size: 150%;
    }
    .consent-txt {
        margin: 10px auto;
        font-size: 75%;
        text-align: center;
    }
}