@charset "UTF-8";

/* Theme Name:Basis Point
Version:1.0 */
/* ここからリセットCSS */
html,body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,table,th,td,form,fieldset,header,section,article,aside,footer,figure,figcaption,nav {margin: 0; padding: 0;}
div,p {box-sizing: border-box;}
a {text-decoration: none; color: #333;}
article,aside,canvas,details,figcaption,figure,footer,header,menu,nav,section,summary {display: block;}
img {max-width: 100%;}
input,textarea,select,button {outline: none; box-sizing: border-box;}
html {overflow: visible; overflow: -moz-scrollbars-vertical; overflow-x: visible;}
html,body {height: 100%;}
ul,ol {list-style: none;}
p,li,dt,dd,th,td,pre {
    -ms-line-break: strict;
    line-break: strict;
    -ms-word-break: break-strict;
    word-break: break-strict;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
img {
    border: none;
    vertical-align: middle;
}
/* テーマカラーの設定 */
/* mixin */
/* メインCSS */

.sp_none {display: block;}
.sp_only{display: none;}
.pc_none {display: none;}
.spbr {display: none;}

/* 下向き▼ 料金ページで使用*/
.tri_bottom{
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 30px solid #C6AD86;
    margin: 30px auto 0;
}
.fz90{
    font-size: 90%;
}
.fz80{
    font-size: 80%;
}
body {
    background-color: #fff;
    font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    font-size: 16px;
    color: #333;
}
h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 30px;
    letter-spacing: 0.01em;
    line-height: 1.4em;
    position: relative;
    padding-top: 90px;
    color: #000;
}
h3.matomeSingleH2 {
    font-family: 'Montserrat', sans-serif;
}
h3.matomeSingleH2 span.headlineJaBig {
    letter-spacing: 0.01em !important;
}
h2:not(.matomeCatch):not(.matomeTopCatch h2):not(.normalHeadline):not(.matomeTokusyu h2):not(.tokusyu_store_name):not(.blogArticle h2):not(.introCampaignMain h2):not(.indexWrap h2):not(.mainContentsCoworking h2):not(.meetingRoomDetail h2):not(.mainContentsPrice01 h2):not(.o_com h2)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 50px 0 0;
    border-color: #f1d661 transparent transparent transparent;
}
.yellowButton,.mtgPlanButton {
    background-color: #f1d661;
    display: inline-block;
    height: 75px;
    font-size: 18px;
    border: 0;
    border-radius: 3px;
    box-shadow: 0 2px 2px rgb(0 0 0 / 10%);
    margin: 50px auto;
    letter-spacing: 0.04em;
    font-weight: bold;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}
.buttomSmall .yellowButton {
    display: inline-block;
    font-size: 15px;
    height: 50px;
    width: 200px;
    margin: 30px 0 0 0;
}
#grayColor .meetingRoomCards .packButton{
    background-color: #f1d661!important;
}
.otherArea{
    background: #ebebeb;
    width: 800px;
    margin: 0 auto;
    border: solid 1px #d9d9d9;
    padding: 10px;
    margin-top: 30px;
    font-size: 14px;
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
}
.otherArea [class ^="block-"]{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.otherArea a{
    border-bottom: 1px solid #555;
    margin-right: 20px;
}
.matomeTop .buttomSmall .yellowButton {
    width: 100px;
    margin-right: 10px;
}
.matomeTop .toBlogPageButton div a {
    justify-content: center;
}
.mainContentsFacilityBox+.buttomSmall .yellowButton {
    margin: 0;
}
.yellowButton svg {
    margin-left: 10px;
    width: 8.6px;
    height: 14px;
}
.yellowButton img {
    margin-left: 10px;
    width: 8.14px;
    height: 14px;
}
.yellowButton.readmore {
    width: 240px;
    font-family: 'Montserrat', sans-serif;
    justify-content: space-between;
    margin: 40px 0;
    position: relative;
    padding: 20px;
}
.yellowButton.readmore a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.yButtonMb10 {
    margin-bottom: 20px;
}
.whiteSpace {
    background-color: #fff;
    z-index: 1000;
    width: 5000px;
    margin-left: -2000px;
    padding-left: 2000px;
    padding-top: 100px;
    padding-bottom: 10px;
}
.whiteSpace h2 {
    font-size: 30px;
    line-height: 60px;
    padding-top: 0;
    font-weight: bold;
}
.whiteSpace h2::before {
    border: none;
    border-color: transparent transparent transparent transparent;
}
h2.normalHeadline {
    font-size: 30px;
    line-height: 60px;
    padding-top: 0;
    font-weight: bold;
}
h2.normalHeadline::before {
    border: none;
    border-color: transparent transparent transparent transparent;
}
.displayNone {
    display: none;
}
.isShow {
    visibility: visible !important;
    transition: 1.5s;
}
/* 埋め込み動画のレスポンシブ設定 */
/* ※450x450の正方形の場合 */
.movie-wrapper {
    max-width: 450px;
    padding: 10px;
    margin: 10px auto;
}
 .movie-wrap {
    position: relative;
    width: 100%;
    padding: calc(450 / 450*100%) 0 0;
}
 .movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 全体 */
.wrap {
    overflow: hidden;
    /* ここからヘッダー */
}
header {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    height: 70px;
    background-color: #fff;
    min-width: 1180px;
    overflow: visible;
    z-index: 20000;
    box-shadow: 0 0 10px #0000001f;
}
.headerSP,
.headerSPbar {
    display: none;
}
.headerWrap {
    padding-right: 40px;
    padding-left: 40px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    max-width: 1880px;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    min-width: 1230px;
}
.headerWrap h1.headerLogo,
.headerWrap div.headerLogo {
    margin-right: auto;
}
.headerWrap h1.headerLogo img,
.headerWrap div.headerLogo img {
    min-width: 200px;
    min-height: 29px;
    margin-top: -10px;
}
.headerNav {
    font-size: 16px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    position: relative;
    justify-content: flex-end;
    margin-right: 0;
    z-index: 1000;
    min-width: 950px;
}
.headerNav ul {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
}
.headerNav ul li {
    padding-right: 20px;
    white-space: nowrap;
}
.headerNav ul li::after {
    content: "";
    height: 16px;
    margin-left: 20px;
    border-right: 1px solid #666;
}
.headerNav ul li:last-child::after {
    border-right: 0;
}
.headerNav ul li.headerNavActive a {
    position: relative;
}
.headerNav ul li.headerNavActive a::before {
    position: absolute;
    bottom: -3px;
    left: 2px;
    content: "";
    width: 100%;
    border-bottom: 2px solid #f1d661;
}
.headerNav ul li a {
    color: #000;
}
.headerNav ul li a:hover {
    position: relative;
}
.headerNav ul li a:hover::before {
    position: absolute;
    bottom: -3px;
    content: "";
    width: 100%;
    border-bottom: 2px solid #f1d661;
}
.headerNav ul li ul {
    display: none;
    position: absolute;
}
.headerNav ul li:hover ul {
    display: block;
}
.headerNav ul li ul li {
    display: block;
    background: white;
    margin-left: -13px;
    padding: 10px 12px;
}
.headerNav ul li ul li::after {
    border-right: 0;
}
.appFixedButton {
    display: none;
}
.appFixedButton {
    transition: opacity .4s;
    -webkit-transition: opacity .4s;
}
.appFixedLogo:hover~.appFixedButton {
    opacity: 1;
}
.yellowButton.reserveRoomButton {
    font-size: 15px;
    font-weight: normal;
    display: block;
    cursor: pointer;
    height: 50px;
    width: 180px;
    margin: 0;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* ヘッダー固定 */
.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    width: 100%;
    -webkit-transform: translateZ(0);
    overflow: visible;
}

/* ここからメイン */
main {
    padding-right: 40px;
    padding-left: 40px;
    position: relative;
    z-index: 100;
    min-width: 1100px;
    overflow: hidden;
    margin-top: 70px;
    background-image: url(img/bgCanvas.gif);
}
main::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 550px 550px 550px 0;
    border-color: transparent #f1d761 transparent transparent;
    z-index: 100;
}
main.mainTopPage::after {
    content: "";
    border: 0;
}
.headerImg {
    width: 100vw;
    min-width: 1180px;
    height: 300px;
    overflow: hidden;
    position: relative;
    z-index: 3000;
    left: -40px;
    right: -40px;
    top: 0;
}
.headerImg img {
    position: absolute;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
@supports (object-fit: cover) {
    .headerImg img {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        top: 0;
        -ms-transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        transform: none;
    }
}
.mainWrap {
    max-width: 1880px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    background-repeat: repeat;
    padding-top: 40px;
    position: relative;
}
.mainWrap h1 {
    font-size: 36px;
    font-weight: bold;
    position: relative;
    z-index: 300;
    color: #000;
}
.mainWrap h1 span {
    display: block;
    width: 1100px;
    margin-right: auto;
    margin-left: auto;
}
.mainWrap div span.headlineJa {
    font-size: 24px;
    letter-spacing: 0.11em;
    line-height: 30px;
}
.mainWrap div span.headlineEn {
    font-size: 40px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    position: relative;
}
.mainWrap div span.headlineEn .headlineEnSmall {
    font-size: 60px;
    display: inline;
}
.mainWrap div span.headlineEn .headlineEnXYZ {
    font-size: 106px;
    display: inline;
}
.mainWrap div.CustomPostHead::after {
    display: block;
    position: relative;
    content: "";
    width: 4000px;
    bottom: 7px;
    left: -50vw;
    border-top: 2px solid #000;
}
.mainWrap h1::after {
    display: block;
    content: "";
    width: 4000px;
    position: absolute;
    bottom: 7px;
    left: -50vw;
    border-top: 2px solid #000;
}
h1.termsHeadline::after {
    bottom: 18px;
}
.mainWrap h1.matome-archive::after {
    display: none;
}
h1.termsHeadline span.headlineEn {
    font-size: 40px;
    font-family: 'Montserrat', sans-serif;
    position: relative;
    padding-top: 6px;
}
h1.japaneseHeadline::after {
    bottom: 0;
}
h1.japaneseHeadline span.headlineJaBig {
    font-size: 48px;
    line-height: 72px;
    position: relative;
    margin-top: 20px;
    letter-spacing: 0.05em;
}
.cmpTx {
    color: #df4652;
    font-weight: bold;
}
.grTx {
    color: #a4a4a4
}
.mainContents {
    width: 1100px;
    margin-right: auto;
    margin-left: auto;
    letter-spacing: 0.11em;
    line-height: 30px;
    overflow: visible;
    padding-top: 30px;
    padding-bottom: 34px;
    position: relative;
    z-index: 300;
    color: #333;
}
.mainMatome {
    padding-top: 0;
}
.mainContents.mainMatome.matomeTokusyu {
    margin-top: 3rem;
}
.mainContentsBox {
    font-size: 16px;
    padding-bottom: 95px;
}
.mainContentsBox h3 {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #333;
    padding-bottom: 6px;
    margin-bottom: 30px;
    margin-top: 60px;
}
.mainContentsBox a {
    text-decoration: underline;
}
.mainContentsBox img {
    margin-top: 19px;
    border: solid 2px #333;
}
.mainContentsBox .mainContentsBoxText p {
    margin-bottom: 15px;
}
.mainContentsBox .mainContentsBoxText ol {
    margin-top: 1em;
    margin-left: 1.5em;
}
.mainContentsBox .mainContentsBoxText ol li {
    list-style-type: decimal;
    padding-top: 10px;
}
.mainContentsBox .mainContentsBoxText ol li .mainContentsBoxTextListNest {
    margin-left: 80px;
    margin-top: 50px;
    margin-bottom: 60px;
}
.mainContentsBox .mainContentsBoxText p~ol {
    margin-top: 2em;
}
.mainContentsBox .mainContentsBoxText .releaseDate {
    text-align: right;
}
.mainContentsBox.faq {
    padding-bottom: 0px;
    margin: 0 auto;
}
.mainContentsBox.faq.lastBlock {
    margin-bottom: 70px;
}
.mainContentsBox.terms {
    padding-bottom: 80px;
}
.mainContentsBoxSeparate {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    min-width: 1100px;
    justify-content: flex-end;
    margin-bottom: 70px;
}
.mainContentsBoxSeparate>h2 {
    width: 285px;
}
.mainContentsBoxSeparate>div {
    width: 815px;
}
.centerCatchCopy {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 50px;
    padding-top:0;
    line-height: 1.6em;
}
.centerCatchCopy.camp {
    margin-bottom: 0;
}
.centerCatchCopy p {
    font-size: 18px;
}
.uenoCenterCatchCopy {
    margin-bottom: 30px;
}
.centerCatchCopy.bottomMarginNone {
    margin-bottom: 0;
}
.importantNotices {
    text-align: center;
    background-color: #ffffff;
    padding: 10px 0 40px;
}
.importantNotices .infoText {
    font-size: 80%;
}
.importantNotices a {
    text-decoration: underline;
}
.importantNotices .information {
    font-weight: bold;
    margin: 10px 0 10px;
}
.rightBox .importantNotices {
    margin-top: 2em;
}
/* INDEX トップページ */
#indexHeaderLogo {
    z-index: 2000;
    position: relative;
    width: 100%;
    max-width: 500px;
    height: 90px;
    z-index: 600;
}
#indexHeaderLogo img.headerLogo_yellow {
    position: absolute;
    width: 500px;
    height: 73px;
    min-width: 500px;
    min-height: 73px;
    margin-top: 0;
    transition: 0.5s;
    top: 62px;
}
#indexHeaderLogo img.headerLogo_black {
    position: absolute;
    width: 200px;
    height: 29px;
    top: 39px;
    left: 0;
}
.logo_hide {
    opacity: 0;
    transition: 0.5s;
}
.logo_show {
    opacity: 1 !important;
    transition: 0.5s;
}
main#index {
    width: 100%;
    min-width: 1180px;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
}
main#index::after {
    content: "";
    border-width: 0;
}
.mainHero {
    position: relative;
    background-color: #fff;
    max-width: 1880px;
    min-width: 1180px;
    max-height: 500px;
    height: calc(100vh + 140px - 80px);
    margin-right: auto;
    margin-left: auto;
}
.mainHero .mainHeroCatchCopy {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 500; 
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 0.2em;
    text-shadow: 0 0 30px rgba(0, 0, 0, 0.64);
    /*backdrop-filter: brightness(0.7);*/
    height: 100%;
    padding-top: 250px;
}
.mainHero .mainHeroCatchCopy p:first-of-type{
    margin: 20px 0;
}
.mainHero .mainHeroCatchCopy p:last-of-type{
    font-size: 19px;
    letter-spacing: 2px;
    line-height: 1.8;
}
.mainHero .mainHeroReadMoreButton {
    width: 170px;
    height: 140px;
    color: #fff;
    position: absolute;
    bottom: 140px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 500;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 700;
    text-shadow: 0 0 30px rgba(0, 0, 0, 0.64);
    margin-right: auto;
    margin-left: auto;
}
.mainHero .mainHeroReadMoreButton a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.mainHero .mainHeroReadMoreButton .mainHeroReadMoreText {
    margin-bottom: 20px;
}
.mainHeroImg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    background-color: #1e2125;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.mainHeroImg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 2;
    pointer-events: none;
}
.mainHeroImg > img {
    object-fit: cover;
    position: relative;
}
.mainHeroLink {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    width: 100%;
    position: absolute;
    min-width: 1100px;
    max-width: 1880px;
    align-items: center;
    align-content: flex-end;
    bottom: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
}
.mainHeroLink::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 1237.5px 1239.5px 1237.5px;
    border-color: transparent transparent #e9c038 transparent;
    position: absolute;
    right: 50%;
    bottom: 0;
    z-index: 70;
}
.mainHeroLink::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 1237.5px 1239.5px 1237.5px;
    border-color: transparent transparent #bdb5ae transparent;
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 70;
}
.mainHeroLink .mainHeroBox {
    flex-basis: 50%;
    text-align: center;
    width: 100%;
}
.mainHeroLink .mainHeroBox .mainHeroBoxWrap {
    margin-bottom: -60px;
}
.mainHeroLink .mainHeroBox .mainHeroBoxWrapInner {
    max-width: 400px;
}
.mainHeroLink .mainHeroBox .mainHeroLinkTitle {
    margin: 20px 0;
    font-size: 22px;
    font-weight: bold;
}
.mainHeroLink .mainHeroBox .mainHeroLinkCaption {
    margin: 10px 0;
    font-size: 16px;
    color: #666;
    line-height: 2em;
}
.mainHeroLink .mainHeroBox .mainHeroLinkButton {
    width: 240px;
    height: 75px;
    font-family: 'Montserrat', sans-serif;
    justify-content: space-between;
    margin: 40px 0;
    position: relative;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}
.mainHeroLink .mainHeroBox .mainHeroLinkButton a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}
.mainHeroLink .mainHeroBox .mainHeroLinkButton a svg {
    margin-left: 47px;
}
.mainHeroLink .mainHeroBox .mainHeroLinkCaption,
.mainHeroLink .mainHeroBox .mainHeroLinkButton {
    visibility: hidden;
    transition: 1500ms;
}
.mainHeroLink .mainHeroBox.mainHeroCoworking {
    position: relative;
}
.mainHeroLink .mainHeroBox.mainHeroCoworking .mainHeroBoxWrapInner {
    margin-right: 214px;
    margin-left: auto;
}
.mainHeroLink .mainHeroBox.mainHeroCoworking * {
    position: relative;
    z-index: 300;
}
.mainHeroLink .mainHeroBox.mainHeroCoworking::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 820px 820px 820px;
    border-color: transparent transparent #f0d354 transparent;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 80;
}
.mainHeroLink .mainHeroBox.mainHeroCoworking::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 420px 420px 420px;
    border-color: transparent transparent #fbf4d4 transparent;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 100;
}
.mainHeroLink .mainHeroBox.mainHeroMeeting {
    position: relative;
}
.mainHeroLink .mainHeroBox.mainHeroMeeting .mainHeroBoxWrapInner {
    margin-left: 214px;
    margin-right: auto;
}
.mainHeroLink .mainHeroBox.mainHeroMeeting .mainHeroLinkButton {
    background-color: #d2cbc6;
    box-shadow: -2px -2px 6px #666 inset;
}
.mainHeroLink .mainHeroBox.mainHeroMeeting * {
    position: relative;
    z-index: 300;
}
.mainHeroLink .mainHeroBox.mainHeroMeeting::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 820px 820px 820px;
    border-color: transparent transparent #d0cac5 transparent;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 80;
}
.mainHeroLink .mainHeroBox.mainHeroMeeting::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 420px 420px 420px;
    border-color: transparent transparent #f3f2f0 transparent;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
}
.indexNotice{
    background: #fff;
    font-size: 12px;
    padding: 5px 20px 10px;
    text-align: center;
    letter-spacing: 0.5px;
    text-decoration: underline;
    text-underline-offset: 3px;
    position: absolute;
    width: auto;
    bottom: 0;
    z-index: 999;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.BannerSlider{
    margin-top: 10px;
}
.BannerSlider .slick-dots{
    bottom: -10px;
}
.BannerSlider .slick-dots li{
    margin: 0 2px;
}
.BannerSlider .slick-dots li button:before{
    font-size: 10px;
}
.index_top_bn {
    position: absolute;
    z-index: 999;
    width: 350px;
    right: 60px;
    top: 30px;
    max-width: 280px;
}
.index_top_bn + .index_top_bn {
    top: 140px;
}
.indexTopCampBn {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
}
.indexTopContentBn {
    margin: 0 10%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}
.indexTopContentBn .bn_area {
    margin: 18px 5px;
    max-width: 370px;
}
.indexTopContentBn .bn_wide.bn_area{
    margin: 30px 0;
    max-width: 100%;
}
.indexTopContentBn .bn_area .txt_area {
    padding: 5px 10px;
    font-size: 14px;
    color: #666;
}
.index_btm_bn,
.page_bn_area {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.index_btm_bn{
    margin-top: 60px;
}
.page_bn_area.monthly_page_bn {
    display: flex;
    justify-content: center;
    padding-top: 50px;
}
.akikaigi_bn {
    width: 640px;
    height: auto;
}
.page_bn_area {
    margin: 0 0 20px;
}
#meetingroompoint .page_bn_area {
    margin: 0;
}
.page_bn_area.monthly_bn {
    margin: -70px 0 40px;
}
.monthly_kc .page_bn_area {
    margin: 15px 0;
}
.btm_bn,
.bn_area {
    max-width: 450px;
    width: 90%;
    margin: 10px;
}
.bn_area.wide {
    max-width: 600px;
}
.page_bn_area.col1 {
    max-width: none;
    width: 100%;
}
.indexWrap .page_bn_area {
    flex-wrap: nowrap;
    gap: 20px;
    margin-top: 30px;
}
/* バナーが2個の場合 */
.page_bn_area:has(.bn_area:nth-child(2)):not(:has(.bn_area:nth-child(3))) {
  gap: 50px;
}
/* バナーが1個の場合 */
.page_bn_area:has(.bn_area:nth-child(1)):not(:has(.bn_area:nth-child(2))) {
  gap: 0;
}
.col1 .bn_area {
    max-width: none;
    width: 60%;
} 
.indexWrap .col1 .bn_area {
    max-width: none;
    width: 40%;
} 
.plan_bn_area,
.plan_top_bn_area {
    display: flex;
    justify-content: center;
}
.indexWrap .page_bn_area .bn_area{
    box-shadow: 0 2px 6px rgb(0 0 0 / 13%);
    margin: 0;
    max-width: 350px;
}
.plan_bn_area {
    margin: 50px auto -20px;
}
.plan_bn {
    width: 40%;
    max-width: 450px;
    margin: 0 20px;
}
.plan_top_bn_area {
    margin: 0 auto 30px;
}
.postBn {
    margin: 30px 0 !important;
    width: 80%;
}
.bn_centerLandscape {
    margin: auto;
    padding-top: 30px;
}
.mainContentsIndex {
    background-image: url(img/bgCanvas.gif);
    background-repeat: repeat;
    width: 1100px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    z-index: 0;
}
.mainContentsIndex .indexWrap {
    padding-bottom: 10px;
}
.mainContentsIndex>* {
    position: relative;
    z-index: 300;
}
.indexIntroductionCaption {
    padding-top: 75px;
    text-align: left;
}
.indexWrap .centerCatchCopy {
    margin-bottom: 0;
    font-size: 28px;
    letter-spacing: 2px;
}
.indexWrap .leftCatchCopy h2 {
    margin-top: 0;
    padding-top: 0;
}

.indexIntroductionContents {
    margin-bottom: 100px;
}
.indexIntroductionCaption .leftCatchCopy {
    margin-bottom: 20px;
    font-weight: bold;
}
.indexIntroductionCaption .leftCatchCopy h2{
    font-size: 25px;
}
.indexWrap .indexIntroductionCaption .leftCatchCopy p {
    font-weight: normal;
    margin-top: 17px;
}
.indexWrap .indexIntroductionCaption p {
    font-size: 16px;
    margin-top: auto;
    line-height: 32px;
}
.featuresContainer{
    max-width: 1100px;
    margin: 0 auto;
    width: 100%;
}
.indexIntroductionFeature {
    margin: 0 0 60px; 
    padding: 60px 0;
}
.featuresGrid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
}

.featureContents{
    display: flex;
    flex-direction: column;
}

.indexIntroductionFeature .featureCard {
    padding: 50px 60px 30px;
    color: #333;
    position: relative;
    overflow: hidden;
    box-shadow: 0 2px 6px rgb(0 0 0 / 13%);
    transition: all 0.3s ease;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #f8f8f8;
}

.indexIntroductionFeature .featureCard * {
    position: relative;
    z-index: 2;
}

.indexIntroductionFeature .featureTitle {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}

.indexIntroductionFeature .featureTitle::before {
    content: "Point.1";
    font-style: italic;
    font-size: 28px;
    position: absolute;
    top: -34px;
    left: -0.7em;
    color: #F4ECC5;
    font-weight: bold;
    z-index: -1;
}
.indexIntroductionFeature .featureCard:nth-of-type(2) .featureTitle::before {
    content: "Point.2";
}
.indexIntroductionFeature .featureCard:nth-of-type(3) .featureTitle::before {
    content: "Point.3";
}

.indexIntroductionFeature .featureDesc {
    font-size: 16px;
    line-height: 1.8;
}
.cornerFlag {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
}
.indexIntroductionFeature .cornerFlag {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-right: 60px solid transparent;
    border-top: 60px solid #F1D761;
}
.indexService .cornerFlag {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-right: 60px solid transparent;
    border-top: 60px solid #F1D761;
}
.indexIntroductionSpaceWrap{
    width: 100%;
    max-width: 1100px;
    margin: 60px auto 80px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}
.indexIntroductionSpaceWrap h3{
    margin-bottom: 7px;
}
.indexIntroductionSpaceInwrap{
    width: 23%;
    background: #fff;
    padding: 15px 10px 10px;
    text-align: center;
    font-size: 14px;
    box-shadow: 0 2px 6px rgb(0 0 0 / 13%);
    position: relative;
}
.indexIntroductionSpaceInwrap::before{
    width: 23%;
    border: solid 2px #f9f9f9;
    background: #fff;
    padding: 10px 10px 20px;
    text-align: center;
    font-size: 14px;
}
.indexIntroductionSpaceInwrap .cornerFlag {
    border-right: 30px solid transparent;
    border-top: 30px solid #F1D761;
}

.indexIntroductionUseWrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 40px;
}
.indexIntroductionUseInwrap {
    width: 250px;
    position: relative;
}

.indexIntroductionSpaceText{
    font-size: 14px;
    letter-spacing: 0.5px;
}
.indexIntroductionSpaceImg img{
    aspect-ratio: 8 / 5;
    object-fit: cover;
}
.indexIntroductionSpaceText .sp_none{
    display: inline-block;
}

/* スペース紹介モーダル */
/* ===================================
   ギャラリーモーダル用CSS（キャメルケース版）
   =================================== */

/* 画像コンテナの位置調整 */
.indexIntroductionSpaceImg {
  position: relative;
  cursor: pointer;
}

/* ズームアイコン */
.galleryZoomIcon {
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease, background-color 0.3s ease;
  pointer-events: none;
  z-index: 10;
}

.galleryZoomIcon i {
    color: #ffffffe6;
    font-size: 16px;
    text-shadow: 1px 1px 3px #000000d4;
}

.modalGalleryTrigger:hover .galleryZoomIcon {
  transform: scale(1.1);
}

/* モーダル本体 */
.modalGallery {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.90);
  overflow: hidden;
}

.modalGallery.active {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 閉じるボタン */
.modalGalleryClose {
  position: absolute;
  top: 20px;
  right: 30px;
  color: #ffffff;
  font-size: 40px;
  font-weight: 300;
  cursor: pointer;
  z-index: 10001;
  transition: color 0.3s ease;
  line-height: 1;
}

.modalGalleryClose:hover {
  color: #cccccc;
}

/* モーダルコンテンツ */
.modalGalleryContent {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90%;
  max-width: 900px;
  gap: 20px;
}

/* 画像ラッパー */
.modalGalleryImageWrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  width: 100%;
}

/* モーダル内の画像 */
.modalGalleryImage {
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    object-position: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
    display: block;
}

/* キャプション */
.modalGalleryCaption {
  color: #e9e9e9;
  font-size: 16px;
  text-align: center;
  margin: 0;
  padding: 10px 20px;
  border-radius: 4px;
  width: 100%;
  letter-spacing: 0.5px;
  white-space: pre-line;
}

/* 左右の矢印ボタン */
.modalGalleryPrev,
.modalGalleryNext {
  background-color: rgba(255, 255, 255, 0.1);
  border: none;
  color: #ffffff;
  font-size: 30px;
  cursor: pointer;
  padding: 15px 20px;
  border-radius: 4px;
  transition: background-color 0.3s ease, transform 0.2s ease;
  flex-shrink: 0;
}

.modalGalleryPrev:hover,
.modalGalleryNext:hover {
  background-color: rgba(255, 255, 255, 0.2);
  transform: scale(1.1);
}

.modalGalleryPrev:active,
.modalGalleryNext:active {
  transform: scale(0.95);
}


.indexIntroductionUseInwrap {
    margin: 0 10px;
}
.indexIntroductionUseInwrap:not(:last-child)::after {
    content: "";
    position: absolute;
    background-image: url(img/indexArrow.svg);
    top: 34%;
    left: 253px;
    border: 15px solid transparent;
    border-top: 15px solid #F1D661;
    z-index: 1;
    transform: rotate(0.75turn);
}
.indexIntroductionUseInwrap .indexIntroductionUseText {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    margin-top: 16px;
}
.indexIntroductionServiceInwrap .indexIntroductionServiceText {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    margin-top: 16px;
}
.indexIntroductionUseText p span {
    font-size: 12px;
    color: #666666;
}
.detailBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.detailBoxInwrap {
    width: 470px;
    background-color: white;
    padding: 10px 0 20px;
}
.indexService .detailBoxInwrap {
    padding: 20px 30px 20px;
    box-shadow: 0 2px 6px rgb(0 0 0 / 13%);
}
.indexIntroductionUseRemarks .detailBoxInwrap:not(:last-child) {
    margin-right: 24px
}
.indexIntroductionUseWrap .indexIntroductionUseText span a{
    text-decoration: underline;
    text-decoration-thickness: 0.7px;
    text-underline-offset: 2px;
}
.indexIntroductionUseWrap .indexIntroductionUseImg{
    text-align: center;
}
.indexIntroductionUseWrap .indexIntroductionUseImg img{
    width: 90px;
}
.detailBoxInwrap.indexIntroductionServiceInwrap {
    position: relative;
}
.detailBoxInwrap .indexIntroductionServiceImg {
    width: 90px;
    height: 90px;
    margin: 10px auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.yellowArrowLinkTextWrap.arrowRight{
    text-align: right;
    flex: auto;
}
.yellowArrowLinkText {
    display: inline-block;
    position: relative;
    text-decoration: none;
    color: #333;
    padding-bottom: 0.2em;
    padding-left: 2px;
    padding-right: 8px;
    margin-top: 18px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.8;
    margin-right: 12px; /*三角の幅分*/
}

.yellowArrowLinkText::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background-color: #F1D661;
}

.yellowArrowLinkText::before {
    content: '';
    position: absolute;
    right: -12px;
    bottom: 0px;
    width: 0;
    height: 0;
    border-left: 12px solid #F1D661;
    border-top: 8px solid transparent;
    border-bottom: 0px solid transparent;
}
.yellowArrowLink {
    position: relative;
    margin-top: 18px;
    font-weight: bold;
}
.yellowArrowLink span::before {
    position: absolute;
    content: '';
    top: 12px;
    left: 316px;
    width: 0;
    height: 0;
    border: none;
    border-right: solid 15px transparent;
    border-bottom: solid 15px #F1D661;
}
.yellowArrowLink span::after {
    position: absolute;
    content: '';
    top: 24px;
    left: 146px;
    width: 37%;
    border-bottom: solid 3px #F1D661;
}
.PlanType {
    width: 100%;
    margin-left: 58px;
    padding: 8px 0 6px 11px;
    border-left: solid 8px #D2CBC6;
    font-size: 20px;
}
.indexIntroductionPlan .PlanType {
    width: 100%;
    border: none;
    font-size: 18px;
    margin: 0 0 10px;
    background: #F1D661;
    color: #333;
    text-align: center;
    padding: 8px 0 6px;
}
.indexIntroductionPlanWrap.detailBox {
    margin: 30px auto 40px;
    width: 980px;
    justify-content: space-between;
}
.indexIntroWhite {
    background-color: #fff;
    padding: 30px 0 10px;
}
.PlanCol {
    width: 430px;
    font-weight: bold;
    font-size: 16px;
}
.PlanCol table{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin: 0 35px;
}
.PlanCol{
    background: #fff;
    padding-bottom: 30px;
    text-align: center;
    box-shadow: 0 2px 6px rgb(0 0 0 / 13%); 
}
.PlanCol .yellowArrowLink span::before {
    top: 12px;
    left: 377px;
}
.PlanCol .yellowArrowLink{
    text-align: center;
    display: inline-block;
}
.PlanCol .yellowArrowLink a{
    letter-spacing: 1px;
}
.PlanCol:first-of-type .yellowArrowLink span::before{
    left: 147px;
}
.PlanCol:first-of-type .yellowArrowLink span::after{
    width: 165px;
}
.PlanCol:last-of-type .yellowArrowLink span::before{
    left: 194px;
}
.PlanCol:last-of-type .yellowArrowLink span::after{
    width: 210px;
}
.PlanCol tr:not(:last-child) {
    border-bottom: solid 1px #D2CBC6;
}
.PlanCol tr {
    height: 70px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.PlanCol tr td {
    padding: 18px 0 8px;
    line-height: 26px;
    font-weight: bold;
}
.PlanCol .yellowArrowLink span::after {
    top: 24px;
    left: -11px;
    width: 50px;
}
.store_coworking.co_shiga .PlanCol tr td:nth-of-type(1) {
    min-width: 120px;
}
.PlanCol tr td:nth-of-type(1) {
    color: #787878;
    text-align: left;
    font-weight: bold;
    line-height: 23px;
    padding-right: 20px;
}
.PlanCol .PlanColPrice {
    font-size: 30px;
}
.PlanCol tr td:nth-of-type(1) span {
    font-size: 80%;
    color: #909090;
}
.PlanCol .kome {
    font-size: 80%;
    font-weight: normal;
    color: #787878;
}
.PlanCol .yellowArrowLink span {
    font-size: 90%;
}
.PlanCol p {
    font-weight: normal;
    font-size: 14px;
    margin-left: 77px;
}
.planBtn {
    color: #FFF;
    width: 380px;
    height: 100px;
    background-color: #1d2947;
    text-align: center;
    position: relative;
    margin-top: 30px;
}
.planBtn p {
    margin-top: 35px;
    margin-left: 0;
    font-weight: bold;
    font-size: 18px;
}
.planBtn::after {
    content: "";
    position: absolute;
    background-image: url(img/indexArrow.svg);
    top: 32px;
    left: 311px;
    border: 15px solid transparent;
    border-top: 15px solid #F1D661;
    z-index: 1;
    transform: rotate(0.75turn);
}
.planBtn:hover{
    opacity: 0.8;
    transition: 0.8s;
}
.indexStorelistWrap {
    margin: 40px auto 0;
    width: 980px;
}
.indexStorelistWrap .indexStoreCol {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
}
.indexStorelistWrap .indexStoreCol:not(:last-child) {
    margin-bottom: 60px;
}
.indexStorelistImg {
    width: 45%;
}
.indexStorelistImg img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.indexStorelistText {
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 1.8;
    margin-left: 40px;
    width: 55%;
}
.indexStorelistText .storeName h3 {
    padding-top: 0;
    font-size: 21px;
}
.indexStorelistText .yellowArrowLink {
    font-weight: bold;
    font-size: 15px;
}
.indexStorelistText .yellowArrowLink span::before {
    top: 12px;
    left: 125px;
}
.indexStorelistText .yellowArrowLink span::after {
    bottom: 0;
    left: 0;
    width: 135px;
}
.indexFacilityListWrap {
    max-width: 980px;
    margin: 30px auto;
}
.indexFacilityListWrap .facilityCaption span {
    font-size: 80%;
    color: #787878;
}
.indexFacilityListWrap .yellowArrowLink {
    padding-right: 50px;
    font-size: 15px;
    letter-spacing: 1px;
}
.indexFacilityListWrap .yellowArrowLink span::before {
    top: 13px;
    left: 200px;
}
.indexFacilityListWrap .yellowArrowLink span::after {
    bottom: -5px;
    left: -2px;
    width: 210px;
}
.indexService {
    margin: 40px auto;
    gap: 40px;
}
.indexService .detailBoxInwrap h3{
    text-align: center;
    margin-bottom: 20px;
}
.indexService .detailBoxInwrap p{
    line-height: 1.5;
}
.indexService .yellowArrowLink{
    display: inline-block;
}
.indexService .yellowArrowLink span::before {
    left: 80px;
    top: 9px;
}
.indexService .yellowArrowLink span::after {
    left: -13px;
    width: 100px;
    top: 21px;
}
.indexIntroductionContents .indexIntroductionBlog {
    margin-top: 20px;
}
.indexIntroductionList {
    min-width: 1100px;
    max-width: 1880px;
    padding-bottom: 120px;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
}
.indexIntroductionBox {
    margin-top: 240px;
    width: 100%;
    height: 100%;
    min-height: 774px;
    position: relative;
    z-index: 100;
    background-position: 50% 74px;
    background-attachment: scroll;
    background-repeat: no-repeat;
    margin-right: auto;
    margin-left: auto;
}
.indexIntroductionBox>div {
    position: absolute;
}
.indexIntroductionBox .indexIntroductionNumber {
    z-index: 600;
    width: 87px;
    height: 124px;
}
.indexIntroductionBox .indexIntroductionNumber img {
    width: 87px;
    height: 124px;
}
.indexIntroductionBox .indexIntroductionTextarea {
    width: 760px;
    height: 500px;
    background-color: #fff;
    z-index: 500;
    top: 33px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
}
.indexIntroductionBox .indexIntroductionTextarea .indexIntroductionCatchcopy {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.8em;
    margin-bottom: 20px;
    margin-top: -80px;
}
.indexIntroductionBox .indexIntroductionTextarea .indexIntroductionText {
    color: #666;
    font-size: 16px;
    line-height: 2.2em;
    margin-bottom: -10px;
}
.indexIntroductionBox .indexIntroductionHeadline {
    z-index: 1000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #f1d661;
    font-size: 200px;
    top: 622px;
    padding-left: 4.6vw;
}
.indexIntroductionBox .indexIntroductionButtonWrap {
    top: 400px;
    width: 240px;
    z-index: 900;
}
.indexIntroductionBox .indexIntroductionButton {
    width: 240px;
    height: 75px;
    font-family: 'Montserrat', sans-serif;
    justify-content: space-between;
    margin: 0;
    position: relative;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
}
.indexIntroductionBox .indexIntroductionButton a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}
.indexIntroductionBox .indexIntroductionButton a svg {
    margin-left: 47px;
}
.indexIntroductionBox .indexIntroductionImgTopWrap {
    z-index: 700;
}
.indexIntroductionBox .indexIntroductionImgBagWrap {
    z-index: 400;
    position: absolute;
    left: 0;
    right: 0;
}
.indexIntroductionBox .indexIntroductionImgWrap {
    top: 74px;
    width: 100%;
    max-width: 1880px;
    height: 700px;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
}
.indexIntroductionBox .indexIntroductionImgWrap .indexIntroductionImg {
    position: relative;
    width: 100%;
    min-width: 1180px;
}
.indexIntroductionBox .indexIntroductionImgWrap .indexIntroductionImg img {
    display: inline-block;
    position: absolute;
    top: 0;
}
.indexIntroductionBox .indexIntroductionImgWrap .indexIntroductionImg .indexIntroductionImgTop {
    position: absolute;
    z-index: 300;
}
.indexIntroductionBox .indexIntroductionImgWrap .indexIntroductionImg .indexIntroductionImgTop_SP {
    display: none;
}
.indexIntroductionBox .indexIntroductionImgWrap .indexIntroductionImg .indexIntroductionImgBag {
    position: absolute;
    z-index: 200;
    left: 0;
    right: 0;
    top: 0;
    width: 1880px;
    height: 1000px;
    margin-right: auto;
    margin-left: auto;
}
.indexIntroductionBox .indexIntroductionImgWrap.indexIntroImg01 .indexIntroductionImgTop {
    text-align: center;
    left: 50%;
    top: 58px;
    margin-left: -83px;
    width: 301px;
    height: 642px;
}
.indexIntroductionBox .indexIntroductionImgWrap.indexIntroImg02 .indexIntroductionImgTop {
    left: 50%;
    margin-left: -368px;
    top: 34px;
    width: 567px;
    height: 667px;
}
.indexIntroductionBox .indexIntroductionImgWrap.indexIntroImg03 .indexIntroductionImgTop {
    left: 50%;
    margin-left: -257px;
    top: 168px;
    width: 431px;
    height: 534px;
}
.indexIntroductionBox .indexIntroductionImgWrap.indexIntroImg04 .indexIntroductionImgTop {
    right: 50%;
    margin-right: -140px;
    top: 159px;
    width: 542px;
    height: 428px;
}
.indexIntroductionBox .indexIntroductionImgWrap.indexIntroImg05 .indexIntroductionImgTop {
    left: 50%;
    margin-left: -318px;
    top: 58px;
    width: 525px;
    height: 642px;
}
.indexIntroductionBox.indexIntroductionBoxLeft .indexIntroductionTextarea {
    right: 50%;
}
.indexIntroductionBox.indexIntroductionBoxLeft .indexIntroductionTextarea>div {
    margin-left: 182px;
}
.indexIntroductionBox.indexIntroductionBoxLeft .indexIntroductionNumber {
    left: 50%;
    margin-left: -676px;
}
.indexIntroductionBox.indexIntroductionBoxLeft .indexIntroductionButtonWrap {
    left: 50%;
    margin-left: -580px;
}
.indexIntroductionBox.indexIntroductionBoxRight .indexIntroductionTextarea {
    left: 50%;
}
.indexIntroductionBox.indexIntroductionBoxRight .indexIntroductionTextarea>div {
    margin-left: 120px;
}
.indexIntroductionBox.indexIntroductionBoxRight .indexIntroductionNumber {
    right: 230px;
}
.indexIntroductionBox.indexIntroductionBoxRight .indexIntroductionButtonWrap {
    left: 50%;
    margin-left: 120px;
}
.indexIntroductionBox.indexIntroductionBox01 {
    margin-top: 0;
    background-image: url(img/indexIntroduction01_location_bg.jpg);
}
.indexIntroductionBox.indexIntroductionBox01 .indexIntroductionHeadline {
    right: 0;
}
.indexIntroductionBox.indexIntroductionBox02 {
    background-image: url(img/indexIntroduction02_price_bg.jpg);
}
.indexIntroductionBox.indexIntroductionBox02 .indexIntroductionHeadline {
    left: 0;
}
.indexIntroductionBox.indexIntroductionBox03 {
    background-image: url(img/indexIntroduction03_event_bg.jpg);
}
.indexIntroductionBox.indexIntroductionBox03 .indexIntroductionHeadline {
    right: 0;
}
.indexIntroductionBox.indexIntroductionBox04 {
    background-image: url(img/indexIntroduction04_facility_bg.jpg);
}
.indexIntroductionBox.indexIntroductionBox04 .indexIntroductionHeadline {
    left: 0;
}
.indexIntroductionBox.indexIntroductionBox05 {
    background-image: url(img/indexIntroduction05_blog_bg.jpg);
}
.indexIntroductionBox.indexIntroductionBox05 .indexIntroductionHeadline {
    right: 0;
}
.indexIntroductionBlog .blogThumbnails .blogThumbnailBox {
    margin-bottom: 0;
    box-shadow: 0 2px 6px rgb(0 0 0 / 13%);
}


/* キャンペーンページ（お得な使い方） */
.mainContents.introCampaignMain {
    padding-top: 0;
}
.IntroCampaign {
    background-color: #FFF;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    padding: 0 45px;
    margin: 0 20px;
    margin-top: 40px;
}
/*.IntroCampaign .IntroCampaignData {
    margin-top: 38px;
}*/
.IntroCampaign h2 {
    line-height: 1.5;
    display: inline-block !important;
    padding-top: 30px;
    background: linear-gradient(transparent 83%, #f3ed9b 10%);
    font-size: 25px;
}
.IntroCampaign h2.pc_none {
    display: none !important;
}
.IntroCampaign h2::before {
    display: none;
}
.IntroCampaign p {
    margin-top: 18px;
}
.IntroCampaign .IntroCampaignKikan {
    font-weight: bold;
}
.IntroCampaign ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}
.IntroCampaign ul li {
    background-color: #f7f7f7;
    padding: 0 5px;
    font-size: 13px;
}
.IntroCampaign ul li::before {
    content: "/";
    margin-left: 0;
    margin-right: 10px;
}
.IntroCampaign ul li:first-child::before {
    content: "対象店舗：";
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    color: #ababab;
}
.IntroCampaign .IntroCampaignImg {
    margin: 44px 0;
}
.IntroCampaign .IntroCampaignImg img {
    max-width: 90%;
    height: 90%;
}
.IntroMainContents .wp-block-group__inner-container {
    display: flex;
    flex-wrap: wrap;
}
.IntroCampaignList .wp-block-group__inner-container {
    display: inline-block;
}
.IntroCampaign .yellowButton {
    margin: 30px 0 !important;
    font-size: 15px;
    width: 200px !important;
    height: 40px !important;
}
main#intro .mv.campaign {
  height: 310px;
}
main#intro .mv.campaign .inner_mv {
  width: 1100px;
  height: 630px;
  margin: 0 auto;
  padding: 50px 52px 0;
}
main#intro .mv .inner_mv h1 {
  font-size: 34px;
  letter-spacing: .1em;
  line-height: 47px;
  color: #fff;
  margin-bottom: 26px;
  text-shadow:0px 0px 10px #ad825b;
}
main#intro .mv.campaign .inner_mv h1 {
  text-align: center;
}
main#intro .mv.campaign {
  height: 220px;
}
main#intro .mv .inner_mv p.description {
  font-size: 18px;
  letter-spacing: .1em;
  line-height: 30px;
  color: #fff;
}
main#intro .mv.campaign .inner_mv p.description {
  text-align: center;
}
.IntroCampaign p{
  line-height: 1.6;
}

/* PRICE 料金 */
.mainContentsPrice.mainContentsPrice01 h2 {
    font-size: 22px;
    margin-bottom: 18px;
    padding: 0 7px;
    color: #494949;
    background: transparent;
    border-left: solid 9px #f1d661;
}
.mainContentsPrice.mainContentsPrice01 #monthlyplans-payaction h2 {
    margin-top: 50px;
    border-left: none;
}
.mainContentsPrice.mainContentsPrice01 .kome {
    font-size: 70%;
}
.pricetable {
    margin-top: 12px;
}
.p-scrollable {
    overflow-x: auto;
    margin: 0 auto;
    text-align: center;
}
.p-plan-table {
    width: auto;
/*    min-width: 900px;*/
    border: solid 1px #333333;
    background-color: #FFF;
/*    display: inline;*/
}
.p-plan-table .nebiki{
    text-decoration: line-through;
    color: #a5a5a5;
}
.pricetable.col2-table .p-plan-table {
    max-width: 650px;
    min-width: 0;
}
.pricetable .p-scrollable table {
    table-layout: fixed;
    white-space: nowrap;
}
.pricetable .p-scrollable table.table2lines {
    display: inline-table;
}
.pricetable .p-scrollable .option-table th {
    background-color: #a2a2a2;
}
.pricetable .p-scrollable .option-table {
    border-color: #a2a2a2;
}
.pricetable .p-scrollable table th {
    background-color: #6B6B6B;
    color: #FFF;
    font-weight: normal;
}
.pricetable td, .pricetable th {
    padding: 9px 20px 9px;
    line-height: 1.3;
    vertical-align: middle;
    border-collapse: collapse;
    border: solid 1px #333333;
    text-align: left;
}
.booth-rsv-table th {
    padding: 9px 15px 9px 10px;
}
.pricetable .p-call {
    text-align: right;
}
.pricetable.mtgroom-cam .p-call {
    text-align: center;
}
.pricetable .table2lines td {
    height : 37px;
}
.pricetable.m-table {
    margin-bottom: 40px;
}
.tab-box .pricetable.m-table {
    margin-bottom: 0px;
}
.mainContentsPrice a + .monthly_info{
    font-size: 70%;
}
.buttonWrap .remark {
    text-align: center;
    margin-top: 50px;
    font-weight: bold;
}
.buttonWrap .yellowButton {
    margin-top: 0;
}

/* 店舗詳細内 料金テーブル */
.cwInwrap .mainContentsPrice{
    width: 60%;
    margin: 0 auto;
}
.cwInwrap .priceNotice{
    margin-top: 7px;
}
.cwInwrap .tab-room-dropin .priceNotice{
    text-align: center;
    font-size: 80%;
}
.cwInwrap .detail_plan{
    margin: 30px 0 0;
    width: 100%;
}
.cwInwrap .detail_plan .pricetable th, .cwInwrap .detail_plan .pricetable td{
    line-height: 1.5;
}
.coworking .detail_plan .pricetable td:last-of-type, .cwInwrap .storeMapDetailRoom .detail_plan .pricetable td:last-of-type{
    width: 15%;
}
.cwInwrap .tab-content .detail_plan .pricetable th, .cwInwrap .tab-content .detail_plan .pricetable td{
    width: 50%;
}
/*1名個室*/
.cwInwrap .tab-content .tab-room-dropin .detail_plan .pricetable th {
    width: 25%;
}
.cwInwrap .tab-content .tab-room-dropin .detail_plan .pricetable td:last-of-type{
    width: 20%;
}
/*個室回数券*/
.cwInwrap .tab-content .tab-room-ticket .detail_plan .pricetable th, .cwInwrap .tab-content .tab-room-ticket .detail_plan .pricetable td{
    width: auto;
}
.cwInwrap .detail_plan .cam_label{
    font-size: 10px;
    font-weight: bold;
}
.cwInwrap .detail_plan .linkUdl{
    font-size: 14px;
    line-height: 1.8;
    margin-top: 10px;
}
.cwInwrap .p-scrollable{
    text-align: left;
}
.cwInwrap .PlanType{
    margin: 0 0 20px 0;
    padding: 3px 0 0px 11px;
}

.detail_plan {
    margin-bottom: 50px;
}
.detail_plan .yellowButton {
    width: 390px;
    font-weight: normal;
    height: 55px;
    font-size: 16px;
}
.detail_plan .pricetable + .yellowButton {
    margin: 20px auto 10px;
    width: auto;
    height: 38px;
    width: 170px;
}
.detail_plan .s-plan {
    display: flex;
    flex-wrap: wrap;
    margin: 30px 0 40px;
    line-height: 1.3;
}
.detail_plan .s-plan a {
    margin-right: 20px;
    border-bottom: solid 1px #333;
}
.detail_plan .cam_label{
    background: #ffeea1;
    font-size: 14px;
    padding: 2px 4px 0;
    margin-right: 10px;
}
.detail_plan h3{
    color: #494949;
    font-size: 16px;
}
.detail_plan .PlanType{
    margin: 30px 0 20px;
}
.detail_plan .option-table span{
    font-size: 80%;
}
.detail_plan .monthly-plans-subscription{
    margin-top: 0;
}
.detail_plan .col2-wrap {
    display: flex;
    align-items: baseline;
}
.detail_plan .col2-wrap p {
    padding-right: 80px;
}
.detail_plan .col2-wrap div {
    width: 50%;
}
.detail_plan .col2-wrap .pricetable {
    margin: auto;
}
.detail_plan .col2-wrap div .p-scrollable {
    overflow-x: unset;
    margin: 0;
}
.comp-planWrap {
    padding-top: 60px;
}
.comp-planWrap .detail_plan{
    margin-top: 30px;
}
.comp-planWrap .detail_plan .PlanType{
    margin-top: 0;
}
.mainContentsPrice .monthly_tab .tab-content {
    margin-top: 50px;
}
.mainContentsPrice.mainContentsPrice01 ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    text-align: left;
    margin: 1rem auto;
    max-width: 850px;
}
.mainContentsPrice.mainContentsPrice01 ul li {
    flex-basis: 32%;
}
.mainContentsPrice.mainContentsPrice01 ul li .balloon {
    position: relative;
    display: block;
    margin: 1.5em auto;
    padding: 15px 10px;
    width: 238px;
    color: #ff4a7d;
    font-size: 16px;
    font-weight: bold;
    line-height: 140%;
    background: #fff;
    border-radius: 10px;
    border: solid 1px #ccc;
    box-sizing: border-box;
}
.mainContentsPrice.mainContentsPrice01 ul li .balloon::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -14px;
    border: 14px solid transparent;
    border-top: 14px solid #fff;
    z-index: 2;
}
.mainContentsPrice.mainContentsPrice01 ul li .balloon::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #ccc;
    z-index: 1;
}
.mainContentsPrice.mainContentsPrice01 ul li .balloon p {
    margin: 0;
    padding: 0;
    text-align: center;
}
.mainContentsPrice.mainContentsPrice01 ul li dl {
    border-top: solid 4px #000;
    background: #fff;
}
.mainContentsPrice.mainContentsPrice01 ul li dl dt {
    font-size: 28px;
    font-weight: bold;
    height: 160px;
    box-sizing: border-box;
    padding-top: 50px;
    text-align: center;
}
.mainContentsPrice.mainContentsPrice01 ul li dl dt small {
    display: block;
    color: #777;
    font-weight: bold;
    font-size: 14px;
}
.mainContentsPrice.mainContentsPrice01 ul li dl dt small br.sp {
    display: none;
}
.mainContentsPrice.mainContentsPrice01 ul li dl dt small strong {
    color: #000;
    font-size: 24px;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 600;
    letter-spacing: 0.02em;
    margin-left: 10px;
}
.mainContentsPrice.mainContentsPrice01 ul li dl dt small strong i {
    font-style: normal;
    font-size: 18px;
}
.mainContentsPrice.mainContentsPrice01 ul li dl dd {
    border-top: solid 1px #d2cac5;
    box-sizing: border-box;
    padding: 20px 40px;
    display: flex;
    justify-content: space-between;
}
.mainContentsPrice.mainContentsPrice01 ul li dl dd small {
    color: #777;
    font-size: 16px;
    font-weight: bold;
}
.mainContentsPrice.mainContentsPrice01 ul li dl dd span {
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 600;
    letter-spacing: 0.02em;
    font-size: 36px;
    text-align: right;
}
.mainContentsPrice.mainContentsPrice01 ul li dl dd span i {
    font-style: normal;
    font-size: 30px;
}
.mainContentsPrice.mainContentsPrice01 ul li dl dd span strong {
    font-size: 16px;
}
.mainContentsPrice.mainContentsPrice01 ul li dl dd span strong b {
    font-size: 24px;
}
.mainContentsPrice.mainContentsPrice01 ul li dl dd span strong b i {
    font-size: 18px;
}
.mainContentsPrice.mainContentsPrice01 ul li dl dd span.ja {
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    font-size: 24px;
    background: #fff840;
}
.mainContentsPrice.mainContentsPrice01 ul li dl dd span.yellow {
    background: #ffcd85;
    display: inline-block;
}
.mainContentsPrice.mainContentsPrice01 ul li dl dd:last-child {
    padding-bottom: 30px;
    border-bottom: solid 2px #ccc;
}
.mainContentsPrice.mainContentsPrice01 ul li dl dd:last-child span strong {
    display: block;
    margin-top: 10px;
}
.mainContentsPrice.mainContentsPrice01 ul li dl:first-child {
    border-top: solid 4px #f1d661;
}
.mainContentsPrice.mainContentsPrice01 ul li dl:first-child dt {
    padding-top: 65px;
}
.mainContentsPrice.mainContentsPrice01 .mainContentsPrice01-app {
    margin: 80px 0 120px;
    background: url("img/bg-stripe.png") no-repeat;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mainContents.price {
    background: #fff;
    width: 100%;
    padding-bottom: 120px;
}
.mainContents.price .mainContentsPrice03 {
    width: 1140px;
    margin: 0 auto;
    padding-bottom: 40px;
}
.mainContents.price .mainContentsPrice03 h3 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 40px;
}
.mainContents.price .mainContentsPrice03 p {
    font-size: 16px;
}
.mainContents.price .mainContentsPrice03 ol,
.mainContents.price .mainContentsPrice03 ul {
    margin: 30px 0 60px;
    font-size: 16px;
}
.mainContents.price .mainContentsPrice03 ul.step {
    display: flex;
    justify-content: space-between;
    padding: 0 145px 25px;
}
.mainContents.price .mainContentsPrice03 ul.step li {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
.mainContents.price .mainContentsPrice03 ul.step li div {
    display: flex;
    align-items: center;
    height: 120px;
}
.mainContents.price .mainContentsPrice03 ul.step li div img {
    display: block;
    margin: 0 auto 10px;
}
.mainContents.price .mainContentsPrice03 form span.require {
    color: #ff4a7d;
}
.mainContents.price .mainContentsPrice03 form span.info {
    font-size: 16px;
    color: #666;
    margin-left: 20px;
}
.mainContents.price .mainContentsPrice03 form p.small {
    font-size: 16px;
    letter-spacing: 0.02em;
}
.mainContents.price .mainContentsPrice03 form .contactSubmit {
    width: 382px;
}
.mainContents.price .mainContentsPrice03 form .contactSubmit input.contactSubmitButton {
    width: 382px;
    letter-spacing: 0.02em;
}
.mainContents .other_plans {
    padding-top: 40px;
    margin-bottom: 20px;
}
.monthly_other_plans{
    margin-bottom: 60px;
}
.other_members_info {
    background: #fff;
    padding: 40px 60px;
    margin-top: 30px;
}
.other_members_info ul {
    justify-content: space-evenly;
    display: flex;
}
.other_members_info ul li {
    flex-basis: 31%;
}
.other_members_info h3 {
    font-size: 18px;
    margin-top: 20px;
}
.other_members_info ul li p {
    padding-top: 10px;
    font-size: 14px;
    line-height: 160%;
}
.monthly_other_plans h2+a {
    margin-top: 30px;
    display: inline-block;
    font-weight: bold;
    text-decoration: underline;
}
/* 月額プランページ */
.planLink {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    margin-bottom: 80px;
}
.planLink .yellowButton {
    margin: 0 18px;
    font-weight: normal;
    line-height: 3;
    height: fit-content;
    width: 35%;
}
#standard_plans {
    letter-spacing: 0;
}
#plans .pc_only {
    display: block !important;
}
#plans .sp_only {
    display: none !important;
}
#plans .size320 {
    display: none !important;
}
/* clear clearfix */
#plans .clear {
    clear: both;
}
#plans .clearleft {
    clear: left;
}
#plans .clearfix {
    zoom: 1;
}
#plans .clearfix:after {
    content: "";
    display: block;
    clear: both;
}
#plans {
    box-sizing: border-box;
}
#plans {
    display: inline-block;
    width: 100%;
}
#plans .mainWrap::before {
    display: none;
}
#plans .merit_box {
    padding: 35px 60px;
    background: url(img/bg_stripe.png) repeat left top;
    text-align: center;
    position: relative;
    margin-top: 80px;
}
#plans .mainContents .price_fix{
    padding-bottom: 60px;
}
.price_fix .page_bn_area.monthly_page_bn {
    padding-top: 20px;
}
/* 料金表 */
#standard_plans {
    width: 1100px;
    margin: 0 auto;
}
#standard_plans h3 {
    font-size: 18px;
}
#standard_plans .price_free {
    width: 724px;
    margin: 0 auto;
    text-align: center;
}
#standard_plans table {
    width: 100%;
}
#standard_plans .price_free tr td {
    padding: 18px 0px;
    font-size: 18px;
    font-weight: bold;
    width: 30%;
    background-color: #ffffff;
}
#standard_plans .price_free tr td.free_ttl {
    background-color: #c6ad86;
    color: #fff;
}
#standard_plans .price_free tr td.bg_clear {
    background: none;
    padding: 0px !important;
    width: 5%;
}
#standard_plans .standard_price tr td .kome,
#standard_plans .price_free tr td .kome {
    font-size: 60%;
}
#standard_plans .standard_price .kome,
#standard_plans .price_free .kome {
    font-size: 70%;
    line-height: 1.5;
    text-align: left;
    margin-top: 10px;
}
#standard_plans .price_free .price_free_other {
    margin-top: 35px;
}
#standard_plans .price_free .price_free_other p {
    font-size: 25px;
    line-height: 1.5;
    letter-spacing: .06em;
    font-weight: bold;
    background: linear-gradient(transparent 70%, #fff840 10%);
    display: inline-block;
}
#standard_plans .standard_price,
#standard_plans .standard_price_table {
    width: 480px;
    margin: 20px auto;
}
#standard_plans .standard_price tr td {
    padding: 18px 0px 18px 20px;
    font-size: 18px;
    background-color: #ffffff;
    border-bottom: solid 1px #e4dfdc;
}
#standard_plans .standard_price tr:first-child td {
    border-top: solid 4px #f1d661;
}
#standard_plans .standard_price tr td:nth-of-type(1) {
    color: #787878;
    text-align: left;
    font-weight: bold;
}
#standard_plans .standard_price tr td:nth-of-type(2) {
    padding: 8px 20px 8px 0px;
}
#standard_plans .price_box {
    line-height: 26px;
    font-weight: 600;
}
#standard_plans .price_box .price {
    font-size: 36px;
}
#standard_plans .plansAppBtn {
    width: 50%;
    margin-left: auto;
}
#standard_plans .plansAppBtn .yellowButton {
    font-size: 14px;
    font-weight: unset;
    line-height: 1.4;
    letter-spacing: 0;
    margin-top: 0;
    height: 60px;
}
#standard_plans .plansAppBtn .yellowButton svg {
    margin-left: 0;
    position: relative;
    top: -7px;
}
#standard_plans .standard_price_table table tbody tr {
    border: solid 1px #ccc;
}
#standard_plans .standard_price_table table tbody tr:nth-child(2n) {
    background: rgba(204, 204, 204, 0.25);
}
#standard_plans .standard_price_table table tbody tr td {
    padding: 5px 20px;
    font-size: 18px;
}
#standard_plans .price_example h3{
    background: #C6AD86;
    color: #fff;
    font-size: 15px;
    padding-top: 4px;
}
#standard_plans .price_example p{
    background: #EEEEEE;
    line-height: 2.5;
}
.mainContentsMonthlyPlan {
    background: #fff;
    margin: 0 calc(50% - 50vw);
    padding: 30px calc(50vw - 50% + 1px) 30px;
    width: 100vw;
}
.mainContentsMonthlyPlan .qaLists{
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}
.mainContentsMonthlyPlan + .detail_plan{
    padding-top: 30px;
}
.mainContentsMonthlyPlan section {
    margin-bottom: 40px;
}
.mainContentsMonthlyPlan .centerCatchCopy.centerCatchCopySideline {
    margin-bottom: 40px;
}
.mainContentsMonthlyPlan .plansCaption {
    font-size: 18px;
    line-height: 1.6;
    text-align: center;
    margin-bottom: 3vh;
}
.mainContentsMonthlyPlan .plansMonthlyList {
    background-color: #fff;
    margin: 40px 80px 0;
    padding: 30px 80px;
}
.mainContentsMonthlyPlan .plansMonthlyBlock {
    padding: 18px 0;
    border-bottom: 1px solid #ccc;
}
.mainContentsMonthlyPlan .plansMonthlyBlock .planNameBox {
    margin-left: 0;
    margin-right: auto;
}
.mainContentsMonthlyPlan .plansMonthlyBlock .planNameBox h3 {
    font-size: 22px;
}
.mainContentsMonthlyPlan .plansMonthlyBlock .planNameBox p {
    font-size: 16px;
    font-weight: bold;
    color: #999;
    margin-top: 27px;
    line-height: 1.4;
}
.mainContentsMonthlyPlan .plansMonthlyBlock .planNameBox span {
    font-size:  17px;
    color: #606060;
}
.mainContentsMonthlyPlan .plansMonthlyBlock .planNameBox .planInfo {
    font-size:12px;
    font-weight:normal;
    margin-left: 10px;
}
.mainContentsMonthlyPlan .plansMonthlyBlock .submitBox {
    position: relative;
    margin-left: auto;
    margin-right: 0;
    text-align: right;
}
.mainContentsMonthlyPlan .plansMonthlyBlock .submitBox .price {
    font-size: 22px;
    font-weight: bold;
}
.mainContentsMonthlyPlan .plansMonthlyBlock .submit_wrap {
    position: relative;
    margin-top: 22px;
}
.mainContentsMonthlyPlan .plansMonthlyBlock .submit_wrap::after {
    position: absolute;
    content: "";
    background-image: url(img/yellowButtonArrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 14px;
    width: 10px;
    display: block;
    top: 20px;
    right: 13px;
}
.mainContentsMonthlyPlan .plansMonthlyBlock .submit_wrap input[type="submit"] {
    background: #f1d661;
    font-size: 14px;
    font-weight: bold;
    width: fit-content;
    padding: 18px 33px 18px 16px;
    border-radius: 8px;
    box-shadow: 0 2px 2px rgb(0 0 0 / 10%);
    line-height: 1.2;
}
.mainContentsMonthlyPlan .plansMonthlyBlock .selStore_wrap {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}
.mainContentsMonthlyPlan .plansMonthlyBlock .selStore_wrap .selectWrap {
    margin-top: 22px;
}
.mainContentsMonthlyPlan .plansMonthlyBlock .selStore_wrap .selectWrap select {
    font-size: 15px;
    font-weight: bold;
    width: 240px;
    padding: 18px 16px;
    margin: 0 15px 0 auto;
    border-radius: 8px;
}
.plansMonthlyBlock .monthCampaign {
    border: solid 1px #666666;
    margin-top: 20px;
    padding: 10px;
}
.mainContentsMonthlyPlan .plansMonthlyBlock .monthCampaign p {
    margin-top: 0;
    font-weight: normal;
    font-size: 80%;
    line-height: 1.5;
}
.infoList {
    letter-spacing: 0.02em;
    line-height: 2;
    margin-top: 20px;
}
.infoList li {
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.8;
    margin-bottom: 0.2em;
}
.infoList li::before {
    content: "※";
}
.infoList li a {
    text-decoration: underline;
}
.infoList li span {
    font-weight: bold;
}
.infoList.monthly_info {
    font-size: 14px;
    padding-left: 90px;
    display: block !important;
}
.infoList.monthly_info {
    padding-left: 0;
}
.monthlyplansLeadImg {
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
}
.yellowButton.monthly-plans-subscription{
    width:fit-content;
    padding: 30px;
}
.monthlyplansIntroWhite{
    background-color: #fff;
    padding: 30px 0 30px;
}
.monthlyplansPayImg {
    display: flex;
    justify-content: center;
}
.monthlyplansLeadH4 {
    text-align: center;
    margin: 15px 0 15px;
    font-size: 20px;
}
.monthlyplansLeadText {
    margin: auto 45px;
}
.monthlyplansLeadLink {
    position: relative;
    font-weight: bold;
    text-align: center;
    margin: 15px 0 15px;
}
.monthlyplansLeadLink span::before {
    position: absolute;
    content: '';
    top: 12px;
    left: 310px;
    width: 0;
    height: 0;
    border: none;
    border-right: solid 15px transparent;
    border-bottom: solid 15px #F1D661;
}
.monthlyplansLeadLink span::after {
    position: absolute;
    content: '';
    top: 24px;
    left: 95px ;
    width: 55%;
    border-bottom: solid 3px #F1D661;
}
.monthlyplansFacilityListWrap.storeFacilityList ul {
    display: flex;
    justify-content: space-evenly;
}
.monthlyplansLeadBox.detailBox {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.monthlydetailBoxInwrap{
    width: 530px;
    background-color: white;
    border-radius: 6px;
    padding: 10px 0 20px;
    padding: 0.5em 1em;
    border: double 5px #D2CBC6;
}
.monthlyplansLeadH5 {
    margin: 0 ;
}
.monthlyStepWrap {
    display: flex;
    justify-content: space-evenly;
    margin: 32px 0 35px 0;
}
.monthlyStepInwrap {
    width: 320px;
}
.monthlyStepWrap .monthlyStepInwrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    position: relative;
}
.monthlyStepWrap .monthlyStepInwrap:not(:last-child)::after {
    content: "";
    position: absolute;
    background-image: url(img/indexArrow.svg);
    top: 34%;
    left: 100%;
    border: 15px solid transparent;
    border-top: 15px solid #F1D661;
    z-index: 1;
    transform: rotate(0.75turn);
}
.monthlyStepInwrap .monthlyStepText {
    font-size: 14px;
    line-height: 1.6;
    margin-top: 16px;
}
.indexIntroductionUseInwrap{
    display: flex;
    flex-direction: column;
}
.indexIntroductionUseInwrap .monthlyStepText p span {
    font-size: 12px;
    color: #666666;
}
.indexWrap .blogThumbnailText .blogThumbnailTitle{
    margin-bottom: 0;
    font-size: 14px;
}
.monthlyStepImg{
    width: 120px;
}
.monthlybr-sp {
    display: none;
}
.monthlyStepText a {
    display: inline-block;
    padding: 0;
    border-bottom: 3px solid #F0D254;
    padding: 0 3px;
    text-decoration: none;
    line-height: 1;
    font-weight: bold;
}
/* 各店舗ページ月額プラン */
#plan-monthly .flex {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
#plan-monthly .flex.monthly_2box{
    justify-content: center;
}
/* 上野個室ページ */
.sharedofficeInfo{
    font-size: 14px;
}
.yellowArrowLink img{
    height: 25px;
    padding: 2px 3px 6px 2px;
}
/* BOX席 予約ページ */
.inLink {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    width: 700px;
}
.inLink .yellowButton {
    line-height: 3;
    height: fit-content;
    width: 40%;
}
.mainContents.reservation {
    padding-top: 0;
}
.mainContents.reservation section {
    margin: 60px auto 120px;
}
.mainContents.reservation h2 {
    margin-bottom: 30px;
}
.mainContents.reservation .centerCatchCopy.centerCatchCopySideline {
    margin-bottom: 0;
}
.mainContents.reservation .centerInfo {
    text-align: center;
    font-size: 20px;
    line-height: 1.8;
    margin-bottom: 0.8em;
}
.mainContents.reservation .underLine {
    background: linear-gradient(transparent 70%, #f3ed9b 30%);
}
.mainContents.reservation .priceTable_box {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    padding: 30px;
    background: url(img/bg_stripe.png) repeat left top;
}
.mainContents.reservation #standard_plans {
    width: 850px;
    margin: 20px auto;
}
.mainContents.reservation #standard_plans .standard_price {
    width: 320px;
}
.mainContents.reservation .priceTable_box h3 {
    text-align: center;
}
.mainContents.reservation .priceTable_box img.plus {
    width: 100px;
    height: 100px;
    margin: auto;
}
.mainContents.reservation .standard_price.box table {
    height: 205px;
}
.mainContents.reservation .tab-content {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    width: 850px;
    margin: 0 auto;
}
.mainContents.reservation .tab-content::after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    order: -1;
    background: #999;
}
.mainContents.reservation .tab-content .tabLabel {
    flex: 1;
    order: -1;
    text-align: center;
    color: #444;
    background: #d0c9c3;
    border-radius: 3px 3px 0 0;
    margin-right: 3px;
    padding: 3px;
    transition: .5s ;
    cursor: pointer;
}
.mainContents.reservation .tab-content .tabLabel:nth-last-of-type(1) {
    margin-right: 0;
}
.mainContents.reservation .tab-content input[type="radio"] {
    display: none;
}
.mainContents.reservation .tab-content .tab-box {
    width: 100%;
    height: 0;
    overflow: hidden;
    opacity: 0;
}
.mainContents.reservation .tab-content input:checked + .tabLabel {
    color: #fff;
    background: #999;
}
.mainContents.reservation .tab-content input:checked + .tabLabel + .tab-box {
    padding: 15px;
    height: auto;
    overflow: auto;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    transition: .5s opacity;
    opacity: 1;
}
.mainContents.reservation iframe.googleCalendar {
    display: block;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

/* コワーキング席・個室予約ページ Googleフォーム追加時に以下コメントアウト外す */
/*.mainWrap.gForm {
    padding-top: 20px;
}
.gForm .mainContents {
    padding-top: 0;
}
.mainContentsContact.reservation {
    height: 700px;
    width: 730px;
    margin: auto;
}*/

/* ロボpay完了サンクスページ */
/* コワーキング席・個室予約完了サンクスページ */
.thanksPage .centerCatchCopy {
    margin-bottom: 70px;
}
.thanksPage .centerCatchCopy p {
    padding: 10px 0;
}
.thanksPage .centerCatchCopy p span {
    font-size: 110%;
    font-weight: bold;
}
.thanksPage .yellowButton {
    width: fit-content;
    padding: 0 20px;
}
.mainContents.thanksPage {
    padding-top: 0;
}
.thanksPage section {
    background-color: #fff;
    padding: 30px 0 1px;
    text-align: center;
}
.thanksReturnPage {
    margin-top: 100px;
}
.thanksReturnPage .yellowButton {
    background-color: #d2cbc6;
    box-shadow: 0 2px 2px rgb(0 0 0 / 10%);
}
/* STORES 店舗一覧 */
.scrollStore {
    margin-bottom: 40px;
}
.scrollStore a {
    color: #333333;
    text-decoration: underline;
    font-size: 18px;
    margin-right: 40px;
}
.scrollStore .storeListLab a {
    margin-right: 10px;
}
.scrollStore a::before {
    content: "↓";
}
.scrollStore.storeListStr {
    margin: 0 auto 90px;
    width: 815px;
}
.scrollStore.storeListStr h3 {
    font-size: 20px;
    margin-top: 20px;
}
.scrollStore.storeListStr h4 {
    font-size: 20px;
    margin-top: 20px;
}
.scrollStore.storeListStr ul {
    width: 90%;
    margin-left: 40px;
    margin-bottom: 20px;
}
.scrollStore.storeListStr ul::after {
    content: "";
    display: block;
    clear: both;
}
.scrollStore.storeListStr ul li {
    width: 33%;
    display: block;
    float: left;
}
.scrollStore.storeListStr ul li.longName {
    width: 50%;
}
.scrollStore.storeListStr.store-room a::before {
    content: "";
}
.scrollStore.storeListStr.store a::before {
    content: "";
}
.scrollStore.storeListStr.store a::after {
    content: ">";
}
.mainContentsMeetingRoom .labBn {
    width: 550px;
    margin: auto;
    display: flex;
}
.scrollNav {
    display: none;
}
.mainContentsBoxSeparate .leftBox {
    width: 280px;
    padding-right: 10px;
}
.mainContentsBoxSeparate .rightBox {
    background-color: transparent;
    width: 820px;
}
.mainContentsBoxSeparate .rightBox .rightBoxCenterCatchCopy {
    text-align: center;
    margin-top: 20px;
    font-size: 115%;
}
.headline3Caption {
    margin-top: 40px;
    font-size: 18px;
}
.storeCard {
    width: 100%;
    position: relative;
    height: 440px;
    margin-bottom: 80px;
}
.storeCard a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.storeCard .storeImg {
    margin-left: auto;
    margin-right: 0;
    width: 780px;
    height: 400px;
    position: relative;
    overflow: hidden;
    background-color: transparent;
    box-shadow: 10px 0 50px rgba(0, 0, 0, 0.1);
}
.storeCard .storeImg img {
    position: absolute;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
@supports (object-fit: cover) {
    .storeCard .storeCard img {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        top: 0;
        -ms-transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        transform: none;
    }
}
.storeCard .storeAddress {
    position: absolute;
    left: 0;
    bottom: -10px;
    color: #eecd63;
    font-family: 'Montserrat', sans-serif;
}
.storeCard .storeAddress h3 {
    font-weight: bold;
    font-size: 48px;
    line-height: 60px;
}
.storeCard .storeAddress h3::after {
    content: "−";
    display: block;
    font-weight: 400;
    margin: -10px 0;
}
.storeCard .storeAddress ul {
    font-size: 30px;
}
.storeCard .storeAddress ul li {
    line-height: 40px;
}
.storeCard .storeLabel {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #fff;
    padding: 40px;
    width: 420px;
    height: 154px;
    box-shadow: -10px 10px 10px rgba(0, 0, 0, 0.1);
}
.storeCard .storeLabel h4 {
    font-size: 24px;
    display: inline-block;
    position: relative;
}
.storeCard .storeLabel h4::before {
    position: absolute;
    bottom: -2px;
    left: 2px;
    width: 100%;
    content: "";
    display: inline-block;
    border-bottom: 2px solid transparent;
}
.storeCard .storeLabel h4 .small {
    font-size: 18px;
}
.storeCard .storeLabel p {
    font-size: 16px;
    margin-top: 10px;
}
.storeCard .toStoreArrow {
    position: absolute;
    right: 40px;
    bottom: 25px;
}
/*.access_iframe {
    margin: -20px auto 110px;
    text-align: center;
}*/
.mainContentsBlog h2 {
    padding: 0;
    font-size: 28px;
    margin-bottom: 20px;
}
.mainContentsBlog .leftBox {
    padding-right: 30px;
}
.mainContentsMeetingRoom h4 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 0.3em;
}
.mainContentsMeetingRoom h4.anchor {
    display: block;
    padding-top: 120px;
    margin-top: -120px;
}
.mainContentsMeetingRoom .reservationRoom {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 1.6em;
}
.mainContentsMeetingRoom .reservationRoom .yellowButton {
    width: 250px;
}
.meetingRoomCards {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}
.meetingRoomCards.shimbashi {
    justify-content: space-between;
}
.meetingRoomCards.jimbocho .meetingRoomCard,
.meetingRoomCards.gotanda .meetingRoomCard,
.meetingRoomCards.ueno .meetingRoomCard,
.meetingRoomCards.yokohama .meetingRoomCard {
    margin-right: 20px;
}
.meetingRoomCards.jimbocho .meetingRoomCard:nth-child(3n),
.meetingRoomCards.gotanda .meetingRoomCard:nth-child(3n),
.meetingRoomCards.yokohama .meetingRoomCard:nth-child(3n) {
    margin-right: 0;
}
.meetingRoomCards.ueno .meetingRoomCard:nth-child(3),
.meetingRoomCards.ueno .meetingRoomCard:nth-child(7) {
    margin-right: 0;
}
.meetingRoomCard {
    background-color: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}
.meetingRoomCard .meetingRoomImg {
    position: relative;
    overflow: hidden;
}
.meetingRoomCard .meetingRoomImg img {
    position: absolute;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
@supports (object-fit: cover) {
    .meetingRoomCard .meetingRoomImg img {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        top: 0;
        -ms-transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        transform: none;
    }
}
.meetingRoomCard .meetingRoomText {
    padding: 19px 30px;
    font-size: 14px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
}
.meetingRoomCard .meetingRoomText .meetingRoomName {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 18px;
    padding-right: 9px;
    line-height: 1.3;
}
.mtgCardReservation {
    text-align: center;
    margin-bottom: 10px;
}
.meetingRoomDetail .meetingRoomCard .yellowButton {
    width: 250px;
    height: 44px;
    font-size: 15px;
    margin: 0 auto;
    position: relative;
}
.meetingRoomCaution {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    font-size: 80%;
    line-height: 1.8;
}
.meetingRoomCaution a {
    width: 100%;
}
.meetingRoomDetail .meetingRoomCard .yellowButton span {
    font-weight: bold;
}
.meetingRoomCard .yellowButton span {
    font-weight: normal;
}
.meetingRoomCard2 {
    width: 260px;
    height: 380px;
}
.meetingRoomCard2 .meetingRoomImg {
    height: 220px;
    width: 260px;
}
.meetingRoomCard2 .meetingRoomText {
    flex-wrap: wrap;
}
.meetingRoomCard2 .yellowButton {
    margin: 15px auto;
}
.meetingRoomCard4 {
    width: 540px;
    height: 340px;
}
.meetingRoomCard4 .meetingRoomImg {
    height: 255px;
    width: 540px;
}
.meetingRoomCard4 .meetingRoomText {
    justify-content: space-between;
    padding: 20px 30px;
}
.meetingRoomCard4 .meetingRoomText .yellowButton {
    margin-right: 0;
    margin-left: auto;
}
.meetingRoomCard6 {
    position: relative;
    width: 820px;
    height: 340px;
}
.meetingRoomCard6 .meetingRoomImg {
    width: 820px;
    height: 340px;
}
.meetingRoomCard6 .meetingRoomText {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 513px;
    height: 85px;
    background-color: #fff;
}
.meetingRoomCard6 .meetingRoomText .yellowButton {
    margin-right: 0;
    margin-left: auto;
}
/* COWORKING-SPACE コワーキングスペース紹介ページ */
/* MEETING-ROOM 会議室紹介ページ */
.mainContentsMeetingRoom.mainContentsallMeetingRooms {
    width: 815px;
    margin: auto;
}
.mainContents.meetingRoomDetail {
    padding-top: 0;
}
.centerCatchCopy p {
    font-size: 18px;
    font-weight: normal;
    line-height: 32px;
    padding: 20px 0;
    letter-spacing: 0;
}
.meetingRoomDetail .mainContentsStoreNews {
    margin-bottom: 60px;
}
.centerCatchCopy p.topMarginNone {
    margin: 0;
}
.centerCatchCopy .yellowButton {
    width: 300px;
    margin-top: 10px;
    font-size: 17px;
}
.centerCatchCopy .yellowButton .lh14 {
    line-height: 1.4 !important;
}
.centerCatchCopy.centerCatchCopySideline {
    font-size: 36px;
    position: relative;
    padding: 0 2em;
    margin-bottom: 150px;
    text-align: center;
}
.centerCatchCopy.centerCatchCopySideline::before,
.centerCatchCopy.centerCatchCopySideline::after {
    content: "";
    position: absolute;
    bottom: 55%;
    width: 20%;
    border-top: 2px solid #000;
}
.monthly_fk .centerCatchCopy.centerCatchCopySideline::before,
.monthly_fk .centerCatchCopy.centerCatchCopySideline::after {
    width: 10%;
}
.centerCatchCopy.centerCatchCopySideline::before {
    left: 0;
    background-color: #fff;
}
.centerCatchCopy.centerCatchCopySideline::after {
    right: 0;
    background-color: #f1d661;
}
.mainContentsStoreIntro {
    min-width: 1100px;
    position: relative;
}
.mainContentsStoreIntro .storeIntroductionBox:last-child {
    margin-bottom: 73px;
}
.mainContentsStoreIntro .storeIntroNumber {
    position: absolute;
    z-index: 300;
}
.mainContentsStoreIntro .storeIntroText {
    width: 500px;
    height: 250px;
    background-color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 200;
}
.mainContentsStoreIntro .storeIntroText p {
    line-height: 2em;
}
.mainContentsStoreIntro .storeIntroImg {
    width: 1000px;
    height: 500px;
    position: relative;
    overflow: hidden;
    z-index: 100;
}
.mainContentsStoreIntro .storeIntroImg img {
    position: absolute;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 200;
}
@supports (object-fit: cover) {
    .mainContentsStoreIntro .storeIntroImg img {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        top: 0;
        -ms-transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        transform: none;
    }
}
.mainContentsStoreIntro .storeIntroductionBox {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    position: relative;
    margin-bottom: 300px;
    min-width: 1100px;
}
.mainContentsStoreIntro .storeIntroductionBox::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -60px;
    width: 120px;
    height: 120px;
    z-index: 400;
    background-color: rgba(241, 214, 97, 0.5);
}
.mainContentsStoreIntro .storeIntroductionBox.intro01::after {
    z-index: 50;
}
.mainContentsStoreIntro .storeIntroductionBox.introRight {
    flex-direction: row;
}
.mainContentsStoreIntro .storeIntroductionBox.introRight::after {
    margin-right: -471px;
    right: 50%;
}
.mainContentsStoreIntro .storeIntroductionBox.introRight .storeIntroImg {
    margin-left: -380px;
    left: 50%;
}
.mainContentsStoreIntro .storeIntroductionBox.introRight .storeIntroText {
    top: 25%;
    left: 50%;
    margin-left: -550px;
}
.mainContentsStoreIntro .storeIntroductionBox.introRight .storeIntroNumber {
    left: 50%;
    margin-left: -620px;
    top: 18%;
}
.mainContentsStoreIntro .storeIntroductionBox.introLeft {
    flex-direction: row-reverse;
}
.mainContentsStoreIntro .storeIntroductionBox.introLeft::after {
    left: 50%;
    margin-left: -471px;
}
.mainContentsStoreIntro .storeIntroductionBox.introLeft .storeIntroImg {
    margin-right: -380px;
    right: 50%;
}
.mainContentsStoreIntro .storeIntroductionBox.introLeft .storeIntroText {
    top: 25%;
    right: 50%;
    margin-right: -550px;
}
.mainContentsStoreIntro .storeIntroductionBox.introLeft .storeIntroNumber {
    right: 50%;
    margin-right: -620px;
    top: 18%;
}
.mainContentsStoreIntro .storeIntroductionBox.introCenter {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100vw;
    margin-left: -40px;
}
.mainContentsStoreIntro .storeIntroductionBox.introCenter::after {
    width: 0;
    height: 0;
}
.mainContentsStoreIntro .storeIntroductionBox.introCenter .storeIntroImg {
    width: calc(100% + 80px);
    height: 350px;
}
.mainContentsStoreIntro .storeIntroductionBox.introCenter .storeIntroText {
    width: 750px;
    top: -60px;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
}
.mainContentsStoreIntro .storeIntroductionBox.introCenter .storeIntroNumber {
    left: 50%;
    top: -90px;
    margin-left: -445px;
}
.mainContentsStoreIntro .storeIntroNumber.intro01 svg {
    width: 127.75px;
    height: 66px;
}
.mainContentsStoreIntro .storeIntroNumber.intro02 svg {
    width: 132.03px;
    height: 66.41px;
}
.mainContentsStoreIntro .storeIntroNumber.intro03 svg {
    width: 131.66px;
    height: 66px;
}
.mainContentsStoreIntro .storeIntroNumber.intro04 svg {
    width: 131.16px;
    height: 66px;
}
.mainContentsStoreIntro .storeIntroNumber.intro05 svg {
    width: 135.94px;
    height: 68.81px;
}
.storeLink {
    display: flex;
    justify-content: center;
}
.storeLink .yellowButton {
    margin: 0 17px 0 0;
    font-weight: normal;
    height: 49px;
    padding: 10px 20px;
    width: 380px;
}
.storeLink .yellowButton a {
    width: 100%;
    text-align: center;
}
.storeLink .yellowButton svg {
    transform: rotate(90deg);
}
.mainContents.storeListSpace {
    padding-top: 0;
}
.mainContentsStoreList .centerCatchCopy {
    margin: 50px 0;
}
.mainContentsStoreList .centerCatchCopy p {
    margin-top: -50px;
    padding: 0;
    font-weight: bold;
}
.mainContentsMeetingRoom .centerCatchCopy {
    margin: 40px 0;
}
.mainContentsStoreList .storeCoworkingList .storeCoworkingListCards {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
    justify-content: flex-start;
}
.mainContentsStoreList .storeCoworkingList .storeCoworkingListCards .storeCoworkingListCard {
    background-color: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    width: 350px;
    margin: 0 7px 55px;
}
.storeCoworkingListCard .storeListTextmAbout {
    margin-left: 9px;
    margin-top: 18px;
}
.storeCoworkingListCard .storeListTextmAbout .storeName {
    font-size: 19px;
    font-weight: bold;
}
.storeCoworkingListCard .storeListTextmAbout .storeName:hover {
    opacity: 0.7;
    transition: 0.8s;
}
.storeCoworkingListCard .storeListTextmAbout p {
    font-size: 11px;
    color: #919191;
    margin-left: 2px;
}
.storeCoworkingListCard .storeImg img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.storeListFacilities{
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    margin-bottom: 19px;
    margin-left: 10px;
}
.storeCoworkingListCard .storeListFacilities .storeListFacility{
    display: flex;
    align-items: center;
    border-radius: 20px;
    padding: 3px 10px 4px;
    font-weight: bold;
}
ul.storeListFacilities.toppage{
    margin-left: 0px;
}
.storeListFacilities .storeListFacility {
    border: solid 1px #777;
    border-radius: 2px;
    padding: 3px 6px 5px 3px;
    color: #333;
    letter-spacing: 0;
    margin: 4px 10px 4px 0px;
    font-size: 13px;
    line-height: 1;
    text-align: center;
}
.storeListFacilities .storeListFacility p {
    padding-left: 3px;
}
.storeListFacilities .storeListFacility img {
    height: 19px;
}
.storeListFacilities .storeListFacility .storeImg img:hover {
    opacity: 0.7;
    transition: 0.8s;
}
.mainContentsStoreList .storeCoworkingList .storeCard {
    width: 80%;
    margin: auto;
    margin-bottom: 90px;
}
.mainContentsStoreList .storeCoworkingList .storeCoworkingListCards .storeCoworkingListCard.storePremium {
    width: 1085px;
}
.storeCoworkingListCard.storePremium .storeImg img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}
.allMeetingRoomList .meetingRoomCard {
    width: 100%;
}
.allMeetingRoomList .meetingRoomCard .storeImg {
    height: 248px;
    width: 510px;
}
.allMeetingRoomList .meetingRoomCard .storeImg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.allMeetingRoomList .meetingRoomCard .meetingRoomCardRoomList table {
    width: 95%;
    font-weight: bold;
    margin: 30px auto;
}
.allMeetingRoomList .meetingRoomCard .meetingRoomCardRoomList td {
    text-align: center;
    padding: 12px 0;
    border-bottom: 1px solid #ccc;
}
.allMeetingRoomList .meetingRoomCard .meetingRoomCardRoomList tr:first-of-type td {
    border-top: 1px solid #ccc;
}
.allMeetingRoomList .meetingRoomCard .meetingRoomCardRoomList .roomImg {
    width: 40%;
}
.allMeetingRoomList .meetingRoomCard .meetingRoomCardRoomList table .meetingRoomCardRoomListHeader {
    font-weight: normal;
    font-size: 80%;
    line-height: 12px;
}
.allMeetingRoomList .meetingRoomCard .meetingRoomCardRoomList .yellowButton {
    width: 180px;
    display: flex;
    margin: 0 auto;
}
.allMeetingRoomList .meetingRoomCard .meetingRoomCardRoomList .meetingRoomCardRoomName {
    background-color: #f1f1f1;
    line-height: 1.5;
}
.allMeetingRoomList .meetingRoomCard .meetingRoomCardRoomList .meetingRoomCardRoomName span {
    font-size: 80%;
    color: #848484;
}
.allMeetingRoomList .meetingRoomCard .meetingRoomCardRoomList .meetingRoomCardRoomReservation {
    width: 180px;
}
.allMeetingRoomList .yellowButton {
    font-size: 15px;
    padding: 8px;
    margin: 22px 0 0;
    height: 50px;
    width: 180px;
    text-align: center;
}
.allMeetingRoomList .yellowButton a {
    height: 100%;
    width: 100%;
    padding-top: 5px;
}
.allMeetingRoomList .storeLabel {
    display: flex;
    justify-content: space-around;
}
.allMeetingRoomList .storeLabel h5{
    font-size: 24px;
    display: inline-block;
    position: relative;
}
.allMeetingRoomList .storeLabelName+div h5:last-of-type{
    margin-top: 10px;
}
.allMeetingRoomList .storeLabel.LabDatail {
    padding: 33px 20px;
}
.allMeetingRoomList .storeLabel h4 {
    font-size: 24px;
    display: inline-block;
    position: relative;
}
.allMeetingRoomList .storeLabel .small {
    font-size: 18px;
}
.note_ampm {
    font-size: 80%;
    margin: 23px;
}
.meetingRoomCards .meetingListCampaign .CampaignLabel {
    text-align: center;
    background: #ECCF9F;
    padding: 7px;
    font-weight: bold;
    line-height: 1.5em;
}
.meetingRoomCards .meetingRoomCard .meetingRoomText .meetingListCampaign {
    text-align: center;
    background: #DBB67B;
    font-weight: bold;
    padding: 11px;
    margin-bottom: 11px;
}
.coworkingFaq {
    margin-bottom: 20px;
}
/*運営会社ページ*/
.o_com h2 {
    font-weight: bold;
    padding-top: 50px;
    padding-bottom: 30px;
}
.o_com .table1 {
    text-align: left;
    width: 100%;
}
.o_com .table1 tr {
    padding: 25px 0;
    display: flex;
    border-top: solid 1px #333;
}
.o_com .table1 tr:last-child {
    border-bottom: solid 1px #333;
}
.o_com .table1 th {
    width: 30%;
}
.serviceWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.serviceInWrap {
    width: 30%;
    margin-bottom: 30px;
    overflow: hidden;
}
.serviceLogo {
    overflow: hidden;
}
.serviceLogo img:hover {
    transform:scale(1.1);
    transition:1s all;
}
.serviceName {
    margin: 25px 0 10px;
}
/* ===================================================================
会議室予約ページ
 =================================================================== */
#mtgReserve h4 {
    font-size: 22px;
    color: #494949;
}
.reserveCard {
    background-color: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    margin: 20px 0;
    border-radius: 3px;
}
.meetingRoomCardDatail {
    display: flex;
    flex-wrap: nowrap;
}
.storeLabel {
    display: flex;
    flex-wrap: wrap;
    padding: 33px;
    width: 40%;
}
.storeLabelName {
    width: 100%;
}
.reserveCards h4:not(first-child){
    margin-top: 50px;
}
.meetingRoomCards .storeLabel .buttonArea .yellowButton {
    padding: 10px 20px;
    background-color: #d2cbc6 !important;
    height: 60px;
    font-size: 16px;
}
.meetingRoomCards .caption {
    text-align: center;
}
.meetingRoomCard .meetingRoomCardRoomList table .meetingRoomCardRoomListHeader {
    font-weight: normal;
    font-size: 80%;
}
.meetingRoomCard .meetingRoomCardRoomList table {
    width: 80%;
    font-weight: bold;
    margin: 30px auto;
    table-layout: fixed;
}
.meetingRoomCard .meetingRoomCardRoomList .meetingRoomCardRoomName {
    background-color: #f1f1f1;
    line-height: 1.5;
}
.meetingRoomCard .meetingRoomCardRoomList .meetingRoomCardRoomName span,
.meetingRoomCard .meetingRoomCardRoomList .meetingRoomCardRoomPrice .priceSpp {
    font-size: 80%;
    color: #848484;
    font-weight: normal;
}
.meetingRoomCard .meetingRoomCardRoomList td {
    text-align: center;
    border-bottom: 1px solid #ccc;
}
.meetingRoomCardRoomReservation .yellowButton {
    height: 40px;
    font-weight: bold;
    font-size: 90%;
    width: 50%;
}
.meetingRoomCard .meetingRoomCardRoomList tr:first-of-type td {
    border-top: 1px solid #ccc;
    line-height: 1.3;
    padding: 8px;
}
.meetingRoomCard .meetingRoomCardRoomList td {
    text-align: center;
    border-bottom: 1px solid #ccc;
    line-height: 1.3;
}
col.roomName {
    width: 32%;
}
col.roomDetail ,col.roomPrice {
    width: 13%;
}
.reserveCard tr:not(last-child) {
    border-bottom: solid 1px #D9D9D9;
}
.reserveCard td {
    text-align: center;
}
.reserveCardHead {
    background-color: #D9D9D9;
    font-weight: bold;
}
.reserveCardHead td {
    padding: 15px 0;
}
.reserveCard td:first-child {
    padding-left: 40px;
}
.reserveCard td:last-child {
    padding-right: 40px;
}
.roomImg {
    position: relative;
}
.roomImg img {
    border-radius: 2px;
}
.roomImg .imageContainer {
    position: relative;
    padding: 0;
    margin: 0 10px;
}
.roomImg figcaption {
    position: absolute;
    top: 0;
    left: 0;
    color: #FFF;
    font-weight: bold;
    line-height: 1.5;
    background: #00000085;
    padding: 3px 10px;
    border-radius: 2px;
}
.mtgReserveBt .yellowButton {
    width: 70%;
    font-size: 16px;
    height: 60px;
}

.reserveCards .yellowButton {
    margin: 10px auto;
}
.reserveCards .yellowButton.student {
    background-color: #F1B761;
}
.meetingRoomCards .meetingRoomCard .storeImgSlider img {
    aspect-ratio: 16 / 7;
    object-fit: cover;
}

/* ===================================================================
店舗席予約ページ
 =================================================================== */
#storeReserve .breadCrumb{
    margin: 20px;
}
#storeReserve .meetingRoomCard a{
    text-decoration: underline;
    font-size: 90%;
}
#storeReserve h3{
    margin-bottom: 20px;
}
#storeReserve table{
    margin-bottom: 60px;
}
#storeReserve .meetingRoomCard .meetingRoomCardRoomList tr {
    height: 70px;
}
#storeReserve .meetingRoomCard .meetingRoomCardRoomList tr:first-of-type {
    background: #f1f1f1;
    height: 30px;
    font-size: 14px;
    font-weight: bold;
}
#storeReserve .meetingRoomCard .meetingRoomCardRoomList td {
    line-height: 1.7;
}
#storeReserve .meetingRoomCard .meetingRoomCardRoomList td .campaign{
    font-size: 80%;
    display: inline-block;
    margin-left: 5px;
}
#storeReserve table td:nth-of-type(2){
    width: 300px;
}
#storeReserve button {
    height: 40px;
    width: 120px;
    display: inline-block;
    margin-left: 10px;
}
#storeReserve button:disabled {
    background-color: #ccc;
}
#storeReserve button:not(:disabled) {
    cursor: pointer;
}
#storeReserve .meetingRoomCard {
    text-align: center;
    padding: 60px;
}
#storeReserve select {
    font-size: 18px !important;
    padding: 5px;
    border-radius: 2px;
}
#storeReserve .reservationForm{
    padding: 10px 0 10px;
}

/* ===================================================================
スペース予約モーダル
 =================================================================== */
 .rs-modal-overlay {
     display: none;
     position: fixed;
     z-index: 9999;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     background-color: rgba(0,0,0,0.6);
 }

 .rs-modal-content {
     position: relative;
     width: 90%;
     max-width: 550px;
     max-height: 90vh;
     margin: 65px auto;
     padding: 20px;
     border: 1px solid #888;
     border-radius: 10px;
     background-color: #fefefe;
     text-align: center;
     overflow-y: auto;
 }

 .rs-trigger-btn {
     padding: 15px 30px;
     border: none;
     border-radius: 5px;
     background-color: #fcae26;
     font-size: 18px;
     color: white;
     cursor: pointer;
 }

 .rs-btn-grid {
     display: grid;
     gap: 10px;
     margin-top: 20px;
 }

 #rs-store-list {
     grid-template-columns: 1fr 1fr;
 }

 #rs-space-list {
     grid-template-columns: 1fr;
 }

 .rs-selection-btn {
     padding: 15px;
     border: 1px solid #ccc;
     border-radius: 5px;
     background: #f0f0f1;
     font-size: 16px;
     color: #333;
     transition: 0.3s;
     cursor: pointer;
 }

 .rs-selection-btn:hover {
     background: #e0e0e0;
 }

 h3.reserve-popup {
     display: block;
 }

 .rs-room-block {
     padding-bottom: 20px;
     border-bottom: 1px dashed #ccc;
 }

/* .rs-room-block:last-child {
     border-bottom: none;
 }
*/
.rs-room-block{
    letter-spacing: 0;
}

 .rs-room-title {
     display: block;
     font-size: 1.1em;
     font-weight: bold;
     color: #333;
 }

 .rs-campaign-box {
     margin-bottom: 10px;
     padding: 10px;
     border: 2px solid #e74c3c;
     border-radius: 8px;
     background-color: #fff5f5;
 }

 .rs-campaign-text {
     display: block;
     margin-bottom: 5px;
     font-size: 0.9em;
     font-weight: bold;
     color: #c0392b;
 }

 .rs-btn-campaign {
     display: block;
     padding: 10px;
     border-radius: 5px;
     background: #e74c3c;
     font-size: 15px;
     font-weight: bold;
     color: #fff;
     text-decoration: none;
 }

 .rs-btn-normal {
     display: block;
     padding: 10px;
     border-radius: 5px;
     background: #f1d661;
     font-size: 15px;
     font-weight: bold;
     color: #333;
     text-decoration: none;
 }

 .rs-normal-label {
     display: block;
     margin-top: 10px;
     margin-bottom: 5px;
     font-size: 0.8em;
     color: #666;
 }

 .rs-btn-campaign:hover,
 .rs-btn-normal:hover {
     color: #333;
     opacity: 0.8;
 }

 .popup-footer {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 10px;
     margin-top: 25px;
     margin-bottom: 25px;
 }

 .rs-back-btn {
     border: none;
     background: none;
     font-size: 0.9rem;
     color: #333;
     text-decoration: underline;
     cursor: pointer;
 }

 .rs-store-detail-btn {
     display: inline-block;
     margin-top: 0px;
     margin-bottom: 0px;
     font-size: 0.9rem;
     text-decoration: underline;
     cursor: pointer;
 }

 /* ステップヘッダー(戻るボタン + h3タイトル + 閉じるボタン) */
 .rs-step-header {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 5px;
     margin-bottom: 20px;
     position: relative;
 }

 /* 戻るボタンがないヘッダー(step-1用) */
 .rs-step-header-no-back {
     /*padding-left: 33px;*/
     justify-content: space-between;
 }

 /* ヘッダー内の戻るボタン */
 .rs-header-back-btn {
     background: none;
     border: none;
     font-size: 20px;
     color: #333;
     cursor: pointer;
     padding: 5px;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: color 0.3s ease;
     flex-shrink: 0;
     position: absolute;
     left: 0;
 }

 .rs-header-back-btn:hover {
     color: #0066cc;
 }

 /* ヘッダー内の閉じるボタン */
 .rs-header-close-btn {
     background: none;
     border: none;
     font-size: 24px;
     color: #aaa;
     cursor: pointer;
     padding: 5px;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: color 0.3s ease;
     margin-left: auto;
     flex-shrink: 0;
     position: absolute;
     right: 0;
 }

 .rs-header-close-btn:hover {
     color: #333;
 }

 /* ポップアップタイトルの調整 */
 .rs-step-header .rserve-popup {
    margin: 0;
    font-weight: 600;
    font-size: large;
 }

 .rs-store-detail-btn:hover {
     text-decoration: none;
     opacity: 0.8;
 }
 /* 16:7比率の画像コンテナ */
 .rs-result-img-wrapper {
     position: relative;
     width: 100%;
     padding-top: 43.75%; /* 7/16 = 0.4375 = 43.75% */
     overflow: hidden;
     border-radius: 8px;
     margin-bottom: 15px;
 }
 .rs-result-img-wrapper img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover; /* 中央トリミング */
     object-position: center; /* 中央を基準に表示 */
     border-radius:8px;
     margin-bottom:15px;
 }

 .rs-header-back-btn:hover {
     color: #0066cc;
 }

 .rs-header-back-btn i {
     pointer-events: none;
 }

 /* 子ルーム2カラムレイアウト(デフォルト) */
 #rs-link-container.rs-multi-rooms {
     display: grid;
     grid-template-columns: repeat(2, 1fr); /* 2カラム */
     gap: 10px 15px; /* 上下10px、左右15px */
 }

 /* 子ルームが1つの場合は1カラム */
 #rs-link-container.rs-single-room {
     display: block;
 }

 #rs-link-container.rs-single-room .rs-room-block {
     margin-bottom: 10px;
 }

 /* 各ルームブロックのスタイル */
 .rs-room-block {
     display: flex;
     flex-direction: column;
     gap: 8px;
 }

 .rs-room-title {
     font-weight: bold;
     font-size: 16px;
     display: block;
 }
 /* 予約ページ(reserve)固有 */
 .rs-page-container {
     max-width: 800px;
     margin: 0 auto;
     padding: 40px 20px;
 }
 .rs-flow-box {
     background-color: #fefefe;
     border: 1px solid #ddd;
     border-radius: 10px;
     padding: 30px;
     max-width: 600px; /* PCで見やすくなるよう少し幅を広げました */
     margin: 0 auto;
     box-shadow: 0 4px 15px rgba(0,0,0,0.05);
     text-align: center;
     min-height: 400px;
 }
 .rs-btn-grid { 
    display: grid; gap: 10px; margin-top: 20px; 
 }
 #rs-store-list {
    grid-template-columns: 1fr 1fr;
 }


/* ===================================================================
法人プラン、貸会議室
 =================================================================== */
main#intro .pc_only {
    display: block;
}
main#intro .sp_only {
    display: none;
}
/* clear clearfix */
main#intro .clearfix {
    zoom: 1;
}
main#intro .clearfix:after {
    content: "";
    display: block;
    clear: both;
}
main#intro {
    box-sizing: border-box;
}
main#intro {
    display: inline-block;
    width: 100%;
}
main#intro .mainWrap {
    padding-top: 0px;
}
main#intro .mainWrap::before,
main#intro .mainWrap h1::after {
    display: none;
}
main#intro::after {
    content: "";
    background: url(img/bg_mv_triangle.png) top right no-repeat;
    position: absolute;
    right: 0;
    top: 320px;
    width: 220px;
    height: 440px;
    background-size: 220px 440px;
    border: none;
    z-index: 1;
}
main#intro h1 {
    width: 100%;
    margin: 0 auto 40px;
}
main#intro .centerCatchCopy.centerCatchCopySideline {
    margin-bottom: 30px;
}
main#intro .yellowButton {
    line-height: 1.2;
    letter-spacing: 0;
    margin-left: 0;
    width: 250px;
    height: 70px;
    text-align: center;
}
main#intro .yellowButton svg {
    margin-left: 0;
    width: unset;
    height: unset;
}
main#intro .yellowButton.link svg {
    margin-left: 20px;
}
main#intro .merit .yellowButton,
main#intro .scenes .yellowButton {
    margin: 0 auto;
    font-size: 22px;
    width: 320px;
}
main#intro .mv {
    height: 500px;
    margin: 0 -40px 80px;
}
main#intro .mv.company {
    background: url(img/bg_mv_lp-com_pc.jpg) center top no-repeat;
    background-size: cover;
}
main#intro .mv.meeting {
    background: url(img/bg_mv_lp-meet_pc.jpg) center top no-repeat;
    background-size: cover;
}
main#intro .mv.webcast {
    background: url(img/bg_mv_lp-webcast_pc.jpg) center top no-repeat;
    background-size: cover;
}
main#intro .mv.meeting-lab-ueno {
    background: url(img/LP/bg_mv_lp-meet-lab-ueno_pc.jpg) center top no-repeat;
    background-size: cover;
}
main#intro .mv.campaign {
    background: url(img/bg_mv_lp-campaign2_pc.jpg) center top no-repeat;
    background-size: cover;
}
main#intro .mv .inner_mv {
    width: 1100px;
    height: 630px;
    margin: 0 auto;
    padding: 96px 52px 0;
}
main#intro .mv .inner_mv h1 {
  font-size: 34px;
  letter-spacing: .1em;
  line-height: 47px;
  color: #fff;
  margin-bottom: 26px;
  text-shadow:0px 0px 10px #ad825b;
}
main#intro .mv .inner_mv p.description {
  font-size: 18px;
  letter-spacing: .1em;
  line-height: 30px;
  color: #fff;
}
main#intro .merit {
    width: 1100px;
    margin: 0 auto 40px;
}
main#intro .merit .merit03_box {
    width: 100%;
    margin: 0 auto 34px;
    padding: 30px;
    background: url(img/bg_stripe.png) repeat left top;
    text-align: center;
    position: relative;
}
main#intro .merit .merit_box {
    width: 100%;
    position: relative;
    background-color: #fff;
    margin-bottom: 30px;
    padding: 0px 34px 0px 0px;
    display: table;
    text-align: left;
}
main#intro .merit h2::before {
    display: none;
}
main#intro .merit .merit_box .number {
    width: 80px;
    text-align: center;
    background-color: #c6ad86;
    display: table-cell;
    vertical-align: middle;
    font-size: 38px;
    color: #fff;
    font-family: 'Barlow Semi Condensed', sans-serif;
}
main#intro .merit .merit_box h2 {
    font-size: 22px;
    padding: 0 0 0 60px;
    width: 430px;
    margin: 24px 0 24px 34px;
    line-height: 50px;
    float: left;
}
main#intro .merit .merit_box h2.ni-gyo {
    line-height: 1.15;
}
main#intro .merit .merit_box.ico_shop h2 {
    background: url(img/ico_point_shop.png) left center no-repeat;
}
main#intro .merit .merit_box.ico_biz h2 {
    background: url(img/ico_point_biz.png) left center no-repeat;
}
main#intro .merit .merit_box.ico_meet h2 {
    background: url(img/ico_point_meeting.png) left center no-repeat;
}
main#intro .merit .merit_box p.merit_description {
    width: 352px;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    color: #787878;
    margin: 24px 0 24px 20px;
    float: left;
}
main#intro .merit p.highlight {
    font-size: 32px;
    line-height: 1.5;
    letter-spacing: .06em;
    font-weight: bold;
    background: linear-gradient(transparent 70%, #fff840 10%);
    display: inline-block;
    margin: 40px auto;
}

main#intro .mainContents h3 {
    margin: 125px 0 40px;
    font-size: 30px;
    font-weight: bold;
}
main#intro .mainContents ol {
    margin-top: 30px;
}
main#intro .scenes {
    width: 1100px;
    margin: 132px auto 0;
}
main#intro .block_box {
    border-bottom: #ccc solid 1px;
    padding-bottom: 40px;
    margin: 0 auto 40px;
}
main#intro .block_box .block_image {
    width: 500px;
    float: right;
}
main#intro .block_box h2 {
    font-size: 30px;
    margin-bottom: 24px;
    padding-top: 70px;
}
main#intro .block_box h2::before {
    border-color: #d2cbc6 transparent transparent transparent;
}
main#intro .block_box h2 span.en {
    position: absolute;
    top: 10px;
    left: 20px;
    color: #c6ad86;
    font-size: 54px;
}
main#intro .block_box h2 span.ja::before,
main#intro .block_box h2 span.ja::after {
    content: "－";
}
main#intro .block_box .block_contents {
    width: 600px;
    float: left;
    padding-right: 20px;
}
main#intro .block_box .block_contents p {
    font-size: 16px;
    line-height: 30px;
}
main#intro .block_box .storeListStr {
    font-size: 14px;
    line-height: 30px;
    margin-top: 50px;
}
main#intro .block_box .storeListStr h3 {
    font-size: 18px;
}
main#intro .block_box .storeListStr h4 {
    font-size: 16px;
}
main#intro .block_box .storeListStr ul {
    margin-left: 14px;
    margin-bottom: 8px;
}
main#intro .block_box .storeListStr ul::after {
    content: "";
    display: block;
    clear: both;
}
main#intro .block_box .storeListStr ul li {
    width: 33%;
    display: block;
    float: left;
}
main#intro .block_box .storeListStr a {
    text-decoration: underline;
}
/*-------------------------------------------------
Web配信サービス付き貸会議室の詳細情報
【期間限定】会議室1dayひとり占めプラン
-------------------------------------------------*/
main#intro .inner_mv .storeFacilityList {
    width: 50%;
}
main#intro .inner_mv .storeFacilityList ul li .storeFacilityIcon {
    height: 80px;
}
main#intro .inner_mv .storeFacilityList ul li .facilityCaption {
    color: #fff;
    font-weight: normal;
}
main#intro .info-blog {
    width: max-content;
    margin: 0 auto;
    padding: 20px 60px;
    border: 1px #111 solid;
}
main#intro .lp_contact_tel-store {
    text-align: center;
    margin: 80px 0 40px;
}
main#intro .lp_contact_tel-store .para {
    display: flex;
    width: 720px;
    margin: 0 auto;
}
main#intro .lp_contact_tel-store p.description {
    font-size: 22px;
    font-weight: bold;
}
main#intro .f-ss {
    font-size: 60%;
    font-weight: normal;
}
main#intro .f-s {
    font-size: 75%;
}
main#intro .f-l {
    font-size: 150%;
}
main#intro .lp_contact_tel {
    width: 350px;
    margin: 10px 0;
}
main#intro .lp_contact_store {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 2;
    letter-spacing: 0;
    width: 350px;
    height: 70px;
    border: 1px #f1d661 solid;
    padding: 3px;
    margin: 10px 20px 0 0;
}
main#intro .meetingRoomCards .meetingRoomCard {
    margin-right: 20px;
}
main#intro .meetingRoomCards .meetingRoomCard:nth-child(4n) {
    margin-right: 0;
}
main#intro .meetingRoomCard .meetingRoomText .meetingRoomName {
    padding-right: 0;
}
main#intro .meetingRoomCard .meetingRoomText .meetingRoomAbout {
    border-left: none;
    padding: 6px 0 0 0;
}
main#intro .meetingRoomCard .yellowButton {
    width: 212px;
    height: 44px;
    position: absolute;
    bottom: 6px;
}
main#intro .meetingRoomCard2 {
    height: 400px;
    position: relative;
}
/*--------------------------------------------------------------*/
/* 会議室・店舗別ページ */
.meetingRoomDetail .clearfix::after {
    content: "";
    display: block;
    clear: both;
}
.meetingRoomDetail .centerCatchCopy.centerCatchCopySideline {
    margin-bottom: 50px;
}
.meetingRoomDetail .meetingRoomCard .meetingRoomCaution a {
    color: #666666;
}
.meetingRoomDetail .yellowButton a {
    text-decoration: none;
}
.meetingRoomDetail .meetingRoomCards {
    justify-content: space-between;
}
.meetingRoomDetail .meetingRoomCard {
    width: 80%;
    margin: 0 auto 30px;
    position: relative;
}
.meetingRoomCard .roomImgSlider img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.meetingRoomCard .roomImgSlider .slick-dots {
    bottom: 6px;
}
.meetingRoomDetail .meetingRoomCard.meetingRoom1 {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
}
.meetingRoomDetail .meetingRoomCard.meetingRoom3 {
    width: 350px;
}
.meetingRoomDetail .meetingRoomCard .meetingRoomImgMain {
    color: #eecd63;
    font-size: 26px;
    font-weight: bold;
    position: absolute;
    left: 7px;
    top: 7px;
    z-index: 10;
}
.meetingRoomDetail .meetingRoomCard .roomImgSlider .slick-dots li button:before {
    font-size: 9px;
}
.meetingRoomDetail .meetingRoomCard .roomImgSlider .slick-dotted {
    margin-bottom: 0;
}
.mtgFacility {
    margin: auto;
}
.mtgFacility img {
    width: 370px;
}
.mtgFacility.mtgNagoya img {
    width: 290px;
}
.meetingRoomDetail .meetingRoomCard .meetingRoomText {
    flex-wrap: wrap;
}
.meetingRoomDetail .meetingRoomCard .meetingRoomText .meetingRoomAbout {
    font-weight: bold;
    border: none;
    padding: 0;
    margin: auto;
    width: 50%;
}
.meetingRoomDetail .meetingRoom1 .meetingRoomText .meetingRoomAbout {
    width: 60%;
}
.meetingRoomAbout .mtgCapTitle,.mtgPlanCapTitle {
    font-size: 23px;
    display: flex;
    justify-content: space-between;
    padding-right: 35px;
    margin-bottom: 15px;
}
.meetingRoomAbout .mtgCapTitle .kome {
    font-size: 80%;
}
.mtgPlanCapTitle {
    font-size: 16px;
}
.mtgPlanCapTitle .kome {
    color: #666666;
}
.meetingRoomDetail .meetingRoomCard .yellowButton.mtgPlanButton {
    background-color: #ccc;
    margin-top: 10px;
    width: 290px;
}
.meetingRoomAbout .mtgCapText {
    line-height: 1.5;
    font-size: 17px;
}
.meetingRoomDetail .meetingRoomCard .meetingRoomText .meetingRoomFacility {
    margin: 20px 0;
}
.meetingRoomDetail .meetingRoomCard .meetingRoomText .meetingRoomFacilityDetail {
    display: flex;
    border-top: 1px solid #ccc;
    padding: 9px 0;
}
.meetingRoomDetail .meetingRoomCard .meetingRoomText .meetingRoomFacilityDetail.listLast {
    border-bottom: 1px solid #ccc;
}
.meetingRoomDetail .meetingRoomCard .meetingRoomText .meetingRoomFacilityDetail span {
    width: 80px;
    margin-right: 10px;
    font-weight: bold;
}
.meetingRoomDetail .meetingRoomText .yellowButton {
    width: 200px;
    height: 60px;
}
.meetingRoomDetail .meetingRoomText .yellowButton span {
    font-size: 12px;
    font-weight: bold;
    margin: auto;
}
.meetingRoomDetail .meetingRoomText .meetingRoomCaution {
    font-size: 10px;
    margin: 10px auto;
}
.meetingRoomDetail .meetingRoomText .meetingRoomCaution a {
    margin: 0 6px;
}
.reserveRoomChart h3 {
    font-size: 28px;
    letter-spacing: 0.04em;
    padding: 6px 10px;
    width: fit-content;
    margin-bottom: 20px;
}
.reserveRoomChart a {
    text-decoration: underline;
}
.reserveRoomChart .reserveRoomChartStep {
    margin-bottom: 80px;
}
.reserveRoomChart .reserveRoomChartStep li {
    width: 25%;
    float: left;
    position: relative;
}
.reserveRoomChart .reserveRoomChartStep li::after {
    content: "";
    background: url(img/meetingRoomDetail/chart/step_arrow.png) center top no-repeat;
    width: 70px;
    height: 70px;
    position: absolute;
    top: 73px;
    left: 245px;
    z-index: 10;
}
.reserveRoomChart .reserveRoomChartStep li:last-child::after {
    content: none;
}
.reserveRoomChart .reserveRoomChartStep li img {
    width: 160px;
    display: block;
    margin: auto;
}
.reserveRoomChart .reserveRoomChartStep li p {
    font-size: 13px;
    line-height: 1.6em;
    text-align: center;
    padding: 10px 0;
}
.meetingRoomDetail .reserveRoomBox {
    border: none;
}
.meetingRoomDetail .reserveRoomInfo .reserveRoomBoxText {
    background-color: white;
}
.qaLists {
    background-color: #fff;
    padding: 10px 41px;
}
.qaLists .accordionList {
    width: 100%;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
}
.qaLists .accordionList:last-child {
    border-bottom: none;
}
.qaLists .accordionList .qaItem {
    position: relative;
    cursor: pointer;
}
.qaLists .accordionList .qaItem.open {
    font-weight: bold;
}
.qaLists .accordionList .qaItem::after {
    content: "";
    position: absolute;
    right: 33px;
    top: 25%;
    transition: all 0.2s ease-in-out;
    display: block;
    width: 8px;
    height: 8px;
    border-top: solid 2px #333;
    border-right: solid 2px #333;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.qaLists .accordionList .qaItem.open::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 32%;
}
.qaLists .accordionList .qaItemChild {
    font-size: 14px;
    display: none;
    padding: 20px;
    line-height: 1.8;
}
.qaLists .accordionList .qaItemChild a {
    text-decoration: underline;
}
.qaLists .accordionList .qaItemChild a[href*="tel"] {
    text-decoration: none;
}
.qaLists .accordionList .qaItemChild ol {
    background: #f6f6f6;
    border: dotted 1px #888;
    display: inline-block;
    padding: 13px;
    margin: 1em 0;
}
/* COWORKING-SPACE コワーキングスペース・店舗別ページ */
.coworking .mainContents, .coworking  .storeMap{
    width: 900px;
    text-align: left;
}
.slider_thumb, .thumb{
  opacity: 0;
  transition: opacity .4s linear;
  height: 0
}
.slider_thumb.slick-initialized, .thumb.slick-initialized {
  opacity: 1;
  height: auto;
}
.storeMap .storeMapCaption p{
    font-size: 16px;
    font-weight: normal;
    line-height: 2;
    padding-bottom: 10px;
    letter-spacing: 0;
    text-align: left;
}
.coworking .mainContents .storeCatchCopy{
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 10px;
    padding-top: 0;
    line-height: 1.6em;
}
.coworking .storeFAQ .storeCatchCopy{
    font-size: 24px;
}
.coworking .storeFAQ h3{
    margin-top: 30px;
}
.coworking .mainContents h2.storeCatchCopy{
    font-size: 28px;
    letter-spacing: 2px;
    margin-bottom: 20px;
}
.coworking .mainContents h2.storeCatchCopy {
    padding-left: 1.2rem;
}
.coworking .mainContents h2.storeCatchCopy::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.8rem 0 0.8rem 0.8rem;
    border-color: transparent transparent transparent #F1D661;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}
.coworking .mainContents .storeCatchCopy p{
    font-size: 16px;
    font-weight: normal;
    line-height: 2;
    padding: 20px 0;
    letter-spacing: 0;
    text-align: left;
}
.cwInwrap .mainContentsPrice {
    width: 100%;
}
.cwInwrap .mainContentsPrice .detail_plan:last-of-type{
    margin-bottom: 0;
}
.slick-slide {
    position: relative;
}
/* Slick初期化完了まで、形だけ維持して隠す */
.slider_thumb {
    opacity: 0;
    overflow: hidden;
    /* aspect-ratio: 16 / 9 */;
    height: 0;
    width: 100%;
    min-height: 420px;
    background-color: #f0f0f0;
}

/* Slick初期化後 */
.slider_thumb.slick-initialized {
    opacity: 1;
    min-height: 0;
    height: auto;
    aspect-ratio: auto;
    transition: opacity 0.3s ease;
    overflow: visible;
}
/* 画像がはみ出さないための強制ルール */
.slider_thumb img {
    max-width: 100%;
    height: auto;
    object-fit: contain; /* または cover。デザインに合わせて選択 */
}
.storeImgSlider .slick-slide .caption {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    z-index: 2;
    width: 100%;
    padding: 2px;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 12px;
    opacity: 0;
    transition: .3s ease;
}
.storeImgSlider .slick-current .caption {
    opacity: 1;
    transition-delay: .5s;
}
.storeImgSlider {
    width: 100%;
    max-width: 710px;
    margin: 0 auto;
}
.storeImgSlider .slick-slide:focus {
    outline: none;
}
.storeImgSlider .slick-dots li button:before {
    font-size: 12px !important;
}
.storeImgSlider .slick-prev,
.storeImgSlider .slick-next {
    z-index: 1;
}
.storeImgSlider .slick-prev::before,
.storeImgSlider .slick-next::before {
    font-size: 22px;
}
.slick-next {
    right: -5px !important;
}
.slick-prev {
    left: -5px !important;
}
.storeMap .slick-prev {
    left: 0;
}
.storeMap .slick-next {
    right: 0;
}
.storeHeaderSlide{
    position: relative;
    z-index: 999;
}
.storeHeaderSlide .slider_thumb li{
    margin: 0 10px 10px;
}
.storeHeaderSlide .thumb li{
    margin: 0 5px;
}
.storeHeaderSlide .slick-slide{
    position: relative;
    display: block !important;
    height: auto !important;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}
.storeHeaderSlide .slick-list{
    overflow: visible;
}
.storeHeaderSlide .thumb .slick-list{
    overflow: hidden;
}
.storeHeaderSlide .storeImgSlider .slick-slide .caption{
    display: inline-block;
    position: absolute;
    box-sizing: border-box;
    padding: 3px 10px;
    margin: 0 0 0 -4px;
    width: auto;
    font-size: 12px;
    color: #ffff;
    background: #4b48434d;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    left: -6px;
    top: 10px;
    bottom: auto;
    backdrop-filter: blur(5px);
    letter-spacing: 1px;
    transform: none;
}
.storeHeaderSlide .storeImgSlider .slick-slide .caption::before{
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 6px transparent;
    border-right: solid 10px #333029;
}
.storeHeaderSlide .slick-prev ,.storeHeaderSlide .slick-next{
    position: absolute;
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #000000bf;
}
.storeHeaderSlide .slick-prev:hover, .storeHeaderSlide .slick-prev:focus, .storeHeaderSlide .slick-next:hover, .storeHeaderSlide .slick-next:focus{
    background: #000000bf !important;
}
.storeHeaderSlide .slick-prev{
    bottom: 0;
    left: 45% !important;
    top: auto;
}
.storeHeaderSlide .slick-next{
    bottom: 0;
    right: 45% !important;
    top: auto;
}
.storeHeaderSlide .slick-prev::after, .storeHeaderSlide .slick-next::after, .storeHeaderSlide .slick-prev::before, .storeHeaderSlide .slick-next::before{
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    right: 9px;
    width: 9px;
    height: 2px;
    background-color: #ffffff;
    transform-origin: calc(100% - 1px) 50%;
    color: #fff;
}
.storeHeaderSlide .slick-prev::after, .storeHeaderSlide .slick-prev::before{
    left: 9px;
    right: auto;
}
.storeHeaderSlide .slick-prev::after, .storeHeaderSlide .slick-prev::before{
    transform-origin: 1px 50%;
}
.storeHeaderSlide .slick-prev::before, .storeHeaderSlide .slick-next::before{
    transform: rotate(45deg);
    font-size: 0px;
}
.storeHeaderSlide .slick-prev::after, .storeHeaderSlide .slick-next::after{
    transform: rotate(-45deg);
}
.thumb .slick-track {
    transform:unset !important;
}
.storeHeaderSlide .slick-list{
    overflow: visible;
}
.storeHeaderSlide .thumb .slick-list{
    overflow: hidden;
}
.coworking .storeName{
    text-align: left;
    margin: 30px 0 40px;
    font-size: 31px;
}
.mainWrap .storeName::after{
    content: none;
}
.mainContentsCoworking .centerCatchCopy,
.meetingRoomDetail .centerCatchCopy {
    font-size: 28px;
    letter-spacing: 2px;
    margin-bottom: 20px;
}
.mainContentsCoworking .centerCatchCopy::after {
    border: 0;
}
.mainContentsCoworking .cwInwrap {
    margin-bottom: 100px;
}
.mainContentsStorePrice .detailBox {
    margin-top: 10px;
}
.mainContentsCoworking .PlanCol {
    justify-content: left;
}
.mainContentsCoworking .PlanCol table {
    margin-left: 77px;
}
.mainContentsCoworking .PlanCol .planBtn {
    margin-left: 77px;
}
.mainContentsCoworking .PlanCol .yellowArrowLink {
    margin-left: 77px;
}
.mainContentsCoworking .PlanCol .page_bn_area {
    margin: 23px 0 23px 52px;
}
.mainContentsCoworking .PlanCol .yellowArrowLink span::after {
    left: -2px;
    width: 410px;
}
.mainContentsCoworking .PlanCol .yellowArrowLink span::before {
    left: 400px;
}
.mainContentsStoreNews {
    align-items: center;
}
.mainContentsStoreNews ul{
    margin-left: 1em;
}
.mainContentsStoreNews li {
    letter-spacing: 0.02em;
    padding: 2px 0;
    font-weight: bold;
}
.storeNewsListIcon{
    font-size: 16px;
    margin-right: 5px;
    vertical-align: middle;
    color: #F1D661;
    width: 16px;
    display: inline-block;
    text-align: center;
}
.storeNewsListIcon.normal{
    color: #cec4c4;
    font-size: 6px;
}
.mainContentsStoreNews a {
    font-size: 14px;
}
.storeNewsListTitle{
    text-decoration: underline;
    text-underline-offset: 5px;
    text-decoration-thickness: 0.5px;
}
.storeNewsListTitle.sp_none{
    display: inline-block !important;
}
.mainContentsStoreNews a .storeNewsListDate {
    display: inline-block;
    position: relative;
    padding-right: 1em;
}
.mainContentsStoreNews a .storeNewsListDate::after {
    content: "：";
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}
.mainContentsCoworking .storePrice {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    letter-spacing: 0.02em;
}
.storePriceDetail {
    width: 100%;
    margin-right: 40px;
}
.storePriceDetail>div {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0;
}
.storePriceDetail .storePriceDetailTitle {
    font-size: 20px;
    font-weight: bold;
    width: 235px;
}
.storePriceDetailPlan {
    font-size: 30px;
    display: inline-block;
    border: 2px solid #000;
    padding: 4px 0;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 600;
    text-align: center;
    width: 134px;
}
.storePriceDetailPlan .storePriceDetailPlanJa {
    font-size: 24px;
}
.storePriceDetailPrice {
    font-size: 48px;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 600;
    width: 136px;
    text-align: left;
}
.storePriceDetailPrice .storePriceDetailPriceYenMark {
    font-size: 36px;
}
.storePriceDetailPrice > span:not(.storePriceDetailPriceYenMark) {
    border-bottom: solid 3px #333;
}
.storePriceDetailPriceStudent > span {
    font-size: 21px;
    margin-right: 4px;
}
.storePriceDetailTitle .storePriceDetailAddition {
    font-size: 12px;
    font-weight: normal;
}
.storePriceDetail>div {
    margin: 25px 0;
}
.storeRecruitBn {
    width: 450px;
    margin: auto;
    display: block;
    margin-bottom: 29px;
}
.storeRecruitBn p {
    text-align: center;
    font-weight: bold;
}
.store1dayBn {
    width: 480px;
    margin: auto;
    display: block;
    margin-bottom: 28px;
}
.toOtherPrice {
    width: 245px;
    min-width: 245px;
    height: 105px;
    position: relative;
    margin-right: 0;
    margin-left: auto;
    align-items: center;
}
.toOtherPrice img {
    position: absolute;
    right: 40px;
    top: 50px;
}
.toOtherPrice span {
    display: inline-block;
    width: 150px;
    position: absolute;
    top: 1.25em;
    margin-left: 40px;
}
.toOtherPrice a {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.toReservation {
    width: 245px;
    min-width: 245px;
    text-align: center;
}
.toReservation .yellowButton {
    margin: 25px auto;
    padding-right: 14px;
    position: relative;
}
.toReservation .yellowButton span {
    line-height: 1.6;
}
.toReservation .yellowButton img {
    position: absolute;
    right: 10px;
    top: 32px;
}
.toOtherMonthly {
    margin: 20px 0 0 auto;
}
.storeMapDetailText p{
    line-height: 1.8;
}
.storeMapDetailText .planBnArea{
    text-align: center;
    margin: 30px 0 -20px;
}
.mainContentsStoreMap {
    padding-bottom: 100px;
}
.storeMap{
    width: 1100px;
    height: 100%;
    text-align: center;
}
.monthly_tab {
    width: 100%;
    margin-top: 5px;
}
.monthly_tab .tab-box{
    width: 100%;
    text-align: center;
}
.monthly_tab .tab-cam-box{
    font-weight: bold;
}
.monthly_tab .tab-cam-box span:first-of-type{
    font-size: 15px;
    background: #ffeea1;
    padding: 2px 4px 0;
}
.monthly_tab .tab-cam-box span:last-of-type{
    color: #df4652;
}
.monthly_tab .p-plan-table {
    width: 850px;
}
.storeMap .storeMapCaption .view360Link {
    margin-top: 90px;
}
.storeMapCaption .kome {
    font-size: 80%;
}
.imgCaptionCenter {
    font-weight: bold;
}
.mainContentsCoworking .mainContentsStoreMap {
    padding-bottom: 0 !important;
}
.mainContentsStoreLocation .mainContentsBoxSeparate{
    min-width: auto;
}
.storeMapImg {
    width: 70%;
    margin:30px auto 0;
}
.floorTab .storeMapImg {
    margin-top: 0;
}
.storeMapImg.smallMap {
    width: 50%;
}
.storeMapImg .storeMapImgPhoto {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 600;
    width: 447px;
    height: 303px;
}
.coworking .storeMapDetailList {
    margin-top: 60px;
    text-align: left;
}
.coworking .storeMapDetailList .monthly_tab{
    margin-top: 30px;
}
.coworking .storeFacilityDetail .storeMapDetailList {
    margin-top: 30px;
}
.storeMapDetailBox {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.storeMapDetailImgWrap{
    display: flex;
    flex-direction: column-reverse;
}
.storeMapCaption{
    font-size: 14px;
    color: #666;
}
.storeMapDetailBox .storeMapDetailText {
    width: 80%;
    font-size: 14px;
    color: #666;
    margin: 0 auto;
}
.storeMapDetailBox .page_bn_area {
    margin: 0;
}
.storeMeetingRoomLists{
    margin: 0 20px;
}
.storeMeetingRoomLists .PlanType {
    margin: 0;
}
.storeMeetingRoomLists {
    color: #333;
}
.storeMeetingRoomLists table {
    width: 100%;
    margin-top: 15px;
}
.storeMeetingRoomLists table tr {
    border-bottom: solid 1px #D2CBC6;
    height: 50px;
}
.storeMeetingRoomLists table tr:first-child {
    border-top: solid 1px #D2CBC6;
}
.storeMeetingRoomLists table td.sp_none {
    padding-top: 5px;
}
.storeMeetingRoomLists .yellowButton.reservation, .detail_plan .p-plan-table .yellowButton.reservation {
    height: auto;
    font-size: inherit;
    padding: 0 10px;
    margin: 0;
}
 .p-plan-table .dayPrice{
    font-size: 80%;
}
.detail_plan .p-plan-table .yellowButton.reservation{
    width: auto;
    padding: 2px 0 2px;
}
.detail_plan .mtgroom-cam .p-plan-table .yellowButton.reservation {
    width: 30%;
    display: inline-block;
    margin-left: 10px;
}
.storeMapDetailText .yellowArrowLink span::before {
    left: 190px;
    top: 16px;
}
.storeMapDetailText .yellowArrowLink span::after {
    left: 0;
    width: 200px;
    top: 28px;
}
.registrationPlan .yellowArrowLink span::before {
    left: 200px;
}
.registrationPlan .yellowArrowLink span::after {
    width: 210px;
}
.storeMapDetailText .tab-content .yellowArrowLink span::before {
    left: 205px;
}
.storeMapDetailText .tab-content .yellowArrowLink span::after {
    width: 210px;
}
.rentalOfficeDetail .storeMapDetailText .yellowArrowLink span::before {
    left: 250px;
}
.rentalOfficeDetail .yellowArrowLink span::after {
    width: 260px;
}
.mainContentsBlog.cwInwrap .yellowArrowLink span::before {
    top: 18px;
    left: 105px;
}
.mainContentsBlog.cwInwrap .yellowArrowLink span::after {
    top: 30px;
    left: 0px;
    width: 110px;
}
.storeMeetingRoomListRoomName {
    font-weight: bold;
}
.storeMapDetailTitle, .storeFacilitylTitle {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 25px;
    color: #000;
    padding: 0;
}
.storeFacilityTitle{
    margin-bottom: 10px;
}
.storeMapDetailBox .storeMapDetailTitle, .storeMapDetailBox .storeFacilitylTitle {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 25px;
    color: #000;
    padding: 0;
}
.storeMapDetailBox .storeMapDetailTitle.DetailSpace {
    margin-top: 30px;
}
.meetingRoomDetail .centerCatchCopy::after {
    border: 0;
}
.meetingRoomDetail .storeMapDetailText .yellowArrowLink span::after {
    left: 0px;
    width: 200px;
}
.meetingRoomDetail .storeMapDetailText .yellowArrowLink span::before {
    left: 200px;
}
.storeMapDetailBox .storeMapDetailImg {
    width: 100%;
    height: 285px;
    position: relative;
    overflow: hidden;
}
.storeMapDetailBox .storeMapDetailImg+p {
    margin-bottom: 20px;
}
.storeMapDetailBox .storeMapDetailImg img {
    position: absolute;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
@supports (object-fit: cover) {
    .storeMapDetailBox .storeMapDetailImg img {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        top: 0;
        -ms-transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        transform: none;
    }
}
.storeMapDetailList .PlanType{
    font-size: 14px;
    margin: 30px 0 15px;
}
.storeMapDetailList .storeFacilityList .storeFacilityIcon {
    height: 70px;
    margin: auto;
    width: 50px;
}
.storeMapDetailList .storeFacilityList ul li {
    flex-basis: 12%;
}
.storeMapDetailList .storeFacilityList ul li .facilityCaption {
    font-size: 13px;
    font-weight: normal;
}
.storeFacility .storeFacilitylTitle {
    padding: 0;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 25px;
}
.mainContentsStoreLocation{
    margin-bottom: 60px;
}
.mainContentsStoreLocation h1 {
    margin-top: 50px;
}
.mainContentsStoreLocation .mainContentsBoxSeparate {
    margin-top: 30px;
}
.mainContentsStoreLocation .leftBox {
    text-align: left;
}
.mainContentsStoreLocation .leftBox tr {
    border-bottom: solid 1px #D2CBC6;
}
.mainContentsStoreLocation .leftBox tr:first-child {
    border-top: solid 1px #D2CBC6;
}
.mainContentsStoreLocation .leftBox th {
    padding-right: 20px;
}
.mainContentsStoreLocation .leftBox td {
    padding: 10px 0;
}
.mainContentsStoreLocation .kome {
    font-size: 80%;
    color: #666666;
}
.mainContentsStoreAccess{
    margin-bottom: 60px;
}
.mainContentsStoreAccess .access_iframe{
    text-align: center;
}
.mainContentsStoreAccess .access_iframe p{
    text-align: left;
    margin-bottom: 20px;
}
.mainContentsStoreAccess ul{
    margin-bottom: 20px;
}
.mainContentsStoreAccess .storeLocation{
    margin-bottom: 40px;
}
.storeMapDetail {
    margin-bottom: 60px;
}
.storeMapDetailDescription {
    width: 1100px;
    background-color: #f5f5f5;
    text-align: center;
    margin: 60px 0;
    padding: 40px;
}
.storeMapDetailDescription .storeMapDetailDescriptionHead {
    font-size: 24px;
    margin-bottom: 10px;
}
.linkUdl {
    border-bottom: 1px solid #333;
    margin-top: 20px;
    display: inline-block;
}
/* 店内図下カルーセル ※会議室詳細ページで使用しているものと同じ */
.slick-slide {
    position: relative;
}
.storeImgSlider .slick-slide .caption {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    z-index: 2;
    width: 100%;
    padding: 2px;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 12px;
    opacity: 0;
    transition: .3s ease;
}
.storeImgSlider .slick-current .caption {
    opacity: 1;
    transition-delay: .5s;
}
.storeImgSlider {
    width: 100%;
    max-width: 710px;
    margin: 0 auto;
}
.storeImgSlider .slick-slide:focus {
    outline: none;
}
.storeImgSlider .slick-dots li button:before {
    font-size: 12px !important;
}
.storeImgSlider .slick-prev,
.storeImgSlider .slick-next {
    z-index: 1;
}
.storeImgSlider .slick-prev::before,
.storeImgSlider .slick-next::before {
    font-size: 22px;
}
.slick-next {
    right: -5px;
}
.slick-prev {
    left: -5px;
}
.slick-prev, .slick-next{
    z-index: 1;
}
.storeMap .slick-prev {
    left: 0;
}
.storeMap .slick-next {
    right: 0;
}
/* カルーセルここまで */

.storeMap .tab-content, .monthly_tab .tab-content {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    width: 850px;
    margin: 0 auto 30px;
}
.coworking .p-plan-table {
    width: 70%;
    margin: 0;
}
/*.coworking .p-plan-table.mtgroom-cam {
    width: 50%;
}*/
.coworking .mtgroom-cam .p-plan-table:first-of-type{
    margin-bottom: 20px;
}
.coworking .mtgroom-cam p{
    font-weight: bold;
    margin-bottom: 5px;
}
.coworking .mtgroom-cam td:first-of-type{
    color: #ff7400;
}
.coworking .tab-content .p-plan-table {
    margin: 0 auto;
}
.monthly_tab .tab-content {
    justify-content: center;
    width: 100%;
}
.coworking .monthly_tab .tab-content .tabLabel{
    flex: 0 1 160px;
    letter-spacing: 2px;
}
.monthly_tab .tab-content, .detail_plan {
    margin-bottom: 20px;
}
.monthly_tab .tab-content{
    background: #fff;
}
.coworking .tab-content{
    background: none;
}
.coworking .tab-content .tab-box{
    background: #fff;
    text-align: left;
}
.coworking .tab-box .detail_plan{
    margin: 0 0 10px;
}
.coworking .infoList li{
    font-size: 12px;
}
.storeMap .tab-content::after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    order: -1;
    background: #999;
}
.storeMap .tab-content .tabLabel, .monthly_tab .tab-content .tabLabel {
    flex: 1;
    order: -1;
    text-align: center;
    color: #444;
    background: #d0c9c3;
    border-radius: 3px 3px 0 0;
    margin-right: 3px;
    padding: 3px;
    transition: .5s ;
    cursor: pointer;
}
.monthly_tab .tab-content .tabLabel{
    flex: 0 1 200px;
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: 1px;
    padding: 8px 0;
}
.monthly_tab .tab-content .tabLabel:hover{
    background: #999999;
    color: #fff;
}
.storeMap .tab-content .tabLabel, .monthly_tab .tab-content .tabLabel {
    margin-right: 0;
}
.monthly_tab .tab-content .tabLabel {
    border-radius: 3px;
    margin: 0 5px 10px;
}
.coworking .monthly_tab .tab-content .tabLabel {
    margin: 0 10px 10px;
}
.storeMap .tab-content .tabLabel:nth-last-of-type(1), .monthly_tab .tab-content .tabLabel:nth-last-of-type(1){
    margin-right: 0;
}
.storeMap .tab-content input[type="radio"], .monthly_tab .tab-content input[type="radio"] {
    display: none;
}
.storeMap .tab-content .tab-box, .monthly_tab .tab-content .tab-box {
    width: 100%;
    height: 0;
    overflow: hidden;
    opacity: 0;
}
.coworking .tab-content .tab-box {
    width: 80%;
}
.coworking .floorTab {
    margin-top: 20px;
}
.coworking .floorTab .tab-box{
    text-align: center;
}
.coworking .floorTab .tabLabel{
    margin-right: 5px;
}
.coworking .floorTab .tab-box{
    width: 100%;
}
.coworking .floorTab label span{
    font-size: 14px;
    line-height: 1.5;
}
.storeMap .tab-content input:checked + .tabLabel, .monthly_tab .tab-content input:checked + .tabLabel {
    color: #fff;
    background: #999;
}
.coworking .monthly_tab .tab-content input:checked + .tabLabel, .mainContentsPrice .monthly_tab .tab-content input:checked + .tabLabel{
    color: #444;
    background: #F1D661;
    position: relative;
}
.storeMap .tab-content input:checked + .tabLabel + .tab-box, .monthly_tab .tab-content input:checked + .tabLabel + .tab-box {
    padding: 15px;
    height: auto;
    overflow: auto;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    transition: .5s opacity;
    opacity: 1;
}
.coworking .monthly_tab .tab-content input:checked + .tabLabel + .tab-box{
    padding: 10px 30px;
}
.coworking .tab-content input[type="radio"]:checked + .tabLabel::after, .mainContentsPrice .tab-content input[type="radio"]:checked + .tabLabel::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #F1D661;
    transition: .2s;
}
.storeMap .tab-content .storeMapImg {
    padding: 0;
}
.storeLocation li{
    font-size: 14px;
}
.coworking .faq h3{
    font-size: 18px;
}

.storeMeetingRoomBox {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.storeMeetingRoomBox .storeMeetingRoomBoxText,
.storeMeetingRoomBox .storeMeetingRoomBoxImg {
    width: 530px;
}
.storeMeetingRoomBox .storeMeetingRoomBoxText {
    font-size: 14px;
    color: #666;
    letter-spacing: 0.02em;
}
.storeMeetingRoomBox .storeMeetingRoomBoxText p a {
    text-decoration: underline;
}
.storeMeetingRoomBox .storeMeetingRoomList {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 66px;
    padding: 6px 4px;
    margin: 2px 15px;
    border-bottom: 1px solid #d2cbc6;
}
.storeMeetingRoomBox .storeMeetingRoomList:first-child {
    margin: 0;
}
.storeMeetingRoomBox .storeMeetingRoomList:last-child {
    border-bottom: 0px;
}
.storeMeetingRoomBox .storeMeetingRoomList .storeMeetingRoomListRoomName {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 14px;
    margin-right: 9px;
    color: #000;
    border-right: 1px solid #d2cbc6;
    padding: 10px 15px 10px 0;
    text-align: center;
    width: 90px;
    line-height: 1.0;
}
.storeMeetingRoomBox .storeMeetingRoomList .storeMeetingRoomListRoomNameTwo {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 0.8;
}
.storeMeetingRoomBox .storeMeetingRoomList .storeMeetingRoomListCapacity {
    padding: 0 5px;
    font-weight: bold;
    color: #000;
}
.storeMeetingRoomBox .storeMeetingRoomList .storeMeetingRoomListPrice {
    padding: 0 6px;
    font-weight: bold;
    color: #000;
}
.storeMeetingRoomBox .storeMeetingRoomList .yellowButton {
    height: 45px;
    width: 160px;
    font-weight: normal;
    position: relative;
    font-size: 18px;
    margin: 6px 10px;
    padding: 10px;
}
.storeMeetingRoomBox .storeMeetingRoomList .yellowButton span {
    margin-left: -20px;
}
.storeMeetingRoomBox .storeMeetingRoomList .yellowButton svg {
    position: absolute;
    right: 14px;
    top: 15px;
}
.storeMeetingRoomBox .storeMeetingRoomList .yellowButton img {
    position: absolute;
    right: 14px;
    top: 15px;
}
.storeMeetingRoomBox .storeMeetingRoomList .yellowButton a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.storeMeetingRoomBox .storeMeetingRoomList.head span {
    margin-right: auto;
    margin-left: auto;
}
.toSharePlan {
    width: 240px;
    margin-left: 0;
    padding: 20px;
    color: #333;
    margin: 40px auto 0;
    position: relative;
}
.toSharePlan a {
    position: absolute;
    width: 100%;
    height: 100%;
}
.storeBoxImg {
    width: 530px;
    height: 335px;
    position: relative;
    overflow: hidden;
}
.storeBoxImg img {
    position: absolute;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
@supports (object-fit: cover) {
    .storeBoxImg img {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        top: 0;
        -ms-transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        transform: none;
    }
}
.allMeetingRoomList {
    margin-top: 20px;
}
.allMeetingRoomList .storeMeetingRoomBox .storeBoxImg {
    margin-bottom: 25px;
    width: 100%;
    height: 280px;
}
.allMeetingRoomList .storeMeetingRoomBox .storeMeetingRoomLists {
    margin-top: 0;
}
.allMeetingRoomList .storeMeetingRoomBox .storeMeetingRoomList .yellowButton {
    width: 170px;
    font-size: 14px;
}
.allMeetingRoomList .yellowButton.MeetingRoomDetail {
    margin: 30px auto;
    width: 200px;
    height: 45px;
}
.allMeetingRoomList .storeMeetingRoomBox .storeMeetingRoomList .storeMeetingRoomListRoomName {
    width: 133px;
}
.allMeetingRoomList .storeMeetingRoomBoxText {
    width: 100%;
}
.allMeetingRoomList .storeMeetingRoomBox .storeMeetingRoomList .storeMeetingRoomListCapacity {
    padding: 0 6px;
}
.allMeetingRoomList .storeMeetingRoomBox {
    display: contents;
}
.storeFacilityList ul {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
}
.storeFacilityList ul li {
    flex-basis: 20%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.02em;
}
.storeFacilityList ul li .storeFacilityIcon {
    height: 100px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
.storeFacilityList ul li .facilityCaption {
    line-height: 1.4em;
    height: 50px;
    margin: 15px 0 0px 0;
}
.storeFacilityList ul li .facilityCaption span {
    font-size: 13px;
}
.indexFacilityListWrap ul li {
    flex-basis: 11%;
    font-size: 12px;
    margin: 0 auto !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.indexFacilityListWrap ul li .storeFacilityIcon {
    width: 60px;
}
.indexFacilityListWrap ul li .facilityCaption{
    margin: 0;
}
.storeFacilityOther {
    padding-top: 40px;
    border-top: 1px solid #ccc;
    margin-bottom: 60px;
}
.storeFacilityOther .storeFacilityOtherBox {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    font-size: 16px;
    color: #666;
    margin-top: 30px;
}
.storeFacilityOther .storeFacilityOtherBox.facilityDescription .storeFacilityOtherText {
    width: 70%;
}
.storeFacilityOther .storeFacilityOtherBox.facilityDescription .storeFacilityOtherImg {
    text-align: center;
    width: 30%;
}
.storeFacilityOther .storeFacilityOtherBox.facilityMlesnaPrice {
    padding-top: 40px;
    align-items: flex-end;
}
.storeFacilityOther .storeFacilityOtherBox.facilityMlesnaPrice .storeFacilityOtherText {
    width: 280px;
    margin-right: 10px;
    align-self: flex-end;
    color: #000;
}
.storeFacilityOther .storeFacilityOtherBox.facilityMlesnaPrice .storeFacilityOtherText .storePriceDetailPlan {
    margin-bottom: 20px;
}
.storeFacilityOther .storeFacilityOtherBox.facilityMlesnaPrice .storeFacilityOtherText .storeFacilityPriceBox {
    margin-top: 30px;
}
.storeFacilityOther .storeFacilityOtherBox.facilityMlesnaPrice .storeFacilityOtherImg {
    width: 530px;
    height: 353px;
}
.facilitySup {
    font-size: 80%;
    text-align: left;
    margin-top: 20px;
}
.facilityIntroTop .facilitySup {
    color: #FFF;
    margin-right: 10px;
}
.mainContentsStorePrice section {
    margin-bottom: 40px;
}
.mainContentsStorePrice.cwInwrap.whiteSpace{
    padding-top: 60px;
    padding-bottom: 60px;
}
.mainContentsStorePrice .centerCatchCopy.centerCatchCopySideline {
    font-size: 24px;
    margin-bottom: 0px;
}
.mainContentsStorePrice .storeFacility .storeFacilityList {
    margin-bottom: 30px;
}
/* MEETING-ROOM 会議室・店舗別ページ */
.mainContentsStoreLocation .storeLocationOpenTime {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    font-weight: bold;
    border-top: 1px solid #000;
    padding-top: 23px;
    margin-top: 30px;
}
.mainContentsStoreLocation .storeLocationOpenTime .storeLocationOpenTime_open {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
}
.mainContentsStoreLocation .storeLocationOpenTime .storeLocationOpenTime_time {
    text-align: right;
}
.mainContentsStoreLocation .headline3CaptionSP {
    display: none;
}
.headline3Caption ul {
    margin-bottom: 40px;
}
.headline3Caption ul li {
    font-size: 18px;
    font-weight: bold;
}
.headline3Caption ul li.kome {
    font-size: 65%;
}
.headline3Caption p {
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0.02em;
    color: #000;
    margin-bottom: 30px;
}
.storeLocation .google_staticMap {
    position: relative;
}
.storeLocation .google_staticMap img {
    width: 100%;
    height: auto;
}
.storeLocation .google_staticMap::after {
    position: absolute;
    top: -91px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    content: "";
    width: 72px;
    height: 91px;
    background: url("img/icon_map-point.svg") no-repeat;
}
.reserveRoomInfo {
    width: 1100px;
}
.reserveRoomInfo h2 {
    margin-bottom: 60px;
    letter-spacing: 0.2em;
}
.reserveRoomBox {
    margin-bottom: 70px;
    border-top: 2px solid #000;
}
.reserveRoomBoxHeadline {
    padding: 10px;
    border-bottom: 1px solid #000;
    font-size: 20px;
    font-weight: bold;
}
.reserveRoomBoxText {
    padding: 25px 0;
    font-size: 14px;
    letter-spacing: 0.02em;
}
.reserveRoomBoxText li {
    padding-left: 1em;
    text-indent: -1em;
}
.reserveRoomBoxText li::before {
    content: "・";
}
.reserveRoomBoxText li ul {
    padding: 10px 0;
}
.reserveRoomBoxText.separate {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
}
.reserveRoomBoxText.separate>div {
    width: 530px;
}
.reserveRoomBoxText .reserveRoomBoxAnnotation {
    border: 1px solid #ccc;
    height: 250px;
    border-radius: 4px;
    overflow: auto;
    padding: 20px;
    margin: 40px 0;
}
.reserveRoomBoxText .reserveRoomBoxAnnotation>div {
    margin-bottom: 30px;
}
.RoomDetail {
    display: flex;
    justify-content: space-between;
}
.RoomDetail .yellowButton .reservation {
    margin-right: 0px;
    margin-left: 10px;
}
.RoomDetail {
    display: flex;
    justify-content: space-between;
}
.RoomDetail .yellowButton .reservation {
    margin-right: 0px;
    margin-left: 10px;
}
.reservRoomTell {
    font-size: 30px;
}
.reservRoomTell .reserveRoomComment {
    font-size: 14px;
    margin: 1em 0;
}
.reservRoomTell .tellNumber {
    display: inline-block;
    border: 1px solid #666;
    padding: 10px;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 600;
}
.reservRoomTell .tellNumber_openTime {
    font-size: 18px;
    font-weight: bold;
}
.reserveRoomPluginCalender {
    background-color: #fff;
    height: 585px;
    border: 1px solid #ccc;
    margin-top: 80px;
    margin-bottom: 20px;
}
.reserveRoomPluginList {
    background-color: #fff;
    height: 860px;
    padding: 10px;
    border: 1px solid #ccc;
}
.mainContentsReserveRoomForm {
    padding: 80px 0;
}
.mainContentsReserveRoomForm .contactBox {
    margin-bottom: 120px;
}
.mainContentsReserveRoomForm legend.reserveRoomContactLabel {
    font-size: 30px;
    line-height: 60px;
    padding-top: 0;
    font-weight: bold;
    margin-bottom: 60px;
}
.mainContentsReserveRoomForm .checkBox {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    font-size: 24px;
}
.mainContentsReserveRoomForm .checkBox.useFurniture label {
    flex-basis: 50%;
}
.mainContentsReserveRoomForm .checkBox label {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}
.mainContentsReserveRoomForm .checkBox .reserveRoomCheckbox {
    display: none;
}
.mainContentsReserveRoomForm .checkBox .reserveRoomCheckboxParts {
    padding-left: 60px;
    position: relative;
    margin-right: 20px;
}
.mainContentsReserveRoomForm .checkBox .reserveRoomCheckboxParts::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    border: 1px solid #999;
    border-radius: 4px;
    background-color: #fff;
}
.mainContentsReserveRoomForm .checkBox .reserveRoomCheckbox:checked+.reserveRoomCheckboxParts::before {
    background-color: #f2fbff;
}
.mainContentsReserveRoomForm .checkBox .reserveRoomCheckbox:checked+.reserveRoomCheckboxParts::after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 10px;
    width: 8px;
    height: 14px;
    transform: rotate(40deg);
    border-bottom: 5px solid #556fb5;
    border-right: 5px solid #556fb5;
}
.contactUserNumber>div {
    margin-bottom: 30px;
}
.contactUserName {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
}
.contactUserName>div {
    flex-basis: 530px;
}
.reserveRoomPrice {
    width: 1100px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}
.reserveDetail {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: flex-end;
}
.reserveDetail>* {
    width: 530px;
}
.reserveDetail table {
    font-size: 18px;
    letter-spacing: 0.02em;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}
.reserveDetail table tbody:first-child {
    margin-right: 40px;
}
.reserveDetail table th {
    text-align: left;
    font-weight: normal;
    width: 44%;
    padding: 6px 0;
}
.reserveDetail table td {
    text-align: center;
    width: 56%;
}
.reserveRoomPriceTotal {
    border-bottom: 2px solid #000;
    font-size: 36px;
    height: 75px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-right: 0;
    padding-bottom: 10px;
}
.reserveRoomPriceTotal .reserveRoomPriceTotalAmount {
    font-size: 72px;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 600;
    margin-bottom: -4px;
    align-self: center;
}
.reserveRoomPriceTotal .reserveRoomPriceTotalTaxIn {
    margin-right: 0;
    font-size: 24px;
}
.cardExpirationDate {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}
.cardExpirationDate .selectWrap {
    flex-basis: 260px;
    width: 260px;
    margin-right: 10px;
    height: 48px;
    background-color: transparent;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
}
.cardExpirationDate .selectWrap::before {
    content: "";
    position: absolute;
    border-radius: 4px;
    background-color: #fff;
    width: 260px;
    height: 48px;
}
.cardExpirationDate select {
    width: 260px;
    height: 48px;
}
.contactCardAgreement {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    margin: 100px auto 80px auto;
}
.contactCardAgreement .cardAgreement {
    margin-right: auto;
    margin-left: auto;
}
.contactCardAgreement a {
    text-decoration: underline;
}
.cpPrice {
    color: #a4a4a4;
    text-decoration: line-through;
    display: inline-block;
}
.cpText {
    color: #df4652;
    font-size: 80%;
}
/* Lab.新橋ページ */
.labshimbashiDetail section {
    margin-bottom: 60px;
}
.storeIntroCopy .labshimbashi_use{
    background: #fff;
    width: 650px;
    margin: 20px auto;
    padding: 30px;
}
.storeIntroCopy .labshimbashi_img{
    width: 840px;
    margin: 20px auto 40px;
}
.storeIntroCopy .labshimbashi_img ul{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}
.storeIntroCopy .labshimbashi_img li img{
    height: 270px;
}
.storeIntroCopy .labshimbashi_use ul{
    margin-bottom: 40px;
}
.storeIntroCopy .labshimbashi_use li{
    font-size: 18px;
}
.storeIntroCopy .labshimbashi_use li:nth-child(odd){
    background: #f1efed;
}
.storeIntroCopy .labshimbashi_use h2{
    padding-top: 15px;
    margin-bottom: 30px;
}
.storeIntroCopy .labshimbashi_bn{
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
    color: #d39e4a;
}
.labshimbashiDetail .meetingRoom1 .meetingRoomText .meetingRoomAbout{
    width: 90%;
}
.labshimbashiDetail .meetingRoom1 .meetingRoomText .meetingRoomFacilityDetail, .labshimbashiDetail .meetingRoom1 .meetingRoomText .reservation a+span{
    font-size: 15px;
}
.labshimbashiDetail .meetingRoom1 .meetingRoomText .meetingRoomFacilityDetail ul{
    width: calc(100% - 80px);
}
.labshimbashiDetail .meetingRoom1 .meetingRoomText .meetingRoomFacilityDetail li{
    line-height: 1.8;
}
.labshimbashiDetail .meetingRoomCard .meetingRoomText .meetingRoomFacilityDetail .list_tel{
    font-size: 70%;
    font-weight: normal;
}

/* BLOG ブログ */
#toc_container {
  background: #fff !important;
  border: none !important;
  box-shadow: 0 2px 2px rgb(0 0 0 / 10%)!important;
  padding: 10px 40px 20px !important;
  margin-top : 34px !important;
}
#toc_container .toc_number {
    background: #F1D761;
    padding: 2px 8px;
    border-radius: 3px;
}
#toc_container.no_bullets li, #toc_container.no_bullets ul, #toc_container.no_bullets ul li, .toc_widget_list.no_bullets, .toc_widget_list.no_bullets li {
    border: none !important;
}
#toc_container .toc_list {
    line-height: 2.5;
}
#toc_container a:hover {
    text-decoration: none !important;
}
.blogArticle .table50 td {
    width: 50%;
}
.blogLeftContent {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.mainContentsBlog,
.mainContentsMatome {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-top: 2rem;
}
.coworking .mainContentsBlog{
    display: block;
    margin-bottom: 60px;
}
.coworking .mainContentsBlog .blogThumbnails .blogThumbnailBox{
    flex-grow: 1;
}
.coworking .mainContentsBlog .blogThumbnails .blogThumbnailBox .blogThumbnailmage{
    width: 100%;
}
.coworking .mainContentsBlog .yellowArrowLink{
    margin-top: 0;
}
.tokusyuContents h2,
.tokusyuContents h3 {
    text-align: left;
}
.tagHeadline {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 50px;
}
.cat_desc {
    font-weight: normal;
    font-size: 16px;
    text-align: left;
    word-break: break-word;
}
.tokusyuTitle {
    position: relative;
    background: #fff;
    padding: 20px 15px;
    text-align: left;
    border-radius: 20px;
    border: #ccc solid 1px;
    text-align: center;
    margin-bottom: 60px;
}
.tokusyuTitle::before {
    content: "";
    position: absolute;
    bottom: -50px;
    left: 50%;
    margin-left: -30px;
    border: 30px solid transparent;
    border-top: 12px solid #f7f7f7;
    z-index: 2;
}
.tokusyuTitle::after {
    content: "";
    position: absolute;
    bottom: -58px;
    left: 50%;
    margin-left: -34px;
    border: 34px solid transparent;
    border-top: 14px solid #555;
    z-index: 1;
}
.tokusyuContents .tokusyuDl {
    display: flex;
    flex-wrap: wrap;
    border-top: none;
}
.tokusyuContents .tokusyuDt {
    background: #555;
    width: 25%;
    box-sizing: border-box;
    border-top: 1px solid #ccc;
    color: #fff;
    font-weight: bold;
    border: none;
    margin-bottom: 3px;
    font-size: 12px;
    padding: 3px 10px;
}
.tokusyuContents .tokusyuDd {
    margin: 0;
    width: 75%;
    background: #fff;
    box-sizing: border-box;
    margin-bottom: 3px;
    font-size: 12px;
    padding: 3px 10px;
}
.tokusyuCaption {
    font-size: 10px !important;
    padding: 3px 10px 0 0;
    color: #999;
    line-height: 1.3;
}
.blogThumbnails,
.matomeThumbnails {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
}
.blogThumbnails .blogThumbnailBox {
    width: 258px;
    background-color: #fff;
    margin-right: 20px;
    margin-bottom: 40px;
    position: relative;
}
.matomeThumbnails .matomeThumbnailBox {
    width: 100%;
    background-color: #fff;
    margin-right: 20px;
    margin-bottom: 40px;
    position: relative;
}
.matomeThumbnailTitle {
    margin: 20px 0;
}
.blogThumbnails .blogThumbnailBox:last-child {
    margin-right: 0;
}
.blogThumbnails .blogThumbnailBox a.blogThumbnailLink,
.matomeThumbnails .matomeThumbnailBox a.matomeThumbnailLink {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.blogThumbnailmage {
    width: 258px;
    height: 200px;
    position: relative;
    overflow: hidden;
}
.matomeThumbnailmage {
    width: 100%;
    height: 350px;
    position: relative;
    overflow: hidden;
}
.blogThumbnailmage img,
.matomeThumbnailmage img {
    position: absolute;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
@supports (object-fit: cover) {

    .blogThumbnailmage img,
    .matomeThumbnailmage img {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        top: 0;
        -ms-transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        transform: none;
    }
}
.blogThumbnailText,
.matomeThumbnailText {
    letter-spacing: 0.04em;
    padding: 30px 17px 30px;
}
.blogThumbnailText .blogThumbnailDate {
    font-size: 14px;
    color: #666;
}
.blogThumbnailText .blogThumbnailTitle,
.matomeThumbnailText .matomeThumbnailTitle {
    font-size: 16px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 20px;
    line-height: 1.5;
}
.blogThumbnailText .blogThumbnailDetail,
.matomeThumbnailText .matomeThumbnailDetail {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 1em;
}
.matomeThumbnailTitle h2 a {
    text-decoration: underline;
}
.matomeThumbnailTitle h2::before {
    display: none;
}
.blogThumbnailLabel {
    font-size: 14px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: column;
}
.matomeThumbnailLabel {
    font-size: 14px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.blogThumbnailLabelStores {
    background: #fff;
    font-size: 13px;
    letter-spacing: 0.02em;
    word-wrap: normal;
    word-break: normal;
    line-height: 1;
    padding: 8px 5px 5px;
}
.matomeThumbnailLabelStores {
    color: #fff;
    letter-spacing: 0.02em;
    margin-right: 8px !important;
    margin-top: 10px;
}
.blogThumbnailLabelStores > span {
    font-weight: bold;
    margin-right: 10px;
    font-size: 12px;
}
.blogThumbnailLabelStores a {
    color: #333;
}
.blogThumbnailLabelStores a::before {
    content: "/";
    margin-left: 0;
    margin-right: 4px;
}
.blogThumbnailLabelStores a:first-of-type::before {
    content: "";
    margin-left: 0;
    margin-right: 0;
}
.matomeThumbnailLabelStores span {
    font-weight: bold;
    background-color: #000;
    padding: 4px 3px;
    margin-top: 10px;
    line-height: 23px;
    word-wrap: break-word;
    word-break: break-all;
    overflow-wrap: break-word;
    white-space: pre-wrap;
    display: inline !important;
    min-height: 23px;
    margin-left: -8px;
}
.blogThumbnailLabelStores span:first-child {
    margin-left: 0;
}
.blogThumbnailLabelStores span::before {
    content: "/";
    margin-left: 0;
    margin-right: 4px;
}
.blogThumbnailLabelStores span:first-child::before {
    content: "";
    margin-left: 0;
    margin-right: 0;
}
.matomeThumbnailLabelStores span:first-child {
    margin-left: 0;
}
.matomeThumbnailLabelStores span::before {
    content: "/";
    margin-left: 0;
    margin-right: 4px;
}
.matomeThumbnailLabelStores span:first-child::before {
    content: "";
    margin-left: 0;
    margin-right: 0;
}

.blogThumbnailLabelStores.labelExtend,
.matomeThumbnailLabelStores.labelExtend {
    margin-top: 3px;
}

@supports (-ms-ime-align: auto) {
    .blogThumbnailLabelStores span,
    .matomeThumbnailLabelStores span {
        padding: 1px 5px;
    }
}
.blogThumbnailLabelCategories,
.matomeThumbnailLabelCategories {
    display: inline;
    margin: 3px 3px 0 0 !important;
}
.blogThumbnailLabelCategories a::before,
.matomeThumbnailLabelCategories::before {
    background-color: #e4e4e4;
    padding: 4px 5px;
    content: "#";
    padding-left: 2px;
    margin-right: -2px;
    font-size: 12px;
}
.blogThumbnailLabelCategories a {
    background-color: #e4e4e4;
    display: inline;
    padding: 4px 5px 4px 0;
    letter-spacing: 0.005em;
    margin: 9px 5px 0 0 !important;
    line-height: 23px;
    word-break: break-all;
    line-height: 23px;
    font-size: 12px;
}
.matomeThumbnailLabelCategories a {
    background-color: #e4e4e4;
    display: inline;
    padding: 4px 5px 4px 0;
    letter-spacing: 0.005em;
    margin: 9px 0 0 0 !important;
    line-height: 23px;
    word-break: break-all;
    line-height: 23px;
    font-size: 12px;
}

.article .blogThumbnailLabel,
.article .matomeThumbnailLabel {
    font-size: 15px;
}
.article .matomeThumbnailLabel .matomeThumbnailLabelCategories::before,
.article .blogThumbnailLabel .blogThumbnailLabelCategories::before,
.article .matomeThumbnailLabel .matomeThumbnailLabelCategories::before {
    padding: 0 2px 0 7px;
}
.article .blogThumbnailLabel .blogThumbnailLabelCategories.labelExtend::before,
.article .matomeThumbnailLabel .matomeThumbnailLabelCategories.labelExtend::before {
    padding: 4px 2px 4px 7px;
}
.article .blogThumbnailLabel>span,
.article .matomeThumbnailLabel>span {
    padding: 0 7px 0 0;
    width: auto;
}
.blogSideNav {
    min-width: 248px;
    width: 248px;
}
.blogSideNav h4 {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 30px;
}
.blogSideNav ul li {
    font-size: 18px;
    margin-bottom: 10px;
    letter-spacing: 0.01em;
}
.blogSideNav ul li a {
    position: relative;
    text-decoration: underline;
}
.matomeSideNav ul li {
    font-size: 16px;
}
.blogSideNavBox {
    margin-bottom: 70px;
}
.recruitBn.sp_none img {
    margin-bottom: 15px;
} 
.blogSideNav .blogSideNavBox .recruitBn {
    width: 330px;
    margin-bottom: 50px
}
.blogSideNav .blogSideNavBox .recruitBn p {
    background: #fff;
    padding: 3px 6px 0;
}
.blogPageNav {
    margin-top: 40px;
    font-size: 24px;
    color: #999;
    text-align: center;
    width: 100%;
}
.blogPageNav>* {
    margin: 0 3px;
}
.blogPageNav a,
.blogPageNav span {
    color: #999;
    display: inline-block;
}
.blogPageNav .page-numbers {
    display: inline;
    letter-spacing: 0.02em;
}
.blogPageNav .current {
    font-weight: bold;
    pointer-events: none;
    color: #000;
    position: relative;
}
.blogPageNav .current::before {
    position: absolute;
    bottom: -10px;
    content: "";
    width: 100%;
    border-bottom: 4px solid #f1d661;
}
.blogPageNav .next {
    margin-left: 10px;
}
.blogPageNav .prev {
    margin-right: 10px;
}
.blogPageNav svg {
    padding-bottom: 2px;
}
/* BLOG ブログ記事・まとめ記事 */
.blogArticle a,
.matomeArticle a {
    text-decoration: underline;
}
/* タクソノミー */
.matomeTag {
    margin: 0 0 2rem;
}
/* BLOG ブログ記事 */
.blogArticle,
.matomeArticle {
    width: 814px;
    margin-top: 0;
    margin-bottom: 0;
}
.blogArticle a,
.matomeArticle a {
    text-decoration: underline;
}
.blogArticle a.move2official,
.matomeArticle a.move2official {
    display: inline-block;
    margin: 1em;
    padding: 0.3em 1em;
    text-decoration: none;
    background: #ccc;
    border: solid 2px #999;
    border-radius: 5px;
    transition: .4s;
}
.blogArticle a.move2official:hover,
.matomeArticle a.move2official:hover {
    background: #999;
    color: white;
}
.blogArticle {
    font-size: 16px;
    line-height: 2;
    margin-bottom: 1em;
}
.blogArticle p:empty {
    display: none;
}
.matomeArticle p {
    font-size: 16px;
    line-height: 2;
}
.blogArticle p.src,
.matomeArticle p.src {
    font-size: 80%;
    text-align: right;
}
.matomeArticle img,
.mainContentsMatome .flex img {
    margin-bottom: 5px;
}
.blogArticle img:first-child,
.matomeArticle img:first-child {
    margin-top: 0;
}
.blogArticle h1,
.matomeArticle h1 {
    font-size: 30px;
    line-height: 1.6em;
    letter-spacing: 0.05em;
    margin: 20px 0;
}
.matomeArticle h1 {
    font-size: 20px;
    display: inline-block;
}
.matomeArticle h1:before {
    position: absolute;
    bottom: -3px;
    content: "";
    width: 100%;
    border-bottom: 2px solid #f1d661;
}
.blogArticle h1::after,
.matomeArticle h1::after {
    content: "";
    border: 0;
    width: 0;
    height: 0;
}
.blogArticle h2,
.matomeArticle h2 {
    font-size: 24px;
    font-weight: bold;
    padding-top: 0;
    margin: 10px 0;
}
.blogArticle h2 {
    background: #fff;
    padding: 10px 10px 10px 20px;
    border-left: solid 6px #F1D661;
    border-radius: 3px;
    margin: 2em 0 1em;
}
.blogArticle h3 {
    margin: 2em 0 0.8em;
    border-left: solid 5px #9F9F9E;
    padding: 3px 15px 3px 10px;
    background: #fff;
    display: inline-block;
    border-radius: 3px;
    font-size: 17px;
}
.blogArticle h4 {
    font-size: inherit;
    padding-left: 6px;
    line-height: 1.6;
    margin: 2em 0 0.5em;
}
.blogArticle h4::before {
    content: "▼";
    color: #bebebe;
}
.blogArticle h2::before {
    content: "";
    border: 0;
    width: 0;
    height: 0;
}
.matomeArticle h2 {
    position: relative;
    font-size: 20px;
    padding: 30px 0 0 50px;
    margin: 50px 0;
}
.matomeArticle h2:not(.matomeCatch)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 50px 0 0;
    border-color: #f1d661 transparent transparent transparent;
}
.blogArticle ul,
.blogArticle ol {
    margin-bottom: 2em;
    background: #fff;
    padding: 20px 40px;
    border: solid 1px #ccc;
}
.blogArticle ul li {
    margin-bottom: 0.5em;
    list-style-type: disc;
}
.blogArticle ol li {
    margin-bottom: 0.5em;
    list-style-type: decimal;
}
.blogArticle .wp-block-image img {
    margin-bottom: 0;
    width: 600px;
    height: auto;
}
.blogArticle figcaption {
    font-size: 70%;
    color: #666;
}
.blogArticle .wp-block-quote img {
    height: auto;
}
.blogArticle .wp-block-quote cite {
    font-size: 11px;
    line-height: 1.5;
}
.blogArticle table,
.matomeArticle table {
    width: 98%;
    border: solid 1px #ccc;
    margin: 5px 0;
}
.blogArticle table th,
.matomeArticle table th {
    border: solid 1px #666;
    background: #555;
    color: #fff;
}
.blogArticle table tbody td,
.matomeArticle table tbody td {
    border: solid 1px #ccc;
    padding: 10px;
    letter-spacing: 0.02em;
}
.blogArticle table tbody tr:nth-child(even),
.matomeArticle table tbody tr:nth-child(even) {
    background: rgba(204, 204, 204, 0.25);
}
.blogArticle blockquote,
.matomeArticle blockquote,
.mainMatome blockquote {
    position: relative;
    padding: 1rem 1rem 1rem 3rem;
    background: #fff;
    letter-spacing: 1px;
    margin: 1rem 0;
}
.blogArticle blockquote::before,
.matomeArticle blockquote::before,
.mainMatome blockquote::before {
    position: absolute;
    left: .5rem;
    top: -1rem;
    color: #d2cbc6;
    display: inline-block;
    content: "”";
    font-size: 500%;
}
.blogArticle .wpcf7 {
    width: 100%;
    margin: 0 auto;
    padding: 30px 40px 40px !important;
}
.wpcf7 label {
    width: 100%;
    display: inline-block;
}
.wpcf7 input:not([type="radio"]),
.wpcf7 textarea,
.wpcf7 select {
    padding: 10px;
    font-size: 16px;
    margin-bottom: 20px;
    width: 100%;
    font-family: inherit;
}
.blogArticle .wpcf7 .contactSubmit svg {
    position: absolute;
    top: 30px;
    right: 32px;
}
.blogArticle .wpcf7 input[type="date"] {
    max-width: 180px;
}
.blogArticle .wpcf7 input[type="submit"] {
    border: none;
}
.blogArticle .wpcf7 input:placeholder,
.blogArticle .wpcf7 textarea:placeholder {
    color: #ccc;
}
.blogArticle .wpcf7 .require {
    color: #fff;
    background: #DF6F5F;
    border-radius: 3px;
    padding: 0px 3px;
    font-size: 10px;
    margin-left: 4px;
}
.blogArticle .blogBn {
    width: 460px;
}
.matomeArticle ul {
    list-style-type: disc;
}
.matomeArticle ol {
    list-style-type: decimal;
}
.matomeArticle ol {
    margin-left: 20px;
}
.matomeArticle ul li,
.matomeArticle ol li {
    margin-bottom: 14px;
}
.tokusyu_menu {
    border: 1px solid #9f9f9f;
    background: #fff;
    margin: 60px 0;
    padding: 20px 30px;
    font-size: 13px;
    width: 80%;
}
.tokusyu_menu p {
    font-size: 20px;
    border-left: solid 5px #f1d761;
    padding-left: 10px;
    line-height: 1.4;
    margin: 10px 10px 10px 0px;
}
.matomeArticle .tokusyu_menu li {
    margin-bottom: 0;
}
.blogArticle ul li:last-child,
.blogArticle ol li:last-child,
.matomeArticle ul li:last-child,
.matomeArticle ol li:last-child {
    margin-bottom: 0;
}
.mainContentsBlogArticle+.blogSideNav,
.mainContentsMatomeArticle+.blogSideNav {
    margin-top: 60px;
}
.mainContentsBlogArticle+.blogSideNav li,
.mainContentsMatomeArticle+.blogSideNav li {
    font-size: 16px;
}
.mainContentsMatomeArticle+.blogSideNav {
    margin-top: 60px;
}
.mainContentsMatomeArticle+.blogSideNav li {
    font-size: 16px;
}
/*--------------------
 ブログ内吹き出し
--------------------*/
.blogArticle .balloon {
    margin-bottom: 2em;
    position: relative;
}
.blogArticle .balloon::before,
.blogArticle .balloon::after {
    clear: both;
    content: "";
    display: block;
}
.blogArticle .balloon figure {
    width: 60px;
    height: 60px;
}
.blogArticle .balloon-image-left {
    float: left;
    margin-right: 20px;
}
.blogArticle .balloon-image-right {
    float: right;
    margin-left: 20px;
}
.blogArticle .balloon figure img {
    width: 100%;
    height: 100%;
    border: 2px solid #aaa;
    background-color: #fff;
    border-radius: 50%;
    margin: 0;
}
.blogArticle .balloon-image-description {
    font-size: 10px;
    text-align: center;
}
.blogArticle .balloon-text-right-red,
.blogArticle .balloon-text-left-red,
.blogArticle .balloon-text-right-blue,
.blogArticle .balloon-text-left-blue,
.blogArticle .balloon-text-right-gray,
.blogArticle .balloon-text-left-gray {
    position: relative;
    padding: 10px;
    border: 2px solid;
    border-radius: 10px;
    max-width: -webkit-calc(100% - 120px);
    max-width: calc(100% - 120px);
    display: inline-block;
    background-color: #fff;
}
.blogArticle .balloon-text-right-red {
    border-color: #F89599;
}
.blogArticle .balloon-text-left-red {
    border-color: #F89599;
}
.blogArticle .balloon-text-right-blue {
    border-color: #0080B9;
}
.blogArticle .balloon-text-left-blue {
    border-color: #0080B9;
}
.blogArticle .balloon-text-right-gray {
    border-color: #aaa;
}
.blogArticle .balloon-text-left-gray {
    border-color: #aaa;
}
.blogArticle .balloon-text-right-red,
.blogArticle .balloon-text-right-blue,
.blogArticle .balloon-text-right-gray {
    float: left;
}
.blogArticle .balloon-text-left-red,
.blogArticle .balloon-text-left-blue,
.blogArticle .balloon-text-left-gray {
    float: right;
}
.blogArticle .balloon p {
    margin: 0 0 20px;
}
.blogArticle .balloon p:last-child {
    margin-bottom: 0;
}
/* 三角部分 */
.blogArticle .balloon-text-right-red::before {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-right: 10px solid #F89599;
    top: 15px;
    left: -20px;
}
.blogArticle .balloon-text-right-red::after {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-right: 10px solid #F7F7F7;
    top: 15px;
    left: -17px;
}
.blogArticle .balloon-text-left-red::before {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-left: 10px solid #F89599;
    top: 15px;
    right: -20px;
}
.blogArticle .balloon-text-left-red::after {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-left: 10px solid #F7F7F7;
    top: 15px;
    right: -17px;
}
.blogArticle .balloon-text-right-blue::before {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-right: 10px solid #0080B9;
    top: 15px;
    left: -20px;
}
.blogArticle .balloon-text-right-blue::after {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-right: 10px solid #F7F7F7;
    top: 15px;
    left: -17px;
}
.blogArticle .balloon-text-left-blue::before {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-left: 10px solid #0080B9;
    top: 15px;
    right: -20px;
}
.blogArticle .balloon-text-left-blue::after {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-left: 10px solid #F7F7F7;
    top: 15px;
    right: -17px;
}
.blogArticle .balloon-text-right-gray::before {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-right: 10px solid #aaa;
    top: 15px;
    left: -20px;
}
.blogArticle .balloon-text-right-gray::after {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-right: 10px solid #F7F7F7;
    top: 15px;
    left: -17px;
}
.blogArticle .balloon-text-left-gray::before {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-left: 10px solid #aaa;
    top: 15px;
    right: -20px;
}
.blogArticle .balloon-text-left-gray::after {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-left: 10px solid #F7F7F7;
    top: 15px;
    right: -17px;
}
/* ブログ内考えごと */
.blogArticle .think .balloon-text-right-red,
.blogArticle .think .balloon-text-left-red,
.blogArticle .think .balloon-text-right-blue,
.blogArticle .think .balloon-text-left-blue,
.blogArticle .think .balloon-text-right-gray,
.blogArticle .think .balloon-text-left-gray {
    border-radius: 30px;
}
.blogArticle .think .balloon-text-right-red::before {
    border: 2px solid #F89599;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    left: -12px;
}
.blogArticle .think .balloon-text-right-red::after {
    border: 2px solid #F89599;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    top: 20px;
    left: -19px;
}
.blogArticle .think .balloon-text-left-red::before {
    border: 2px solid #F89599;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    top: 15px;
    right: -12px;
}
.blogArticle .think .balloon-text-left-red::after {
    border: 2px solid #F89599;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    top: 20px;
    right: -19px;
}
.blogArticle .think .balloon-text-right-blue::before {
    border: 2px solid #0080B9;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    left: -12px;
}
.blogArticle .think .balloon-text-right-blue::after {
    border: 2px solid #0080B9;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    top: 20px;
    left: -19px;
}
.blogArticle .think .balloon-text-left-blue::before {
    border: 2px solid #0080B9;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    top: 15px;
    right: -12px;
}
.blogArticle .think .balloon-text-left-blue::after {
    border: 2px solid #0080B9;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    top: 20px;
    right: -19px;
}
.blogArticle .think .balloon-text-right-gray::before {
    border: 2px solid #aaa;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    left: -12px;
}
.blogArticle .think .balloon-text-right-gray::after {
    border: 2px solid #aaa;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    top: 20px;
    left: -19px;
}
.blogArticle .think .balloon-text-left-gray::before {
    border: 2px solid #aaa;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    top: 15px;
    right: -12px;
}
.blogArticle .think .balloon-text-left-gray::after {
    border: 2px solid #aaa;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    top: 20px;
    right: -19px;
}
.shareArticle {
    margin-top: 3em;    
    padding-bottom: 2em;
    text-align: right;
}
.shareArticle a {
    margin-right: 10px;
    text-decoration: none !important;
}
.shareArticle img {
    width: 40px;
}
.blogPageNavThumbnails {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    margin-top: 90px;
    margin-bottom: 80px;
}
.blogPageNavThumbnails .blogNavThumb {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    width: 530px;
    height: 180px;
    background-color: #fff;
    position: relative;
}
.blogPageNavThumbnails .blogNavThumb a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.blogPageNavThumbnails .blogNavImg {
    width: 270px;
    height: 180px;
    position: relative;
    overflow: hidden;
}
.blogPageNavThumbnails .blogNavImg img {
    position: absolute;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
@supports (object-fit: cover) {
    .blogPageNavThumbnails .blogNavImg img {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        top: 0;
        -ms-transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        transform: none;
    }
}
.blogPageNavThumbnails .blogNavText {
    padding: 20px;
    width: 260px;
}
.blogPageNavThumbnails .blogNavText .blogNavDate {
    font-weight: bold;
    color: #666;
    font-size: 16px;
    margin-top: 20px;
}
.blogPageNavThumbnails .blogNavText .blogNavTitle {
    font-weight: bold;
    color: #000;
    font-size: 18px;
}
.blogNavNext {
    margin-right: auto;
    margin-left: 0;
}
.blogNavNext a img {
    position: absolute;
    bottom: -30px;
    left: 20px;
}
.blogNavPrev {
    margin-right: 0;
    margin-left: auto;
}
.blogNavPrev a img {
    position: absolute;
    bottom: -30px;
    right: 20px;
}
.toBlogPageButton div {
    width: 276px;
    position: relative;
}
.toBlogPageButton div a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.slick-initialized .slick-slide {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}
.articleShareButton {
    margin-right: 0;
    margin-left: auto;
    margin-bottom: 50px;
    position: relative;
    text-align: center;
    width: 125px;
    letter-spacing: 0;
    font-size: 20px;
}
.articleShareButton a {
    margin-right: 10px;
}
.articleShareButton a:last-child {
    margin-right: 0;
}
/* 404ページ */
.error-404 {
    text-align: center;
    padding: 100px 0;
}
.error-404 .error-title {
    font-size: 60px;
}
.error-404 .page-title {
    font-size: 30px;
    color: #333;
}
.error-404 .page-title:after {
    border: none;
}
.error-404 p {
    margin-top: 30px;
    font-size: 16px;
    line-height: 27px;
}
.error-404 .home-button {
    background-color: #F1D761;
    padding: 20px 30px 15px;
    text-decoration: none;
    color: #333;
    font-weight: bold;
    border-radius: 3px;
    margin-top: 30px;
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
}
/* CONTACT お問い合わせ */
/* 会員登録フォーム */
/* コワーキング席・個室予約フォーム */
.contactform {
    min-width: 1100px;
}
.contactform>div {
    margin-bottom: 20px;
}
.contactform label .info {
    font-size: 75%;
    color: #666;
}
.contactform input,
.contactform select {
    height: 48px;
}
.contactform input[type="checkbox"],
.contactform input[type="radio"] {
    width: auto;
    height: 16px;
}
.contactform input[type="date"] {
    max-width: 180px;
}
.contactform input::placeholder,
.contactform select::placeholder,
.contactform textarea::placeholder {
    color: #ccc;
}
.contactform textarea {
    height: 260px;
    line-height: 1.8em;
    padding: 10px;
}
.contactform a {
    text-decoration: underline;
}
.contactform .bottomSpace {
    margin-bottom: 80px;
}
.wpcf7 select[name="your-hour-start"], .wpcf7 select[name="your-minutes-start"], .wpcf7 select[name="your-hour-end"], .wpcf7 select[name="your-minutes-end"] {
    width: 25%;
}
.wpcf7 select[name="your-use-hours"] {
    width: 51%;
}

.contactform .reservationForm {
    width: 712px;
    margin: auto;
}
.contactform .reservationForm span.require {
    color: #fff;
    background: #DF6F5F;
    border-radius: 3px;
    padding: 0px 3px;
    font-size: 10px;
    margin-left: 4px;
}
.contactform .reservationForm textarea {
    height: unset;
}
.wpcf7 .contactform .topNote {
    width: 630px;
    margin: auto;
    margin-bottom: 40px;
    padding: 30px 24px 8px;
}
.wpcf7 .contactform .topNote_price dt:last-of-type {
    width: 100%;
}
.wpcf7 .topNote {
    border: 1px #999 solid;
    background: #fff;
    position: relative;
    width: 98%;
    margin: 20px auto 40px;
    padding: 28px 14px 6px;
}
.wpcf7 .topNote .noteTitle {
    background-color: #999;
    position: absolute;
    top: -17px;
    padding: 4px 10px 2px;
    color: #fff;
}
.wpcf7 .topNote_price dl{
    font-size: 0;
}
.wpcf7 .topNote_price dt, .wpcf7 .topNote_price dd{
    display: inline-block;
    width: 100%;
    text-align: left;
    font-weight: bold;
    border-bottom: dotted 1px #ccc;
    font-size: 16px;
}
.wpcf7 .topNote ul,
.wpcf7 .bottomNote ul {
    border: none;
    padding: 0;
    margin: 0;
}
.wpcf7 .topNote ul li,
.wpcf7 .bottomNote ul li {
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.8;
    margin-bottom: 0.4em;
    list-style: none;
}
.wpcf7 .topNote ul li::before,
.wpcf7 .bottomNote ul li::before {
    content: "※";
}
.wpcf7 .itemNote {
    line-height: 1.4;
    font-size: 90%;
}
.staffInputField {
    border: 1px #ccc solid;
    padding: 20px;
    font-size: 20px;
}
.staffInputField div {
    margin-bottom: 20px;
}
.fieldWrap2 {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}
.fieldWrap2 .left_1-1 {
    width: 49%;
    margin-right: 2%;
}
.fieldWrap2 .right_1-1 {
    width: 49%;
}
.fieldWrap2 .left_route {
    width: 18%;
}
.fieldWrap2 .left_route span.wpcf7-list-item{
    margin: 0;
}
.fieldWrap2 .right_route {
    width: 82%;
}
.fieldWrap2 .right_route input {
    height: 22px;
}
.fieldWrap2 .right_route input.keyword {
    width: 32%;
    margin-left: 2%;
}
.fieldWrap2 .right_route input.keyword.first {
    margin-left: 0;
}
.fieldWrap2 .right_route dl dd {
    height: 30px;
}
.fieldWrap2 .wpcf7-list-item {
    display: block;
}
.selectWrap {
    position: relative;
    width: 100%;
    height: 48px;
    border-radius: 4px;
    background-color: #fff;
}
.selectWrap::after {
    content: "";
    position: absolute;
    display: block;
    right: 20px;
    bottom: 17px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 7px 0 7px;
    border-color: #999999 transparent transparent transparent;
}
.selectWrap select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    display: block;
    z-index: 1;
    background: transparent;
}
.selectWrap select option {
    background-color: #fff;
}
.selectWrap select::-ms-expand {
    display: none;
}
.contactSubmit:not(.memberSubmit) {
    width: 245px;
    height: 75px;
    cursor: pointer !important;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
.contactSubmit img {
    position: absolute;
    top: 28px;
    right: 32px;
}
.contactSubmit svg {
    position: absolute;
    top: 33px;
    right: 32px;
}
input.contactSubmitButton {
    background-color: #f1d661;
    display: block;
    height: 75px;
    width: 245px;
    cursor: pointer !important;
    font-size: 24px;
    font-weight: bold;
    border: 0;
    border-radius: 8px !important;
    box-shadow: 0 2px 2px rgb(0 0 0 / 10%);
    margin: 50px auto;
    padding-top: 10px;
    letter-spacing: 0.4em;
}
/* 確認画面用 */

/*会員登録画面のSubmit*/
.contactSubmit input {
    color: #000 !important;
}
.contactSubmit.memberSubmit {
    width: 245px;
    height: 75px;
    cursor: pointer !important;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
.wpcf7c-elm-step2 {
    font-size: 25px;
    text-align: center;
    margin-bottom: 5%;
    color: #f33;
    font-weight: bold;
}
.wpcf7c-elm-step2.msg {
    font-size: 22px;
    text-align: center;
    margin-bottom: 5%;
    color: #f92c66;
    font-weight: bold;
    line-height: 1.5;
}
#confirm_btn,
#back_btn {
    width: 245px;
    height: 75px;
    cursor: pointer !important;
    margin: 0 auto 3%;
    position: relative;
    display: block;
    background: #F9D561;
    color: #000 !important;
}
.wpcf7c-force-hide+.memberSubmit img,
.wpcf7c-force-hide+.memberSubmit svg {
    display: none;
}
/* Q&A よくある質問 */
dl.mainContentsFAQBox {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    margin-bottom: 70px;
}
dl.mainContentsFAQBox dt,
dl.mainContentsFAQBox dd {
    flex-basis: 50%;
    color: #333;
}
dl.mainContentsFAQBox dt::before,
dl.mainContentsFAQBox dd::before {
    display: block;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 0.4em;
}
dl.mainContentsFAQBox dt {
    font-weight: bold;
    font-size: 20px;
}
dl.mainContentsFAQBox dt::before {
    content: "Q.";
}
dl.mainContentsFAQBox dd::before {
    content: "A.";
    color: #b4275f;
}
.mainContentsBoxText>dl.mainContentsFAQBox:last-child {
    margin-bottom: 0;
}
div.mainContentsBoxText~dl.mainContentsFAQBox {
    margin-top: 2em;
}
/* FACILITY 設備情報 */
.mainContentsFacilityIntro {
    background-color: #fff;
    margin-bottom: 120px;
}

.mainContentsFacilityIntro .facilityIntroTop {
    height: 450px;
    width: 100%;
    background-image: url(img/facilityIntroTopImg.jpg);
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.mainContentsFacilityIntro .facilityIntroTopCatch {
    color: #fff;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    margin-bottom: 100px;
}
.mainContentsFacilityIntro .facilityIntroTopIcons {
    padding: 0 70px;
    color: #fff;
}
.mainContentsFacilityIntro .facilityIntroTopIcons li {
    font-size: 20px;
    flex-basis: 25%;
}
.mainContentsFacilityIntro .facilityIntroTopIcons li span {
    font-size: 16px;
    font-weight: normal;
}
.mainContentsFacilityIntro .facilityIntroTopIcons li .facilityCaption {
    margin-top: 30px;
}
.mainContentsFacilityIntro .facilityIntroBottom {
    height: 205px;
}
.mainContentsFacilityIntro .facilityIntroBottom .facilityIntroBottomIcons {
    margin: 45px 20px;
}
.mainContentsFacilityBox {
    margin-bottom: 0;
}
.facilityLists {
    margin-top: 40px;
}
.facilityLists .facilityList {
    margin-bottom: 120px;
}
.facilityLists .facilityList:last-child {
    margin-bottom: 100px;
}
.facilityLists .facilityListsHead {
    color: #000;
    padding: 30px 10px;
    font-size: 30px;
    font-weight: bold;
    border-top: 3px solid #000;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
}
.facilityLists .facilityListsHead img {
    margin-right: 20px;
}
.facilityList ol {
    list-style-position: inside;
}
.facilityLists ol li {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    border-top: 1px solid #ccc;
    counter-increment: number 1;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    letter-spacing: 0.02em;
}
.qaLists {
    margin-top: 0;
    margin-bottom: 50px;
}
.qaLists .reserveRoomBox {
    margin-bottom: 0
}
.matomeSideNav li .children li a::before {
    content: " - ";
    padding-left: 10px;
}
.facilityLists.matomeLists ol li {
    display: block;
    border-top: none;
}
.matomeLists ol li a {
    position: relative;
}
.matomeLists ol li .children li a::before {
    content: " - ";
    padding-left: 40px;
}
.matomeSideNav li .children li a::before {
    content: " - ";
    padding-left: 10px;
}
.facilityLists ol li .facilityListName {
    margin-left: 45px;
    min-width: 330px;
}
.facilityLists ol li .facilityListComment {
    font-size: 14px;
}
.facilityLists ol li:last-child {
    border-bottom: 1px solid #ccc;
}
.facilityLists.matomeLists ol li:last-child {
    border-bottom: none;
}
.facilityLists ol li::before {
    font-size: 18px;
    content: "0"counter(number) " ";
    font-weight: bold;
    letter-spacing: 0.01em;
    padding-left: 0.5em;
}
.matomeLists ol li::before {
    display: none;
}
.facilityLists ol li:nth-child(n+10)::before {
    content: counter(number) " ";
}
.mamtomeLists ol li:nth-child(n+10)::before {
    display: none;
}
.qaLists ol li:nth-child(n+10)::before {
    display: none;
}
/* 姉妹サイト紹介 */
.mainContentsRelatedServices {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    border-top: 1px solid #333;
    padding-top: 2em;
}
.mainContentsRelatedServices .mainContentsBoxText {
    flex-basis: 75%;
    font-size: 14px;
}
.mainContentsRelatedServices .mainContentsBoxText>p {
    margin-bottom: 60px;
}
.mainContentsRelatedServices h2 {
    flex-basis: 25%;
    font-size: 24px;
    color: #333 !important;
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 0.01em;
    position: relative;
    padding-top: 0;
}
.mainContentsRelatedServices h2::before {
    content: "";
    border: 0;
}
.mainContentsRelatedServicesWrap {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}
.mainContentsRelatedServicesWrap .mainContentsRelatedServiceBox {
    flex-basis: 50%;
    margin-right: 40px;
}
.mainContentsRelatedServicesWrap .mainContentsRelatedServiceBox:last-child {
    margin-right: 0;
}
.mainContentsRelatedServicesWrap .mainContentsRelatedServiceBox img {
    cursor: pointer;
    margin-bottom: 2em;
    border: 1px solid #ccc;
}
/* ↓パンくずリスト */
.breadCrumb {
    font-size: 18px;
    margin-top: 90px;
}
.breadCrumb ol {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
}
.breadCrumb ol li {
    color: #666;
}
.breadCrumb ol li::before {
    content: "/";
    padding: 0 0.4em;
    color: #000;
    font-weight: normal;
}
.breadCrumb ol li:first-child::before {
    content: "";
    padding: 0;
}
.breadCrumb ol .breadCrumbActive {
    font-weight: bold;
    color: #000;
}
.breadCrumb.blog_only {
    margin-top: 80px;
}
/* ここからフッター */
footer {
    background-color: #333;
    background-image: url(img/footer_bg.jpg);
    border-top: 4px solid #f1d661;
    padding: 20px 40px 20px;
    color: #ccc;
    font-size: 16px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    position: relative;
    overflow: hidden;
    min-width: 1100px;
}
footer a {
    color: #ccc;
}
footer>div {
    z-index: 200;
}
footer::after {
    z-index: 100;
    content: "";
    position: absolute;
    top: 0;
    right: -360px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 730px 874px 0 874px;
    border-color: rgba(255, 255, 255, 0.05) transparent transparent transparent;
}
.footerLeft {
    padding-right: 30px;
    width: 400px;
}
.footerLeft .footerLogo .footerLogoImage img.icon {
    width: 40px;
    height: auto;
    margin-right: 10px;
}
.footerLeft .footerLogo .footerLogoImage img {
    width: 293px;
    height: 40px;
}
.footerLeft .footerLogo .footerLogoSNS {
    margin-top: 2rem;
}
.footerLeft .footerLogo .footerLogoSNS img {
    width: 36px;
    height: 36px;
}
.footerLeft .footerLogo .footerLogoSNS a {
    display: inline-block;
    margin-right: 10px;
}
.footerLeft .memberAppBtn {
    margin-top: 20px;
}
.footerLeft .memberAppBtn .yellowButton {
    color: #333!important;
}
.footerNav {
    min-width: 700px;
    position: relative;
}
.footerNav .footerNavMenu ul.footerNavMenuContents {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    font-size: 16px;
}
.footerNav .footerNavMenu ul.footerNavMenuContents:last-of-type {
    margin-bottom: 60px;
}
.footerNav .footerNavMenu ul.footerNavMenuContents+ul.footerNavMenuContents {
    margin-top: 0px;
}
.footerNav .footerNavMenu ul.footerNavMenuContents.flex-start {
    justify-content: flex-start;
}
.footerNav .footerNavMenu ul.footerNavMenuContents.flex-start li {
    margin-right: 20px;
}
.footerNav .footerNavMenu ul.footerNavMenuAboutus {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: flex-end;
}
.footerNav .footerNavMenu ul.footerNavMenuAboutus li {
    font-size: 14px;
    margin-left: 20px;
}
.footerNav .footerCopyright {
    margin-top: 40px;
    text-align: right;
    font-size: 14px;
    font-family: "Noto Sans CJK JP", sans-serif;
}
.rs-trigger-btn.rs-hide-all {
    display: none !important;
}
.fixed-btn {
    position: fixed;
    z-index: 999;
    bottom: calc(35% - 10px);
    right: -100px;
    width: 158px;
}
.fixed-btn .rs-trigger-btn {
    padding: 35px 20px;
    writing-mode: vertical-rl;
    background-color: #f1d661;
    color: #333;
    font-size: 16px;
    display: flex;
    border-radius: 3px;
    box-shadow: 0 2px 2px rgb(0 0 0 / 10%);
}
.fixed-btn .rs-trigger-btn p {
    right: 4px;
    position: relative;
}
.fixed-btn .rs-trigger-btn img {
    width: 22px;
    margin: 0 3px 10px 0;
}
.fixed-btn .rs-modal-content {
    margin: 140px auto;
}

/* grayColor メインカラー＝グレーの時のデザイン */
#grayColor::after {
    content: "";
    border-color: transparent #d2cbc6 transparent transparent;
}
#grayColor h2::before {
    border-color: #d2cbc6 transparent transparent transparent;
}
#grayColor .yellowButton,
#grayColor .contactSubmit,
#grayColor input.contactSubmitButton {
    background-color: #d2cbc6 !important;
    box-shadow: 0 2px 2px rgb(0 0 0 / 10%);
}
#grayColor .yellowButton.reservation {
    background-color: #f1d661 !important;
    box-shadow: 0 2px 2px rgb(0 0 0 / 10%);
    width: 290px;
}
#grayColor .meetingRoomCardRoomList .yellowButton.reservation {
    width: 150px;
}
#grayColor .articleShareButton::before {
    border-color: #d2cbc6 transparent transparent transparent;
}
#grayColor .storeIntroNumber svg path {
    fill: #d2cbc6;
}
#grayColor .storeIntroductionBox::after {
    background-color: rgba(210, 203, 198, 0.5);
}
/* コワーキングスペースまとめ */
.matomeWrap a:hover {
    color: #999;
}
.matomeWrap .yellowButton a:hover {
    color: #333;
}
.mainMatome .facilityIntroTop {
    height: 450px;
}
.mainMatome .facilityLists ol li a {
    text-decoration: underline;
}
.mainMatome .mainContentsFacilityIntro {
    background-color: inherit;
}
.mainMatome h2 {
    text-align: center;
    line-height: 2.0;
    font-size: 25px;
    margin-top: 50px;
    padding: 40px 0;
}

/* ページ下部固定キャンペーンバナー */
.campaignBannerFixed {
    position: fixed;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.campaignBannerFixed.isVisible {
    opacity: 1;
    visibility: visible;
}

/* 閉じるボタン */
.campaignBannerClose {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 30px;
    height: 30px;
    background-color: #000;
    border-radius: 50%;
    border: 2px solid #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
}

.campaignBannerClose:hover {
    background-color: #333;
}

.campaignBannerClose::before,
.campaignBannerClose::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 2px;
    background-color: #fff;
}

.campaignBannerClose::before {
    transform: rotate(45deg);
}

.campaignBannerClose::after {
    transform: rotate(-45deg);
}

/* バナーリンクと画像 */
.campaignBannerLink {
    display: block;
    line-height: 0;
}

.campaignBannerImage {
    display: block;
    max-width: 100%;
    height: auto;
}

.tokusyuH2 {
    margin-bottom: 20px;
}
.mainMatome .tokusyuContents h2 {
    text-align: left;
}
.mainMatome .tokusyuContents h2.tokusyu_store_name,
.mainMatome .tokusyuContents h3.tokusyu_store_name {
    font-size: 20px;
    padding: 0 0 0 10px;
    margin: 30px 0 10px;
    border-left: solid 5px #F1D761;
    line-height: 1.4;
}
.mainMatome .tokusyuContents h2.tokusyu_store_name::before,
.mainMatome .tokusyuContents h3.tokusyu_store_name::before {
    display: none;
}
.mainMatome .tokusyuContents h3 {
    margin: 60px 0 30px;
    text-align: left;
    border-left: solid 5px #bbb;
    padding-left: 10px;
    line-height: 1.4;
    font-size: 20px;
}
.mainMatome .tokusyuContents h4 {
    margin: 60px 0 30px;
    text-align: left;
    border-left: solid 5px #bbb;
    padding-left: 10px;
    line-height: 1.4;
    font-size: 20px;
}
.mainMatome .tokusyuContents h3.osusume,
.mainMatome .tokusyuContents h4.osusume {
    border-left: none;
}
.mainMatome .tokusyuContents h4.osusume {
    margin: 60px 0 30px;
    text-align: left;
    padding-left: 10px;
    line-height: 1.4;
    font-size: 20px;
}
.mainMatome .tokusyuContents h3.osusume::before,
.mainMatome .tokusyuContents h4.osusume::before {
    content: '';
    display: inline-block;
    width: 36px;
    height: 40px;
    background-image: url(img/icon_light.png);
    background-size: contain;
    vertical-align: bottom;
    background-repeat: no-repeat;
    filter: brightness(0.9);
}
.mainMatome .tokusyuContents strong {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #fde88e));
    background: -webkit-linear-gradient(transparent 60%, #fde88e 60%);
    background: linear-gradient(transparent 60%, #fde88e 60%);
    padding: 0 1px 2px;
}
.mainMatome .tokusyuContents hr {
    border-top: 2px solid #9f9f9f;
    width: 80%;
    margin: 30px 0;
    border-bottom: none;
}
.mainMatome .tokusyuContents .btn_detail {
    text-align: center;
    margin-bottom: 60px;
}
.mainMatome .tokusyuContents .btn_detail a
,a.btn_detail {
    background: #F1D661;
    padding: 10px 15px;
    border-radius: 6px;
    text-decoration: none;
    box-shadow: 0px 3px 0px #e1c137;
    font-size: 14px;
}
.mainMatome .tokusyuContents .btn_detail a:hover {
    color: #333;
    opacity: .8;
}
.mainMatome .tokusyuContents .matomeThumbnailmage {
    max-width: 500px !important;
    width: 100% !important;
    height: 200px;
}
.mainMatome .tokusyuContents .wp-block-image img {
    max-width: 500px !important;
    width: 100% !important;
    height: 100%;
}
.mainMatome .tokusyuContents .matomeArchiveDl {
    margin: 30px 0;
}
.mainMatome .tokusyuContents .matomeArchiveDl dt,
.mainMatome .tokusyuContents .matomeArchiveDl dd {
    font-size: 12px;
    padding: 3px 10px;
}
.mainMatome #search_tokusyu h2 {
    margin-top: 0;
    padding-top: 20px;
}
.mainMatome #search_tokusyu h2:before {
    border-width: 25px 25px 0 0;
}
.mainMatome .matomeCatch {
    text-align: left;
    padding: 0 20px;
    margin: 20px 0 30px;
}
.mainMatome h2 p span,
.under_y {
    background: linear-gradient(transparent 70%, #F9D561 70%);
}
.mainMatome h3 {
    text-align: center;
}
.mainMatome .mainContentsFacility>div {
    margin-bottom: 50px;
}
.mainMatome .bn_wrap {
    display: flex;
    margin: 50px 0;
    justify-content: center;
}
.mainMatome .bn_area {
    text-align: center;
}
.mainMatome .bn_area img {
    max-width: 349px;
    width: 95%;
}
.mainMatome .bn_area img:hover {
    opacity: .7;
}
.matome_bn .bn_area {
    max-width: 665px;
}
.matome_bn .bn_area img {
    max-width: 665px;
}
.matome_bn {
    margin-top: 18px;
}
.mainMatome #tokusyu .wp-block-media-text__content h2 {
    padding: 10px 0 10px 10px;
    text-align: left;
    line-height: 1.5;
}
.mainMatome #tokusyu .wp-block-media-text__content p {
    padding: 10px;
    text-align: left;
    line-height: 1.5;
}
.mainMatome #tokusyu .wp-block-media-text__content h2:before {
    border-color: #e16072 transparent transparent transparent;
    border-width: 25px 25px 0 0;
}
.mainMatome .wp-block-media-text {
    margin-bottom: 60px;
}
.mainMatome .matomeCenterText {
    text-align: center;
    margin-top: 20px;
}
.mainMatome .matomeCenterText a {
    border-bottom: 1px solid #555;
}
.matomeOsakaTop dl {
    margin: 30px auto 0;
    width: 70%;
    font-size: 15px;
    text-align: left;
    border: solid 2px #555;
    padding: 10px 20px;
    max-width: 300px;
    line-height: 1.8;
    font-weight: bold;
}
.matomeOsakaTop dt {
    width: auto;
    display: inline-block;
    width: 45%;
}
.matomeOsakaTop dd {
    width: auto;
    display: inline-block;
    width: 50%;
}
.matomeTop .quote {
    font-size: 10px;
    line-height: 1.3;
    display: inline-block;
    font-weight: bold;
    margin-top: 10px;
}
.matomeTop blockquote {
    border: solid 2px #D4CBC6;
    margin: 1rem;
}
.matomeTop blockquote img {
    display: block;
    margin: 0 auto;
}
.matomeKanagawaTop blockquote img {
    max-width: 350px;
}
.matomeKanagawaTop h3 p {
    margin-top: 0;
}
.tometoTop h3 p {
    margin-top: 0;
}
.matomeArchiveDl {
    display: flex;
    flex-wrap: wrap;
    border-top: none;
}
.matomeArchiveDl a {
    text-decoration: underline;
    word-break: break-word;
}
.matomeArchiveDl dt {
    background: #555;
    width: 25%;
    padding: 10px;
    box-sizing: border-box;
    border-top: 1px solid #ccc;
    color: #fff;
    font-weight: bold;
    border: none;
    margin-bottom: 3px;
    font-size: 14px;
}
.matomeArchiveDl dd {
    padding: 10px;
    padding-left: 20px;
    margin: 0;
    width: 75%;
    background: #fff;
    box-sizing: border-box;
    margin-bottom: 3px;
    font-size: 14px;
}
.matomeThumbnailDetail p {
    background: #333;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    line-height: 2;
    padding: 10px;
    text-align: center;
    letter-spacing: 0.02em;
}
.mainContentsMatome .flex {
    display: flex;
    width: 100%;
    margin: 0 auto;
    flex-wrap: wrap;
    box-sizing: border-box;
}
.mainContentsMatome .flex figure {
    width: calc(100% / 3);
    padding: 5px;
    box-sizing: border-box;
}
.mainContentsMatome .flex figcaption,
.mainContentsMatome .flex div {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
.mainContentsMatome .flex figcaption {
    margin-bottom: 10px;
    line-height: 1.5;
}
.matomeWrap {
    padding-top: 38px;
}
.matomeWrap:not(.matomePageWrap) h2 {
    padding: 10px 0 10px 40px;
}
.matomeThumbnailTitle h2 {
    padding-left: 10px;
}
.matomeMenu {
    list-style: none;
    display: flex;
    margin-top: 30px;
}
.matomeMenu li:first-child:nth-last-child(6),
.matomeMenu li:first-child:nth-last-child(6)~li {
    width: calc(100% / 6);
}
.matomeMenu li:first-child:nth-last-child(5),
.matomeMenu li:first-child:nth-last-child(5)~li {
    width: calc(100% / 5);
}
.matomeMenu li:first-child:nth-last-child(4),
.matomeMenu li:first-child:nth-last-child(4)~li {
    width: calc(100% / 4);
}
.matomeMenu li:first-child:nth-last-child(3),
.matomeMenu li:first-child:nth-last-child(3)~li {
    width: calc(100% / 3);
}
.matomeMenu li:first-child:nth-last-child(2),
.matomeMenu li:first-child:nth-last-child(2)~li,
.matomeMenu li:first-child:nth-last-child(1),
.matomeMenu li:first-child:nth-last-child(1)~li {
    width: 150px;
}
.matomeMenu li {
    text-align: center;
    background-color: #f1d661;
    height: 25px;
    line-height: 25px;
    margin-right: 2px;
    list-style: none;
    border: solid 2px #50423f;
}
.matomeMenu li a {
    font-size: 13px;
    text-decoration: none;
    color: #333;
    font-weight: bold;
    line-height: 2;
    display: block;
}
.matomeDetail {
    margin: 40px 2%;
}
.mainContentsMatomeArticle+.blogSideNav.matomeSidebar {
    margin-top:0;
}
.blogSideNavBox .matomeSidebarBn img {
    margin-bottom: 30px;
}
.blogSideNavBox .matomeSidebarBn img:hover {
    opacity: 0.8;
    transition: 0.8s;
}
#map iframe {
    margin: 30px 0;
    border: solid 10px #F9D561 !important;
    box-sizing: border-box;
    width: 100%;
}
.mainMatome .mainContentsFacilityIntro .facilityIntroTop {
    background-image: url(img/matomeTOP.jpg);
}
.matomeOsakaTop .mainContentsFacilityIntro .facilityIntroTop {
    background-image: url(img/matomeOsakaTop.jpg);
}
.matomeKanagawaTop .mainContentsFacilityIntro .facilityIntroTop {
    background-image: url(img/matomeKanagawaTop.jpg);
}
.matomeChibaTop .mainContentsFacilityIntro .facilityIntroTop {
    background-image: url(img/matomeChibaTop.jpg);
}
.matomeFukuokaTop .mainContentsFacilityIntro .facilityIntroTop {
    background-image: url(img/matomeFukuokaTop.jpg);
}
.matomeNagoyaTop .mainContentsFacilityIntro .facilityIntroTop {
    background-image: url(img/matomeNagoyaTop.jpg);
}
.matomeTop .facilityIntroTop h2::before {
    display: none;
}
.matomeTop .facilityIntroTop h2,
.matomeTop .facilityIntroTop h3 {
    background: #ffffffc9;
}
.matomeTop .facilityIntroTop h2 {
    margin-top: 0;
}
.matomeTop .facilityIntroTop h3 {
    padding-bottom: 40px;
}
.matomeTop .centerCatchCopy {
    max-width: 800px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px !important;
    background: #fff;
}
.matomeTop .centerCatchCopy p,
.matomeTop .centerCatchCopy li,
.matomeTop .centerCatchCopy h3 {
    font-size: 16px;
    padding: 0 30px;
    text-align: left;
}
.matomeTop .centerCatchCopy h3 {
    padding-top: 20px;
}
.matomeTop .centerCatchCopy li {
    line-height: 1.5;
}
.matomeTop .centerCatchCopy li:first-of-type {
    padding-top: 20px;
}
.matomeTop .centerCatchCopy p:last-of-type {
    padding-bottom: 40px;
}
.matomeTop h2 {
    font-size: 22px;
    padding-bottom: 20px;
    margin-top: 0;
}
.matomeTop .matomeTopCatch h2 {
    padding-top: 6px;
}
.matomeTop a:hover {
    color: #999;
}
.matomeTop .text_y {
    color: #FFD360;
}
/* ブログ記事の目次 */
.matomeTop .matomeMokuji h2 {
    padding-bottom: 40px;
}
.matomeTop .matomeMokuji ol {
    padding: 0 30px 40px;
}
.matomeTop .matomeMokuji ol li {
    padding: 5px 0;
    font-size: 14px;
}
.matomeTop .matomeMokuji ol li:first-of-type {
    border: none;
}
/* 外観に入れていたCSSの移植 - 目次 */
h3.wp-block-heading.mokuji-head {
    margin: 1rem 0;
}
ol.wp-block-list, mokuji {
    border: none;
    line-height: normal;
}
ol.wp-block-list.mokuji-child {
    margin: 0px;
    padding: 10px;
}

.matomeTop .centerCatchCopy {
    padding-bottom: 40px;
}
.matomeTop .centerCatchCopy strong {
    background: linear-gradient(transparent 80%, #ffe695 80%);
}
.matomeTop .centerCatchCopy .motto {
    margin: 0 30px;
    text-align: left;
    border: double 3px #999;
    padding: 0 10px;
}
.matomeTop .centerCatchCopy .motto p {
    padding: 0;
    margin: 0;
    line-height: 1;
}
.matomeTop .centerCatchCopy .motto a {
    text-decoration: underline;
}
.matomeTop .centerCatchCopy .motto a,
.matomeTop .centerCatchCopy .motto p {
    font-size: 14px;
}
.headlineMatome {
    font-size: 50px;
    padding-bottom: 3px;
}
.matome_source,
.matome_source a {
    font-size: 10px !important;
    text-align: right;
    padding: 3px 10px 0 0;
    color: #999;
    line-height: 1.3;
}
.mainContentsMatomeArticle .matome_source {
    font-size: 10px !important;
    padding: 0;
    color: #999;
}
.matome_source a {
    text-decoration: underline;
}

.storeLabelWrap {
    display: flex;
    flex-wrap: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    font-weight: bold;
    font-size: 80%;
}
.mainWrap div.storePr span,
.mainWrap div.storeStatusDetail span {
    width: auto;
}
.storeStatusDetail .store-open,
.storeStatusDetail .store-closed,
.store-pr {
    padding: 6px 19px 5px;
}
.store-pr {
    background-color: #FFF;
}
.storeStatusDetail .store-open {
    background-color: #F1D761;
}
.storeStatusDetail .store-closed {
    background-color: #ababab;
}
/* まとめ特集ページ */
.matomeTokusyu .wp-block-column {
    letter-spacing: 0.04em;
}
.matomeTokusyu .wp-block-column h2 {
    margin-top: 0 !important;
}
.matomeTokusyu .wp-block-column .wp-block-image,
.matomeTokusyu .wp-block-column .tokusyu_text {
    background: #fff;
    margin-bottom: 0;
    padding-bottom: 1em;
}
.matomeTokusyu .wp-block-column .tokusyu_text {
    padding: 0px 17px 30px;
    min-height: 208px;
}
.matomeTokusyu .wp-block-column h2 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 20px;
    padding: 0 !important;
    text-align: left;
    line-height: 1.5;
}
.matomeTokusyu .wp-block-column h2:before {
    display: none;
}
.matomeTokusyu .wp-block-column p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 1em;
}
.matomeTokusyu h3.ribbon {
    display: inline-block;
    position: relative;
    height: 36px;
    line-height: 36px;
    text-align: center;
    padding: 0 40px 0 18px;
    font-size: 14px;
    background: #F1D761;
    color: #333;
    box-sizing: border-box;
    margin: 30px 0;
}
.matomeTokusyu h3.ribbon:after {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
}
.matomeTokusyu h3.ribbon:after {
    top: 0;
    right: 0;
    border-width: 18px 15px 18px 0px;
    border-color: transparent #fffcb9 transparent transparent;
    border-style: solid;
}
/* WP6.0になったときにmarginが取れたっぽい対応 */
.matomeTokusyu .wp-block-column:not(:first-child) {
    margin-left: 2em;
}
.line_ccc {
    border-color: #cccccc !important;
}
.line_e4dfdc {
    border-bottom: solid 1px #e4dfdc;
}
.btmup {
    vertical-align: 5% !important;
}
.free-font {
    font-weight: 900 !important;
    font-weight: bold !important;
}
/* まとめ詳細-画像ポップアップ */
.popup-on {
    cursor: pointer;
}
.matomeImg_preview {
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 40000;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
.matomeImg_preview .matomeImg_photo {
    width: 90vw;
    height: auto;
    text-align: right;
}
.matomeImg_photo {
    position: relative;
}
.matomeImg_photo .closeModalButton {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10%;
    top: -10%;
    cursor: pointer;
}
#popup-on {
    display: none;
}
#popup-on:checked+.popup.matomeImg_modal {
    display: block;
}
/* lightbox(Luminous) */
.lum-lightbox {
    z-index: 99999;
}
.accordion-title {
    text-decoration: none !important;
}
.accordion-title::after {
    content: "";
    position: absolute;
    right: -20px;
    top: 25%;
    transition: all 0.2s ease-in-out;
    display: block;
    width: 8px;
    height: 8px;
    border-top: solid 2px #333;
    border-right: solid 2px #333;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.accordion-title.open::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 45%;
}
/*特集ページスタイル調整*/
.matomeWrap .wp-block-gallery {
    margin-top: 30px;
}
.post-date-area {
    text-align: right;
    font-size: smaller;
    color: #616161;
}
/* mod */
#storeList .mainContentsBoxSeparate .leftBox {
    margin-bottom: 40px;
}
.storeNewPriceLink {
    font-size: 20px;
    font-weight: bold;
    padding-top: 10px;
    margin-top: -15px;
    border-top: 1px solid #000000;
}
.storeNewPriceLink a {
    border-bottom: 2px solid #9d9d9d;
    padding-bottom: 3px;
}
.grayUnderLine {
    border-bottom: 2px solid #9d9d9d;
    padding-bottom: 3px;
}
.flexsliderLab2nd {
    margin-bottom: 25px;
}
.view360Link {
    text-align: center;
}
.view360Link a + p {
    text-align: center;
    margin-top: 10px;
}
.view360Link .yellowButton {
    width: auto;
    height: auto;
    margin: 30px 0 0 0;
    display: inline-block;
    padding: 10px;
    position: relative;
    font-size: 14px;
    line-height: 1;
}
.appFixedLogo {
    display: none;
}
.headerSPwrap .appBanner {
    margin-top: 30px;
    border-top: 1px solid #fff;
    padding-top: 15px;
}
.headerSPwrap .appBanner a {
    display: block;
    width: 162px;
}
img.otoku-info {
    display: block;
    width: 80%;
    margin: auto;
}
br.sp-only {
    display: none;
}
.CustomPostHead {
    width: 1100px;
    margin-right: auto;
    margin-left: auto;
}
/* コワーキングまとめ */
.mainWrap h1.matomeTopHead {
    font-size: 60px;
    font-weight: bold;
    position: relative;
    z-index: 300;
    color: #000;
}
.mainWrap h1.matomeTopHead::after {
    display: block;
    content: "";
    width: 4000px;
    position: absolute;
    bottom: 7px;
    left: -50vw;
    border-top: 2px solid #000;
}
.mainWrap h1.matomeTopHead span {
    display: block;
    width: 1100px;
    margin-right: auto;
    margin-left: auto;
}
.mainWrap h1.matomeTopHead span.headlineJa {
    font-size: 24px;
    letter-spacing: 0.11em;
    line-height: 30px;
}
.mainWrap h1.matomeTopHead span.headlineEn {
    font-size: 40px;
    font-family: 'Montserrat', sans-serif;
    position: relative;
    padding-top: 6px;
}
.mainWrap h1 span.headlineEn {
    font-size: 40px;
    font-family: 'Montserrat', sans-serif;
    position: relative;
    padding-top: 6px;
}
.mainWrap h1 span.headlineJa {
    font-size: 24px;
    letter-spacing: 00.11em;
    line-height: 30px;
}
.mainWrap div.matomeTopCatch span {
    display: inline;
    width: auto;
}
.mainWrap div span.BlogDate {
    width: auto;
    margin: 0.5rem 0;
    font-weight: 600;
    color: #737373;
}
.post-thumbnail.wp-block-image {
    display: block;
    text-align: center;
    margin-bottom: 2rem;
}

/* シンプルなテキストページの見出し */
.mainContentsBox h2.h2-normal {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #333;
    padding-bottom: 6px;
    padding-top: 0px;
    margin-bottom: 30px;
    margin-top: 60px;
}
.mainContentsBox h2.h2-normal::before {
    content: none !important;
}
/* まとめにタクソノミー追加 */
.matomeTag .taxonomy {
    font-size: smaller;
}
span.tag-label {
    font-weight: 800;
}
ul.term-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    display: inline;
    list-style: none;
    padding: 0;
    margin: 5px 0;
}
.term-breadcrumb li {
    display: inline;
}
.term-breadcrumb li:not(:last-child)::after {
    content: '>';
    margin: 0 0.5em;
    color: #666;
}
ul.term-breadcrumb:not(:last-child)::after {
  content: '、';
  margin-left: 2px;
  margin-right: 8px;
}
span.term-list a,
.term-breadcrumb li a {
  text-decoration: none;
  color: #0073aa;
  transition: opacity 0.2s;
}
span.term-list a:hover,
.term-breadcrumb li a:hover {
  opacity: 0.7;
  text-decoration: underline;
}
/* table 価格表 補足 */
.p-note {
    font-size: small;
}
/* トップへ戻るボタン */
#page-top {
  position: fixed;
  z-index: 1000;
}
button.page-top {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 80px;
  right: -80px;
  bottom: calc(24% - 10px);
  color: #fff;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  border: 0;
  background: #bdbdbd;
  transition: .2s;
  letter-spacing: 3px;
  font-weight: bold;
  border-radius: 4px 0 0 4px;
}
button.page-top i{
  position: absolute;
  font-size: 30px;
  color: #FFF;
  top: 15px;
}
button.page-top p{
  margin: 0;
  font-size: 15px;
  bottom: 13px;
  position: absolute;
}
button.page-top.is-active {
  opacity: 1;
  visibility: visible;
  right: -2px;
}
/* 外観に入れていたCSSの移植 */
/* まとめ内のコワーキングPRセクション */
section.pr-coworking {
    padding: 0.1rem 1.5rem;
    margin: 0.5rem 0;
}
/* まとめ内の施設情報 */
figure.wp-block-table.shop-info > table{
    border-collapse: separate;
    border-spacing: 0 5px;
    border: none;
	width: 100%;
}
.blogArticle table tbody td, .matomeArticle table tbody td {
    letter-spacing: 0.02em;
    background: #fff;
    border: none;
}
/* CF7の追加フィールドの非表示 */
fieldset.hidden-fields-container {
    display: none;
}
/* サイドバー見出し */
.sec-h {
  display: flex;
  align-items: center;
  font-weight: bold;
}
.sec-h::before {
  content: "▶";
  color: #333;
  font-size: 0.8em;
  margin-right: 8px;
}
 
/* ■■■　特集アーカイブページ　■■■ */
/* カードリスト全体のレイアウト */
.card-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); /* 画面幅に応じて列数を自動調整 */
    gap: 24px; /* カード間の余白 */
}

/* カード個別のスタイル */
.card-item {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden; /* 角丸からはみ出す画像を隠す */
    background-color: #fff;
    transition: box-shadow 0.3s, transform 0.3s;
}

.card-item:hover {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transform: translateY(-5px);
}

/* カード全体のリンク設定 */
.card-item a {
    text-decoration: none;
    color: inherit;
    display: block;
}

/* サムネイル画像のスタイル */
.card-thumbnail img {
    width: 100%;
    height: 180px; /* 高さを固定 */
    object-fit: cover; /* 画像の比率を保ったままトリミング */
    display: block;
}

/* カードのテキスト部分 */
.card-content {
    padding: 16px;
}
.card-title {
    font-size: 1.2rem;
    margin-top: 0;
    margin-bottom: 8px;
    font-weight: bold;
}
.card-description {
    font-size: 0.9rem;
    color: #555;
    margin: 0;
    line-height: 1.6;
}
/* フッター上バナー */
.bn_wrap.bn_wrap_bt {
    display: flex;
    justify-content: center;
    margin: 20px 0;
}

p.text-center {
    text-align: center;
}

/* ===================================================================
初めての方へ
 =================================================================== */
 #beginners main::after {
    z-index: -1;
 }
/* ── ヒーロー ── */
.beginners-hero {
  padding: 64px 40px 0;
  text-align: center;
  z-index: 999;
  position: relative;
}
.beginners-hero__label {
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #888;
  margin-bottom: 14px;
}
.beginners-hero__title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: clamp(28px, 4.5vw, 46px);
  line-height: 1.25;
  color: #000;
  margin-bottom: 16px;
}
.beginners-hero__title span {
  display: block;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  font-size: clamp(14px, 2vw, 18px);
  color: #555;
  margin-top: 10px;
}
.beginners-hero__sub {
  font-size: 15px;
  color: #555;
  margin-bottom: 36px;
  line-height: 1.9;
}
/* アンカーナビ */
.beginners-anchor-nav {
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}
.beginners-anchor-nav a {
  font-size: 13px;
  font-weight: 500;
  border: 1px solid #ccc;
  border-radius: 100px;
  padding: 6px 18px;
  color: #333;
  transition: background .15s, border-color .15s;
}
.beginners-anchor-nav a:hover {
  background: #f1d661;
  border-color: #f1d661;
}

/* ── ページ全体のコンテンツラッパー ── */
.beginners-wrap {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 40px 100px;
  z-index: 999;
  position: relative;
}

/* ── セクション共通 ── */
.beginners-wrap h2 {
    padding-top:60px;
}
.beginners-section {
  padding-top: 80px;
}
.beginners-section__sub {
  font-size: 15px;
  color: #555;
  margin-top: 30px;
  margin-bottom: 36px;
}

/* ── 3つの理由カード ── */
.beginners-reasons {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.beginners-reason-card {
  background: #fff;
  border-radius: 6px;
  padding: 28px 22px 24px;
  border-top: 4px solid #f1d661;
  transition: transform .2s;
}
.beginners-reason-card:hover { transform: translateY(-4px); }
.beginners-reason-card__num {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: .12em;
  color: #888;
  margin-bottom: 8px;
}
.beginners-reason-card__badge {
  display: inline-block;
  background: #f1d661;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 10px;
  border-radius: 3px;
  margin-bottom: 10px;
  letter-spacing: .04em;
}
.beginners-reason-card h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.55;
  margin-bottom: 8px;
  color: #1a1a1a;
}
.beginners-reason-card p {
  font-size: 13px;
  color: #555;
  line-height: 1.8;
}

/* ── ご利用の流れ ── */
.beginners-step {
  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 20px;
  align-items: flex-start;
  padding: 28px 0;
  border-bottom: 1px solid #e0e0dc;
}
.beginners-step:last-child { border-bottom: none; }
.beginners-step__num {
  width: 44px; height: 44px;
  background: #f1d661;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 18px;
  color: #1a1a1a;
  flex-shrink: 0;
  margin-top: 3px;
}
.beginners-step__body h3 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 6px;
  color: #1a1a1a;
}
.beginners-step__body p { font-size: 14px; color: #555; }
.beginners-step__note {
  display: inline-block;
  margin-top: 8px;
  font-size: 12px;
  color: #888;
  background: #ebebeb;
  padding: 4px 12px;
  border-radius: 4px;
}

/* ── 設備セクション ── */
.beginners-amenities-bg {
  margin: 80px -40px 0;
  padding: 60px 40px;
}
.beginners-amenity-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 12px;
  margin-top: 8px;
}
.beginners-amenity-item {
  background: #fff;
  border-radius: 6px;
  padding: 18px 16px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  border: 1px solid #e0e0dc;
  flex-direction: column;
  text-align: center;
}
.beginners-amenity-item__icon { font-size: 20px; flex-shrink: 0; margin: 2px auto 0; }
.beginners-amenity-item h4 { font-size: 13px; font-weight: 700; margin-bottom: 2px; color: #1a1a1a; }
.beginners-amenity-item p { font-size: 11px; color: #888; line-height: 1.5; }
.beginners-amenity-note { font-size: 12px; color: #888; margin-top: 16px; line-height: 1.7; }

/* ── 店舗一覧 ── */
.beginners-stores-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 12px;
  margin-top: 8px;
}
.beginners-store-card {
  border: 1px solid #e0e0dc;
  border-radius: 6px;
  padding: 18px;
  transition: border-color .15s, background .15s;
}
.beginners-store-card:hover { border-color: #f1d661; background: #fdf9e3; }
.beginners-store-card__city {
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #888;
  margin-bottom: 4px;
}
.beginners-store-card__name { font-size: 14px; font-weight: 700; color: #1a1a1a; margin-bottom: 6px; }
.beginners-store-card__access { font-size: 12px; color: #555; }
.beginners-stores-note { text-align: center; margin-top: 24px; font-size: 14px; color: #888; }
.beginners-stores-note a { color: #1a1a1a; font-weight: 700; border-bottom: 2px solid #f1d661; padding-bottom: 1px; }

/* ── CTA ── */
.beginners-cta {
  margin: 80px -40px -100px;
  padding: 72px 40px;
  text-align: center;
}
.beginners-cta h2 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: clamp(22px, 3.5vw, 36px);
  color: #000;
  line-height: 1.3;
  padding-top: 0;
  margin-bottom: 10px;
}
.beginners-cta h2::before { display: none; }
.beginners-cta h2 span {
  display: block;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #999;
  margin-top: 8px;
}
.beginners-cta__buttons {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 32px;
}
.beginners-cta__buttons .yellowButton {
  width: auto;
  height: 56px;
  padding: 0 36px;
  margin: 0;
  font-size: 15px;
}
.beginners-cta__btn-sub {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  padding: 0 36px;
  font-size: 15px;
  font-weight: bold;
  border-radius: 3px;
  border: 1px solid #555;
  color: #555;
  letter-spacing: .04em;
  transition: border-color .15s;
  text-decoration: none;
}
.beginners-cta__btn-sub:hover { border-color: #f1d661; color: #f1d661; }

/* ウィンドウサイズが小さくなった時数字を固定 */
@media screen and (max-width: 1372px) {
    .indexIntroductionBox.indexIntroductionBoxLeft .indexIntroductionNumber {
        left: 50%;
        margin-left: -575px;
    }
    .indexIntroductionBox.indexIntroductionBoxRight .indexIntroductionNumber {
        right: 50%;
        margin-left: 0;
        margin-right: -575px;
    }
}
/* ウィンドウサイズが小さくなった時の挙動↓ */
@media screen and (max-width: 1340px) {
    .storeIntroductionBox.introRight .storeIntroNumber {
        left: 40px !important;
        margin-left: 0 !important;
    }
    .storeIntroductionBox.introLeft .storeIntroNumber {
        right: 40px !important;
        margin-right: 0 !important;
    }
}

/*PCのみ*/
@media (min-width: 768px) {
    /*ページ下部固定バナー*/
    .campaignBannerFixed {
        right: 20px;
        bottom: 20px;
        max-width: 350px;
    }
    
    .campaignBannerImageSp {
        display: none;
    }
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■以下、タブレット 対応 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

@media screen and (max-width: 1024px) {
    header {
        min-width: unset;
    }
    .headerWrap {
        padding-right: 0;
        padding-left: 0;
        min-width: unset;
    }
    .index_top_bn{
        width: 35%;
        right: 5%;
        top: 2vh;
    }
    h1.headerLogo,
    div.headerLogo {
        margin-left: 2rem;
    }
    .headerNav {
        min-width: unset;
    }
    a.yellowButton.reserveRoomButton {
        display: none;
    }
    main {
        padding-right: 0;
        padding-left: 0;
        min-width: unset;
    }
    main#index {
        min-width: unset;
    }
    .mainHero.full {
        min-width: unset;
        width: 100%;
    }
    .mainContentsIndex {
        width: 100%;
        padding-left: 5.33vw;
        padding-right: 5.33vw;
    }
    .indexTopContentBn,
    .indexIntroductionCaption {
        margin: 0 3%;
    }
    .indexIntroductionSpaceInwrap{
        width: 45%;
    }
    .indexIntroductionSpaceText {
        font-size: 18px;
    }
    .indexIntroductionUseInwrap {
        width: 20vw;
        display: flex;
        flex-direction: row;
        margin: 0;
    }
    .indexIntroductionPlanWrap.detailBox {
        width: auto;
    }
    .indexService{
        gap: 20px;
    }
    .indexService .detailBoxInwrap {
        padding: 30px 10px 30px;
    }
    .detailBoxInwrap.indexIntroductionServiceInwrap {
        width: 48%;
    }
    .indexIntroductionUseWrap .indexIntroductionUseInwrap:not(:last-child) {
        margin-right: 3vw;
    }
    .indexIntroductionUseWrap .indexIntroductionUseInwrap:not(:last-child)::after {
        left: 21vw;
    }
    .indexIntroductionUseWrap .indexIntroductionUseInwrap .indexIntroductionUseText{
        width: 40%;
    }
    .indexIntroductionUseWrap .indexIntroductionUseInwrap .indexIntroductionUseText p, .indexIntroductionUseWrap .indexIntroductionUseInwrap .indexIntroductionUseText span{
        font-size: 18px;
        text-align: left;
        line-height: 1.5;
    }
    .indexIntroductionUseInwrap {
        width: 100%;
        flex-direction: row;
        justify-content: center;
        align-items: stretch;
        gap: 0;
    }
    .indexIntroductionUseInwrap:not(:last-of-type) {
        margin-bottom: 40px;
    }
    .indexIntroductionUseWrap .indexIntroductionUseImg{
        width: 20%;
    }
    .indexIntroductionUseWrap .indexIntroductionUseInwrap:not(:last-of-type) {
        margin-right: 0;
    }
    .indexIntroductionUseWrap .indexIntroductionUseInwrap:not(:last-of-type)::after {
        top: auto;
        bottom: -50%;
        left: calc(50% - 13px);
        border: 13px solid transparent;
        border-top: 13px solid #F1D661;
        z-index: 1;
        transform: rotate(0turn);
    }
    .indexIntroductionUseRemarks .detailBoxInwrap {
        width: 100%;
    }
    .indexIntroductionUseRemarks .detailBoxInwrap:not(:last-child) {
        margin-right: 0;
    }
    .PlanCol {
        width: 49%;
    }
    .PlanCol table{
        margin: 0 20px;
    }
    .PlanCol .PlanColPrice{
        font-size: 24px;
    }
    .indexStorelistWrap {
        width: 100%;   
    }
    .indexFacilityListWrap ul li {
        flex-basis: 20%;
    }
    .storeFacilityList ul li .facilityCaption {
        font-size: 14px;
    }
    .blogThumbnails{
        justify-content: space-between;
    }
    .blogThumbnails, .matomeThumbnails {
        width: 98%;
        margin: 0 1%;
    }
    .indexIntroductionBlog .blogThumbnails .blogThumbnailBox {
        width: 48%;
        margin-bottom: 20px;
        margin-right: 0;
    }
    .blogThumbnailmage {
        width: 100%;
    }
    /* フッター */
   footer {
       flex-direction: column;
       min-width: auto;
       padding: 10vw 8vw;
   }
   .footerLeft {
       width: 100%;
       justify-content: space-between;
       padding: 0 0 5vw 0;
       border-bottom: 1px solid #ccc;
   }

   .footerLeft .footerLogo .footerLogoImage {
       margin-bottom: 40px;
   }
   .footerLeft .footerLogo .footerLogoImage img {
       width: 40vw;
       height: auto;
   }
   .footerLeft .footerLogo .footerLogoSNS img {
       width: 9.6vw;
       height: auto;
   }
   .footerLeft .footerLogo .footerLogoImage img.icon {
       width: 8vw;
       height: auto;
       margin-right: 30px;
   }
   .footerNav {
       width: 100%;
       min-width: auto;
       position: relative;
       padding-top: 7vw;
   }
   .footerNav .footerNavMenu {
       display: -webkit-flex;
       display: -ms-flex;
       display: flex;
       flex-direction: column;
   }
   .footerNav .footerNavMenu ul.footerNavMenuContents {
        margin-top: 0;
        font-size: 18px;
        line-height: 2;
        flex-direction: column;
   }
   .footerNav .footerNavMenu ul.footerNavMenuContents .pc_none{
        display: block !important;
   }
   .footerNav .footerNavMenu ul.footerNavMenuContents.sp_none{
        display: none !important;
   }
    .storeCoworkingListCard.storePremium .storeImg img {
        height: 270px;
    }
    /* 店舗一覧ページ */
    .mainContents {
        width: 96%;
        margin: 0 2%;
    }
    .storeCoworkingListCards {
       margin: 2%;
    }
    .mainContentsStoreList .storeCoworkingList .storeCoworkingListCards .storeCoworkingListCard {
        margin: 0 0 55px;
        width: 32%;
    }
    .mainContentsStoreList .storeCoworkingList .storeCoworkingListCards .storeCoworkingListCard:not(:nth-child(3n)) {
        margin-right: 2%;
    }
}
@media screen and (max-width: 959px) {

    /* SP/タブレットヘッダー */
    header {
        padding: 0;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        width: 100%;
        position: fixed;
        height: 14.2vw;
        max-height: 80px;
        z-index: 20000;
        top: 0;
        left: 0;
    }
    .headerWrap {
        display: none;
    }
    .headerSPwrap {
        height: 100%;
        margin: 0;
        padding: 0;
        overflow: hidden;
        background-color: red;
    }
    .headerSPbar {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: #fff;
        height: 14.2vw;
        max-height: 80px;
        width: 100%;
        position: fixed;
        top: 0;
        right: 0;
        box-shadow: 0 0 10px #0000001f;
    }
    .headerSPbar .headerLogo {
        margin-left: 0;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        align-items: center;
        height: 100%;
        margin-left: 11vw;
    }
    .headerSPbar .headerLogo img {
        display: block;
        width: 30vw;
    }
/*    .headerSPbar div.headerLogo {
        margin-left: 0;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        align-items: center;
    }
    .headerSPbar div.headerLogo a {
        display: inline-block;
        height: 13.33vw;
        position: relative;
    }
    .headerSPbar div.headerLogo img {
        width: 39vw;
        height: auto;
        min-width: 39vw;
        min-height: auto;
        position: absolute;
        top: 4vw;
        left: 10px;
    }*/

    .headerSPbar .headerNavOpenButton {
        width: 14vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .headerSPbar .headerNavOpenButton img {
        width: 5.33vw;
        height: auto;
    }
    .headerSP {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        justify-content: flex-end;
        align-items: stretch;
        background-color: rgba(0, 0, 0, 0.75);
        height: 155vh;
        width: 100%;
        padding: 0;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 2000;
        overflow: hidden;
    }
    .headerSP nav.headerNav {
        height: 100vh;
        width: 75%;
        background-color: #000;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        margin-right: 0;
        margin-left: auto;
        min-width: auto;
        padding-left: 3em;
        padding-top: 60px;
        padding-bottom: 200px;
        position: fixed;
        z-index: 1000;
        left: 0;
    }
    .headerSP nav.headerNav .headerNavCloseButton {
        height: 13.33vw;
        width: 13.33vw;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: right;
        position: fixed;
        top: 0;
        left: 0;
    }
    .headerSP nav.headerNav .headerNavCloseButton img {
        width: 5.33vw;
        height: auto;
    }
    .headerSP nav.headerNav ul {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 16px;
        margin-top: 20px;
    }
    .headerSP nav.headerNav ul li {
        font-size: 4vw;
        line-height: 10vw;
    }
    .headerSP nav.headerNav ul li::after {
        border: 0;
    }
    .headerSP nav.headerNav ul li,
    .headerSP nav.headerNav ul li a {
        color: #ccc;
    }
    .headerSP nav.headerNav ul li:hover::before,
    .headerSP nav.headerNav ul li a:hover::before {
        border-bottom: 0;
    }
    .headerSP nav.headerNav ul li.nest1row {
        margin-bottom: 10vw;
    }
    .headerSP nav.headerNav ul li.nest2rows {
        margin-bottom: 20vw;
    }
    .headerSP nav.headerNav ul li.nest3rows {
        margin-bottom: 30vw;
    }
    .headerSP nav.headerNav ul li ul li.col2 {
        width: 66%;
    }
    .headerSP nav.headerNav ul li ul li.col3 {
        width: 100%;
    }
    .headerSP nav.headerNav ul li ul::after {
        content: "";
        display: block;
        clear: both;
    }
    .headerNav ul li::after {
        content: none;
    }
    .headerSP nav.headerNav ul li.spMenuCompany span{
        font-size: 3.3vw;
        color: #a2a2a2;
        margin-top: 5px;
        display: inline-block;
    }
    .headerSP nav.headerNav ul li.spMenuCompany ul {
        margin-top: 0;
        margin-bottom: 30px;
        padding: 0;
        list-style: none;
        display: block;
        position: relative;
    }
    .headerSP nav.headerNav ul li.spMenuCompany ul > li {
        padding: 0;
        margin: 0;
        position: relative;
        background: #000;
    }
    .headerSP nav.headerNav ul li.spMenuCompany ul > li:last-child {
        border-bottom: none;
    }
    .headerSP nav.headerNav ul li.spMenuCompany ul > li > a {
        display: block;
        padding-left: 20px;
        position: relative;
    }
    .headerSP nav.headerNav ul li.spMenuCompany ul > li > a::before {
        content: "";
        position: absolute;
        left: 8px;
        top: 50%;
        transform: translateY(-50%);
        width: 3px;
        height: 3px;
        background-color: #666;
        border-radius: 50%;
        transition: background-color 0.3s ease;
    }


    /* お知らせ */
    .importantNotices {
        margin: 0 30px;
    }
    .headerImg {
        width: 1180px;
    }
    .ff-22 {
        font-size: 22px !important;
    }
    .appFixedLogo {
        display: inline-block;
        position: fixed;
        top: 158px;
        right: 16px;
        z-index: 9999;
    }
    .appFixedButton {
        display: inline-block;
        opacity: 0;
        position: fixed;
        top: 150px;
        right: 0;
        z-index: 9998;
    }
    .lh-26 {
        line-height: 26px !important;
    }
    /*  運営会社ページ  */
    .o_com {
        margin: 0 100px;
    }
    .p-note {
        font-size: x-small;
    }
    /* SP 店舗一覧ボタン */
    .headerIcons {
        display: flex;
        align-items: center;
        height: 100%;
        margin-right: 1vw;
    }
    .headerIcons_c {
        width: 11.6vw;
        height: 11.6vw;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 1vw 0;
        margin: 2px 0 -1px;
    }
    .headerIcons .headerIcons_c:first-of-type a img{
        width: 7.3vw;
        height: 8vw;
        filter: brightness(0.3);
        max-width: 43px;
        max-height: 53px;
    }
    .headerIcons .headerIcons_c:last-of-type a img{
        width: 8vw;
        height: 8vw;
        filter: brightness(0.3);
        max-width: 46px;
        max-height: 53px;
    }
    .headerIconWrap{
        line-height: 0;
        background: #F1D761;
        padding: 3px;
        border-radius: 3px;
        border-bottom: solid 1px #8e8e8e;
        border-right: solid 1px #8e8e8e;
        box-shadow: 1px 1px 1px #a0a0a0;
        width: 9.5vw;
        height: 9.5vw;
        max-width: 60px;
        max-height: 60px;
    }
    .headerIcons .headerIcons_c:last-of-type .headerIconWrap{
        background: #BDB5AE;
    }
    a.iconLink {
        display: flex;
        flex: none;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 3px;
        text-align: center;
        align-items: center;
    }
    a.iconLink > p {
        font-size: clamp(8px, 2.2vw, 14px);
        font-weight: 600;
        color: #333;
        text-align: center;
        margin-top: -3px;
    }
    .headerNav .yellowButton.AppButton{
        margin: 0;
        font-size: 4vw;
        width: 50%;
        height: 11vw;
    }
    .headerNav .yellowButton.AppButton svg{
        width: 2.3vw;
        height: 3.6vw;
    }
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■以下、スマホ 対応 ■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media screen and (max-width: 767px) {
    .pc_none {
        display: block !important;
    }
    .sp_none, .storeNewsListTitle.sp_none {
        display: none !important;
    }
    .sp_only{
        display: block;
    }
    br.sp-only {
        display: block;
    }
    body {
        font-size: 10.6vw;
    }
    img {
        max-width: 100%;
        height: auto;
    }
    iframe {
        width: 100%;
    }
    header,
    main,
    .mainContents,
    .mainWrap {
        max-width: 767px;
        width: calc(100vw - 10.66vw);
        min-width: 100%;
        margin: 0 0;
    }
    .coworking .mainContents, .coworking .storeMap{
        width: 100%;
    }
    .yellowButton {
        height: 13.33vw;
        width: auto;
        font-size: 2.4vw;
        margin: 6.66vw auto;
        padding: 0;
    }
    .yellowButton a {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 13.33vw;
    }
    .yellowButton svg {
        top: 4vw;
        right: 4vw;
        width: 1.06vw;
        height: 1.86vw;
        margin-left: 1em;
    }
    .mainMatome .yellowButton {
        width: 48vw;
    }
    .mainMatome .yellowButton svg {
        top: 4vw;
        right: 4vw;
        width: 1.06vw;
        height: 1.86vw;
        margin-left: 0;
    }
    .yellowButtonMini svg {
        margin-left: 1em;
    }
    .yellowButton img {
        top: 4vw;
        right: 4vw;
        width: 1.06vw;
        height: 1.86vw;
        margin-left: 3em;
    }
    .yellowButton.readmore,
    .yellowButton.indexIntroductionButton {
        font-size: 3.2vw;
    }
    .yellowButton.reserveRoomButton {
        height: 13.33vw;
        width: 43.33vw;
        font-size: 3.2vw;
        font-weight: bold;
    }
    .yellowButton.reserveRoomButton svg {
        width: 2.2vw;
        height: 4vw;
    }
    h2:not(.matomeCatch):not(.matomeTopCatch h2):not(.normalHeadline):not(.matomeTokusyu h2):not(.tokusyu_store_name):not(.blogArticle h2):not(.introCampaignMain h2):not(.indexWrap h2):not(.mainContentsCoworking h2):not(.meetingRoomDetail h2):not(.mainContentsPrice01 h2):not(.o_com h2)::before {
        border-width: 20px 20px 0 0;
    }
    .blogArticle blockquote::before,
    .matomeArticle blockquote::before,
    .mainMatome blockquote::before {
        top: 2rem;
    }
    .RoomDetail {
        display: contents;
    }
    .mainContentsBoxSeparate {
        min-width: 100%;
        flex-direction: column;
        width: calc(100vw - 10.66vw);
        margin-bottom: 6vw;
    }
    .mainContentsBoxSeparate .leftBox {
        width: calc(100vw - 10.66vw);
        padding-left: 0;
    }
    .mainContentsBoxSeparate .leftBox .headline3Caption p {
        margin-bottom: 4vw;
    }
    .mainContentsBoxSeparate .leftBox .headline3Caption .yellowButton {
        margin: 0 0 1vw 0;
        font-size: 3.2vw;
    }
    .mainContentsBoxSeparate .leftBox .headline3Caption p~.yellowButton {
        margin-bottom: 4vw;
    }
    .mainContentsBoxSeparate .rightBox {
        width: calc(100vw - 10.66vw);
        margin-right: 0;
        margin-bottom: 8vw;
    }
    .mainContentsBoxSeparate .rightBox .rightBoxCenterCatchCopy {
        margin-top: 0;
    }
    /* SPのみ改行するときの<br>に */
    .spbr {
        display: block;
    }
    /* SPのみセンタリングするときの要素に */
    .spCenter {
        text-align: center;
    }
    .whiteSpace {
        padding-top: 8vw;
        padding-bottom: 0;
    }
    .whiteSpace h2 {
        font-size: 4vw;
        line-height: 8vw;
    }
    /* SPメインコンテンツ */
    main {
        font-size: 3.2vw;
        min-width: auto;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-top: 3rem;
    }
    main::after {
        border-width: 62vw 62vw 62vw 0;
        border-color: transparent #f2de86 transparent transparent;
        z-index: -1;
    }
    .mainWrap {
        padding-left: 3vw;
        padding-right: 3vw;
        padding-top: 3vw;
        line-height: 2em;
    }
    .mainWrap.coworking {
        padding-top: 3vw;
    }
    .mainWrap::before {
        left: -4vw;
        border-width: 60vw 60vw 0 0;
        z-index: -1;
    }
    .mainWrap h1 {
        font-size: 6.6vw;
        text-align: left;
        line-height: 100%;
    }
    .mainWrap h1 span {
        max-width: 767px;
        width: calc(100vw - 10.66vw);
    }
    .mainWrap div span.headlineJa {
        font-size: 4vw;
        margin-bottom: 2vw;
    }
    .mainWrap div span.headlineEn {
        font-size: 30px;
        padding-top: 0;
    }
    .mainWrap div span.headlineMatome {
        font-size: 30px;
        padding-top: 0;
    }
    .mainWrap h1 span.headlineEn .headlineEnSmall {
        font-size: 6.4vw;
        display: block;
    }
    .mainWrap h1 span.headlineEn .headlineEnXYZ {
        font-size: 10.6vw;
        display: inline;
    }
    .mainWrap div.CustomPostHead::after {
        bottom: 1.4vw;
        width: 767px;
    }
    h1.matome-archive {
        padding-bottom: 1rem;
    }
    .mainWrap h1::after {
        bottom: -1vw;
    }

    h1.termsHeadline::after {
        bottom: 2.8vw;
    }
    h1.termsHeadline span.headlineEn {
        font-size: 40px;
    }
    .mainContents {
        line-height: 7vw;
        padding-top: 0;
        padding-bottom: 3.2vw;
    }
    .mainMatome {
        padding-top: 0;
    }
    .matomeWrap:not(.matomePageWrap) h2 {
        padding: 0 0 10px 20px;
    }
    .mainMatome .matomeCatch {
        margin: 10px 0 0;
        padding: 0;
        text-align: left;
    }
    .matomeMenu {
        margin-top: 10px;
    }
    .mainMatome .bn_wrap:not(.bn_wrap_bt) {
        display: block;
    }
    .mainContents.mainMatome .matomeArticle h1 {
        line-height: 1.8;
    }
    .mainContents.mainMatome .matomeArticle .matomeMenu li {
        height: 30px;
        border: none;
    }
    .mainContents.mainMatome .matomeArticle .matomeMenu li a {
        font-size: 10px;
        padding: 5px 0px;
        line-height: 1.2;
        font-weight: normal;
    }
    .mainContents.mainMatome .matomeArticle .matomeMenu li.oneline a {
        padding: 10px 0px;
    }
    .mainContentsBox {
        font-size: 3.5vw;
        padding-bottom: 6.8vw;
    }
    .mainContentsBox h3 {
        font-size: 4vw;
        padding-bottom: 0;
        margin-bottom: 3vw;
        line-height: 6vw;
    }
    .coworking .faq h3{
        font-size: 4vw;
    }
    .mainContentsBox.terms {
        padding-bottom: 12vw;
    }
    h2 {
        font-size: 4.8vw;
        padding-top: 6vw;
        line-height: 120%;
    }
    h2::before {
        border-width: 6.66vw 6.66vw 0 0;
    }
    .mainMatome.matomeTop h2 {
        font-size: 4.8vw;
        padding-top: 12vw;
        line-height: 1.8;
        padding: 20px 5% 10px !important;
    }
    .mainMatome.matomeTop .mainContentsFacilityIntro h2 {
        padding: 20px 3% 10px !important;
    }
    .matomeTop .matomeMokuji h2 {
        margin: 0;
        padding: 20px 0 10px !important;
    }
    .matomeTop .matomeMokuji ol {
        padding: 0 3%;
    }
    .matomeTop .matomeMokuji ol li {
        padding: 10px 0;
    }
    .matomeTop .yellowButton+.yellowButton {
        margin-top: 10px;
    }
    .mainMatome .bn_wrap {
        margin: 0 0 50px;
    }
    .mainMatome .bn_wrap_bt .bn_area {
        margin: 0;
    }
    .mainMatome .bn_area {
        margin-top: 30px;
    }
    .matomeTop .centerCatchCopy p {
        font-size: 3.2vw;
        line-height: 2.4em;
        padding: 0 5% !important;
        margin-top: 4vw;
    }
    .matomeOsakaTop dl {
        font-size: 3.2vw;
    }
    .mainMatome blockquote {
        padding: 2rem 1rem 1rem 1rem;
    }
    .mainMatome.matomeTop h2 p {
        margin-bottom: 10px;
    }
    .mainMatome.matomeTop h2 p:last-of-type {
        margin-bottom: 20px;
    }
    .mainMatome.matomeTop h2::before {
        border-width: 6.66vw 6.66vw 0 0;
    }
    .buttomSmall {
        text-align: center;
    }
    .buttomSmall .yellowButton {
        font-size: 3.2vw;
        height: 40px;
    }
    .mainContentsFacilityBox+.buttomSmall .yellowButton {
        margin-top: 30px;
    }
    .otherArea{
        font-size: 3vw;
        width:  100%;
        padding: 2%;
        flex-direction: column;
    }
    .otherArea .block-1{
        flex-direction: column;
    }
    .otherArea .block-2{
        flex-direction: row;
        justify-content: space-evenly;
    }
    .otherArea div > p{
        text-align: center;
    }
    .otherArea a{
        margin: 0;
    }
    .postBn {
        width: 100%;
    }
    h2.normalHeadline {
        font-size: 4vw;
        line-height: 2em;
        margin-bottom: 0.6em;
    }
    .headerImg {
        width: 100vw;
        min-width: 100vw;
        height: 40vw;
        margin-top: 13.33vw;
        margin-left: 0;
        left: 0;
    }
    .headerImg+.mainWrap {
        padding-top: 2rem;
        z-index: 1;
    }
    .centerCatchCopy {
        font-size: 4.8vw;
        padding-bottom: 0px !important;
        text-align: left;
    }
    .centerCatchCopy.uenoCenterCatchCopy {
        padding-bottom: 0px !important;
    }
    .matomeTop .centerCatchCopy {
        padding-bottom: 40px !important;
    }
    .matomeTop .centerCatchCopy .motto {
        margin: 20px 3% 0;
        padding: 10px 3%;
        line-height: 1.2;
    }
    .matomeTop .centerCatchCopy .motto p {
        line-height: 2;
        font-size: 3.2vw;
        padding: 0 !important;
    }
    .matomeTop .centerCatchCopy .motto a {
        font-size: 3.2vw;
    }
    .matomeTop .tokusyu_box {
        margin-top: 20px;
    }
    .matomeTop .tokusyu_box h2 {
        margin: 0 0 10px;
    }
    .matomeTop .tokusyu_box h2::before {
        display: none;
    }
    .matomeTop .tokusyu_box h2 a {
        text-decoration: underline;
    }
    .matomeTop .tokusyu_box .wp-block-media-text__content {
        padding: 0;
    }
    .lum-lightbox-inner img {
        max-width: 100% !important;
    }
    .lum-gallery-button:after {
        width: 10px !important;
        height: 10px !important;
    }
    /* INDEX トップページSP */
    #indexHeaderLogoSP img.headerLogo_yellow {
        position: absolute;
        width: 71.866vw;
        height: 10.533vw;
        min-width: 71.866vw;
        min-height: 10.533vw;
        margin-top: 0;
        transition: 0.5s;
        top: 5.4vw;
    }
    #indexHeaderLogoSP img.headerLogo_black {
        position: absolute;
        width: 39vw;
        height: auto;
        top: 4vw;
        left: 10px;
    }
    main#index {
        width: 100%;
        max-width: auto;
        min-width: auto;
    }
    .mainHero {
        /*height: calc(108vh - 13.33vw);*/
        min-height: 75vh;
        height: 75vh;
        min-height: 75svh;
        height: 75svh;
    }
    .mainHero .mainHeroCatchCopy {
        font-feature-settings: "palt";
        letter-spacing: 3px !important;
        width: 100%;
        position: absolute;
        z-index: 3;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .mainHero .mainHeroCatchCopy p:first-of-type {
        margin-bottom: 14px;
        line-height: 1.4;
        font-size: clamp(16px, 6vw, 40px);
    }
    .mainHero .mainHeroCatchCopy p:last-of-type {
        line-height: 1.4;
        font-size: clamp(16px, 4vw, 20px);
    }
    .mainHero .mainHeroReadMoreButton {
        font-size: 3.2vw;
        bottom: 20vh;
        height: auto;
        width: auto;
        z-index: 100000;
    }
    .mainHero .mainHeroReadMoreButton .mainHeroReadMoreText {
        margin-bottom: 4vw;
    }
    .mainHero .mainHeroReadMoreButton svg {
        width: 5.733vw;
        height: auto;
    }
    .mainHeroImg {
        height: 100%;
        width: 100%;
        display: flex;
        align-items: end;
        justify-content: center;
    }
    .mainHeroImg > img {
        position: absolute;
        top: -16%;
        left: 0;
        height: 100%;
        object-fit: cover;
        object-position: 49%;
        z-index: 1;
    }
    .mainHero .mainHeroCatchCopy{
        position: absolute;
        top: 45%;
    }
    .mainHeroLink {
        max-width: 767px;
        width: calc(100vw - 10.66vw);
        min-width: 100%;
        flex-direction: column;
        position: relative;
        align-items: center;
        height: calc(177.32vw + 12vw);
        background-color: #fff;
        z-index: 2000;
        padding-top: 22vw;
    }
    .mainHeroLink::before,
    .mainHeroLink::after {
        border-width: 0;
    }
    .mainHeroLink::before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        left: 0;
        top: -50vw;
        border-width: 50vw 0 50vw 50vw !important;
        border-color: transparent transparent transparent #f0d354;
    }
    .mainHeroLink::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        right: 0;
        top: -50vw;
        border-width: 50vw 50vw 50vw 0 !important;
        border-color: transparent #d0cac5 transparent transparent;
    }
    .mainHeroLink .mainHeroBox {
        flex-basis: 100%;
        max-width: 767px;
        width: calc(100vw - 10.66vw);
    }
    .mainHeroLink .mainHeroBox .mainHeroLinkTitle {
        font-size: 4.6vw;
        margin: 4vw 0;
    }
    .mainHeroLink .mainHeroBox .mainHeroLinkCaption {
        font-size: 3.2vw;
        margin: 4vw 0 8vw 0;
    }
    .mainHeroLink .mainHeroBox .mainHeroBoxWrap {
        margin-bottom: 0;
    }
    .mainHeroLink .mainHeroBox .mainHeroLinkButton {
        width: 43.33vw;
        height: 13.33vw;
        font-size: 3.2vw;
        margin: 0 auto;
    }
    .mainHeroLink .mainHeroBox .mainHeroLinkButton svg {
        width: 1.86vw;
        height: 2.933vw;
        top: 0.4vw;
        right: 0.2vw;
    }
    .mainHeroLink .mainHeroBox.mainHeroCoworking .mainHeroBoxWrapInner,
    .mainHeroLink .mainHeroBox.mainHeroMeeting .mainHeroBoxWrapInner {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        max-width: 100%;
    }
    .mainHeroLink .mainHeroBox.mainHeroCoworking .mainHeroBoxWrapInner img,
    .mainHeroLink .mainHeroBox.mainHeroMeeting .mainHeroBoxWrapInner img {
        width: 16.66vw;
        height: auto;
    }
    .mainHeroLink .mainHeroBox.mainHeroCoworking::before,
    .mainHeroLink .mainHeroBox.mainHeroCoworking::after,
    .mainHeroLink .mainHeroBox.mainHeroMeeting::before,
    .mainHeroLink .mainHeroBox.mainHeroMeeting::after {
        border-width: 0;
    }
    .mainHeroLink .mainHeroBox.mainHeroCoworking {
        padding-top: 10vw;
        margin-bottom: 4vw;
    }
    .mainHeroLink .mainHeroBox.mainHeroCoworking .mainHeroBoxWrapInner {
        margin-right: auto;
        margin-left: auto;
    }
    .indexNotice{
        padding: 5px 3% 10px;
        width: 100%;
    }
    #indexIntorduction .indexWrap p{
        font-size: 3.3vw;
        letter-spacing: 0.03em;
        text-align: left;
    }
    .indexIntroductionCaption .leftCatchCopy h2, .IndexCwDetail .centerCatchCopy{
        font-size: 5vw;
    }
    .indexIntroductionCaption .leftCatchCopy + p{
        line-height: 2;
    }
    .IndexCwDetail .centerCatchCopy{
        text-align: center;
    }
    .mainContentsIndex::before,
    .mainContentsIndex::after {
        border: 0;
    }
    .indexIntroductionCaption {
        padding-top: 12vw;
        max-width: 767px;
        width: calc(100vw - 10.66vw);
        margin-right: auto;
        margin-left: auto;
    }
    .indexIntroductionCaption .centerCatchCopy {
        font-size: 4.8vw;
        margin-bottom: 14vw;
    }
    .indexIntroductionCaption .centerCatchCopy p {
        line-height: 2.4em;
        font-size: 3.2vw !important;
    }
    .indexIntroductionCaption .centerCatchCopy p:first-child {
        margin-top: 4vw;
        padding: 2vw;
    }
    .indexIntroductionList {
        width: 100vw;
        min-width: 100%;
    }
    .indexIntroductionContents {
        margin-bottom: 60px;
    }
    .indexIntroductionBox {
        min-width: 100%;
        height: 72.66vw;
        max-height: 72.66vw;
        margin-top: 26.66vw;
        background-position: 50% 94.93vw;
        background-size: 100vw auto;
        min-height: 167.72vw;
    }
    .indexIntroductionBox::first-child {
        margin-top: 0;
    }
    .indexIntroductionBox.indexIntroductionBoxLeft .indexIntroductionTextarea {
        right: 0;
        left: 0;
    }
    .indexIntroductionBox.indexIntroductionBoxLeft .indexIntroductionTextarea>div {
        margin-left: 0;
    }
    .indexIntroductionBox.indexIntroductionBoxLeft .indexIntroductionNumber {
        left: 8vw !important;
        margin-left: 0;
    }
    .indexIntroductionBox.indexIntroductionBoxLeft .indexIntroductionButtonWrap {
        right: 0;
        left: 0;
        margin-right: 0;
        margin-left: 0;
    }
    .indexIntroductionBox.indexIntroductionBoxRight .indexIntroductionTextarea {
        left: 0;
        right: 0;
    }
    .indexIntroductionBox.indexIntroductionBoxRight .indexIntroductionTextarea>div {
        margin-left: 0;
    }
    .indexIntroductionBox.indexIntroductionBoxRight .indexIntroductionNumber {
        left: 8vw !important;
        margin-right: 0;
    }
    .indexIntroductionBox.indexIntroductionBoxRight .indexIntroductionButtonWrap {
        left: 0;
        right: 0;
        margin-left: 0;
    }
    .indexIntroductionBox .indexIntroductionButtonWrap {
        top: 70vw;
        width: 43.33vw;
    }
    .indexIntroductionBox .indexIntroductionButton {
        margin-left: 8vw;
        width: 43.33vw;
        height: 13.3vw;
    }
    .indexIntroductionBox .indexIntroductionNumber {
        width: 13.33vw;
        height: auto;
    }
    .indexIntroductionBox .indexIntroductionNumber img {
        width: 13.33vw;
        height: auto;
    }
    .indexIntroductionBox .indexIntroductionTextarea {
        right: 0;
        left: 0;
        right: 0;
        width: 100vw;
        height: 86.66vw;
        padding: 0 8vw;
        top: 8.266vw;
    }
    .indexIntroductionBox .indexIntroductionTextarea .indexIntroductionCatchcopy {
        font-size: 4.8vw;
        margin-bottom: 3.2vw;
        margin-top: -14vw;
        line-height: 1.6em;
        letter-spacing: 0.1em;
    }
    .indexIntroductionBox .indexIntroductionTextarea .indexIntroductionText {
        font-size: 3.2vw;
        margin-bottom: -1em;
    }
    .indexIntroductionBox .indexIntroductionHeadline {
        font-size: 16vw;
        top: 157vw;
        font-weight: 600;
    }
    .indexIntroductionBox .indexIntroductionImgWrap {
        top: 6.66vw;
        height: auto;
    }
    .indexIntroductionBox .indexIntroductionImgWrap .indexIntroductionImg {
        min-width: 100%;
        height: 159.332vw;
    }
    .indexIntroductionBox .indexIntroductionImgWrap .indexIntroductionImg .indexIntroductionImgTop {
        display: none;
    }
    .indexIntroductionBox .indexIntroductionImgWrap .indexIntroductionImg .indexIntroductionImgTop_SP {
        display: inline-block;
        position: absolute;
        z-index: 300;
    }
    .indexIntroductionBox .indexIntroductionImgWrap.indexIntroImg01 .indexIntroductionImgTop_SP {
        text-align: center;
        left: 50%;
        margin-left: 2.93vw;
        width: 35.199vw;
        height: 80.266vw;
        top: auto;
        bottom: -1.4vw;
    }
    .indexIntroductionBox .indexIntroductionImgWrap.indexIntroImg02 .indexIntroductionImgTop_SP {
        left: 50%;
        margin-left: -14.13vw;
        top: auto;
        width: 62.39vw;
        height: 77.86vw;
        bottom: -1.4vw;
    }
    .indexIntroductionBox .indexIntroductionImgWrap.indexIntroImg03 .indexIntroductionImgTop_SP {
        left: 50%;
        margin-left: -18.533vw;
        top: auto;
        width: 56.66vw;
        height: 77.73vw;
        bottom: -1.4vw;
    }
    .indexIntroductionBox .indexIntroductionImgWrap.indexIntroImg04 .indexIntroductionImgTop_SP {
        right: auto;
        left: 50%;
        margin-left: -13.733vw;
        top: auto;
        width: 59.733vw;
        height: 47.066vw;
        bottom: 28.399vw;
    }
    .indexIntroductionBox .indexIntroductionImgWrap.indexIntroImg05 .indexIntroductionImgTop_SP {
        left: 50%;
        margin-left: -18.266vw;
        top: auto;
        width: 55.99vw;
        height: 78.66vw;
        bottom: -1.4vw;
    }
    .indexIntroductionBox.indexIntroductionBox01 {
        background-image: url(img/indexIntroduction01sp_location_bg.jpg);
    }
    .indexIntroductionBox.indexIntroductionBox01 .indexIntroductionHeadline {
        right: 0;
        left: 0;
    }
    .indexIntroductionBox.indexIntroductionBox02 {
        background-image: url(img/indexIntroduction02sp_price_bg.jpg);
    }
    .indexIntroductionBox.indexIntroductionBox02 .indexIntroductionHeadline {
        right: 0;
        left: 0;
    }
    .indexIntroductionBox.indexIntroductionBox03 {
        background-image: url(img/indexIntroduction03sp_event_bg.jpg);
    }
    .indexIntroductionBox.indexIntroductionBox03 .indexIntroductionHeadline {
        right: 0;
        left: 0;
    }
    .indexIntroductionBox.indexIntroductionBox04 {
        background-image: url(img/indexIntroduction04sp_facility_bg.jpg);
    }
    .indexIntroductionBox.indexIntroductionBox04 .indexIntroductionHeadline {
        right: 0;
        left: 0;
    }
    .indexIntroductionBox.indexIntroductionBox05 {
        background-image: url(img/indexIntroduction05sp_blog_bg.jpg);
    }
    .indexIntroductionBox.indexIntroductionBox05 .indexIntroductionHeadline {
        right: 0;
        left: 0;
    }
    .indexIntroductionFeature{
        padding-bottom: 0;
    }
    .indexIntroductionFeature .featuresGrid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .indexIntroductionFeature .featureCard {
        padding: 40px 30px 30px;
    }

    .indexIntroductionFeature .featureTitle {
        font-size: 1.2em;
    }

    .indexIntroductionFeature .featureDesc {
        font-size: 0.9em;
    }
    .indexIntroductionSpaceWrap{
        margin-top: 30px;
        margin-bottom: 0;
        gap: 0;
    }
    .indexIntroductionSpaceInwrap {
        width: 48%;
        margin-bottom: 20px;
        padding-top: 10px;
    }
    .indexIntroductionSpaceText {
        font-size: 14px;
    }
    .indexIntroductionSpaceInwrap .cornerFlag {
        border-right: 20px solid transparent;
        border-top: 20px solid #F1D761;
    }
    /* スペース紹介モーダル */
    .modalGalleryContent {
      width: 95%;
      gap: 10px;
    }
    .modalGalleryImage {
        width: 100%;
        aspect-ratio: 3 / 2;
        object-fit: cover;
    }
    .modalGalleryCaption {
      font-size: 14px;
      padding: 8px 15px;
    }
    .modalGalleryPrev,
    .modalGalleryNext {
        font-size: 15px;
        padding: 5px;
    }
    .modalGalleryClose {
      top: 15px;
      right: 15px;
      font-size: 35px;
    }
    .galleryZoomIcon {
        width: 20px;
        height: 20px;
        bottom: 3px;
        right: 3px;
    }
    .galleryZoomIcon i {
      font-size: 12px;
    }
    .indexIntroductionDetail {
        margin-top: 0;
        margin-bottom: 21.33vw;
        padding-bottom: 11.06vw;
        text-align: center;
    }
    .indexIntroductionDetail .indexIntroductionDetailText {
        margin-top: auto;
        padding: 18vw 5.33vw 2vw;
        width: 100%;
        letter-spacing: 0.1em;
    }
    .indexIntroductionDetail .indexIntroductionDetailText p {
        font-size: 4vw;
    }
    .indexIntroductionDetail .indexIntroductionDetailText .leftBox {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
    }
    .indexIntroductionDetail .indexIntroductionDetailText .leftBox .yellowButton {
        margin-bottom: 6vw;
    }
    .indexIntroductionDetail.indexIntroductionPrice .storePriceDetail {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 8vw;
    }
    .indexIntroductionDetail.indexIntroductionPrice .storePriceDetail>div {
        margin: 2vw 0;
    }
    .indexIntroductionDetail.indexIntroductionPrice .storePriceDetail .storePriceDetail30min {
        margin-right: auto;
    }
    .indexIntroductionDetail.indexIntroductionPrice .storePriceDetail .storePriceDetailPlan {
        max-width: 18vw;
        min-width: 18vw;
        padding: 0.1vw;
        text-align: center;
        letter-spacing: 0.02em;
    }
    .indexIntroductionDetail.indexIntroductionPrice .storePriceDetail .storePriceDetailPrice {
        font-size: 6.4vw;
    }
    .indexIntroductionDetail.indexIntroductionPrice .storePriceDetail .storePriceDetailTitle {
        text-align: left;
        width: 46vw;
        font-size: 3.2vw;
        padding: 0;
    }
    .indexIntroFacility {
        text-align: center;
        padding-bottom: 0;
    }
    .indexIntroFacility .storeFacilityList {
        margin-top: 10.66vw;
    }
    .indexIntroFacility .storeFacilityList ul{
        gap: 5%;
    }
    .indexIntroFacility .storeFacilityList ul li{
        flex-basis: 25%;
        margin: 0 auto 20px !important;
    }
    .indexIntroFacility .storeFacilityList ul li .storeFacilityIcon{
        width: 40px;
    }

    .indexIntroFacility .storeFacilityList li .facilityCaption {
        font-size: 2.5vw !important;
    }
    .indexIntroductionDetail.indexIntroductionBlog {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .indexIntroductionDetail.indexIntroductionBlog .indexIntroductionDetailText {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .indexIntroductionDetail.indexIntroductionBlog .blogThumbnails {
        justify-content: space-between;
    }
    .indexIntroductionDetail.indexIntroductionBlog .blogThumbnailBox {
        margin-right: 0;
        width: 100%;
        text-align: left;
        padding-bottom: 0;
        border-top: 0;
        border-left: 0;
        border-right: 0;
    }
    .indexIntroductionDetail.indexIntroductionBlog .blogThumbnailBox:last-child {
        border-bottom: 0;
    }
    .indexIntroductionDetail.indexIntroductionBlog .blogThumbnailBox .blogThumbnailmage {
        width: 32vw;
        height: 24.66vw;
    }
    .indexIntroductionDetail.indexIntroductionBlog .blogThumbnailText {
        padding-bottom: 1.5em;
    }
    .mainHero > .index_top_bn {
        display: none;
    }
    .mainHeroCatchCopy + .index_top_bn {
        position: absolute;
        z-index: 3;
        top: auto;
        bottom: 20%;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        padding: 0 20px;
    }
    .mainHeroCatchCopy + .index_top_bn img{
        display: block;
        width: 100%;
        height: auto;
    }
    .mainHeroCatchCopy + .index_top_bn a{
        display: block;
    }
    .indexTopContentBn {
        margin: 10px 0;
        flex-wrap: wrap;
    }
    .indexTopContentBn .bn_area {
        margin: 4px 0 19px;
    }
    .indexTopContentBn .bn_wide.bn_area {
        margin: 15px 0;
        width: 90%;
        max-width: 400px;
        text-align: center;
    }
    .indexTopContentBn .bn_area .txt_area {
        font-size: 12px;
    }
    .monthly_kc .page_bn_area {
        margin: 15px 0 21px;
    }
    .col1 .bn_area {
        width: 100%;
        margin: 0;
    }
    .indexWrap .col1 .bn_area {
        width: 100%;
        margin: 10px;
    }
    .btm_bn {
        margin: 20px auto 0px;
        display: block;
    }
    .btm_bn:first-of-type {
        margin-top: 60px;
    }
    .index_btm_bn,
    .plan_top_bn_area {
        display: block;
    }
    .plan_bn_area {
        display: block;
        margin-top: 30px;
    }
    .page_bn_area.monthly_page_bn a {
        max-width: 450px;
        width: 90%;
        margin: 0 10px 8px;
    }
    .plan_bn {
        width: 100%;
        max-width: 330px;
        margin: 0px auto 20px;
    }
    .akikaigi_bn {
        height: 260px;
        width: auto;
    }
    .indexIntroductionContents.indexIntroWhite {
        padding: 30px 0 30px;
    }
    .indexIntroductionContents.indexIntroWhite .centerCatchCopy,
    .indexIntroductionContents.indexIntroWhite .indexIntroductionPlanWrap{
        margin: 0 3vw;
    }
    .indexIntroductionUseInwrap {
        width: 100%;
        flex-direction: row;
        justify-content: space-evenly;
        align-items: stretch;
        gap: 20px;
    }
    .indexIntroductionUseWrap .indexIntroductionUseInwrap .indexIntroductionUseText span {
        font-size: 12px;
    }
    .indexIntroductionUseInwrap:not(:last-of-type) {
        margin-bottom: 40px;
    }
    .indexIntroductionUseWrap .indexIntroductionUseImg{
        width: 20%;
    }
    .indexIntroductionUseWrap .indexIntroductionUseInwrap:not(:last-of-type) {
        margin-right: 0;
    }
    .indexIntroductionUseWrap .indexIntroductionUseInwrap:not(:last-of-type)::after {
        top: auto;
        bottom: -60%;
        left: calc(50% - 13px);
        border: 13px solid transparent;
        border-top: 13px solid #F1D661;
        z-index: 1;
        transform: rotate(0turn);
    }
    .indexIntroductionUseRemarks .detailBoxInwrap {
        width: 100%;
    }
    .indexIntroductionUseRemarks .detailBoxInwrap:not(:last-child) {
        margin-right: 0;
    }
    .detailBoxInwrap .indexIntroductionServiceImg {
        width: 70px;
        height: 70px;
    }
    .indexIntroductionUseWrap .indexIntroductionUseInwrap .indexIntroductionUseText{
        width: 60%;
    }
    .indexIntroductionPlanWrap.detailBox{
        width: 100%;
    }
    .PlanCol{
        width: 100%;
        font-size: 3.7vw;
        line-height: 1.5;
        letter-spacing: 0.03em;
    }
    .PlanCol td:nth-of-type(1){
        line-height: 1.5;
    }
    .PlanCol .yellowArrowLink span{
        font-size: 3.2vw;
    }
    .PlanCol:first-of-type .yellowArrowLink span::before{
        left: 128px;
    }
    .PlanCol:first-of-type .yellowArrowLink span::after{
        width: 135px;
    }
    .PlanCol:last-of-type .yellowArrowLink span::before{
        left: 169px;
    }
    .PlanCol:last-of-type .yellowArrowLink span::after{
        width: 180px;
    }
    .PlanCol .PlanColPrice{
        font-size: 6vw;
    }
    .PlanCol tr{
        height: 70px;
    }
    .PlanCol td{
        padding: 0;
    }
    .indexIntroductionPlan .PlanType{
        font-size: 4vw;
        letter-spacing: 1px;
    }
    .yellowArrowLink span::after {
        left: 100px;
        width: 135px;
    }
    .yellowArrowLink span::before {
        left: 231px;
    }
    .planBtn {
        width: 280px;
        margin-top: 20px;
    }
    .planBtn p {
        margin: 35px
    }
    .PlanCol table {
        width: auto;
        max-height: 500px;
        margin: 0 20px;
    }
    .PlanCol tr td {
        line-height: 18px;
        padding: 0;
    }
    .PlanCol:not(:last-child) {
        margin-right: 0;
        margin-bottom: 30px;
    }
    .PlanCol .kome {
        padding-top: 8px;
        display: block;
    }
    .PlanType {
        margin-top: 15px;
        margin-left: 0;
    }
    .detail_plan .PlanType {
        margin-bottom: 20px;
    }
    .planBtn::after {
        left: 242px;
    }
    .PlanCol .PlanColPrice {
        font-size: 25px;
    }
    .PlanCol tr td:nth-of-type(1) {
        line-height: 22px;
    }
    .PlanCol .yellowArrowLink span {
        font-size: 80%;
    }
    .PlanCol .yellowArrowLink span::after {
        left: -6px;
        width: 333px;
    }
    .PlanCol .yellowArrowLink span::before {
        left: 320px;
    }
    .PlanCol p {
        margin-left: 0;
    }
    .indexStorelistWrap {
        margin: 20px 0;
        width: 100%;
    }
    .indexStorelistWrap .indexStoreCol {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .indexStorelistImg, .indexStorelistText{
        width: 100%;
    }
    .indexStorelistText .storeName h3{
        font-size: 4vw;
    }
    .indexStorelistImg img {
        height: 16vh;
    }
    .indexStorelistText {
        margin-left: 0;
        position: relative;
    }
    .indexStorelistText p span {
        font-weight: bold;
    }
    .indexStorelistText .storeName h3 {
        padding-top: 10px;
    }
    .indexStorelistWrap .storeListFacilities{
        margin-bottom: 10px;
        position: absolute;
        top: -30px;
        left: 10px;
    }
    .indexStorelistWrap .indexStoreCol:not(:last-child) {
        margin-bottom: 40px;
    }
    .indexStorelistWrap .yellowArrowLink {
        margin-top: 10px;
    }
    .indexStorelistText .yellowArrowLink span::before {
        left: 102px;
    }
    .indexStorelistText .yellowArrowLink span::after {
        width: 105px;
    }
    .indexStorelistWrap .storeListFacilities .storeListFacility{
        line-height: 1;
        padding: 3px 3px 3px 0px;
        background: #ffffffcf;
        font-size: 3vw;
    }
    .storeListFacilities .storeListFacility {
        font-size: 3vw;
    }
    #indexIntorduction .indexStorelistWrap .storeListFacilities .storeListFacility p{
        font-size: 2.6vw;
    }
    .indexIntroductionContents.indexIntroWhite .indexFacilityListWrap {
        margin: 30px 6vw 0;
    }
    .indexIntroductionContents.indexIntroWhite .indexFacilityListWrap ul li {
        flex-basis: 30%;
        margin-bottom: 10px !important;
    }
    .indexIntroductionContents.indexIntroWhite .indexFacilityListWrap ul li img{
        height: 9vw;
    }
    .indexIntroductionContents.indexIntroWhite .indexFacilityListWrap .facilityCaption{
        font-size: 2.8vw;
        letter-spacing: 0.05em;
    }
    .indexFacilityListWrap .yellowArrowLink {
        text-align: center;
    }
    .indexFacilityListWrap .yellowArrowLink span, .indexStorelistText .yellowArrowLink span{
        font-size: 3.2vw;
    }
    .indexFacilityListWrap .yellowArrowLink span::before {
        top: 12px;
        left: 200px;
    }
    .indexFacilityListWrap .yellowArrowLink span::after {
        left: 0;
        width: 200px;
    }
    .indexService .detailBoxInwrap{
        padding: 20px;
    }
    .indexService .indexIntroductionServiceInwrap {
        width: 100%;
    }
    .indexService .indexIntroductionServiceInwrap .indexIntroductionServiceText p{
        text-align: center !important;
    }
    .indexService .detailBoxInwrap:nth-child(odd) {
        margin-right: 0;
    }
    .indexService {
        margin: 20px 0 0;
    }
    .indexService .yellowArrowLink span::after {
        left: -10px;
    }
    .indexService .yellowArrowLink span::before {
        left: 78px;
    }
    .indexWrap .page_bn_area {
        flex-wrap: wrap;
    }
    .indexService .detailBoxInwrap h3{
        font-size: 4vw;
        margin-bottom: 10px;
    }
    .indexService .cornerFlag {
        border-right: 50px solid transparent;
        border-top: 50px solid #F1D761;
    }
    .indexIntroductionBlog .blogThumbnails .blogThumbnailBox{
        margin-bottom: 20px;
        width: 100%;
    }

    /* お知らせ */
    .importantNotices {
        padding: 10px;
        text-align: left;
        margin: 0 0 35px 0;
    }
    .importantNotices .information {
        margin-bottom: 7px;
    }
    .importantNotices .infoText {
        line-height: 5vw;
        margin-bottom: 10px;
    }
    /* BOX席 予約ページ */
    .inLink {
        width: 100%;
    }
    .inLink .yellowButton {
        font-size: 3.2vw;
    }
    .mainContents.reservation section {
        margin: 10vw auto 20vw;
    }
    .mainContents.reservation h2 {
        margin-bottom: 0;
    }
    .mainContents.reservation .centerInfo {
        font-size: 3.4vw;
    }
    .mainContents.reservation .priceTable_box {
        display: block;
        padding: 1vw 3vw;
    }
    .mainContents.reservation #standard_plans {
        width: 100%;
    }
    .mainContents.reservation #standard_plans .standard_price {
        width: 100%;
    }
    .mainContents.reservation .priceTable_box img.plus {
        width: 15vw;
        height: 15vw;
        display: block;
    }
    .mainContents.reservation .standard_price.box table {
        height: auto;
    }
    .mainContents.reservation .tab-content {
        width: 100%;
    }
    .mainContents.reservation .tab-content input:checked + .tabLabel + .tab-box {
        padding: 3vw 0;
        box-shadow: unset;
    }
    /* ロボpay完了サンクスページSP */
    /* コワーキング席・個室予約完了サンクスページSP */
    .thanksPage .centerCatchCopy {
        margin-bottom: 6vw;
    }
    .thanksReturnPage {
        margin-top: 20vw;
    }
    /* STORES 店舗一覧SP */
    .scrollStore {
        margin-top: -8vw;
        margin-bottom: 10.66vw;
    }
    .scrollStore a {
        display: block;
        font-size: 3.2vw;
        margin-right: 0;
    }
    .scrollStore.storeListStr {
        margin-bottom: 16vw;
        width: 100%;
    }
    .scrollStore.storeListStr h3 {
        font-size: 3.6vw;
    }
    .scrollStore.storeListStr ul {
        margin-left: 0;
        width: 100%;
    }
    .scrollStore.storeListStr ul li {
        width: 50%;
        line-height: 3;
    }
    .scrollStore.storeListStr ul li.longName {
        width: 100%;
    }
    .mainContentsMeetingRoom .labBn {
        width: 330px;
    }
    .mainContentsStoreList .rightBox,
    .mainContentsMeetingRoom .rightBox {
        margin-top: 0;
    }
    .mainContentsStoreList .headline3Caption,
    .mainContentsMeetingRoom .headline3Caption {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        flex-direction: row;
    }
    .mainContentsStoreList .headline3Caption ul,
    .mainContentsStoreList .headline3Caption p,
    .mainContentsMeetingRoom .headline3Caption ul,
    .mainContentsMeetingRoom .headline3Caption p {
        flex-basis: 50%;
        width: 100%;
    }
    .mainContentsStoreList .readmore,
    .mainContentsMeetingRoom .readmore {
        width: 43.33vw;
        margin: 0 0 5vw 0;
        padding: 2em;
        box-shadow: 2vw 0 10vw rgba(0, 0, 0, 0.02);
        font-size: 3.2vw;
    }
    .storeCard {
        max-width: 767px;
        width: calc(100vw - 10.66vw);
        height: 55.46vw;
        margin-bottom: 26.66vw;
    }
    .storeCard .storeImg {
        width: 86.66vw;
        height: 55.33vw;
    }
    .storeCard .storeAddress {
        bottom: -12vw;
        font-weight: 600;
    }
    .storeCard .storeAddress h3 {
        font-size: 8vw;
        line-height: 9vw;
    }
    .storeCard .storeAddress h3::after {
        margin: -0.1em 0;
    }
    .storeCard .storeAddress ul {
        font-size: 4.6vw;
    }
    .storeCard .storeAddress ul li {
        line-height: 1.2em;
    }
    .storeCard .storeLabel {
        width: 57.33vw;
        padding: 5.33vw;
        height: 20.53vw;
        letter-spacing: 0.02em;
        line-height: 1.4em;
    }
    .storeCard.kichijojiCard .storeLabel {
        height: 22vw;
    }
    .storeCard .storeLabel h4 {
        font-size: 4vw;
    }
    .storeCard .storeLabel h4 .small {
        font-size: 3.2vw;
    }
    .storeCard .storeLabel h4.longName .small {
        font-size: 2.6vw;
    }
    .storeCard .storeLabel p {
        font-size: 3.2vw;
        margin-top: 0.4em;
    }
    .storeCard .toStoreArrow {
        right: 2.66vw;
        bottom: -2.66vw;
    }
    .storeCard .toStoreArrow img {
        width: 5.33vw;
        height: 9.6vw;
    }
    .mainContentsStoreList .storeCoworkingList .storeCard {
        width: calc(100vw - 10.66vw);
    }
    .facilitySup {
        line-height: 1.5;
        margin-top: 10px;
        font-size: 2.5vw !important;
    }
    .facilityIntroTop .facilitySup {
        line-height: 1.8;
        text-align: center;
    }
    .mainContentsStoreList .storeCoworkingList .storeCoworkingListCards .storeCoworkingListCard {
        width: 100%;
        margin-bottom: 28px;
    }
    .mainContentsStoreList .storeCoworkingList .storeCoworkingListCards .storeCoworkingListCard:not(:nth-child(3n)) {
        margin-right: 0;
    }
    .storeLink {
        flex-wrap: wrap;
    }
    .storeLink .yellowButton {
        width: 260px;
        height: 30px;
        margin-bottom: 9px;
        font-size: 2.8vw;
        padding: 10px;
    }
    .mainContentsStoreLocation .leftBox tr{
        padding: 5px 10px;
        display: block;
    }
    .mainContentsStoreLocation .leftBox th, .mainContentsStoreLocation .leftBox td{
        display: block;
        width: 100%;
        padding: 0;
        line-height: 1.8;
    }
    .storeLocation li{
        font-size: 3.2vw;
        line-height: 1.8;
    }
    .storeCoworkingListCard .storeListText{
        position: relative;
    }
    .storeCoworkingListCard .storeListTextmAbout{
        margin: 15px 15px 10px;
    }
    .storeCoworkingListCard.storePremium .storeImg img {
        height: 170px;
    }
    .mainContentsMeetingRoom {
        padding-top: 2vw;
    }
    .mainContentsMeetingRoom h4 {
        font-size: 4.8vw;
        margin-bottom: 3vw;
    }
    .mainContentsMeetingRoom .reservationRoom {
        font-size: 4.8vw;
    }
    .mainContentsMeetingRoom .reservationRoom .yellowButton {
        font-size: 3.2vw;
        width: 45vw;
    }
    .meetingRoomCards {
        margin-bottom: 10.66vw;
    }
    .meetingRoomCards.jimbocho,
    .meetingRoomCards.gotanda,
    .meetingRoomCards.ueno,
    .meetingRoomCards.yokohama {
        justify-content: space-between;
    }
    .meetingRoomCards.jimbocho .meetingRoomCard,
    .meetingRoomCards.gotanda .meetingRoomCard,
    .meetingRoomCards.ueno .meetingRoomCard,
    .meetingRoomCards.yokohama .meetingRoomCard {
        margin-right: 0;
    }
    .meetingRoomCard {
        margin-bottom: 5.33vw;
    }
    .meetingRoomCard .meetingRoomText {
        padding: 4.33vw;
        font-size: 3.2vw;
    }
    .meetingRoomCard .meetingRoomText .meetingRoomAbout {
        padding: 0 0 0 0.5em;
    }
    .meetingRoomCard .meetingRoomText .meetingRoomName {
        font-size: 3.2vw;
    }
    .meetingRoomCard .yellowButton {
        height: 47px;
        width: 38vw;
        font-size: 3.2vw;
        padding: 2.66vw 4vw;
    }
    .meetingRoomCards .storeLabel .buttonArea .yellowButton {
        width: 38vw;
        font-size: 90%;
        padding: 10px;
        height: 50px;
        margin-left: 20px;
    }
    .meetingRoomCards .meetingRoomCardDatail .storeImgSlider {
        max-width: 300px;
    }
    .meetingRoomCard .storeLabel .yellowButton {
        height: 50px;
    }

    .meetingRoomCard .yellowButtonMini {
        width: 27vw;
        padding: 2.66vw 3vw;
    }
    .meetingRoomCard .yellowButton span {
        margin-left: 0;
    }
    .meetingRoomCard2 {
        width: 43.33vw;
        height: 68.66vw;
    }
    .meetingRoomCard2 .meetingRoomText .meetingRoomAbout {
        border-left: 0;
        padding: 0;
    }
    .meetingRoomCard2 .meetingRoomText .meetingRoomName {
        font-size: 3.2vw;
        padding-right: 0;
        position: relative;
        margin-bottom: 1.2em;
    }
    .meetingRoomCard2 .meetingRoomText .meetingRoomName::after {
        content: "";
        display: block;
        border-top: 1px solid #ccc;
        position: absolute;
        width: 6.66vw;
        margin: 0.3em 0;
    }
    .meetingRoomCard2 .meetingRoomImg {
        width: 43.33vw;
        height: 26.66vw;
    }
    .meetingRoomCard4,
    .meetingRoomCard6 {
        width: 100%;
        height: 52.8vw;
    }
    .meetingRoomCard4 .meetingRoomText,
    .meetingRoomCard6 .meetingRoomText {
        width: 100%;
        height: 19.46vw;
    }
    .meetingRoomCard4 .meetingRoomImg,
    .meetingRoomCard6 .meetingRoomImg {
        width: 100%;
        height: 33.33vw;
    }
    /* COWORKING-SPACE コワーキングスペース紹介ページSP */
    /* MEETING-ROOM 会議室紹介ページSP */
    .storeIntroCopy {
        min-width: 100%;
        max-width: 767px;
        padding-top: 6vw;
    }
    .centerCatchCopy p {
        font-size: 3.2vw;
        line-height: 2em;
        padding: 0;
        margin-top: 4vw;
        text-align: left;
    }
    .thumb10 .slick-track{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .thumb10 .slick-track li{
        flex-basis: 17%;
        margin: 0 1% 2% 1%;
    }
    .coworking .mainContents .storeCatchCopy, .coworking .mainContents h2.storeCatchCopy{
        font-size: 4.8vw;
    }
    .coworking .mainContents .storeCatchCopy p, .storeMap .storeMapCaption p, .cwInwrap .detail_plan .linkUdl, .view360Link p{
        font-size: 3.2vw;;
    }
    .centerCatchCopy .yellowButton {
        font-size: 3.2vw;
        width: 45vw;
    }
    .centerCatchCopy .yellowButton svg {
        margin-left: 3vw;
    }
    .centerCatchCopy.centerCatchCopySideline {
        font-size: 4.8vw;
        letter-spacing: 0.1em;
        margin-bottom: 6vw;
    }
    .centerCatchCopy.centerCatchCopySideline::before,
    .centerCatchCopy.centerCatchCopySideline::after {
        bottom: 40%;
        width: 10vw;
    }
    #storeList .centerCatchCopy.centerCatchCopySideline {
        margin: 16vw 0;
    }
    .mainContentsStoreIntro {
        min-width: 100%;
        max-width: 767px;
        width: calc(100vw - 10.66vw);
    }
    .mainContentsStoreIntro .storeIntroductionBox:last-child {
        margin-bottom: 16vw;
    }
    .mainContentsStoreIntro .storeIntroNumber.intro01 svg,
    .mainContentsStoreIntro .storeIntroNumber.intro02 svg,
    .mainContentsStoreIntro .storeIntroNumber.intro03 svg,
    .mainContentsStoreIntro .storeIntroNumber.intro04 svg,
    .mainContentsStoreIntro .storeIntroNumber.intro05 svg {
        width: 20vw;
        height: auto;
    }
    .mainContentsStoreIntro .storeIntroText {
        width: 100%;
        height: 33.33vw;
        font-size: 3.2vw;
    }
    .mainContentsStoreIntro .storeIntroImg {
        width: 100%;
        height: 51.33vw;
        margin-top: 33.33vw;
    }
    .mainContentsStoreIntro .storeIntroImg img {
        top: 0 !important;
    }
    .mainContentsStoreIntro .storeIntroductionBox {
        flex-direction: column;
        min-width: 100%;
        margin-bottom: 24vw;
    }
    .mainContentsStoreIntro .storeIntroductionBox::after {
        width: 20vw;
        height: 20vw;
        bottom: -10vw;
        z-index: 10;
    }
    .mainContentsStoreIntro .storeIntroductionBox.introRight::after {
        right: 10.66vw;
        margin-right: auto;
    }
    .mainContentsStoreIntro .storeIntroductionBox.introRight .storeIntroImg {
        margin-left: 0;
        left: 0;
    }
    .mainContentsStoreIntro .storeIntroductionBox.introRight .storeIntroText {
        top: 0;
        left: 0;
        right: 0;
        margin-left: 0;
    }
    .mainContentsStoreIntro .storeIntroductionBox.introRight .storeIntroNumber {
        left: -3.2vw !important;
        margin-left: auto;
        top: -5.33vw;
    }
    .mainContentsStoreIntro .storeIntroductionBox.introLeft::after {
        left: 10.66vw;
        margin-left: auto;
    }
    .mainContentsStoreIntro .storeIntroductionBox.introLeft .storeIntroImg {
        margin-right: 0;
        right: 0;
    }
    .mainContentsStoreIntro .storeIntroductionBox.introLeft .storeIntroText {
        top: 0;
        right: 0;
        left: 0;
        margin-right: 0;
    }
    .mainContentsStoreIntro .storeIntroductionBox.introLeft .storeIntroNumber {
        right: auto;
        left: -3.2vw;
        margin-right: auto;
        top: -5.33vw;
    }
    .mainContentsStoreIntro .storeIntroductionBox.introCenter {
        flex-direction: column;
        width: 100vw;
        margin-right: auto;
        margin-left: auto;
        margin-left: -5.33vw;
        margin-top: -5.33vw;
    }
    .mainContentsStoreIntro .storeIntroductionBox.introCenter::after {
        width: 0;
        height: 0;
    }
    .mainContentsStoreIntro .storeIntroductionBox.introCenter .storeIntroImg {
        width: 100vw;
        height: 33.066vw;
    }
    .mainContentsStoreIntro .storeIntroductionBox.introCenter .storeIntroText {
        top: auto;
        bottom: 13.066vw;
        right: 0;
        left: 0;
        width: 83.4vw;
    }
    .cwInwrap .detail_plan .cam_label{
        margin: 0px 0px 5px 0px;
        display: inline-block;
    }
    .mainContentsStoreIntro .storeIntroductionBox.introCenter .storeIntroNumber {
        left: -3.2vw;
        top: auto;
        bottom: 39vw;
        margin-left: 5.33vw;
    }
    .allMeetingRoomList .storeMeetingRoomBox .storeBoxImg {
        width: 100%;
        height: 173px;
        margin-bottom: 14px;
    }
    .allMeetingRoomList h2 {
        margin-bottom: 0;
    }
    .mainContentsMeetingRoom.mainContentsallMeetingRooms {
        width: 100%;
    }
    .allMeetingRoomList .meetingRoomCard .meetingRoomCardDatail {
        flex-direction: column;
    }
    .allMeetingRoomList .meetingRoomCard .meetingRoomCardRoomList {
        width: 100%;
    }
    .meetingRoomCardDatail .storeLabel {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 10px;
        align-items: center;
        justify-content: space-between;
        width: auto;
    }
    .allMeetingRoomList .storeLabel .small {
        font-size: 13px;
    }
    .allMeetingRoomList .storeLabel h4 {
        font-size: 16px;
        margin: 0;
    }
    .allMeetingRoomList .storeLabel h5 {
        font-size: 12px;
        margin-top: 10px
    }
    .allMeetingRoomList .storeLabel {
        padding: 19px;
        width: 100%;
    }
    .allMeetingRoomList .meetingRoomCard .storeImg {
        width: 100%;
        height: 188px;
    }
    .roomImg figcaption {
        line-height: 1.2;
        padding: 3px;
    }
    .roomImg figcaption span{
        font-weight: normal;
        font-size: 90%;
    }
    .allMeetingRoomList .yellowButton img {
        margin: 0;
    }
    .allMeetingRoomList .meetingRoomCardDatail .yellowButton {
        font-size: 2.7vw;
        margin: auto 0;
    }
    #grayColor .allMeetingRoomList .meetingRoomCard .meetingRoomCardRoomList .meetingRoomCardRoomReservation .yellowButton {
        width: 44px;
        padding: 5px;
        font-size: 3vw;
    }
    .allMeetingRoomList .meetingRoomCard .roomDatail .yellowButton {
        width: 160px;
        margin: 12px auto;
    }
    .allMeetingRoomList .meetingRoomCard .meetingRoomCardRoomList .yellowButton span {
        margin: auto;
    }
    .allMeetingRoomList .meetingRoomCardRoomList .yellowButton svg {
        margin-left: 0;
    }
    .allMeetingRoomList .meetingRoomCard .meetingRoomCardRoomList table {
        margin: 5px auto;
    }
    .allMeetingRoomList .meetingRoomCard .meetingRoomCardRoomList td {
        padding: 4px 0;
        line-height: 4vw;
        font-size: 2.3vw;
    }
    .allMeetingRoomList .meetingRoomCard .meetingRoomCardRoomList .meetingRoomCardRoomName {
        font-size: 2vw;
    }
    .allMeetingRoomList .meetingRoomCard .meetingRoomCardRoomList .meetingRoomCardRoomPrice {
        width: 34%;
        line-height: 1.8;
    }
    .allMeetingRoomList .meetingRoomCard .meetingRoomCardRoomList .meetingRoomCardRoomReservation {
        width: 10%;
    }
    .allMeetingRoomList .meetingRoomCard .meetingRoomCardRoomList .meetingRoomCardRoomListHeader td {
        font-size: 2.5vw;
        line-height: 3.5vw;
    }
    .allMeetingRoomList .storeLabel.LabDatail {
        padding: 33px 8px;
    }
    .meetingRoomCardRoomList .roomDatail a {
        padding-bottom: 5px;
    }
    /* CO-WORKING SPACE コワーキング店舗個ページ SP */
    .storeHeaderSlide{
        margin: 20px 0 50px
    }
    .mainContentsCoworking .mainContentsBoxSeparate>.leftBox {
        padding-right: 0;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }
    .coworking .storeName{
        margin: 0px 0 40px;
        font-size: 25px;
    }
    .mainContentsCoworking .mainContentsBoxSeparate>.leftBox h2 {
        margin-bottom: 5vw;
    }
    .storeHeaderSlide .slick-next {
        right: 40% !important;
    }
    .storeHeaderSlide .slick-prev {
        left: 40% !important;
    }
    .storeNewsList {
        width: auto;
    }
    .mainContentsCoworking .centerCatchCopy,
    .meetingRoomDetail .centerCatchCopy {
        font-size: 4.8vw;
    }
    .mainContentsStoreNews ul {
        margin-top: 0;
        margin-left: 0;
    }
    .mainContentsStoreNews li {
        line-height: 2;
        margin: 5px 0;
    }
    .mainContentsStoreNews a {
        font-size: 3.2vw;
        line-height: 1.5;
        display: flex;
        align-items: center;
        gap:5px;
        height: 5.2vw;
    }
    .storeNewsListIcon{
        font-size: 18px;
    }
    .mainContentsStoreNews a i{
        vertical-align: middle;
    }
    .mainContentsCoworking .PlanCol table {
        margin: 0;
    }
    .mainContentsCoworking .PlanCol .planBtn {
        margin: 20px auto 0;
    }
    .mainContentsStorePrice .planBtn {
        height: auto;
    }
    .mainContentsStorePrice .planBtn::after {
        left: 235px;
        top: 25px;
        border: 9px solid transparent;
        border-top: 10px solid #F1D661;
    }
    .mainContentsStorePrice .planBtn p {
        margin: 20px;
    }
    .mainContentsCoworking .PlanCol .yellowArrowLink {
        margin: 20px 0;
    }
    .mainContentsStorePrice .PlanCol .yellowArrowLink span::before {
        left: 320px;
    }
    .mainContentsStorePrice .PlanCol .yellowArrowLink span::after {
        width: 335px;
    }
    .mainContentsStorePrice .PlanCol .page_bn_area {
        margin: 30px auto 0;
    }
    .mainContentsStorePrice .PlanCol {
        font-size: 4vw;
    }
    .mainContentsStorePrice .PlanType {
        font-size: 4.5vw;
        font-weight: bold;
    }
    .storeLocation {
        margin-top: 0;
    }
    .storeMeetingRoomLists{
        margin: 0;
    }
    .storeMeetingRoomLists table {
        margin: 20px auto;
    }
    .storeMapDetailText .yellowArrowLink span::before {
        left: 165px;
    }
    .storeMapDetailText .yellowArrowLink span::after {
        left: 0;
        width: 165px;
    }
    .storeMapDetailText .tab-content .yellowArrowLink span::before {
        left: 175px;
    }
    .storeMapDetailText .tab-content  .yellowArrowLink span::after {
        width: 185px;
    }
    .registrationPlan .yellowArrowLink span::before {
        left: 175px;
    }
    .registrationPlan .yellowArrowLink span::after {
        width: 185px;
    }
    .rentalOfficeDetail .yellowArrowLink span::before {
        left: 215px;
    }
    .rentalOfficeDetail .yellowArrowLink span::after {
        width: 215px;
    }
    .mainContentsBlog.cwInwrap .yellowArrowLink span::before {
        left: 85px;
    }
    .mainContentsBlog.cwInwrap .yellowArrowLink span::after {
        width: 90px;
    }

    .mainContentsCoworking .storeMapDetail {
        margin-bottom: 50px;
    }
    .mainContentsStoreMeetingRoom .yellowArrowLink {
        text-align: left;
    }
    .storeMeetingRoomLists .PlanType {
        font-size: 4vw;
    }
    .mainContentsBlog .leftBox {
        flex-wrap: wrap;
    }
    .mainContentsBlog .leftBox h2 {
        font-size: 4.8vw;
    }
    .mainContentsBlog .yellowArrowLink::after {
        width: 130px;
    }
    .storeFacility .storeFacilityTitle {
        font-size: 4vw;
    }
    .storeLocation .google_staticMap {
        margin-top: 20px;
    }
    .mainContentsStoreLocation .leftBox {
        flex-wrap: wrap;
    } 
    .mainContentsCoworking>div {
        margin-bottom: 30px;
    }
    .access_iframe {
        margin-top: 0;
    }
    .mainContentsCoworking .storePrice {
        flex-direction: column;
    }
    .storePriceDetail {
        margin-right: auto;
    }
    .storePriceDetail>div .storePriceDetailPlan {
        order: -1;
    }
    .storePriceDetail .storePriceDetailTitle {
        font-size: 3.2vw;
        margin-left: 1em;
        width: 44vw;
    }
    .storePriceDetailPlan {
        font-size: 4.8vw;
        width: 29vw;
        max-width: 29vw;
        padding: 0 2vw;
    }
    .storePriceDetailPlan .storePriceDetailPlanJa {
        font-size: 4vw;
    }
    .storePriceDetailPrice {
        font-size: 6.4vw;
        width: 20vw;
    }
    .storePriceDetailPriceStudent > span {
        font-size: 3.7vw;
    }
    .storePriceDetailPrice .storePriceDetailPriceYenMark {
        font-size: 6.4vw;
    }
    .storePriceDetailTitle .storePriceDetailAddition {
        font-size: 2.5vw;
        line-height: 1.5
    }
    .storeRecruitBn {
        width: 280px;
    }
    .store1dayBn {
        width: 280px;
    }
    .toOtherPrice,
    .toOtherMonthly {
        width: 57.33vw;
        min-width: 57.33vw;
        height: 16vw;
        font-size: 3.2vw;
        align-items: center;
        position: relative;
    }
    .toOtherPrice img,
    .toOtherMonthly img {
        position: absolute;
        right: 3vw;
        top: 7vw;
    }
    .toOtherPrice span,
    .toOtherMonthly span {
        width: auto;
        margin-left: -0.5em;
        margin-top: 0.9vw;
    }
    .toOtherPrice span br {
        display: none;
    }
    .toReservation {
        width: 95vw;
        display: flex;
    }
    .toReservation .yellowButton {
        margin: auto;
        padding-right: 2vw;
        width: 42vw;
    }
    .toReservation .yellowButton img {
        right: 2.5vw;
        top: 6.5vw;
    }
    .mainContentsStoreMap {
        padding-bottom: 10vw;
    }
    .storeMap, .monthly_tab{
        max-width: 767px;
        width: 100%;
    }
    .storeMapImg {
        width: 100%;
    }
    .storeMapImg.smallMap {
        width: auto;
    }
    .storeMap .storeMapCaption {
        font-size: 3.2vw;
        margin-bottom: 10px;
        text-align: left;
        margin-top: 20px;
    }
    .storeMap h2 {
        font-size: 4.8vw;
    }
    .matomeImg_preview .matomeImg_photo {
        text-align: right;
    }
    .storeMapImgSP_preview .storeMapImgSP_photo .closeModalButton,
    .matomeImg_preview .matomeImg_photo .closeModalButton {
        width: 4.13vw;
        height: 4.13vw;
    }
    .storeMapDetailList {
        margin-top: 10vw;
    }
    .storeMapDetailBox {
        flex-direction: column;
        max-width: 767px;
        width: 100%;
        gap: 0;
    }
    .storeMapDetailImgWrap {
        flex-direction: column;
    }
    .storeMapDetailBox .storeMapDetailImg+p {
        margin-bottom: 0;
    }
    .storeMapDetailTitle, .storeFacilityTitle {
        margin-bottom: 5vw;
        font-size: 4vw;
    }
    .storeMapDetailBox .storeMapDetailTitle{
        margin-bottom: 5vw;
        font-size: 4vw;
    }
    .storeMapDetailBox .storeMapDetailText {
        text-align: left;
        width: 100%;
        font-size: 3.2vw;
        line-height: 1.8;
    }
    .view360Link p{
        line-height: 1.8;
    }
    .storeMapDetailBox .storeMapDetailImg {
        width: 100%;
        height: 50.88vw;
        margin-bottom: 5vw;
    }
    .storeMapDetailText .yellowArrowLink {
        text-align: left;
    }
    /*店舗ページカルーセル*/
    .storeMap .slick-prev {
        left: -10px;
    }
    .storeMap .slick-next {
        right: -10px;
    }
    .storeMapDetailDescription {
        max-width: 767px;
        width: calc(100vw - 10.66vw);
        margin: 5vw 0;
        padding: 3.2vw;
        letter-spacing: 0.02em;
    }
    .storeMapDetailDescription .storeMapDetailDescriptionHead {
        font-size: 4.8vw;
        padding: 1vw;
        margin-bottom: auto;
    }
    .storeMeetingRoomBox {
        flex-direction: column;
    }
    .storeMeetingRoomBox .storeMeetingRoomBoxText,
    .storeMeetingRoomBox .storeMeetingRoomBoxImg {
        width: 100%;
    }
    .storeMeetingRoomBox .storeMeetingRoomBoxText {
        font-size: 3.2vw;
        line-height: 2em;
    }
    .storeMeetingRoomBox .storeMeetingRoomBoxText .yellowButton {
        width: 150px;
        height: 45px;
        margin-top: 10px;
    }
    .storeMeetingRoomBox .storeMeetingRoomLists {
        margin-top: 4vw;
        margin-bottom: 4vw;
    }
    .storeMeetingRoomBox .storeMeetingRoomList {
        height: 11.33vw;
        padding: 0.5em 0;
        margin: 2vw 0.5vw;
        justify-content: space-between;
    }
    .storeMeetingRoomBox .storeMeetingRoomList .storeMeetingRoomListRoomName {
        font-size: 1.93vw;
        width: 14vw;
        margin-right: 0;
        padding: 2vw 8vw 2vw 0;
    }
    .storeMeetingRoomBox .storeMeetingRoomList .storeMeetingRoomListRoomNameTwo {
        padding: 2vw 2vw 2vw 0;
    }
    .storeMeetingRoomBox .storeMeetingRoomList .storeMeetingRoomListCapacity {
        font-size: 2.8vw;
    }
    .storeMap .tab-content, .monthly_tab .tab-content {
        width: auto;
    }
    .coworking .monthly_tab .tab-content{
        justify-content: center;
    }
    .coworking .tab-content .tab-box{
        width: 100%;
    }
    .coworking .monthly_tab .tab-content input:checked + .tabLabel + .tab-box{
        padding: 10px;
        margin-top: 10px;
    }
    .monthly_tab .tab-content .tabLabel, .coworking .monthly_tab .tab-content .tabLabel{
        flex: 0 1 31%;
        font-size: 2.9vw;
        margin-bottom: 6px;
        margin-left: 4px;
        margin-right: 4px;
    }
    .monthly_tab .tab-box {
        text-align: left; 
    }
    .coworking .monthly_tab .tab-box{
        margin-top: 0;
    }
    .monthly_tab .tab-cam-box span:first-of-type{
        font-size: 3.2vw;
    }
    .storeMap .tab-content .storeMapImg img {
        height: 200px;
    }

    /* 月額プランページ */
    .planLink .yellowButton {
        margin: 0 1.5vw;
        width: 47%;
        font-size: 3.2vw;
    }
    .mainContentsMonthlyPlan .centerCatchCopy.centerCatchCopySideline {
        margin-bottom: 0;
        font-size: 17px;
    }
    .mainContentsMonthlyPlan .centerCatchCopy.centerCatchCopySideline::before,
    .mainContentsMonthlyPlan .centerCatchCopy.centerCatchCopySideline::after {
        bottom: 50%;
    }
    .mainContentsMonthlyPlan .plansCaption {
        text-align: left;
        font-size: 3.2vw;
        margin: 30px 0 30px;
    }
    .mainContentsMonthlyPlan .plansMonthlyList {
        margin: 10vw 0 4vw;
        padding: 0 6vw 6vw;
        letter-spacing: 0;
    }
    #plan-monthly .plansMonthlyBlock.flex {
        display: flex;
    }
    .mainContentsMonthlyPlan .plansMonthlyBlock .planNameBox h3 {
        font-size: 4vw;
    }
    .mainContentsMonthlyPlan .plansMonthlyBlock .planNameBox p {
        font-size: 3.2vw;
        margin-top: 5.5vw;
    }
    .mainContentsMonthlyPlan .plansMonthlyBlock .planNameBox span {
        font-size: 3vw;
    }
    .mainContentsMonthlyPlan .plansMonthlyBlock .planNameBox .planInfo {
        font-size:3vw;
        margin:0;
    }
    .mainContentsMonthlyPlan .plansMonthlyBlock {
        padding: 8vw 0;
    }
    .mainContentsMonthlyPlan .plansMonthlyBlock .submitBox .price {
        font-size: 4vw;
    }
    .mainContentsMonthlyPlan .plansMonthlyBlock .submit_wrap {
        margin-top: 4vw;
    }
    .mainContentsMonthlyPlan .plansMonthlyBlock .submit_wrap::after {
        height: 2.8vw;
        width: 2.8vw;
        top: 3.5vw;
        right: 0;
    }
    .mainContentsMonthlyPlan .plansMonthlyBlock .submit_wrap input[type="submit"] {
        font-size: 3vw;
        padding: 3.2vw 5.5vw 3.2vw 1.5vw;
        margin-right: -1vw;
    }
    .mainContentsMonthlyPlan .plansMonthlyBlock .selStore_wrap {
        display: block;
    }
    .mainContentsMonthlyPlan .plansMonthlyBlock .selStore_wrap .selectWrap {
        margin-top: 4vw;
    }
    .mainContentsMonthlyPlan .plansMonthlyBlock .selStore_wrap .selectWrap::after {
        right: 0.2vw;
    }
    .mainContentsMonthlyPlan .plansMonthlyBlock .selStore_wrap .selectWrap select {
        font-size: 2.8vw;
        width: 38vw;
        padding: 3.2vw 1vw;
        margin-right: -1vw;
        margin-bottom: 1.5vw;
    }
    .mainContentsMonthlyPlan .plansMonthlyBlock .selStore_wrap .submit_wrap {
        margin-top: 2.5vw;
    }
    .mainContentsMonthlyPlan .plansMonthlyBlock .planNameBox {
        width: 50%;
    }
    .plansMonthlyBlock .monthCampaign {
        width: 100%;
    }
    .infoList {
        margin-top: 3vw;
    }
    .infoList li {
        line-height: 1.6;
        font-size: 11px;
    }
    .infoList .monthly_info {
        font-size: 3vw;
        padding-left: 1vw;
    }
    .monthlyplansFacilityListWrap .storeFacilityList ul li {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    .monthlyplansLeadH5 {
        font-size: 12px;
    }
    .monthlydetailBoxInwrap {
        margin-bottom: 30px;
    }
    .monthlyplansLeadLink span {
        position: relative;
    }
    .monthlyplansLeadLink span::before {
        top: 2px;
        left: -8vw;
        width: 48vw;
        height: 4vw;
        border-bottom: solid 3px #F1D661;
        bottom: 0;
    }
    .monthlyplansLeadLink span::after {
        top: -10px;
        left: 40vw;
        width: 0;
        height: 4vw;
        border-right: solid 15px transparent;
        border-bottom: solid 15px #F1D661;
        bottom: 0px;
    }
    .mainContentsMonthlyPlan .infoList.monthly_info {
        font-size: 10px;
        padding-left: 0px;
    }
    .monthlyplansFacility {
        margin-left: 30px;
        margin-right: 30px;
    }
    .monthlyStepWrap {
        display: flex;
        justify-content: flex-start;
        margin: 32px 0 0;
        flex-direction: column;
        align-content: center;
        flex-wrap: wrap;
        gap: 30px;
    }
    .monthlyStepWrap .monthlyStepInwrap:not(:last-child)::after {display:none}
    .monthlyplansFacilityListWrap.storeFacilityList ul li {
        flex-basis: 50%
    }
    .monthlyplansFacilityListWrap .storeFacilityList ul {
        width: 50%;
    }
    h2#plan-campaign.normalHeadline.centerCatchCopy
   ,h2#plan-allstore.normalHeadline.centerCatchCopy
   ,h2#plan-onlystore.normalHeadline.centerCatchCopy {
        text-align: center;
        padding-top: 15px;
    }
    #monthlyplans-lead h2.normalHeadline.centerCatchCopy.centerCatchCopySideline {
        line-height: 1.2;
    }
    .monthlybr-sp {
        display: block;
    }
    .monthlyplansLeadText {
        margin: auto 15px;
    }
    .monthlyStepImg {
        width: 35%;
        height: 50%;
    }
    .yellowButton.monthly-plans-subscription span {
        font-size: 15px;
    }
    .monthlyStepInwrap {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .monthlyStepWrap .monthlyStepInwrap:not(:last-child) {
        margin-right: 0;
    }
    #monthlyplans-payaction h2.normalHeadline.centerCatchCopy.centerCatchCopySideline {
        line-height: 1.2;
    }
    .comp-planWrap{
        padding-top: 0;
    }
    /*小さめアイコン用*/
    .storeFacilityList ul li .storeFacilityIcon.facilityIconSmall img {
        height: 18vw;
    }
    .monthlyStepInwrap {
        width: 100%;
    }
    .monthlyStepText p {
        font-size: 12px;
    }
    .monthlyplansFacility h2.normalHeadline.centerCatchCopy {
        text-align: center;
        padding-top: 15px;
    }
    .monthlyplansFacilityContents.monthlyplansIntroFacility.monthlyplansIntroWhite {
        padding: 0;
    }
    .monthlyplansFacilityListWrap.storeFacilityList {
        padding-top: 15px;
    }
    /* 各店舗ページ月額プラン */
    #plan-monthly .flex, #plan-monthly .flex.monthly_2box {
        display: block;
    }
    .toSharePlan {
        width: 43.33vw;
        font-size: 3.2vw;
    }
    .storeBoxImg {
        width: 100%;
        height: 50.88vw;
        margin-top: 5vw;
    }
    .mainContentsCoworking .cwInwrap{
        margin-bottom: 60px;
    }
    .mainContentsStorePrice.cwInwrap.whiteSpace{
        padding-top: 30px;
        padding-bottom: 50px;
    }
    .mainContentsStorePrice .rightBox,
    .mainContentsBlog .rightBox,
    .mainContentsMatome .rightBox {
        margin-top: 4vw;
    }
    .mainContentsStorePrice .centerCatchCopy.centerCatchCopySideline {
        font-size: 3.4vw;
        text-align: center;
    }
    .mainContentsStorePrice .monthly_fk .centerCatchCopy.centerCatchCopySideline {
        margin-bottom: 30px;
    }
    .mainContentsStorePrice .storeFacilityList ul {
        margin-top: 10vw;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .mainContentsStorePrice .storeFacilityList ul li {
        flex-basis: 50%;
        font-size: 3.2vw;
        margin-bottom: 1vw;
    }
    .mainContentsStorePrice .storeFacilityList ul li .storeFacilityIcon {
        height: 13.33vw;
    }
    .mainContentsStorePrice .storeFacilityList ul li .storeFacilityIcon img {
        height: 13.33vw;
        width: auto;
    }
    .mainContentsStorePrice .storeFacilityList ul li .storeFacilityIcon.facilityIconSmall img {
        height: 18vw;
    }
    .mainContentsStorePrice .storeFacilityList ul li .facilityCaption {
        margin: 4vw 0;
    }
    .mainMatome .mainContentsFacilityIntro .facilityIntroTop {
        background: url(img/matomeTOP.jpg) no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
    }
    .mainMatome .mainContentsFacilityIntro .facilityIntroTop {
        height: auto;
        padding-top: 29%;
    }
    .matomeOsakaTop .mainContentsFacilityIntro .facilityIntroTop {
        background: url(img/matomeOsakaTop.jpg) no-repeat;
        -webkit-background-size: contain;
        background-size: cover;
    }
    .matomeKanagawaTop .mainContentsFacilityIntro .facilityIntroTop {
        background: url(img/matomeKanagawaTop.jpg) no-repeat;
        -webkit-background-size: contain;
        background-size: cover;
    }
    .matomeChibaTop .mainContentsFacilityIntro .facilityIntroTop {
        background: url(img/matomeChibaTop.jpg) no-repeat;
        -webkit-background-size: contain;
        background-size: cover;
    }
    .matomeFukuokaTop .mainContentsFacilityIntro .facilityIntroTop {
        background: url(img/matomeFukuokaTop.jpg) no-repeat;
        -webkit-background-size: contain;
        background-size: cover;
    }
    .matomeNagoyaTop .mainContentsFacilityIntro .facilityIntroTop {
        background: url(img/matomeNagoyaTop.jpg) no-repeat;
        -webkit-background-size: contain;
        background-size: cover;
    }
    .matomeKanagawaTop blockquote img {
        max-width: 100%;
    }
    .storeFacilityList{
        margin-bottom: 30px;
    }
    .storeMapDetailList .storeFacilityList ul li {
        flex-basis: 25%;
        font-size: 3.2vw;
        margin-bottom:  10px;
    }
    .storeMapDetailList .storeFacilityList ul li .facilityCaption{
        font-size: 3.2vw;
        display: block;
    }
    .storeFacilityList ul li .storeFacilityIcon {
        height: 13.33vw;
    }
    .storeFacilityList ul li .storeFacilityIcon img {
        height: 13.33vw;
        width: auto;
    }
    .storeFacilityList ul li .facilityCaption{
        margin-top: 5px;
        height: auto;
        display: none;
    }
    .storeFacilityList ul li .facilityCaption span {
        font-size: 3.0vw;
        line-height: 1.5;
    }
    .storeFacilityOther {
        padding-top: 9.33vw;
        border-top: 1px solid #ccc;
        margin-bottom: 15.33vw;
    }
    .storeFacilityOther h2.normalHeadline {
        margin-bottom: 2vw;
    }
    .storeFacilityOther .storeFacilityOtherBox {
        font-size: 3.2vw;
        margin-top: 0;
    }
    .storeFacilityOther .storeFacilityOtherBox.facilityDescription .storeFacilityOtherImg img {
        width: 20.266vw;
        height: auto;
    }
    .storeFacilityOther .storeFacilityOtherBox.facilityMlesnaPrice {
        padding-top: 10vw;
        flex-direction: column;
    }
    .storeFacilityOther .storeFacilityOtherBox.facilityMlesnaPrice .storeFacilityOtherText {
        width: 100%;
        margin-right: 0;
        letter-spacing: 0.02em;
    }
    .storeFacilityOther .storeFacilityOtherBox.facilityMlesnaPrice .storeFacilityOtherText .storePriceDetailPlan {
        margin-bottom: 3.2vw;
        width: 17.73vw;
        font-size: 4.8vw;
    }
    .storeFacilityOther .storeFacilityOtherBox.facilityMlesnaPrice .storeFacilityOtherText .storeFacilityPriceBox {
        margin-top: 0;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
    }
    .storeFacilityOther .storeFacilityOtherBox.facilityMlesnaPrice .storeFacilityOtherText .storePriceDetailPrice {
        margin-left: 0.5em;
        font-size: 6.4vw;
    }
    .storeFacilityOther .storeFacilityOtherBox.facilityMlesnaPrice .storeFacilityOtherImg {
        width: 100%;
        height: 60vw;
    }
    .storeFacilityOther .storeFacilityOtherBox.facilityMlesnaPrice .storeFacilityOtherImg img {
        width: 100%;
    }
    /* MEETING-ROOM 会議室・店舗別ページSP */
    .roomImgSlider li {
        width: 4vw;
    }
    .flex-control-thumbs li {
        margin-right: 1.1vw;
    }
    .flex-control-thumbs li:last-child {
        margin-right: 0;
    }
    .headline3Caption,
    .headline3CaptionSP {
        margin-top: 5.33vw;
    }
    .headline3Caption ul,
    .headline3CaptionSP ul {
        margin-bottom: 5.33vw;
    }
    .headline3Caption ul li,
    .headline3CaptionSP ul li {
        font-size: 3.2vw;
        display: inline;
        margin-right: 0.5em;
    }
    .headline3Caption p,
    .headline3CaptionSP p {
        font-size: 3.2vw;
        line-height: 6vw;
        letter-spacing: 0.02em;
        margin-bottom: 6vw;
    }
    .mainContentsStoreLocation .headline3Caption {
        display: none;
    }
    .mainContentsStoreLocation .headline3CaptionSP {
        display: block;
    }
    .mainContentsStoreLocation .storeLocationOpenTime {
        font-size: 3.2vw;
    }
    .mainContentsStoreLocation .storeLocationOpenTime .storeLocationOpenTime_open {
        font-size: 4vw;
    }
    .storeLocation {
        margin-top: 0;
    }
    .reserveRoomInfo {
        max-width: 767px;
        width: calc(100vw - 10.66vw);
    }
    .reserveRoomInfo h2 {
        margin-bottom: 2.66vw;
    }
    .reserveRoomBox {
        margin-bottom: 10vw;
    }
    .reserveRoomBoxHeadline {
        font-size: 3.2vw;
        padding: 1.4vw;
    }
    .reserveRoomBoxText {
        font-size: 3.2vw;
    }
    .reserveRoomBoxText.separate {
        flex-direction: column;
    }
    .reserveRoomBoxText.separate>div {
        width: auto;
    }
    .reserveRoomBoxText.separate>div:last-child {
        margin-top: 6vw;
    }
    .reserveRoomBoxText .reserveRoomBoxAnnotation {
        height: 50vw;
        padding: 1em;
        margin: 5vw 0;
    }
    .reservRoomTell {
        font-size: 4vw;
        margin-top: 3.2vw;
    }
    .reservRoomTell .reserveRoomComment {
        font-size: 3.2vw;
    }
    .reservRoomTell .tellNumber {
        margin-left: 2vw;
        font-size: 6.4vw;
        padding: 1vw 2vw;
    }
    .reservRoomTell .tellNumber_openTime {
        font-size: 5.33vw;
        margin: 1vw 0;
        display: block;
    }
    /* 会議室・店舗別ページ SP*/
    .meetingRoomDetail .centerCatchCopy.centerCatchCopySideline {
        margin-bottom: 0;
    }
    .meetingRoomDetail .yellowButton a {
        font-size: 3.2vw;
    }
    .meetingRoomDetail .meetingRoomCard {
        margin: 0 0 10vw;
        width: 100%
    }
    .meetingRoomDetail .meetingRoomCard .meetingRoomText .meetingRoomAbout {
        width: auto;
    }
    .meetingRoomAbout .mtgCapTitle {
        padding: 0 ;
        flex-wrap: wrap;
    }
    .meetingRoomAbout .mtgCapTitle p {
        width: 100%;
    }
    .meetingRoomDetail .meetingRoomCard .yellowButton a {
        padding: 0;
    }
    .mtgFacility {
        margin: 16px 10px 5px;
    }
    .meetingRoomDetail .meetingRoomCard:last-child {
        margin-bottom: 0;
    }
    .meetingRoomDetail .meetingRoomCard.meetingRoom1,
    .meetingRoomDetail .meetingRoomCard.meetingRoom3 {
        width: 100%;
    }
    .meetingRoomDetail .meetingRoomCard .meetingRoomImgMain {
        font-size: 4.8vw;
    }
    .meetingRoomDetail .meetingRoomCard .meetingRoomText .meetingRoomFacilityDetail span {
        width: 17vw;
    }
    .meetingRoomDetail .meetingRoom1 .meetingRoomText .meetingRoomAbout {
        width: auto;
    }
    .meetingRoomDetail .meetingRoomText .yellowButton span {
        font-size: 3.2vw;
    }
    .reserveRoomChart h3 {
        font-size: 4.5vw;
        margin-bottom: 2vw;
    }
    .reserveRoomChart .reserveRoomChartStep li {
        width: 100%;
        float: none;
        margin-bottom: 16vw;
    }
    .reserveRoomChart .reserveRoomChartStep li::after {
        width: 50px;
        height: 50px;
        top: auto;
        left: 35vw;
        transform: rotate(90deg);
    }
    .reserveRoomChart .reserveRoomChartStep li img {
        width: 100%;
        margin-bottom: 4vw;
    }
    .reserveRoomChart .reserveRoomChartStep li p {
        font-size: 3.2vw;
        padding: 1vw 0;
    }
    .qaLists {
        padding: 1vw 3vw;
    }
    .qaLists .accordionList {
        padding: 2vw 0;
    }
    .qaLists .accordionList .qaItemChild {
        font-size: 3.2vw;
        padding: 3vw 0 4vw;
    }
    .qaLists .accordionList .qaItem {
        font-size: 3.2vw;
        padding-right: 6vw;
        padding-top: 0;
    }
    .qaLists .accordionList .qaItem::after {
        right: 1vw;
    }
    .meetingRoomDetail .page_bn_area {
        flex-wrap: wrap;
    }
    .meetingRoomDetail .page_bn_area a {
        margin-bottom: 10px;
    }
    .meetingRoomDetail .storeMapDetailText .yellowArrowLink span::after {
        left: 0;
        width: 180px;
    }
    .meetingRoomDetail .storeMapDetailText .yellowArrowLink span::before {
        left: 180px;
    }

    /* Lab.新橋 */
    .labshimbashiDetail section {
        margin-bottom: 60px;
    }
    .storeIntroCopy .labshimbashi_img{
        width: 100%;
    }
    .storeIntroCopy .labshimbashi_img ul{
        display: block;
    }
    .storeIntroCopy .labshimbashi_img ul li{
        margin-bottom: 10px
    }
    .storeIntroCopy .labshimbashi_img ul img{
        width: 90%;
        height: auto;
    }
    .storeIntroCopy .labshimbashi_use{
        width: 100%;
        padding: 3vw;
    }
    .storeIntroCopy .labshimbashi_use ul{
        margin-bottom: 20px;
    }
    .storeIntroCopy .labshimbashi_use li{
        font-size: 3.6vw;
        line-height: 1.5;
        padding: 2vw;
    }
    .labshimbashiDetail .meetingRoom1 .meetingRoomText .meetingRoomFacilityDetail, .labshimbashiDetail .meetingRoom1 .meetingRoomText .reservation a+span{
        font-size: 3.5vw;
    }
    .labshimbashi_centerCatchCopy p{
        font-size: 3.5vw;
        line-height: 2em;
    }


    /* 予約フォームSP */
    .mainContentsReserveRoomForm {
        padding: 10.66vw 0;
    }
    .mainContentsReserveRoomForm .contactBox {
        margin-bottom: 10.66vw;
    }
    .mainContentsReserveRoomForm legend.reserveRoomContactLabel {
        font-size: 4vw;
        line-height: 8vw;
        margin-bottom: 6.66vw;
    }
    .mainContentsReserveRoomForm .checkBox {
        flex-direction: column;
    }
    .mainContentsReserveRoomForm .checkBox label {
        margin-bottom: 6vw;
        align-items: center;
    }
    .mainContentsReserveRoomForm .checkBox .reserveRoomCheckboxParts {
        padding-left: 6vw;
    }
    .mainContentsReserveRoomForm .checkBox .reserveRoomCheckboxParts::before {
        width: 4.26vw;
        height: 4.26vw;
        top: 1vw;
    }
    .mainContentsReserveRoomForm .checkBox .reserveRoomCheckbox:checked+.reserveRoomCheckboxParts::after {
        top: 1.3vw;
        left: 1.3vw;
        width: 1.4vw;
        height: 2.5vw;
        border-bottom: 0.66vw solid #556fb5;
        border-right: 0.66vw solid #556fb5;
    }
    .contactUserName>div {
        flex-basis: 48%;
    }
    .mainContentsReserveRoomPrice>* {
        max-width: 767px;
        width: calc(100vw - 10.66vw);
    }
    .mainContentsReserveRoomPrice .reserveDetail {
        flex-direction: column;
        align-items: flex-start;
    }
    .mainContentsReserveRoomPrice .reserveDetail>* {
        max-width: 767px;
        width: calc(100vw - 10.66vw);
    }
    .mainContentsReserveRoomPrice .reserveDetail table {
        font-size: 2.53vw;
    }
    .mainContentsReserveRoomPrice .reserveDetail table tbody:first-child {
        margin-right: 6.66vw;
    }
    .mainContentsReserveRoomPrice .reserveDetail table th {
        width: 42%;
    }
    .mainContentsReserveRoomPrice .reserveDetail table td {
        width: 58%;
    }
    .reserveRoomPriceTotal {
        font-size: 4.8vw;
        margin-top: 3vw;
        height: 16.8vw;
        align-items: flex-end;
        padding-bottom: 0;
        max-width: 80vw !important;
        margin-left: 0;
        margin-right: auto;
    }
    .reserveRoomPriceTotal .reserveRoomPriceTotalAmount {
        font-size: 9.6vw;
        margin-bottom: 2vw;
        align-self: flex-end;
    }
    .reserveRoomPriceTotal .reserveRoomPriceTotalTaxIn {
        font-size: 3.2vw;
        align-self: flex-end;
    }
    .cardExpirationDate {
        justify-content: space-between;
    }
    .cardExpirationDate .selectWrap {
        height: 10vw;
        flex-basis: 48%;
    }
    .cardExpirationDate .selectWrap::before {
        width: 100%;
        height: 10vw;
    }
    /* 姉妹サイト紹介SP */
    .mainContentsRelatedServices {
        flex-direction: column;
    }
    .mainContentsRelatedServices .mainContentsBoxText {
        flex-basis: 100%;
        font-size: 3.2vw;
    }
    .mainContentsRelatedServices .mainContentsBoxText>p {
        margin-bottom: 10vw;
    }
    .mainContentsRelatedServices 2 {
        flex-basis: 100%;
        font-size: 4.8vw;
        margin-bottom: 5vw;
    }
    .mainContentsRelatedServicesWrap {
        flex-direction: column;
    }
    .mainContentsRelatedServicesWrap .mainContentsRelatedServiceBox {
        flex-basis: 100%;
        margin-right: 0;
        margin-bottom: 10vw;
    }
    .mainContentsRelatedServicesWrap .mainContentsRelatedServiceBox img {
        width: 100%;
        height: auto;
        margin-bottom: 3.2vw;
    }
    .mainContentsRelatedServicesWrap .mainContentsRelatedServiceBox a {
        display: block;
        width: 100%;
        height: 100%;
    }
    .mainContentsRelatedServicesWrap .mainContentsRelatedServiceBox:last-child {
        margin-bottom: 0;
    }
    /*お問い合わせSP */
    /* 会員登録フォームSP */
    /* コワーキング席・個室予約フォームSP */
    .mainContentsContact {
        padding-bottom: 6vw;
    }
    .contactform {
        min-width: auto;
    }
    .contactform>div {
        margin-bottom: 6vw;
    }
    .contactform label {
        font-size: 3.2vw;
    }
    .contactform input,
    .contactform select {
        height: 10vw;
    }
    .wpcf7 input:not([type="radio"]),
    .wpcf7 textarea,
    .wpcf7 select {
        font-size: 3.2vw;
    }
    .wpcf7 select[name="your-hour-start"], .wpcf7 select[name="your-minutes-start"], .wpcf7 select[name="your-hour-end"], .wpcf7 select[name="your-minutes-end"]{
        width: 48%;
    }
    .wpcf7 select[name="your-use-hours"] {
        width: 48%;
    }
    .contactform .reservationForm {
        width: 100%;
    }
    .wpcf7 .contactform .topNote {
        width: 100%;
        padding: 7vw 4vw 2vw;
    }
    .wpcf7 .contactform .topNote_price dt, .wpcf7 .contactform .topNote_price dd{
        font-size: 3.2vw;
    }
    .fieldWrap2 .left_route {
        width: 45%;
    }
    .fieldWrap2 .right_route {
        width: 70%;
    }
    .fieldWrap2 .right_route input {
        font-size: 2.8vw;
    }
    .fieldWrap2 .right_route input.keyword {
        width: 17.7vw;
        margin-left: 1%;
        padding: 0;
    }
    .fieldWrap2 .right_route dl dd {
        height: 29px;
    }
    .selectWrap {
        height: 10vw;
    }
    .selectWrap::after {
        width: 0;
        height: 0;
        border-width: 2.2vw 1.6vw 0 1.6vw;
        bottom: 3.4vw;
        right: 2.4vw;
    }
    .contactSubmit:not(.memberSubmit) {
        width: 46.66vw;
        height: 14vw;
        margin-top: 10vw;
    }
    .contactSubmit img {
        top: 5vw;
        right: 20%;
        width: 2.06vw;
        height: 3.86vw;
    }
    .contactSubmit svg {
        top: 5.5vw !important;
        right: 5vw !important;
    }
    input.contactSubmitButton {
        height: 14vw;
        width: 46.66vw;
        font-size: 4vw;
        margin: 6.66vw auto;
        padding: 0;
    }
    /* BLOG ブログ */
    #toc_container {
        padding: 10px 10px 20px !important;;
    }
    .mainContentsBlog,
    .mainContentsMatome {
        flex-direction: column;
    }
    .blogThumbnails,
    .matomeThumbnails {
        flex-direction: column;
    }
    .blogThumbnails .blogThumbnailBox,
    .matomeThumbnails .matomeThumbnailBox {
        width: 100%;
        margin-right: 0;
        padding-bottom: 2vw;
        margin-bottom: 5.33vw;
        border-bottom: 1px solid #e1e1e1;
    }
    .mainContentsBlog .blogThumbnails .blogThumbnailBox .blogThumbnailmage,
    .coworking .mainContentsBlog .blogThumbnails .blogThumbnailBox .blogThumbnailmage {
        width: 32vw;
        height: 24.66vw;
        float: left;
        margin: 2.66vw;
    }
    .blogThumbnailmage {
        width: 100%;
    }
    .matomeThumbnailmage {
        width: 100%;
        height: 20vh;
    }
    .matomeThumbnailDetail p {
        line-height: 1;
        font-size: 3.6vw;
    }
    .matomeArchiveDl dt,
    .matomeArchiveDl dd {
        font-size: 3.2vw;
        padding: 2%;
    }
    .blogThumbnailText,
    .matomeThumbnailText {
        letter-spacing: 0.04em;
        padding: 2.66vw;
    }
    .blogThumbnailText .blogThumbnailDate,
    .matomeThumbnailText .matomeThumbnailDate {
        font-size: 3.2vw;
        margin-top: 1em;
        font-weight: bold;
    }
    .blogThumbnailText .blogThumbnailTitle,
    .matomeThumbnailText .matomeThumbnailTitle {
        font-size: 3.2vw;
        line-height: 4.79vw;
        margin-top: 0.5em;
        margin-bottom: 2em;
    }
    .indexIntroductionContents .blogThumbnailText .blogThumbnailTitle{
        margin-top: 3px;
        margin-bottom: 0;
    }
    .indexIntroductionContents .blogThumbnailmage {
        height: 140px;
    }
    .blogThumbnailText .blogThumbnailDetail,
    .matomeThumbnailText .matomeThumbnailDetail {
        font-size: 3.2vw;
        line-height: 5.33vw;
        margin-bottom: 2vw;
        clear: both;
    }
    .matomeThumbnailText .matomeThumbnailDetail {
        margin: 2vw;
    }
    .scrollNav {
        display: block;
        padding: 3.2vw 0;
    }
    .scrollNav a {
        color: #333333;
        text-decoration: underline;
        font-size: 3.2vw;
    }
    .scrollNav a::before {
        content: "↓";
        padding-right: 0.2em;
    }
    .tagHeadline {
        margin-bottom: 6.66vw;
        font-size: 5vw;
    }
    .tokusyuTitle {
        position: relative;
        background: #fff;
        padding: 20px 15px;
        text-align: left;
        border-radius: 20px;
        border: #555555 solid 3px;
        text-align: center;
        margin-top: 2rem;
        margin-bottom: 40px;
        width: 100%;
    }
    .tokusyuTitle::before {
        content: "";
        position: absolute;
        bottom: -24px;
        left: 50%;
        margin-top: 2rem;
        margin-left: -15px;
        border: 12px solid transparent;
        border-top: 12px solid #FFF;
        z-index: 2;
    }
    .tokusyuTitle::after {
        content: "";
        position: absolute;
        bottom: -30px;
        left: 50%;
        margin-left: -17px;
        border: 14px solid transparent;
        border-top: 14px solid #555;
        z-index: 1;
    }
    .cat_desc {
        width: 100%;
        text-align: left;
        margin-top: 0;
    }
    .cat_desc p {
        font-weight: normal;
        margin: 0 0 0;
        font-size: 4vw;
    }
    .blogThumbnailLabel,
    .matomeThumbnailLabel {
        font-size: 2.4vw;
        line-height: 4vw;
        clear: both;
        letter-spacing: 0.02em;
    }
    .blogThumbnailLabelStores{
        font-size: 2.4vw;
        padding: 0 1vw !important;
    }
    .blogThumbnailLabel .blogThumbnailLabelStores,
    .matomeThumbnailLabel .matomeThumbnailLabelStores,
    .matomeThumbnailLabel .matomeThumbnailLabelStores {
        margin-top: 2vw;
        margin-right: 0.5em !important;
        line-height: 2.4vw;
    }
    .blogThumbnailLabel .blogThumbnailLabelStores span {
        line-height: 2;
        margin: 0;
        font-size: 2.4vw;
        margin-left: -0.9vw !important;
        margin-top: 3.22vw;
        padding: 0;
        min-height: 4vw;
    }
    .blogThumbnailLabelCategories a{
        font-size: 2.4vw;
    }
    .blogThumbnailLabelCategories a::before{
        padding: 0 0 0 2px;
        margin-right: 1px;
        font-size: 2.4vw;
    }
    .matomeThumbnailLabel .matomeThumbnailLabelStores span,
    .matomeThumbnailLabel .matomeThumbnailLabelStores span {
        line-height: 6vw;
        margin: 0;
        font-size: 2.4vw;
        margin-left: -0.9vw !important;
        margin-top: 3.22vw;
        padding: 1vw 1.5vw 1vw 0.5vw;
        min-height: 4vw;
    }
    .blogThumbnailLabel .blogThumbnailLabelStores span::before,
    .matomeThumbnailLabel .matomeThumbnailLabelStores span::before,
    .matomeThumbnailLabel .matomeThumbnailLabelStores span::before {
        margin-left: -1vw;
        margin-right: 0.2em;
    }
    .matomeThumbnailLabel .matomeThumbnailLabelStores span:first-child,
    .matomeThumbnailLabel .matomeThumbnailLabelStores span:first-child {
        padding-left: 1.5vw !important;
        margin-left: 0 !important;
    }
    .blogThumbnailLabel .blogThumbnailLabelStores span:first-child::before,
    .matomeThumbnailLabel .matomeThumbnailLabelStores span:first-child::before,
    .matomeThumbnailLabel .matomeThumbnailLabelStores span:first-child::before {
        content: "";
        margin-left: 0;
        margin-right: 0;
    }
    .blogThumbnailLabel .blogThumbnailLabelCategories {
        padding: 0;
    }
    .matomeThumbnailLabel .matomeThumbnailLabelCategories,
    .matomeThumbnailLabel .matomeThumbnailLabelCategories {
        margin: 2vw 1vw 0 0 !important;
        line-height: 4.6vw;
        padding: 0 1vw;
    }
    .matomeThumbnailLabel .matomeThumbnailLabelCategories::before,
    .matomeThumbnailLabel .matomeThumbnailLabelCategories::before {
        content: "#";
        padding-left: 0;
        margin-right: -0.5vw;
    }
    .mainContentsBlogDate {
        margin: 0.4rem 0;
    }
    .blogSideNav {
        margin-top: 7vw;
        padding-top: 6vw;
        border-top: 1px solid #333;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        max-width: 767px;
        width: 100%;
    }
    .blogSideNav h4 {
        font-size: 4vw;
        margin-bottom: 3.2vw;
    }
    .blogSideNav ul {
        width: 18.66vw;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .blogSideNav ul li {
        font-size: 3.2vw;
        white-space: normal;
        margin-bottom: 0.5vw;
    }
    .blogSideNav ul li a {
        width: 100%;
    }
    .blogSideNavBox {
        margin-bottom: 10vw;
    }
    .blogSideNavBox {
        flex-basis: 50%;
    }
    .blogSideNavBox.matomeSidebarBox {
        flex-basis: 100%;
    }
    .blogSideNavBox ul {
        width: 100%;
    }
    .blogSideNavBox .matomeSidebarBn img {
        width: 100%;
    }
    .matomeSidebarBox .yellowButton {
        font-size: 3.4vw;
    }
    .mainContents .recruitBn {
        width: 250px;
        margin: auto;
        margin-bottom: 21px;
    }
    .blogPageNav {
        width: 100%;
        font-size: 4.8vw;
        margin-top: 2vw;
    }
    div.blogPageNav span {
        display: inline;
    }
    .blogPageNav .current::before {
        bottom: -1.4vw;
    }
    /*  404ページ  */
    .error-404 .error-title {
        font-size: 40px;
        line-height: 50px;
    }
    .error-404 .page-title {
        font-size: 20px;
        margin-top: 10px;
    }
    .slick-dots {
        bottom: -8vw;
    }
    /* ブログ記事SP */
    .article .blogThumbnailLabel,
    .article .matomeThumbnailLabel {
        font-size: 2.4vw;
    }
    .article .blogThumbnailLabel>span,
    .article .matomeThumbnailLabel>span {
        padding: 0 0.5vw 0 0;
    }
    .article .matomeThumbnailLabel .matomeThumbnailLabelStores,
    .article .blogThumbnailLabel .blogThumbnailLabelStores,
    .article .matomeThumbnailLabel .matomeThumbnailLabelStores {
        padding-left: 0;
        margin-right: 1vw !important;
    }
    .article .matomeThumbnailLabel .matomeThumbnailLabelCategories,
    .article .matomeThumbnailLabel .matomeThumbnailLabelCategories {
        padding: 0.5vw 1vw;
        font-size: 2.4vw;
    }
    .article .matomeThumbnailLabel .matomeThumbnailLabelCategories::before,
    .article .blogThumbnailLabel .blogThumbnailLabelCategories::before,
    .article .matomeThumbnailLabel .matomeThumbnailLabelCategories::before {
        margin-left: -1.5vw;
    }
    h1.japaneseHeadline {
        margin-bottom: 2vw;
        margin-top: 6vw;
        padding-bottom: 2vw;
    }
    h1.japaneseHeadline::after {
        bottom: 1.2vw;
    }
    h1.japaneseHeadline span.headlineJaBig {
        font-size: 4.8vw;
        line-height: 1.4em;
        letter-spacing: 0.02em;
        margin-top: 0;
    }
    .blogArticle {
        width: 100%;
        margin-top: 0;
        margin-bottom: 8vw;
    }
    .blogArticle .wpcf7 input,
    .blogArticle .wpcf7 textarea,
    .blogArticle .wpcf7 select {
        font-size: 3.2vw;
    }
    .blogArticle .wpcf7 {
        padding: 10px 20px 40px !important;
    }
    .blogArticle .wpcf7 .contactSubmit {
        height: 13.33vw;
    }
    .blogArticle .wpcf7 .contactSubmit svg {
        top: 5.5vw;
    }
    .matomeArticle {
        width: 100%;
        margin-bottom: 8vw;
    }
    .blogArticle,
    .matomeArticle p,
    .matomeArticle .matomeArchiveDl dt,
    .matomeArticle .matomeArchiveDl dd {
        font-size: 3.2vw;
        line-height: 2.2em;
        letter-spacing: 0.02em;
    }
    .wpcf7 .topNote_price dt, .wpcf7 .topNote_price dd{
        font-size: 3.2vw;
    }
    .matomeArticle .matomeArchiveDl dt,
    .matomeArticle .matomeArchiveDl dd {
        line-height: 1.7em;
    }
    .blogArticle img,
    .matomeArticle img {
        width: 100%;
        height: auto;
        margin: 3vw 0;
    }
    .blogArticle h1,
    .matomeArticle h1 {
        font-size: 4.8vw;
    }
    .blogArticle h2,
    .matomeArticle h2,
    .mainMatome .tokusyuContents h3 {
        font-size: 4vw;
    }
    .blogArticle h2 {
        padding: 7px 10px 7px 10px;
    }
    .blogArticle h3 {
        font-size: 3.2vw;
    }
    .mainMatome .tokusyuContents h3 {
        margin: 2em 0 1em;
    }
    .matomeArticle h2 {
        padding: 5vw 2vw;
        margin-bottom: 0;
    }
    .mainContentsMatome h2:not(.matomeCatch)::before {
        border-width: 6.66vw 6.66vw 0 0;
    }
    .blogArticle ul {
        padding: 10px 25px;
    }
    .blogArticle .blogBn {
        width: 336px;
    }
    .shareArticle {
        text-align: right;
    }
    .shareArticle img {
        max-width: 35px;
    }
    .shareArticle {
        text-align: right;
    }
    .blogPageNavThumbnails {
        flex-direction: column;
        margin-bottom: 5vw;
        margin-top: 4vw;
    }
    .blogPageNavThumbnails .blogNavThumb {
        width: 100%;
        height: 24vw;
        margin-bottom: 5.33vw;
    }
    .blogPageNavThumbnails .blogNavImg {
        width: 36vw;
        min-width: 36vw;
        height: 24vw;
    }
    .blogPageNavThumbnails .blogNavText {
        width: 100%;
        min-height: 24vw;
        padding: 2.66vw;
    }
    .blogPageNavThumbnails .blogNavText .blogNavDate {
        margin-top: 0;
        font-size: 2.66vw;
    }
    .blogPageNavThumbnails .blogNavText .blogNavTitle {
        font-size: 3.2vw;
        line-height: 1.6em;
    }
    .blogNavThumb a img {
        width: 5.33vw;
        height: 9.6vw;
        bottom: -4vw;
    }
    .blogNavNext a img {
        left: 3vw;
    }
    .blogNavPrev a img {
        right: 3vw;
    }
    .mainContentsBlogArticle+.blogSideNav {
        margin-top: 4vw;
    }
    .mainContentsBlogArticle+.blogSideNav li {
        font-size: 3.2vw;
        line-height: 6.4vw;
    }
    .mainContentsMatomeArticle+.blogSideNav {
        margin-top: 4vw;
    }
    .mainContentsMatomeArticle+.blogSideNav li {
        font-size: 3.2vw;
        line-height: 6.4vw;
    }

    /* まとめ特集ページ */
    .tokusyu_menu {
        width: 100%;
        margin-top: 30px;
    }
    .matomeTokusyu .wp-block-column {
        margin-top: 30px;
    }
    .matomeTokusyu .wp-block-column:first-of-type {
        margin-top: 0;
    }
    .matomeTokusyu .wp-block-column .tokusyu_text {
        padding: 0px 5% 5%;
        min-height: initial;
    }
    .matomeTokusyu .wp-block-column .tokusyu_text p {
        line-height: 7vw;
        font-size: 3.2vw;
    }
    .matomeTokusyu .wp-block-column h2 {
        font-size: 4.8vw;
    }
    .breadCrumb.blog_only {
        margin-top: 0;
    }
    /* WP6.0になったときにmarginが取れたっぽい対応 PC版marginの削除*/
    .matomeTokusyu .wp-block-column:not(:first-child) {
        margin-left: 0;
    }
    /* Q&A よくある質問 */
    dl.mainContentsFAQBox {
        flex-direction: column;
        margin-bottom: 13.33vw;
    }
    dl.mainContentsFAQBox dt,
    dl.mainContentsFAQBox dd {
        flex-basis: 100%;
    }
    dl.mainContentsFAQBox dt::before,
    dl.mainContentsFAQBox dd::before {
        font-size: 3.2vw;
        line-height: 4vw;
        margin-bottom: 0;
    }
    dl.mainContentsFAQBox dt {
        font-size: 4vw;
        margin-bottom: 6.66vw;
        margin-top: 2vw;
    }
    .mainContentsBox.faq{
        max-width: 100%;
    }
    /* FACILITY 設備情報SP */
    .mainContentsFacility {
        margin-top: 10vw;
    }
    .mainContentsFacilityIntro {
        margin-bottom: 7vw;
    }
    .mainContentsFacilityIntro .facilityIntroTop {
        padding: 10.66vw 3.2vw;
        height: 120vw;
        background-image: url(img/facilityIntroTopImg.jpg);
        background-size: cover;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .mainContentsFacilityIntro .facilityIntroTopCatch {
        font-size: 4.8vw;
        margin-bottom: 2em;
        font-weight: 400;
    }
    .mainContentsFacilityIntro .facilityIntroTopIcons {
        padding: 0;
    }
    .mainContentsFacilityIntro .facilityIntroTopIcons ul {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        padding-bottom: auto;
    }
    .mainContentsFacilityIntro .facilityIntroTopIcons ul li {
        flex-basis: 50%;
        font-size: 3.2vw;
        margin-bottom: 7vw;
    }
    .mainContentsFacilityIntro .facilityIntroTopIcons ul li span {
        font-size: 2.66vw;
    }
    .mainContentsFacilityIntro .facilityIntroTopIcons ul li img {
        width: 14.66vw;
        height: auto;
    }
    .mainContentsFacilityIntro .facilityIntroTopIcons ul li .facilityCaption {
        margin-top: 1.2em;
        margin-bottom: 0;
        height: auto;
    }
    .mainContentsFacilityIntro .facilityIntroBottom {
        height: 57.73vw;
        padding-bottom: auto;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mainContentsFacilityIntro .facilityIntroBottom .facilityIntroBottomIcons {
        margin: auto 5vw;
    }
    .mainContentsFacilityIntro .facilityIntroBottom .facilityIntroBottomIcons ul {
        align-items: center;
        justify-content: space-around;
        margin-top: 5vw;
    }
    .mainContentsFacilityIntro .facilityIntroBottom .facilityIntroBottomIcons ul li {
        flex-basis: 33%;
    }
    .mainContentsFacilityIntro .facilityIntroBottom .facilityIntroBottomIcons ul li .storeFacilityIcon {
        margin: 0.2vw;
    }
    .mainContentsFacilityIntro .facilityIntroBottom .facilityIntroBottomIcons ul li .facilityCaption {
        font-size: 2.66vw;
        margin-top: 0;
        margin-bottom: 1em;
        height: auto;
    }
    .mainContentsFacilityIntro .facilityIntroBottom .facilityIntroBottomIcons ul li img {
        width: 10.66vw;
        height: auto;
    }
    .facilityLists {
        margin-top: 0;
    }
    .facilityLists .facilityList {
        margin-bottom: 16vw;
    }
    .facilityLists .facilityList:last-child {
        margin-bottom: 0;
    }
    .facilityLists .facilityListsHead {
        font-size: 4vw;
        padding: 2vw;
        border-top: 2px solid #000;
    }
    .facilityLists .facilityListsHead img {
        margin-right: 0.4em;
    }
    .facilityLists .facilityListsHead.facilityListsHeadFree img {
        width: 8vw;
        height: 4vw;
    }
    .facilityLists .facilityListsHead.facilityListsHeadCharging img {
        width: 6.4vw;
        height: 6.4vw;
    }
    .facilityLists ol li {
        align-items: flex-start;
        width: 100%;
        font-size: 3.2vw;
        padding: 1.8vw 0;
        line-height: 1.6em;
    }
    .facilityLists ol li .facilityListName {
        min-width: auto;
        margin-left: 2em;
        flex-basis: 42%;
        padding-right: 1em;
    }
    .facilityLists ol li .facilityListComment {
        flex-basis: 58%;
        font-size: 3.2vw;
    }
    .facilityLists ol li::before {
        font-size: 3.2vw;
    }
    /* TERMS Webサイト利用規約SP */
    .mainContentsBox .mainContentsBoxText ol li .mainContentsBoxTextListNest {
        margin-top: 1.5em;
        margin-bottom: 6vw;
        margin-left: 2em;
    }
    /* PRIVACY プライバシーポリシーSP */
    .mainContentsBox .mainContentsBoxText ol li {
        padding: 0.5vw;
    }
    .mainContentsBox .mainContentsBoxText p~ol {
        margin-top: 0.5vw;
        margin-bottom: 4vw;
    }
    .mainContentsBox .mainContentsBoxText p {
        margin-bottom: 4.66vw;
    }
    /* 月額プラン限定キャンペーン */
    .limited_campaign {
        font-weight: bold;
        background: none;
        color: #f33;
        text-decoration: underline;
    }
    .mainContents.price {
        width: auto;
        max-width: none;
        margin-right: -5.33vw;
        margin-left: -5.33vw;
        padding: 10vw 5.33vw;
    }
    .mainContentsPrice .monthly_tab .tab-content{
        margin-top: 30px;
    }
    .mainContents.price .mainContentsPrice.mainContentsPrice03 {
        width: 100%;
    }
    .mainContents.price .mainContentsPrice.mainContentsPrice03 h3 {
        font-size: 4vw;
        margin-bottom: 4vw;
    }
    .mainContents.price .mainContentsPrice.mainContentsPrice03 p,
    .mainContents.price .mainContentsPrice.mainContentsPrice03 ol {
        font-size: 3vw;
        line-height: 160%;
    }
    .mainContents.price .mainContentsPrice.mainContentsPrice03 ol {
        margin: 4vw 0 10vw;
    }
    .mainContents.price .mainContentsPrice.mainContentsPrice03 ul.step {
        padding: 0;
    }
    .mainContents.price .mainContentsPrice.mainContentsPrice03 ul.step li {
        font-size: 2vw;
        line-height: 160%;
    }
    .mainContents.price .mainContentsPrice.mainContentsPrice03 ul.step li div img {
        width: 70%;
        height: auto;
    }
    .mainContents.price .mainContentsPrice.mainContentsPrice03 ul.step li:nth-child(2n) div img {
        width: 60%;
    }
    .mainContents.price .mainContentsPrice03 form.contactform label span.info {
        font-size: 2vw;
    }
    .mainContents.price .mainContentsPrice03 form.contactform p.small {
        font-size: 3vw;
    }
    .mainContents.price .mainContentsPrice03 form.contactform .contactSubmit {
        width: 100%;
    }
    .mainContents.price .mainContentsPrice03 form.contactform .contactSubmit input {
        width: 100%;
    }
    /* シェアボタン */
    .articleShareButton {
        margin-bottom: 24vw;
        padding-bottom: 14vw;
    }
    .articleShareButton img {
        width: 9.6vw;
        height: auto;
    }
    /* ↓パンくずリスト */
    .breadCrumb {
        font-size: 3vw;
        margin-top: 0;
        line-height: 2em;
    }
    /* SPフッター */
    footer {
        flex-direction: column;
        min-width: auto;
        padding: 10vw 8vw;
    }
    footer::after {
        left: 0;
        border-width: 83.3vw 83.3vw 0 83.3vw;
    }
    .footerLeft {
        width: 100%;
        justify-content: space-between;
        padding: 0 0 5vw 0;
        border-bottom: 1px solid #ccc;
    }
    .footerLeft .footerLogo {
        order: -1;
        margin-bottom: 5vw;
    }
    .footerLeft .footerLogo .footerLogoImage img {
        width: 46.8vw;
        height: auto;
    }
    .footerLeft .footerLogo .footerLogoSNS img {
        width: 9.6vw;
        height: auto;
    }
    .footerLeft .footerLogo .footerLogoImage{
        margin-bottom: 0;
    }
    .footerNav {
        width: 100%;
        min-width: auto;
        position: relative;
        padding-top: 7vw;
    }
    .footerNav .footerNavMenu {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        flex-direction: column;
    }
    .footerNav .footerNavMenu ul.footerNavMenuContents {
        flex-direction: column;
        margin-top: 0;
        font-size: 3.52vw;
    }
    .footerNav .footerNavMenu ul.footerNavMenuContents li {
        margin-bottom: 3vw;
    }
    .footerNav .footerNavMenu ul.footerNavMenuAboutus {
        flex-direction: column;
        justify-content: flex-start;
    }
    .footerNav .footerNavMenu ul.footerNavMenuAboutus li {
        font-size: 3.5vw;
        margin-left: 0;
        margin-bottom: 3vw;
    }
    .footerNav .footerCopyright {
        font-size: 3.2vw;
        text-align: left;
    }
    /* スマホ版で会議室予約ページのみ非表示 */
    .rs-trigger-btn.rs-hide-on-mobile {
        display: none !important;
    }
    
    .rs-trigger-btn {
        bottom: 70px;
        right: 15px;
        padding: 12px 24px;
        font-size: 16px;
    }
    .fixed-btn {
        right: -112px;
        bottom: calc(30% - 10px);
    }
    .fixed-btn .rs-modal-content {
        margin: 90px auto;
    }
    .fixed-btn .rs-trigger-btn {
        padding: 14px 13px;
    }
    .fixed-btn h3.rserve-popup {
        font-size: 0.43em;
    }
    .fixed-btn .rs-room-title,
    .fixed-btn .rs-campaign-text,
    .fixed-btn .rs-normal-label {
        font-size: 0.4em;
    }
    .rs-page-container h3.reserve-popup{
        font-size: 15px;
    }
    button.page-top {
        width: 48px;
        height: 70px;
        bottom: calc(18% - 10px);
    }
    button.page-top i {
        font-size: 17px;
    }
    button.page-top p {
        font-size: 13px;
        bottom: 17px;
    }
    .view360Link .yellowButton {
        padding-top: 7px;
        padding-bottom: 4px;
        vertical-align: middle;
    }
    .view360Link .yellowButton a {
        height: 100%;
    }
    .view360Link .yellowButton span {
        font-size: 14px;
        left: 40px;
    }
    .view360Link .yellowButton svg {
        font-size: 16px;
        right: 40px;
    }
    main#intro .pc_only {
        display: none;
    }
    main#intro .sp_only {
        display: block;
    }
    main#intro {
        margin-top: 13.33vw;
    }
    main#intro::after {
        display: none;
    }
    main#intro .mainWrap {
        line-height: normal;
        margin-top: 0px;
    }
    main#intro h1 {
        width: 90%;
        margin: 0 auto 15px;
    }
    main#intro .centerCatchCopy.centerCatchCopySideline {
        font-size: 4.8vw;
    }
    main#intro .centerCatchCopy.centerCatchCopySideline::before,
    main#intro .centerCatchCopy.centerCatchCopySideline::after {
        width: 10vw;
    }
    main#intro .yellowButton {
        font-size: 4.2vw;
        margin: 0 auto;
        width: 60vw;
        height: 14vw;
        position: absolute;
        top: 450px;
        left: 0;
        right: 0;
    }
    main#intro .yellowButton a {
        display: block;
        height: unset;
    }
    main#intro .merit .yellowButton,
    main#intro .scenes .yellowButton {
        font-size: 4.2vw;
        width: 60vw;
        position: unset;
    }
    /*-------------------------------------------------
  メインビジュアル スマホ
  -------------------------------------------------*/
    main#intro .mv {
        height: auto;
        margin: 0 -5.33vw 45px;
    }
    main#intro .mv.company {
        background: url(img/bg_mv_lp-comp_sp.jpg) center top no-repeat;
        background-size: cover;
    }
    main#intro .mv.meeting {
        background: url(img/bg_mv_lp-meet_sp.jpg) center top no-repeat;
        background-size: cover;
    }
    main#intro .mv.webcast {
        background: url(img/bg_mv_lp-webcast_sp.jpg) center top no-repeat;
        background-size: cover;
    }
    main#intro .mv.meeting-lab-ueno {
        background: url(img/LP/bg_mv_lp-meet-lab-ueno_sp.jpg) center top no-repeat;
        background-size: cover;
    }
    main#intro .mv.campaign {
        background: url(img/bg_mv_lp-campaign2_sp.jpg) center top no-repeat;
        background-size: cover;
    }
    main#intro .mv .inner_mv {
        width: 100%;
        height: 560px;
        padding: 10vw 5vw 0;
    }
    main#intro .mv.campaign .inner_mv {
        padding: 60px 30px;
    }
    main#intro .mv .inner_mv h1 {
        font-size: 8vw;
        line-height: 1.4;
    }
    main#intro .mv.campaign .inner_mv h1 {
        text-align: left;
    }
    main#intro .mv.campaign .inner_mv p.description {
        text-align: left;
    }
    .IntroCampaign {
      padding: 0 5vw;
      text-align: center;
      margin: 0;
    }
    .IntroCampaign p{
      text-align: left;
      margin-top: 0;
    }
    .IntroCampaign .IntroCampaignImg {
      margin: 4vw 0;
    }
    .IntroCampaign .IntroCampaignImg img {
        max-width: 70%;
        height: 70%;
    }
    .IntroCampaign h2 {
      padding-top: 0;
      display: inline-block;
      line-height: 1.5;
      margin-top: 15px;
      font-size: 4.8vw;
    }
    .IntroCampaign h2.pc_none {
      display: inline-block !important;
    }
    .IntroCampaign h2.sp_none {
      display: none !important;
    }
    .IntroCampaign ul li {
      font-size: 3vw;
    }
    .IntroCampaign .yellowButton {
      position: inherit !important;
      margin: 4vw auto 7vw !important;
      font-size: 3.5vw !important;
      height: 40px !important;
    }
    .IntroCampaign .IntroCampaignData {
      margin-top: 0;
    }
    /*-------------------------------------------------
  ３つの利用例 スマホ
  -------------------------------------------------*/
    main#intro .merit {
        width: auto;
        margin: 0 -5.33vw 30px;
    }
    main#intro .merit .merit03_box {
        margin: 0 auto 8vw;
        padding: 7vw 5vw;
        background-size: 128px;
    }
    main#intro .merit .merit_box {
        width: 100%;
        margin-bottom: 3vw;
        padding: 0px;
    }
    main#intro .merit .merit_box .number {
        width: 5vw;
        font-size: 5vw;
    }
    main#intro .merit .merit_box h2 {
        font-size: 2.5vw;
        padding: 1vw 0 0 8.5vw;
        width: 40%;
        margin: 2.5vw 0 2.5vw 1.5vw;
        line-height: 8vw;
    }
    main#intro .merit .merit_box h2.ni-gyo,
    main#intro .merit .merit_box h2.ni-gyo-sp {
        line-height: 1.4;
    }
    main#intro .merit .merit_box.ico_shop h2,
    main#intro .merit .merit_box.ico_biz h2,
    main#intro .merit .merit_box.ico_meet h2 {
        background-size: 7vw 7vw;
    }
    main#intro .merit .merit_box p.merit_description {
        font-size: 2.5vw;
        line-height: 1.2;
        letter-spacing: .1em;
        width: 48%;
        margin: 2.5vw 0;
    }
    main#intro .merit p.highlight {
        font-size: 4.8vw;
        margin: 0 auto;
    }

    main#intro .mainContents h3 {
        margin: 4vw 0;
        font-size: 4vw;
    }
    main#intro .mainContents ol {
        margin-top: 6vw;
    }
    /*-------------------------------------------------
  会議室の利用用途 スマホ
  -------------------------------------------------*/
    main#intro .scenes {
        width: auto;
        margin: 80px -3vw 30px;
    }
    main#intro .block_box .block_image {
        width: 103%;
    }
    main#intro .block_box h2 {
        font-size: 4.8vw;
        margin-bottom: 5vw;
        padding-top: 10vw;
    }
    main#intro .block_box h2 span.en {
        top: 1.5vw;
        left: 2.5vw;
        font-size: 8vw;
    }
    main#intro .block_box .block_contents {
        width: 100%;
        padding-right: 1vw;
    }
    main#intro .block_box .block_contents p {
        font-size: 3.8vw;
        line-height: 1.6;
    }
    main#intro .block_box .storeListStr {
        font-size: 3.8vw;
        line-height: 2;
        margin-top: 8vw;
    }
    main#intro .block_box .storeListStr h3 {
        font-size: 4vw;
    }
    main#intro .block_box .storeListStr h4 {
        font-size: 3.8vw;
    }
    main#intro .block_box .storeListStr ul {
        margin-left: 4vw;
        margin-bottom: 4vw;
    }
    main#intro .block_box .storeListStr ul li {
        width: 50%;
    }
    main#intro .block_box .storeListStr a {
        text-decoration: underline;
        line-height: 10vw;
    }
    /* ===================================================================
    運営会社ページ スマホ
    =================================================================== */
    .o_com h2 {
        line-height: 1.5;
    }
    .o_com .table1 th {
        width: 100%;
    }
    .o_com .table1 tr {
        flex-wrap: wrap;
        padding: 10px 0;
    }
    .o_com .serviceInWrap {
        width: 100%;
    }
    /* ===================================================================
    会議室予約ページ スマホ
    =================================================================== */
    .meetingRoomCardDatail {
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    #mtgReserve .scrollStore.storeListStr ul li {
        line-height: 1.8;
    }
    #mtgReserve h4 {
        font-size: 15px;
    }
    .reserveCards h4:not(first-child) {
        margin-top: 0;
    }
    .meetingRoomCard .meetingRoomCardRoomList table {
        width: 100%;
        font-size: 90%;
    }
    .meetingRoomCards .meetingRoomCardRoomReservation .yellowButton {
        margin: 10px;
        padding: 0;
        height: 30px;
        width: auto;
        font-size: 90%;
    }
    .meetingRoomCards .meetingRoomCard .storeImgSlider .slick-slide .caption {
        font-size: 9px;
    }
    .meetingRoomCard .meetingRoomCardRoomList table {
        table-layout: auto;
    }
    /*-------------------------------------------------
      Web配信サービス付き貸会議室の詳細情報 スマホ
      【期間限定】会議室レンタルプラン
      -------------------------------------------------*/
    main#intro .inner_mv .storeFacilityList {
        width: 100%;
    }
    main#intro .inner_mv .storeFacilityList ul li {
        flex-basis: 20%;
    }
    main#intro .inner_mv .storeFacilityList ul li .facilityCaption {
        margin: 0;
    }
    main#intro .info-blog {
        width: 100%;
        padding: 5vw;
        font-size: 2.5vw;
        line-height: 1.4;
    }
    main#intro .lp_contact_tel-store {
        margin: 12vw 0 3vw;
    }
    main#intro .lp_contact_tel-store p.description {
        font-size: 3.2vw;
    }
    main#intro .lp_contact_tel-store .para {
        display: unset;
        width: 100%;
    }
    main#intro .lp_contact_tel {
        width: 90%;
        margin: 3vw auto;
    }
    main#intro .lp_contact_tel.yellowButton {
        position: unset;
    }
    main#intro .lp_contact_store {
        font-size: 4.2vw;
        width: 90%;
        height: unset;
        margin: 3vw auto;
    }
    main#intro .inner_mv .lp_contact_tel,
    main#intro .inner_mv .lp_contact_store {
        margin-left: 0;
    }
    main#intro .meetingRoomCards {
        justify-content: space-between;
    }
    main#intro .meetingRoomCards .meetingRoomCard {
        margin-right: 0;
    }
    main#intro .meetingRoomCard .meetingRoomText {
        padding: 3.78vw;
    }
    main#intro .meetingRoomCard .meetingRoomText .meetingRoomName {
        font-size: 3.1vw;
    }
    main#intro .meetingRoomCard .yellowButton {
        width: 33.33vw;
        height: 9.33vw;
        font-size: 3.2vw;
        padding: 2.66vw 4vw;
        bottom: 4vw;
        top: unset;
    }
    main#intro .meetingRoomCard2 {
        height: 75vw;
    }
    #plans .pc_only {
        display: none !important;
    }
    #plans .sp_only {
        display: block !important;
    }
    #plans .mainWrap {
        line-height: normal;
        margin-top: 0px;
    }
    #plans .merit_box {
        padding: 15px 20px;
        margin-top: 20px;
    }
    #plans .mainContents .price_fix{
        padding-bottom: 0;
    }
    .buttonWrap .remark {
        margin-top: 30px;
    }
    /* 料金表 */
    #standard_plans {
        width: auto;
        margin: 0px .5vw;
    }
    #standard_plans h3 {
        font-size: 4vw;
    }
    #standard_plans .price_free {
        width: 100%;
        margin: 7vw auto 5vw;
    }
    #standard_plans .price_free tr td {
        padding: 2vw 0px;
        font-size: 3.6vw;
        width: 30.2%;
    }
    #standard_plans .price_free .standard_price tr td {
        width: 60%;
    }
    #standard_plans .price_free tr td.bg_clear {
        width: 2%;
    }
    #standard_plans .standard_price tr td .kome,
    #standard_plans .price_free tr td .kome {
        font-size: 65%;
    }
    #standard_plans .standard_price .kome,
    #standard_plans .price_free .kome {
        font-size: 65%;
    }
    #standard_plans .price_free .price_free_other {
        margin-top: 5vw;
    }
    #standard_plans .price_free .price_free_other::before {
        background-size: 50px;
        width: 50px;
        height: 50px;
        margin-left: -25px;
        top: 27vw;
        left: 50%;
        z-index: 10;
    }
    #standard_plans .price_free .price_free_other p {
        font-size: 3.2vw;
    }
    #standard_plans .standard_price,
    #standard_plans .standard_price_table {
        width: 100%;
    }
    #standard_plans .standard_price tr td {
        font-size: 3.6vw;
    }
    #standard_plans .price_box {
        line-height: 1;
    }
    #standard_plans .price_box .price {
        font-size: 6vw;
    }
    #standard_plans .standard_price tr td {
        padding: 2.5vw;
    }
    #standard_plans .plansAppBtn .yellowButton {
        font-size: 2.4vw;
        height: 11vw;
    }
    #standard_plans .plansAppBtn .yellowButton svg {
        margin-left: 2vw;
        right: -1vw;
        position: relative;
        top: 0;
    }
    #standard_plans .standard_price_table table tbody tr td {
        font-size: 3.6vw;
    }
    .cwInwrap .detail_plan{
        width: calc(100vw - 10.66vw);
    }
    .cwInwrap .tab-content .detail_plan{
        width: 100%;
        margin-bottom: 10px;
    }
    .coworking .mainContentsStorePrice .PlanType{
        font-size: 4vw;
    }
    .p-plan-table {
        display: inline-table;
    } 
    .p-plan-table:not(.table2lines) {
        width: 80%;
    }
    .coworking .p-plan-table{
        font-size: 3.2vw;
        width: 100% !important;
    }
    .coworking .p-plan-table td,.coworking .p-plan-table th{
        padding: 10px;
    }
    .coworking .pricetable .p-scrollable table th{
        width: auto;
    }
    .monthly_tab .p-plan-table {
        width: auto;
    }
    .mainContentsPrice.mainContentsPrice01 h2 {
        font-size: 17px;
        border-left: solid 7px #f1d661;
    }
    .mainContentsPrice.mainContentsPrice01 {
        line-height: 1.5;
    }
    .pricetable {
        margin-bottom: 10px;
    }
    .detail_plan .yellowButton {
        width: 260px;
        font-size: 12px;
    }
    .detail_plan .p-plan-table .yellowButton.reservation {
        width: auto;
        font-size: 3.2vw;
        padding: 5px 0 3px !important;
        font-weight: bold;
    }
    .detail_plan .s-plan a {
        margin-bottom: 10px;
    }
    .detail_plan h3 {
        font-size: 3.5vw;
    }
    .pricetable .table2lines td {
        height: 30px;
    }
    .pricetable td, .pricetable th {
        padding: 5px;
    }
    .detail_plan .pricetable .table2lines td .cam_label{
        font-size: 2.5vw;
    }
    .detail_plan .col2-wrap {
        flex-direction: column;
    }
    .detail_plan .col2-wrap div {
        width: 100%;
    }
    .detail_plan .col2-wrap p {
        padding-right: 0;
    }
    .detail_plan .col2-wrap .pricetable .p-scrollable table {
        table-layout: auto;
    }
    .other_members_info {
        margin: 14vw -5.33vw 0;
        padding: 0;
    }
    .other_members_info ul {
        display: block;
    }
    .other_members_info ul li {
        flex-basis: 32%;
        padding-top: 6vw;
        text-align: center;
    }
    .other_members_info ul li:nth-of-type(2) {
        background: #edebe8;
    }
    .other_members_info ul li a {
        font-size: 4vw;
        letter-spacing: 0.04em;
        display: inline-block;
        text-align: center;
    }
    .other_members_info ul li a img {
        width: 80%;
    }
    .other_members_info h3 {
        font-size: 3.6vw;
        margin-top: 3vw;
        text-align: center;
    }
    .other_members_info ul li p {
        font-size: 3vw;
        padding: 2vw 5.33vw 5vw;
        text-align: left;
    }
    .text-center {
        text-align: center !important;
    }
    .text-left {
        text-align: left !important;
    }
    .text-right {
        text-align: right !important;
    }
    .bold_line {
        border-bottom: solid 3px #e4dfdc !important;
    }
    .ff-inherit {
        font-family: inherit !important;
    }
    .no-border-right {
        border-right: none !important;
    }
    #plans .app-description {
        line-height: 1.7;
    }
    .font-inherit {
        font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif !important;
    }
    .block-center {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    #plans .mainContents p.lh-ex,
    #plans .mainContents p.lh-ex .price.holiday {
        line-height: 13px !important;
    }
    .sp-fs-12 {
        font-size: 12px !important;
        line-height: 1 !important;
    }
    .mb-ex {
        margin-bottom: 3px !important;
    }
    .sp-mini {
        width: 40px;
    }
    .accordion-title::after {
            right: -15px;
            top: 3px;
            width: 1.5vw;
            height: 1.5vw;
    }
    .CustomPostHead {
        width: calc(100vw - 10.66vw);
        margin-right: auto;
        margin-left: auto;
    }
    .mainWrap h1.matomeTopHead {
        font-size: 10.6vw;
        line-height: 100%;
    }
    .mainWrap h1.matomeTopHead::after {
        bottom: 1.4vw;
        width: 1024px;
    }
    .mainWrap h1.matomeTopHead span.headlineMatome {
        font-size: 30px;
        padding-top: 0;
    }
    .mainWrap h1.matomeTopHead span.headlineJa {
        font-size: 4vw;
        margin-bottom: 2vw;
    }
    .mainWrap h1 span.headlineJa {
        font-size: 4vw;
        margin-bottom: 2vw;
    }
    .mainWrap h1 span.headlineEn {
        font-size: 30px;
        padding-top: 0;
    }
    .mainMatome .tokusyuContents h4.osusume::before {
        width: 1rem;
        height: 1.5rem;
        padding-right: 0.5rem;
    }
    .mainMatome .tokusyuContents h3.osusume::before {
        width: 1rem;
        height: 1.5rem;
        padding-right: 0.5rem;
    }
    .mainContents.tokusyu {
       margin-top: 1rem;
    }
    .matomeTag {
        margin: 0 0;
    }
    .mainMatome h2 {
      text-align: left;
    }
    img.otoku-info {
        width: 100%;
    }
    /*特集ページ対応*/
    .bn_wrap.bn_wrap_bt {
        display: block;
    }

    /* ===================================================================
    店舗席予約ページ
     =================================================================== */
    #storeReserve .breadCrumb{
        margin: 20px;
    }
    #storeReserve .meetingRoomCard{
        padding: 20px;
    }
    #storeReserve .meetingRoomCard table{
        margin-top: 10px;
        margin-bottom: 30px;
    }
    #storeReserve .meetingRoomCard p{
        text-align: left;
        line-height: 1.8;
    }
    #storeReserve select{
        margin-bottom: 10px;
        font-size: 14px !important;
    }
    #storeReserve table tr:first-of-type td{
        font-size: 12px;
    }
    #storeReserve table td:nth-of-type(2){
        width: auto;
    }
    #storeReserve table td{
        width: auto;
        padding: 5px;
    }
    .campaignBannerFixed {
        left: 50%;
        bottom: 20px;
        transform: translateX(-50%);
        max-width: 90%;
        width: 320px;
    }
    
    .campaignBannerFixed.isVisible {
        transform: translateX(-50%);
    }
    
    .campaignBannerImagePc {
        display: none;
    }
    #rs-store-list {
        grid-template-columns: 1fr 1fr;
    }
    .rs-flow-box {
        padding: 15px;
    }
    /* ===================================================================
    初めての方へ
     =================================================================== */
    .beginners-wrap { padding: 0 20px 80px; }
    .beginners-wrap h2 { padding-top:30px; }
    .beginners-hero { padding: 48px 20px 44px; }
    .beginners-reasons { grid-template-columns: 1fr; }
    .beginners-amenity-item { flex-direction: row; text-align: left; }
    .beginners-amenity-item__icon { margin: 0; }
    .beginners-amenities-bg { margin: 80px -20px 0; padding: 48px 20px; }
    .beginners-cta { margin: 80px -20px -80px; padding: 56px 20px; }
}
/*コワーキングまとめ*/
@media screen and (max-width: 320px) {
    .matomeArchiveDl {
        flex-flow: column nowrap;
    }
    .matomeArchiveDl dt,
    .matomeArchiveDl dd {
        width: 100%;
    }
    .matomeArchiveDl dd {
        border-left: none;
    }
}