@charset "utf-8";

/*

Theme Name:
Theme URI:
Author:
Author URI:
Description:    Theme for ""
Version:        1.0

*/


/* ============================================================

CSS INDEX

1. GENERAL SETTING
2. COMPONANT SETTING
3. TEMPLATE-PART SETTING
4. FRONT-PAGE SETTING
5. PAGE SETTING

============================================================ */


/* ============================================================




1. GENERAL SETTING




============================================================ */
/* //////////////////////////////


1.0. General setting


////////////////////////////// */
body {
    font-size: 16px;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    color: #333333;
}

@media screen and (max-width: 480px) {
    html, body {
        overflow-x: hidden;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }
}

a {
    text-decoration: underline;
    color: inherit;
    word-break: break-all;
}

img {
    max-width: 100%;
    height: auto;
}

h2 {
    font-size: 40px;
    letter-spacing: 2px;
    margin-bottom: 2rem;
}

h2 span {
    color: #888888;
    font-size: 14px;
    display: block;
}

.overlay_ye {
    background: transparent linear-gradient(241deg, #EDFA7772 0%, #EDFA77 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.postid-2822 .overlay_ye {
    background: #8FC31F;
}

@media all and (-ms-high-contrast: none) {
    .overlay_ye {
        background: #EDFA77;
        background: -ms-linear-gradient(right, #f9fdd0, #EDFA77);
    }
}

.overlay {
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.overlay_black {
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    z-index: -1;
    color: white;
}

.alpha {
    font-family: 'Teko', sans-serif;
}

.notosans {
    font-family: 'Noto Sans JP', sans-serif;
}

.inner {
    width: 900px;
    max-width: 90%;
    margin: 0 auto;
    display: block;
}

.more_btn {
    background: transparent linear-gradient(90deg, #DFE96F 0%, #EDFA77 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 2px #00000029;
    border-radius: 33px;
    font-family: 'Teko', sans-serif;
    text-decoration: none;
    padding: 11px 2rem .5rem;
    font-size: 20px;
    letter-spacing: 3px;
    transition: all 0.5s ease;
    margin-top: 1rem;
    display: inline-block;
}

.more_btn:hover {
    background: #fff;
    border-color: #000;
    text-decoration: none;
    color: #000;
}

.inner700 {
    width: 700px;
    max-width: 90%;
    margin: 0 auto;
    display: block;
}

/*.more_btn {
    color: #000;
    text-align: center;
    font-family: 'Abel', sans-serif;
    display: inline-block;
    margin: 2rem auto;
    position: relative;
    text-decoration: none;
    background-color: #EDFA77;
    transition-timing-function: ease;
}
.more_btn:hover {
    color: inherit;
    text-decoration: none;
    background-color: #fff;
}*/
.btn_triangle {
    position: absolute;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 50px solid #6aa7cd;
}

.forSP {
    display: none !important;
}

@media screen and (max-width: 480px) {
    .forSP {
        display: block !important;
    }

    .forPC {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    #navbar {
        position: absolute;
    }
}

h2.head {
    font-size: 24px !important;
    letter-spacing: 2.4px !important;
    color: #000000 !important;
    font-weight: 900;
}

span.head {
    font-size: 16px !important;
    ;
    letter-spacing: 1.6px !important;
    ;
    color: #888888 !important;
    ;
}

/* margin */
.mgt-auto {
    margin-top: auto;
}

.mgt30 {
    margin-top: 30px;
}

.mgt50 {
    margin-top: 50px;
}

.mgt64 {
    margin-top: 64px;
}

.mgt86 {
    margin-top: 86px;
}

.mgt100 {
    margin-top: 100px;
}

.mgb30 {
    margin-bottom: 30px;
}

.mgb100 {
    margin-bottom: 100px;
}

/* テキスト選択時の色 */
::selection {
    background: #EDFA77;
}

/* object fit for IE, Edge */
.object-fit-img {
    object-fit: contain;
    font-family: 'object-fit: contain;'
}


/* hover時に拡大 */
.img_wrap {
    overflow: hidden;
    display: block;
    background: #000;
    /* margin-bottom: .5rem; */
    object-fit: 300px;
}

.img_wrap img {
    display: block;
    transition-duration: 0.3s;
}

.img_wrap img:hover {
    transform: scale(1.1);
    transition-duration: 0.3s;
    opacity: 0.6;
}


/* Google maps */
#google_map {
    height: 400px;
    width: 100%;
}


/* ============================================================




3. TEMPLATE-PART SETTING




============================================================ */
/* //////////////////////////////


3.1. header.php


////////////////////////////// */

/* navbar */
.navbar.bg-light {
    background-color: rgba(0, 0, 0, 0);
}

.navbar-brand img {
    max-width: 200px;
}

.navbar h1 {
    font-size: 10px;
    color: #000;
    margin-bottom: 0;
}

.navbar-light .navbar-nav .nav-link {
    font-family: 'Teko', sans-serif;
    color: #000;
    line-height: 1;
    font-size: 16px;
    letter-spacing: 1px;
    transition: ease .25s;
    text-decoration: none;
}

.navbar-light .navbar-nav .nav-link:hover {
    background-color: #EDFA77;
}

.navbar-light .navbar-nav .nav-link span {
    font-size: 10px;
}

.navbar-collapse {
    flex-grow: 0;
}

.nav-item {
    margin-right: 2rem;
    padding: 0 24px 0 0;
}

.bg-alpha {
    background-color: rgba(0, 0, 0, 0) !important;
}

.bg-white {
    background-color: rgba(255, 255, 255, 1) !important;
}

/*.dropdown_about:after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}*/


.dropdown-menu_about a,
.dropdown-menu_entry a,
.dropdown-menu_reserve a {
    padding: 1.5rem;
    text-decoration: none;
}

.dropdown-menu_about a:hover,
.dropdown-menu_entry a:hover,
.dropdown-menu_reserve a:hover {
    background-color: #EDFA77;
}

.dropdown-item {
    width: auto;
}

.nav_about .dropdown-menu_about,
.nav_entry .dropdown-menu_entry,
.nav_reserve .dropdown-menu_reserve {
    font-size: 14px;
    letter-spacing: 4px;
}

@media screen and (max-width: 992px) {
    .dropdown-menu_about a, .dropdown-menu_entry a, .dropdown-menu_reserve a {
        font-size: 12px;
        padding: 8px;
        color: #fff;
    }

    .navbar-nav {
        padding: 1rem;
        background-color: rgba(0, 0, 0, 0.7);
        margin-right: 1rem;
    }

    .navbar-light .navbar-nav .nav-link {
        color: #fff;
    }

    .nav-item {
        padding: 12px 0 !important;
    }
}

@media screen and (max-width: 1264px) and (min-width: 992px) {
    .nav-item {
        margin-right: 0;
    }
}

@media screen and (min-width: 992px) {

    .dropdown-menu_about,
    .dropdown-menu_entry,
    .dropdown-menu_reserve {
        display: none;
        position: absolute;
        background-color: rgba(255, 255, 255, .9);
        width: 100vw;
        left: 0;
        top: 65px;
        height: 70px;
    }

    .dropdown-menu_about {
        transition: all ease .5s;
    }

    .nav_about:hover .dropdown-menu_about,
    .nav_entry:hover .dropdown-menu_entry,
    .nav_reserve:hover .dropdown-menu_reserve {
        display: flex;
        justify-content: center;
        font-size: 14px;
        letter-spacing: 4px;
    }

}

/* ハンバガーメニューの色 */
.navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(169,169,169,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}


/* slider */
.first_view {
    position: relative;
    background: transparent linear-gradient(241deg, #EDFA7772 0%, #EDFA77 100%) 0% 0% no-repeat padding-box;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}

@media all and (-ms-high-contrast: none) {
    .first_view {
        background: #EDFA77;
        background: -ms-linear-gradient(right, #f9fdd0, #EDFA77);
    }
}

#slide_wrapp {
    position: relative;
    overflow: hidden;
    padding-left: 0;
    margin-bottom: 0;
}

.slide_item {
    opacity: 0;
    transform: scale(1);
    transition: opacity 2s linear, transform 7.5s linear;
    position: relative;
    z-index: 1;
    height: 100vh;
}

.slide_item:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
}

.slide_item.show_ {
    opacity: 1;
}

.slide_item.zoom_ {
    transform: scale(1.1);
}

.slide_item img {
    display: block;
    height: 100vh;
    width: auto;
}

.catch {
    position: absolute;
    color: #000;
    text-align: left;
    z-index: 1;
    top: -100px;
    left: 15%;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 5vh;
}

.catch h2 {
    font-size: 36px;
    letter-spacing: 8px;
    text-align: left;
    line-height: 1.5;
    white-space: nowrap;
    overflow: hidden;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 900;
    /*border-right: 2.5px solid black;*/
    /*    animation: typing 5s steps(19, end),
                        blink-caret .5s step-end infinite;
    -webkit-animation: typing 5s steps(19, end),
                        blink-caret .5s step-end infinite;
    -moz-animation: typing 5s steps(19, end),
                        blink-caret .5s step-end infinite;
    -ms-animation: typing 5s steps(19, end),
                        blink-caret .5s step-end infinite;*/
}

.catch p {
    letter-spacing: 2px;
    font-size: 32px;
}

/* typing animation */
@-webkit-keyframes typing {
    from {
        width: 0
    }

    to {
        width: 50vw
    }
}

@-moz-keyframes typing {
    from {
        width: 0
    }

    to {
        width: 50vw
    }
}

@-ms-keyframes typing {
    from {
        width: 0
    }

    to {
        width: 50vw
    }
}

@keyframes typing {
    from {
        width: 0
    }

    to {
        width: 50vw
    }
}

@-webkit-keyframes blink-caret {
    from, to {
        border-color: transparent
    }

    50% {
        border-color: #fff
    }
}

@-moz-keyframes blink-caret {
    from, to {
        border-color: transparent
    }

    50% {
        border-color: #fff
    }
}

@-ms-keyframes blink-caret {
    from, to {
        border-color: transparent
    }

    50% {
        border-color: #fff
    }
}

@keyframes blink-caret {
    from, to {
        border-color: transparent
    }

    50% {
        border-color: #fff
    }
}

@media screen and (max-width: 768px) {
    .catch {
        width: 95vw;
        top: -50px;
        left: 5%;
    }

    .catch h2 {
        width: 100%;
        margin-bottom: 1rem;
        white-space: normal;
        font-size: 33px;
        letter-spacing: .5px;
        overflow: hidden;
    }
}

@media screen and (max-width: 480px) {
    .slide_item img {
        height: 75vh;
        width: auto;
    }

    .navbar-brand {
        width: 100px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .navbar-light .navbar-toggler {
        border-color: transparent;
    }

    .navbar-toggler .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }

    .nav-item {
        margin-right: 0;
        margin-bottom: 0;
        border-bottom: 1px dotted #888;
        padding-left: .5rem;
    }

    .navbar-nav {
        padding: 1rem;
        background-color: rgba(0, 0, 0, 0.7);
        margin-right: 1rem;
    }

    @-webkit-keyframes typing {
        from {
            width: 0
        }

        to {
            width: 95%
        }
    }

    @-moz-keyframes typing {
        from {
            width: 0
        }

        to {
            width: 95%
        }
    }

    @-webkit-keyframes blink-caret {
        from, to {
            border-color: transparent
        }

        50% {
            border-color: #fff
        }
    }

    @-moz-keyframes blink-caret {
        from, to {
            border-color: transparent
        }

        50% {
            border-color: #fff
        }
    }

    .catch {
        width: 95vw;
        top: -50px;
        left: 0;
    }

    .catch h2 {
        width: 100%;
        margin-bottom: 1rem;
        white-space: normal;
        font-size: 33px;
        letter-spacing: .5px;
        overflow: hidden;
        /* border-right: 1.5px solid black; */
        /*	    -webkit-animation: typing 5s steps(19, end), blink-caret .5s step-end infinite;
	    -moz-animation: typing 5s steps(19, end), blink-caret .5s step-end infinite;*/
    }

    .catch p {
        letter-spacing: 1px;
        font-size: 13px;
    }
}

/* top_news */
#top_upper_news {
    padding: .5rem 0 !important;
    background: #000;
    color: #fff;
    margin-bottom: 0;
}

.top_upper_news time {
    line-height: 1;
    font-size: 14px;
}

.top_upper_news span {
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 1;
}

.top_upper_news h5 {
    font-size: 14px;
    line-height: 1;
}

.top_upper_news h5 a {
    text-decoration: none;
    transition: ease .5s all;
    letter-spacing: 1px;
}

.top_upper_news h5 a:hover {
    color: #EDFA77;
}

/* top_lead */
.top_lead {
    padding-top: 100px;
    background: linear-gradient(90deg, #EDFA77 30%, transparent 0%);
}

.top_lead span.head {
    letter-spacing: 1.6px;
    color: #888888;
    font-size: 20px;
}

.top_lead h2 {
    letter-spacing: 2.4px;
    color: #000000;
    font-weight: 900;
    font-size: 24px;
}

.top_lead p {
    letter-spacing: 1.6px;
}

/* banner */
@media screen and (max-width: 480px) {
    .banner {
        margin-bottom: 2rem;
    }
}


/* 会議室table .kaigi */
/* .kaigi {
    background: #fff;
    color: #333;
    max-width: 700px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
.kaigi thead {
    background-color: #333;
    color: #fff;
}
.kaigi thead th, .kaigi thead td {
    border-right: 1px solid #ccc;
}
.kaigi th {
    padding: 1rem 0;
}
.kaigi tbody th, .kaigi tbody td {
    border: 1px solid #ccc;
}
.kaigi tbody td {
    color: #c6675e;
    font-weight: bold;
}
.kaigi tbody td small {
    color: #333;
    font-weight: normal;
}
@media screen and (max-width: 480px){
    .kaigi {
        width: 95%;
    }
} */

/* ============================================================




4. PAGE SETTING




============================================================ */
/* page header */
.page_fv {
    /* background: url(img/fv03.jpg); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 157px;
    color: #000;
    height: 300px;
}

.page_fv h1 {
    font-size: 36px;
    letter-spacing: 2px;
    font-weight: bold;
}

.page_fv .subtitle {
    font-size: 16px;
    letter-spacing: 1.6px;
    color: #888888;
}

@media screen and (max-width: 992px) {
    .page_fv {
        margin-top: 0px;
        padding: 6rem 1rem 6rem;
        height: 150px;
    }

    .page_fv h1 {
        font-size: 24px;
        letter-spacing: 2px;
    }
}

/* page section */
.section-gray {
    background: #F9F9F9 0% 0% no-repeat padding-box;
}


/* page common */
.page h2 {
    font-size: 24px;
    letter-spacing: 2px;
    /* text-align: center; */
    margin-bottom: 2rem;
    font-weight: bold;
}

.page div.newdesign h2 {
    font-size: 24px;
    letter-spacing: 2.4px;
    margin-bottom: 25px;
    font-family: 'Noto Sans JP', sans-serif;
}

.page thead {
    text-align: center;
}

.page thead th {
    padding: 1rem 2rem;
    border: 1px solid #ccc;
}

.page span.gray {
    color: #888888;
}

.page .content-header {
    text-align: center;
}

.page h2.content-title {
    text-align: center;
}

.page .content-comment {
    font: Medium 16px/24px YuGothic;
    letter-spacing: 1.6px;
}

.page .badge-full {
    background: #FA8578 0% 0% no-repeat padding-box;
    color: #fff;
    padding: .25em .8em;
    line-height: 1.2;
    border-radius: 0;
}

section.top-cards {
    margin: 251px 0 0 0 !important;
    padding: 0 !important;
}

@media screen and (max-width: 992px) {
    section.top-cards {
        margin: 150px 0 0 0 !important;
        padding: 0 !important;
    }
}

span.number {
    font: Bold 24px/24px YuGothic;
    letter-spacing: 2.4px;
    color: #FA8578;
}

span.item-name {
    font-size: 17px;
    letter-spacing: 1px;
    font-weight: bold;
}

span.item-name-middle {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 2.4px;
}

span.price {
    font-size: 32px;
    letter-spacing: 3.2px;
    font-weight: bold;
}

span.price-small {
    font-size: 18px;
    letter-spacing: 1.8px;
    font-weight: bold;
}

span.discription {
    color: #888;
}

span.discription-small {
    font-size: 14px;
    letter-spacing: 1.4px;
    color: #888;
}

.page .discription-text {
    font-size: 16px;
    line-height: 32px;
    font-family: "游ゴシック", "Yu Gothic";
    letter-spacing: 1.6px;
    color: #000000;
}

/* table */
table.common {
    border-collapse: collapse;
    border: 1px double white;
    width: 100%;
}

table.common td, table.common th {
    border: 1px #CCCCCC solid;
    background-color: rgba(255, 255, 255, 1);
    text-align: center;
    vertical-align: middle;
    height: 84px;
    padding: 0;
    padding: 0.5rem;
}

table.meeting td.img {
    width: 307px;
    padding: 0 !important;
}

table.meeting td img {
    margin: 0;
}

/* about */
@media screen and (max-width: 992px) {
    .programImg {
        text-align: center;
    }
}

/* nav card */
.top-card-wrapper {
    position: relative;
    width: 100%;
    height: 524px;
}

.page .nav-card {
    position: relative;
    top: -147px;
}

@media screen and (max-width: 720px) {
    .page .top-card-wrapper {
        height: 1650px;
    }
}

.page .nav-card .card {
    box-shadow: 0px 3px 6px #00000029;
}

.page .nav-card .card-col {
    margin-top: 50px;
}

@media screen and (max-width: 992px) {
    .page .nav-card .card-title {
        height: 3rem;
    }
}

.page .nav-card .card-body {
    padding: 1.5rem;
}

.page .nav-card .card .card-number-wrapper {
    padding-right: 0px;
    padding-left: 10px;
}

.page .nav-card .card .col-10 {
    padding-left: 5px;
}

.page .title-number {
    color: #888888;
    font-size: 42px;
    letter-spacing: 4.2px;
    font-weight: 500;
    line-height: 1;
}

.page .nav-card .card ul {
    text-align: center;
}

.page .nav-card .card-text {
    height: 6rem;
}

@media all and (-ms-high-contrast: none) {
    .page .nav-card .card-col {
        width: 380px;
    }

    .page .nav-card .card-body {
        width: 348px;
    }
}


/* img card */
.img-card .card {
    box-shadow: 0px 2px 4px #00000029;
}

#top_coworking .img-card .card,
#coworking .img-card .card {
    height: 100%;
}

.img-card span {
    display: block;
}

.img-card .card-col {
    margin-top: 93px;
}

.img-card .card-body {
    background: #F9F9F9 0% 0% no-repeat padding-box;
}

.img-card .card-body .discription-wrapper {
    height: 6rem;
}

#top_coworking .card-body {
    display: flex;
    flex-direction: column;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .img-card .card-body .discription-wrapper {
        height: 10rem;
    }
}

@media screen and (max-width: 768px) {
    .img-card .card-body .discription-wrapper {
        height: 4rem;
    }
}

.img-card .card-body .discription-wrapper-lg {
    height: 8rem;
}

.img-card .card-body .discription-wrapper-xlg {
    height: 10rem;
    white-space: nowrap;
    overflow: hidden;
}

.img-card .card::after {
    font-family: 'Teko', sans-serif;
    font-size: 3rem;
    font-weight: 500;
    letter-spacing: 2px;
    top: -30px;
    left: -18px;
    position: absolute;
}

.img-card .card1::after {
    content: "01";
}

.img-card .card2::after {
    content: "02";
}

.img-card .card3::after {
    content: "03";
}

.img-card .card4::after {
    content: "04";
}

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

.img-card p {
    line-height: 1.5;
    margin-bottom: 0;
}

.img-card .list {
    height: 12rem;
}

.img-card ul {
    margin-top: initial;
    margin-bottom: initial;
    padding-left: 1rem;
}

.img-card li {
    font-weight: bold;
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
    .img-card .card-body span.item-name {
        letter-spacing: 0;
    }
}

@media all and (-ms-high-contrast: none) {
    .top_coworking .img-card .card img, .coworking_type .img-card .card img {
        height: 168px;
    }

    .office_type .img-card .card img {
        height: 237px;
    }

    #coworking .img-card .card img {
        height: 358px;
    }
}

/* company（入居企業紹介） */
.company li {
    list-style: none;
}

.company h3 {
    font-size: 12px;
    margin-top: 1rem;
}

.company .company_logos a {
    color: #888;
    text-align: center;
    text-decoration: none;
    display: block;
}

.company .logo_img img {
    max-width: 200px;
}

.company .company_logos ul {
    margin-bottom: 3rem;
}

@media screen and (max-width: 767px) {
    .company .company_logos ul {
        padding-left: unset;
    }

    .company li {
        width: 50%;
    }
}

@media screen and (max-width: 500px) {
    .company li {
        width: 100%;
    }
}



/* アクセス　access */
.access_page .media img {
    width: auto;
}

.access_page .media {
    margin-bottom: 3rem;
}

.access_step {
    padding: 3rem;
}

/* 記事・イベント */
article {
    margin: 4rem 0;
}

article h2 {
    font-size: 24px;
    letter-spacing: 0;
    text-align: left;
    margin-top: 4rem;
    margin-bottom: 2rem;
    font-weight: bold;
}

section {
    padding: 150px 0 !important;
}

@media screen and (max-width: 480px) {
    section {
        padding: 50px 0 !important;
    }
}

.home section.event-info p {
    width: 95%;
}

section#banner {
    padding: 0 !important;
}

section#banner a {
    transition: all ease .5s;
}

section#banner a:hover {
    opacity: .5;
}

/* top_info */
section.top_info {
    margin-bottom: 0;
    padding-bottom: 0;
}

.top_info p {
    padding: 1rem;
    border: 1px solid #888;
}


section.top_about {
    margin-top: 5rem;
}

@media screen and (max-width: 480px) {
    section.top_about {
        margin-top: 0;
    }
}

.top_event a {
    color: inherit;
    text-decoration: none;
}

.top_event a:hover {
    text-decoration: underline;
}

.top_event img {
    width: 100%;
    height: 186px;
    object-fit: cover;
    border: 1px solid #ccc;
}

.top_event h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
}

.home .top_event p {
    width: 100%;
    font-size: 14px;
    line-height: 1.5;
}

/* .home h3 {
    font-size: 1.75rem;
    font-weight: 500;
    color: #888;
} */
.top_event time {
    color: #888;
    font-size: 12px;
}

@media screen and (max-width: 480px) {
    .top_event img {
        width: 100%;
        height: 100px;
    }
}


.top_support {
    background-color: #f9f9f9;
}

.top_coworking h3 span {
    font-size: 12px;
    text-align: center;
    display: block;
}

.office_type.inner {
    max-width: 100%;
}

.coworking_type,
.office_type {
    margin-top: 100px;
}

.office_type img {
    /*    width: 435px;
    height: 290px;*/
    object-fit: cover;
}

/* .top_support p {
    min-height: 175px;
} */



section#top_meeting {
    padding: 0 !important;
}

.top_meeting {
    background-image: url(img/meeting_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    position: relative;
    background-attachment: fixed;
}

.top_meeting .overlay {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.top_meeting div.wrapper {
    padding: 150px 0;
}

.top_meeting div.wrapper table {
    color: #000;
}

.top_access h3 {
    font-size: 18px;
    margin-top: 3rem;
    color: #000;
    font-weight: bold;
}

.home section.top_access p {
    width: 100%;
}

.contact .tel {
    font-weight: bold;
    font-size: 24px;
    display: inherit;
    text-align: center;
    color: #333;
    text-decoration: none;
}

.wpcf7 form.init.wpcf7-response-output {
    display: block;
    color: #000;
    font-weight: bold;
    text-align: center;
    border: 1px solid #ccc;
    padding: .5rem auto
}

.wpcf7 form.wpcf7-response-output {
    border: none;
    color: #000;
    font-weight: bold;
}

/* official-sns */
/*
.official-sns {
    max-width: 100px;
    display: flex;
    margin: .5rem auto 1rem;
    justify-content: center;
}
.official-sns a {
    background-color: #fff;
    border-radius: 50%;
    box-sizing: border-box;
    margin: 0 5px;
    position: relative;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    transition: all .5s ease;
    border:1px solid transparent;
}
.official-sns a i {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
a.official-sns-facebook {
    background-color: #3B5998;
    border-color: #3B5998;
}
a.official-sns-instagram {
    background-color: #262626;
    border-color: #262626;
}
a.official-sns-youtube {
    background-color: #FF0000;
    border-color: #FF0000;
}
a.official-sns-facebook:hover {
    background-color: transparent;
}
a.official-sns-instagram:hover {
    background-color: transparent;
}
a.official-sns-youtube:hover {
    background-color: transparent;
}
a.official-sns-facebook:hover i {
    color: #3B5998;
}
a.official-sns-instagram:hover i {
    color: #262626;
}
a.official-sns-youtube:hover i {
    color: #FF0000;
}
*/
.footer_top {
    background: #f9f9f9;
    padding: 1rem 0;
    text-align: center;
}

.footer_top a {
    text-decoration: none;
    color: #888;
    font-size: 80%;
}

.copyright {
    background: #333;
    color: #fff;
    text-align: center;
    font-size: 80%;
    letter-spacing: 1px;
}

/* official-sns 20230328 */
.official-sns-container {
    display: flex;
    justify-content: center;
    margin: .5rem auto 1rem;
}

.official-sns-container a {
    text-decoration: none;
}

.official-sns {
    box-shadow: 0px 2px 2px #00000029;
    border-radius: 33px;
}

.share-button {
    color: white;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    min-width: 44px;
    width: 44px;
    height: 44px;
    position: relative;
    line-height: 44px;
    overflow: hidden;
    white-space: nowrap;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
}

.share-button i {
    vertical-align: middle;
    position: relative;
    width: 44px;
    z-index: 1;
}

.share-button span {
    display: inline-block;
    font-family: 'Teko', sans-serif;
    font-size: 20px;
    vertical-align: middle;
    position: relative;
    margin-right: 5px;
    z-index: 3;
    transition: width 300ms ease;
}

.share-button span::before,
.share-button span::after {
    content: '';
    display: block;
    height: 0;
    width: 0;
}

.share-button span::after {
    margin-top: -6px;
}

.share-button.facebook {
    background: transparent;
    border-radius: 33px 0 0 33px;
}

.share-button.facebook:hover {
    width: 113px;
    background: #1778f2;
}

.share-button.facebook .fa-facebook-f {
    font-size: 21px;
    color: #1778f2;
}

.share-button.facebook:hover .fa-facebook-f {
    color: #fff;
}

.share-button.instagram {
    position: relative;
}

.share-button.instagram:hover {
    width: 116px;
}

.share-button.instagram::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
    background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
    opacity: 0;
    z-index: 0;
    transition: opacity 300ms ease;
}

.share-button.instagram:hover::before {
    background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
    background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
    opacity: 1;
}

.share-button.instagram::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
    background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
    overflow: hidden;
    opacity: 0;
    z-index: 0;
    transition: opacity 300ms ease;
}

.share-button.instagram:hover::after {
    background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
    background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
    opacity: 1;
}

.share-button.instagram .fa-instagram::before {
    font-size: 28px;
    background: radial-gradient(circle at 30% 107%, #ffdb2c 0%, #ffdb2c 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    opacity: 1;
    transition: all 300ms ease;
}

.share-button.instagram:hover .fa-instagram::before {
    background: #fff;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    opacity: 1;
}

.share-button.youtube {
    background: transparent;
    border-radius: 0 33px 33px 0;
}

.share-button.youtube:hover {
    width: 106px;
    background: #ff0000;
}

.share-button.youtube .fa-youtube {
    font-size: 28px;
    color: #ff0000;
}

.share-button.youtube:hover .fa-youtube {
    color: #fff;
}



/* acceralation voice */

.acceraVoice {
    padding: 3rem 2rem 2rem;
    background-color: #f9f9f9;
    position: relative;
}

.acceraVoice:before {
    position: absolute;
    top: -1.5rem;
    left: -1.5rem;
    font-size: 2rem;
    font-family: 'Abel', sans-serif;
    background-color: #000;
    color: #fff;
    padding: 0 3rem 0 1rem;
    z-index: 999;
    letter-spacing: 2px;
}

.acceraVoice.av01:before {
    content: "No.01";
}

.acceraVoice.av02:before {
    content: "No.02";
}

.acceraVoice.av03:before {
    content: "No.03";
}

.acceraVoice_img figcaption {
    font-size: 1.25rem;
    margin-top: .5rem;
    letter-spacing: 1px;
}

.acceraVoice_img figcaption a {
    font-weight: bold;
    display: inline-block;
    margin-bottom: 1rem;
    text-decoration: none;
}

.acceraVoice_img figcaption a:hover {
    background-color: #EDFA77;
    color: #333;
}

.acceraVoice_img figcaption small {
    font-weight: normal;
}

i.fa-external-link-alt {
    font-size: 13px;
    margin-left: 2px;
    color: #888;
    position: relative;
    top: -1.5px;
}

.acceraVoice_img small.name {
    color: #888;
}

.acceraVoice h2 {
    margin-top: 0;
    text-align: left;
    font-size: 1.25rem;
    line-height: 1.5;
    margin-bottom: 1rem;
}

.acceraVoice p {
    font-size: .9rem;
}

@media screen and (max-width: 480px) {
    .acceraVoice {
        margin-bottom: 4rem;
    }
}

/* acceleration prgoram */
.program_contents {
    margin-bottom: 30px;
}

.program_contents table {
    width: 100%;
}

.program_contents table thead {
    background-color: #000;
    color: #fff;
}

.program_contents table tbody tr {
    border-bottom: 1px solid #ccc;
}

.program_contents table tbody td {
    padding: 15px;
}

.lecturer-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
}

.lecturer-list img {
    width: 300px;
    height: auto;
}

.lecturer-list h3 {
    font-size: 24px;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 5px;
}

.lecturer-list h3 small {
    padding-left: 5px;
}

@media screen and (max-width: 575.98px) {
    .lecturer-list {
        grid-template-columns: 1fr;
    }
}

.lecturer-list p {
    text-align: justify;
}

.top_event.fixed-seat h3 {
    min-height: 43px;
}

.top_event.fixed-seat img {
    object-fit: contain;
    border: 0;
    background-color: #f9f9f9;
}

.fixed-seat__text {
    font-size: 14px;
    line-height: 1.5;
    margin: .5rem 0;
}

.top_event.fixed-seat .img_wrap.no_link img:hover {
    transform: scale(1);
    transition-duration: unset;
    opacity: 1;
}

/* スモールオフィス */
.small_office_outline th {
    background: #000000;
    padding: .75rem;
    color: #fff;
    border: 1px solid #ccc;
}

.small_office_outline td {
    text-align: left;
}

#loader-bg {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
}

#loader {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 90%;
    margin-top: -100px;
    margin-left: -100px;
    text-align: center;
    z-index: 2;
}

/* price */
.page #event div.card {
    height: 420px;
    background: #F9F9F9 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
}

/* page footer */
footer {
    background-image: url(img/fv01.jpg);
    background-size: cover;
}

footer div.fotter-wrapper {
    color: #fff;
    padding: 150px 0 !important;
    background-color: rgba(0, 0, 0, 0.5);
}

footer h2, footer h3 {
    font-size: 24px;
    letter-spacing: 2.4px;
    font-weight: bold;
}

footer h3 span {
    font-size: 18px;
    letter-spacing: 1.8px;
}

footer p a {
    color: #000;
}

.footer_menuList_wrap li.footer_kkj a {
    border: 1px solid #fff;
    padding: 15px;
    font-size: max(0.878477306vw, 12px);
    word-break: break-word;
}

/* プログラム参加のメリット */
div.pro-wrapper {
    padding: 85px 0;
    border-bottom: #888 1px solid;
}

div.pro-wrapper.end {
    border-bottom: 0;
    padding-bottom: 0;
}

div.pro-number {
    padding-right: 60px;
    border-right: #888 1px solid;
    height: 150px;
    white-space: nowrap;
}

div.pro-number.lg {
    height: 210px;
}

div.pro-content {
    padding-left: 40px;
}

div.pro-content h3 {
    font-weight: bold;
    margin-bottom: 36px;
    font-size: 20px;
    letter-spacing: 2px;
}

@media screen and (max-width: 768px) {
    div.pro-number.lg {
        height: 220px;
    }
}

@media screen and (max-width: 480px) {
    div.pro-number {
        padding-right: 15px;
        height: 220px;
    }

    div.pro-number.lg {
        height: 380px;
    }

    div.pro-content {
        padding-left: 20px;
    }
}

/* スケジュール */
div.timeline {
    padding-left: 6px;
}

table.timetable {
    border-collapse: collapse;
    width: 100%;
    position: relative;
    font-size: 18px;
    letter-spacing: 1.8px;
    font-weight: bold;
}

table.timetable td {
    height: 40px;
    position: relative;
}

table.timetable td.left {
    width: 50px;
}

table.timetable td.mid {
    width: 230px;
    color: #888;
}

table.timetable td.line {
    border-left: 1px #888 solid;
}

table.timetable td.dot:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #888;
    position: absolute;
    left: -6px;
    top: 34px;
    border-radius: 100%;
}

@media screen and (max-width: 480px) {
    table.timetable td.left {
        width: 15px;
    }

    table.timetable td.mid {
        width: 92px;
    }
}


/* サポーター */
.supporter h3 {
    margin-top: 19px;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 2px;
}

/* 前プログラム参加企業 */
.justify-content-center {
    margin-bottom: 2rem;
}

.commit-company h3 {
    font-size: 20px;
    letter-spacing: 2px;
    color: #888888;
}

.commit-company div.img-wrapper {
    width: 255px;
    height: auto;
    /* border: #888 1px solid;
    color: #888; */
    letter-spacing: 2px;
    margin: 0 auto;
}

.commit-company div.img-wrapper.img1 {
    background: transparent url('img/acceleration_flyer1.png') 0% 0% no-repeat padding-box;
    position: relative;
}

.commit-company div.img-wrapper.img2 {
    color: #fff;
    background: transparent url('img/acceleration_flyer2.png') 0% 0% no-repeat padding-box;
    position: relative;
}

.commit-company div.img-wrapper.img2 a {
    text-decoration: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.commit-company div.img-wrapper.img2 p {
    z-index: 1;
}

.commit-company div.img-wrapper.img2::after {
    content: '';
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

p.text-comming {
    position: absolute;
    color: #ffffff;
}


/* プログラムの流れと選考について */
span.badge-white {
    background: #fff 0% 0% no-repeat padding-box;
    padding: .25em .8em;
    line-height: 1.2;
    border-radius: 0;
    border: #000 1px solid;
    font-size: 16px;
    letter-spacing: 1.6px;
    font-weight: normal;
}

.pink {
    color: #FA8578;
}

.gray {
    color: #888;
}

/* プレス一覧 */
.card-img-top {
    width: 100%;
    height: 234px;
    object-fit: cover;
}

.term-name {
    display: inline-block;
    margin-right: 1rem;
}

.press-card .card-title {
    font-size: 16px !important;
    line-height: 26px !important;
    letter-spacing: 1.6px !important;
    color: #000000 !important;
    font-weight: 900;
}

.press-card .card-body {
    height: 200px;
}

.press-card div.card a {
    text-decoration: none;
}

.press-card div.card::before {
    background-color: #EDFA77;
    color: #000;
    content: attr(data-item);
    font-size: 12px;
    left: -20px;
    top: -1em;
    padding: 6px 20px;
    position: absolute;
    z-index: 1;
}

.press-card div.card .info {
    font-size: 14px;
    letter-spacing: 1.4px;
}

.press-card div.card .info .term-name {
    color: #888;
}

.press-card div.card .info .date {
    color: #CCC;
}

.press-card .card-unit {
    margin-bottom: 100px;
}

@media screen and (max-width: 576px) {
    .press-card .card-unit {
        margin-bottom: 2rem;
    }
}

/* プレス詳細 */
section#single-press div.title-wrapper {
    border: #888 1px solid;
    padding: 50px;
    position: relative;
}

section#single-press div.title-wrapper::before {
    background-color: #EDFA77;
    color: #000;
    content: attr(data-item);
    font-size: 12px;
    left: -20px;
    top: -1em;
    padding: 6px 20px;
    position: absolute;
}

section#single-press div.title-wrapper h1 {
    font-size: 20px !important;
    line-height: 32px !important;
    letter-spacing: 2px !important;
    font-weight: 900;
}

section#single-press div.title-wrapper .info {
    font-size: 14px;
    letter-spacing: 1.4px;
}

section#single-press div.title-wrapper .term-name {
    color: #888;
}

section#single-press div.title-wrapper .date {
    color: #CCC;
}

section#single-press div.img img.thumb {
    width: 100%;
}

section#single-press div.content h2 {
    border-bottom: 3px solid #000;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 2.4px;
    padding-bottom: 15px;
    margin-bottom: 56px;
    font-family: 'Noto Sans JP', sans-serif;
}

section#single-press div.content h3 {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 2px;
    margin-bottom: 29px;
    font-family: 'Noto Sans JP', sans-serif;
}

section#single-press div.content h3:before {
    background-color: #000;
    border-radius: 3px;
    content: "";
    display: inline-block;
    height: 32px;
    margin-right: 16px;
    vertical-align: middle;
    width: 6px;
    font-family: 'Noto Sans JP', sans-serif;
}

section#single-press div.content h4 {
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 1.8px;
    margin-bottom: 25px;
}

section#single-press div.content p {
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 1.8px;
    margin-bottom: 25px;
}

section#single-press div.relational h5 {
    font-size: 16px;
    letter-spacing: 1.6px;
    color: #888;
}

section#single-press div.relational h5 {
    font-size: 24px;
    letter-spacing: 2.4px;
}

/* SNS */
div.sns h3 {
    font-size: 50px;
    letter-spacing: 5px;
    color: #ccc;
    margin-bottom: 0;
    line-height: 24px;
}

div.sns .share {
    border: 1px solid #ccc;
    height: 125px;
    width: 445px;
    padding: 48px 20px;
}

/* ボタン全体 */
.flowbtn11 {
    font-family: 'Verdana', sans-serif;
    border-radius: 4px;
    position: relative;
    display: inline-block;
    width: 88px;
    height: 32px;
    font-size: 10px;
    color: #fff !important;
    text-decoration: none;
    padding-top: 8px;
}

@media screen and (max-width: 760px) {
    div.sns .share {
        border: 1px solid #ccc;
        height: 240px;
        width: 300px;
        padding: 24px 48px;
    }

    /* ボタン全体 */
    .flowbtn11 {
        font-family: 'Verdana', sans-serif;
        border-radius: 4px;
        position: relative;
        display: inline-block;
        width: 160px;
        height: 32px;
        font-size: 10px;
        color: #fff !important;
        text-decoration: none;
        padding-top: 8px;
        margin: 8px 0;
    }
}

/* Twitter */
.fl_tw1 {
    background: #55acee;
}

/* Facebook */
.fl_fb1 {
    background: #3b5998;
}

/* はてブ */
.fl_hb1 {
    background: #1ba5dc;
}

/* LINE */
.fl_li1 {
    background: #00c300;
}

/* アクセラレーションプログラム */
.close-info {
    max-width: 900px;
    margin: 0 auto;
    padding: 20px 15px;
    border: 5px solid #000;
}

.close-info p {
    margin: unset;
    font-size: 18px;
    font-weight: 600;
}

#merit h3 {
    font-family: 'Noto Sans JP', sans-serif;
    margin: 30px 0;
}

#merit p {
    line-height: 32px;
    letter-spacing: 1.6px;
    margin-bottom: 50px;
}

@media all and (-ms-high-contrast: none) {
    #merit p {
        width: 100%;
    }
}

.img-card .card::after {
    font-family: 'Teko', sans-serif;
    font-size: 3rem;
    font-weight: 500;
    letter-spacing: 2px;
    top: -30px;
    left: -18px;
    position: absolute;
}

.circle-img {
    height: 255px;
    width: 255px;
    border-radius: 50%;
    background-position: center;
}

.circle-img::after {
    font-family: 'Teko', sans-serif;
    font-size: 90px;
    font-weight: 500;
    letter-spacing: 2px;
    top: -30px;
    left: 10px;
    position: absolute;
}

.circle-img.p1 {
    background-image: url("img/program01.jpg");
}

.circle-img.p2 {
    background-image: url("img/program02.jpg");
}

.circle-img.p3 {
    background-image: url("img/program03.jpg");
}

.circle-img.p4 {
    background-image: url("img/program04.jpg");
}

.circle-img.p1::after {
    content: "01";
}

.circle-img.p2::after {
    content: "02";
}

.circle-img.p3::after {
    content: "03";
}

.circle-img.p4::after {
    content: "04";
}



table.overview th {
    background-color: #000;
    color: #fff;
    height: 45px;
    padding: 10px 0;
    text-align: center;
}

table.overview .sm-result {
    display: none;
}

@media screen and (max-width: 540px) {
    table.overview thead, table.overview .result {
        display: none;
    }

    table.overview {
        width: 100%;
    }

    table.overview tbody .sm-result {
        display: block !important;
        text-align: center;
    }
}

table.overview tbody td {
    padding: 25px 32px;
    border-top: 0;
}

table.overview tbody .sm-result {
    padding: 0 32px 32px 32px;
    border-top: 0;
}

table.overview tbody h3 {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 24px;
    letter-spacing: 2.4px;
    margin-bottom: 18px;
    min-width: 224px;
}

table.overview tbody h4 {
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 1.6px;
    margin-bottom: 20px;
    font-weight: bold;
}

table.overview tbody p {
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 1.6px;
    color: #888888;
}

table.overview tbody div.rs-border {
    border: 1px solid #000;
    width: 160px;
    height: auto;
    margin: 12px;
    padding: 4px;
}

table.overview tbody tr.bg-gray td {
    background-color: #F9F9F9;
}

.acceleration-wrapper {
    background-image: url(https://compass.looly.jp/wp-content/uploads/2020/08/acceleration_bg.jpg);
    background-size: cover;
    width: 100%;
    padding: 0 !important;
    margin-bottom: 150px;
    display: block;
}

.acceleration .section-gray {
    background: #ccc 0% 0% no-repeat padding-box;
    position: relative;
    padding: 75px 0 !important;
}

.page .acceleration p.discription-text {
    letter-spacing: 0;
    line-height: 32px;
}

.ac-target {
    background: linear-gradient(-135deg, #404036 0, #000000 100%);
}

/* .ac-target:after {
    content: "";
    background-image: url("img/acceleration3_supporters/unicorn.png");
    display: inline-block;
    background-size: contain;
    width: 500px;
    height: 90%;
    position: absolute;
    opacity: .2;
    top: 20%;
    right: 35%;
} */
/* .ac-target:after {
    content: "";
    background-image: url(img/acceleration3_supporters/unicorn.png);
    background-size: contain;
    background-position: center;
    width: 350px;
    height: 100%;
    position: absolute;
    opacity: .2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} */
.ac-target .col-12 {
    z-index: 9;
}

@media screen and (max-width: 480px) {
    .acceleration-wrapper {
        background-image: url(https://compass.looly.jp/wp-content/uploads/2020/08/acceleration_bg.jpg);
        background-size: cover;
        width: 100%;
        padding: 0 !important;
        margin-bottom: 150px;
        display: block;
        background-position: 70% 50%;
    }
}

.acceleration-contact-wrapper {
    color: #fff;
    padding: 150px 0 !important;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
}

.acceleration-form {
    max-width: 700px;
    margin: 0 auto;
    padding: 60px 0 0 0;
}

.acceleration-form-text {
    text-align: center;
    border-color: #888888;
}

input {
    border: solid 1px #d7d7d7;
    padding: .75rem;
    margin-top: .5rem;
    width: 100%;
}

textarea {
    overflow: auto;
    resize: vertical;
    border: solid 1px #d7d7d7;
    padding: .75rem;
    margin-top: .5rem;
    width: 100%;
}

label {
    width: 100%;
}

.join-company h3 {
    margin: 2rem 0;
    line-height: 1.6;
    font-size: 20px;
}

@media screen and (min-width: 768px) {
    .join-company {
        padding: 0 1rem;
    }

    .join-company-area {
        padding-top: unset !important;
    }
}

@media screen and (max-width: 767px) {
    .join-company {
        margin-bottom: 5rem;
    }
}


///////
label.my_modal_btn {
    text-align: center;
}

label.my_modal_btn:hover {
    opacity: .7;
    cursor: pointer;
}

/* ボタン（デザインはお好みで） */
.my_modal_btn {
    display: block;
    width: 100%;
    padding: 11px;
    font-size: 18px;
    text-align: center;
}

/* チェックボックスを非表示 */
#my_modal1 {
    display: none;
}

/* モーダル */
.my_modal_body1 {
    display: none;
    position: fixed;
    z-index: 100000;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    display: none;
    background-color: #111;
    opacity: 0.9;
    overflow-y: auto;
    /* スマホ用スクロール */
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    /* お好みで */
    width: 90%;
    max-height: 80%;
    max-width: 800px;
    padding: 0 3rem 3rem 3rem;
}

@media screen and (max-width: 480px) {
    .my_modal_body1 {
        padding: 0rem 3rem 3rem 3rem;
    }
}

#my_modal2 {
    display: none;
}

.my_modal_body2 {
    display: none;
    position: fixed;
    z-index: 100000;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    display: none;
    background-color: #111;
    opacity: 0.9;
    overflow-y: auto;
    /* スマホ用スクロール */
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    /* お好みで */
    width: 90%;
    max-height: 80%;
    max-width: 800px;
    padding: 0 3rem 3rem 3rem;
}

@media screen and (max-width: 480px) {
    .my_modal_body2 {
        padding: 0rem 3rem 3rem 3rem;
    }
}

/* モーダル内ヘッダー */
.my_modal_header {
    padding: 15px 10px;
    color: #fff;
    font-weight: bold;
    background: #111;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
    text-align: left;
    margin-bottom: 1rem;
    margin-top: 2rem;
}

@media screen and (max-width: 480px) {
    .my_modal_header {
        padding: 25px 10px;
        background: #111;
    }
}

.my_modal_header h2 {
    margin-bottom: 0px !important;
}

/* クローズアイコン */
.my_modal_close {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    cursor: pointer;
}

.my_modal_close_icon1 {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    cursor: pointer;
}

@media screen and (max-width: 480px) {
    .my_modal_close_icon1 {
        margin-left: 1.5rem;
    }
}

.my_modal_close_icon1 span::before,
.my_modal_close_icon1 span::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 84%;
    height: 16%;
    margin: -8% 0 0 -42%;
    background: #fff;
}

.my_modal_close_icon1 span::before {
    transform: rotate(-45deg);
}

.my_modal_close_icon1 span::after {
    transform: rotate(45deg);
}

.my_modal_close_icon2 {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    cursor: pointer;
}

@media screen and (max-width: 480px) {
    .my_modal_close_icon2 {
        margin-left: 1.5rem;
    }
}

.my_modal_close_icon2 span::before,
.my_modal_close_icon2 span::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 84%;
    height: 16%;
    margin: -8% 0 0 -42%;
    background: #fff;
}

.my_modal_close_icon2 span::before {
    transform: rotate(-45deg);
}

.my_modal_close_icon2 span::after {
    transform: rotate(45deg);
}

/* コンテンツ表示 */
.my_modal_content {
    padding: 5px 10px;
    color: #fff;
}

.my_modal_overlay1 {
    display: none;
    position: fixed;
    z-index: 90000;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    cursor: pointer;
}

.my_modal_overlay2 {
    display: none;
    position: fixed;
    z-index: 90000;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    cursor: pointer;
}

/* チェック時オーバーレイとコンテンツを表示 */
#my_modal1:checked~.my_modal_body1, #my_modal1:checked~.my_modal_overlay1 {
    display: block;
}

#my_modal2:checked~.my_modal_body2, #my_modal2:checked~.my_modal_overlay2 {
    display: block;
}


a.company-link {
    text-decoration: none;
}

a.company-link:hover {
    color: #888;
    opacity: .7;
}

.profile {
    margin: 1rem 0;
    margin-bottom: 50px;
}

.profile1 {
    margin: 0 auto;
    text-align: left;
    width: 300px;
    padding: 1rem;
}

.company {
    font-size: 15px;
}

/* コロナバナー */
.banner a.corona:hover img {
    opacity: .7;
}

/* kbic */
.kbic-banner-fix {
    position: fixed;
    bottom: 56px;
    right: 56px;
    max-width: 250px;
    z-index: 9999;
    opacity: 0;
    transition: .3s;
}

.kbic-banner-fix a {
    transition: all .5s ease;
}

.kbic-banner-fix a:hover {
    opacity: .5;
}

@media screen and (max-width: 999px) {
    .kbic-banner-fix {
        bottom: 24px;
        right: 24px;
        max-width: 180px;
    }
}

@media screen and (max-width: 575.98px) {
    .kbic-banner-fix {
        bottom: 24px;
        right: 24px;
        max-width: 120px;
    }
}

/* コワーキングキャンペーン価格 */
span.campaign-label {
    text-align: center;
    background-color: #FF2700;
    padding: 2px 10px;
    color: #ffffff;
    font-weight: 600;
    font-size: 22px;
    letter-spacing: 2.2px;
}

#top_coworking span.campaign-label {
    font-size: 16px;
    margin-top: 15px;
}

span.strikethrough {
    text-decoration: line-through;
}

span.down-arrow {
    position: relative;
    margin-bottom: 25px;
}

span.down-arrow:after {
    content: '↓';
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
    text-decoration: none;
    font-size: 28px;
}

span.right-arrow {
    position: relative;
    display: inline;
    margin-right: 25px;
}

span.right-arrow:after {
    position: absolute;
    content: '→';
    text-decoration: none;
    margin-left: 4px;
    font-size: 15px;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width: 1199px) {
    span.campaign-label {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    #top_coworking span.price-small {
        margin-top: 20px;
    }
}

/* 起業家セミナー Powered by 創生塾 */
.entrepreneur-seminar-staff {
    padding: 75px 0 !important;
}

.entrepreneur-seminar-program {
    padding: 75px 0 100px !important;
}

.entrepreneur-overview {
    padding: 150px 0 0 !important;
}

.entrepreneur-support {
    padding: 100px 0 100px !important;
}

table.program-table {
    border-collapse: collapse;
    border: solid 2px #000;
    width: 100%;
    min-width: 865px;
}

table.program-table th,
table.program-table td {
    border: solid 1px #000;
    padding: 10px 12px;
    background-color: #fff;
    font-size: 14px;
}

table.program-table td small {
    display: block;
}

table.program-table tr:nth-child(odd) td {
    background-color: #F9F9F8;
}

table.program-table th {
    background-color: #000;
    color: #fff;
    text-align: center;
    white-space: nowrap;
}

table.program-table td:nth-child(1),
table.program-table td:nth-child(2),
table.program-table td:nth-child(3) {
    text-align: center;
}

table.program-table tr td:nth-child(6) {
    width: 270px;
}

.entrepreneur-overview-detail dl {
    display: grid;
    grid-template-columns: 200px 1fr;
    column-gap: 50px;
    font-size: 16px;
    line-height: 2em;
    font-weight: 400;
    letter-spacing: 1.2px;
    padding: 35px 0;
    border-bottom: 1px solid #ccc;
}

.entrepreneur-overview-detail dt {
    font-weight: 600;
}

.entrepreneur-seminar-staff .staffIntro img {
    border-radius: 50%;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .entrepreneur-seminar-staff {
        padding: 100px 0 50px !important;
    }

    .entrepreneur-seminar-program {
        padding: 50px 0 100px !important;
    }

    .entrepreneur-overview {
        padding: 100px 0 0 !important;
    }

    .entrepreneur-support {
        padding: 100px 0 50px !important;
    }

    table.program-table th,
    table.program-table td {
        padding: 5px;
        font-size: 11px;
    }

    .entrepreneur-overview-detail dl {
        grid-template-columns: 100px 1fr;
        column-gap: 30px;
        font-size: 14px;
        line-height: 1.6em;
    }
}

/* トップページ バナー */
#banner.sec_banner {
    background-color: #fff;
    padding: 0 0 50px !important;
}

.sec_banner_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 2.2vw;
    row-gap: 15px;
}

.sec_banner_item {
    width: 30%;
}

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


/* スタッフページ */
.staff_wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.staff_bl {
    background-color: #fff;
    padding: 16px;
}

p.staff_bl_title {
    font-size: 15px;
    font-weight: 400;
    color: #888;
    margin-bottom: 5px;
}

p.staff_bl_name {
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 5px;
}

p.staff_bl_company {
    font-size: 14px;
    font-weight: 400;
    color: #888;
    margin-bottom: 15px;
}

p.staff_bl_txt {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: unset;
}

@media screen and (max-width: 999px) {
    .staff_wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    p.staff_bl_name {
        font-size: 20px;
    }

    p.staff_bl_title {
        font-size: 13px;
    }

    p.staff_bl_company {
        font-size: 12px;
        margin-bottom: 10px;
    }

    p.staff_bl_txt {
        font-size: 13px;
    }
}

@media screen and (max-width: 480px) {
    .staff_wrap {
        grid-template-columns: repeat(1, 1fr);
        gap: 12px;
    }

    .staff_bl {
        padding: 12px 15px;
    }

    p.staff_bl_title {
        margin-bottom: 3px;
    }

    p.staff_bl_name {
        margin-bottom: 3px;
    }
}

.modal-txt__img{
	    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}