@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
ul li {list-style:none;}

/* Contact Form 7 */

/* テキストを太字 */
.wpcf7-form label {
font-weight: bold;
}
/* フォームの下に余白 */
.wpcf7-form p {
margin-bottom: 30px;
}
/* フォームのカスタマイズ */
.wpcf7-text, .wpcf7-email, .wpcf7-tel, .wpcf7-textarea {
width: 100%;
background-color: #fff;
margin-top: 5px;
}
@media (min-width: 600px) {
	.wpcf7-text, .wpcf7-email, .wpcf7-tel, .wpcf7-textarea {
	width: 70%;
	background-color: #fff;
	margin-top: 5px;
	}
}
/* ラジオボタンの左の余白 */
.wpcf7-radio span {
margin-left: 0;
}
/* ボタンのカスタマイズ */
.wpcf7-submit, .wpcf7-previous {
display: inline-block;
width: 240px;
padding: 1.2em 1em;
border-radius: 50px;
background: #D53633;/* ここにメインカラー */
font-size: 16px;
font-weight: 700;
letter-spacing: 0.2em;
line-height: 1;
color: #fff!important;
}
/* 必須マーク */
.required {
color: #fff;
background: #D53633;/* ここにメインカラー */
font-size: 0.8em;
padding: 0.3em;
border-radius: 0.5em;
}

.showroom_pc{
    display: block;
    margin: 0 0 30px 0;
}
.showroom_sp{
    display: none;
    margin: 0 0 30px 0;
}
@media screen and (max-width:770px){
    .showroom_pc{display: none;}
    .showroom_sp{display: block;}
}
.showroom_pic{
    width: 100%;
    overflow: hidden;
    margin: 0 0 30px 0;
}
.showroom_pic img.mt-image-left{
    width: 20%;
    float: left;
}
@media screen and (max-width:770px){
.showroom_pic img.mt-image-left{
    width: 46%;
    padding: 1% 2%;
}
}
ul.syufukuba,
ul.doujyou_imgmenu{
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 10px auto 30px;
}

ul.syufukuba > li{
    width: 25%;
}
ul.syufukuba > li > a > img{
    margin: 0 !important;
}
ul.doujyou_imgmenu > li{
    width: 30%;
    font-size: 100%;
    text-decoration: none;
    text-align: center;
    margin-right: 1%;
    margin-bottom: 1%;
    padding:12px 0px 4px;
    border: 1px solid #666;
}
ul.doujyou_imgmenu > li:hover{
    background-color: #313532;
    border: 1px solid #096;
    color: #dd6868;
}
ul.doujyou_imgmenu > li a,
ul.doujyou_imgmenu > li img{
    font-size: 94%;
    text-decoration: none;
    text-align: center;
    line-height: 190%;
}
.rentalspaceslide{
    margin-bottom: 50px;
}
.company_info dt{
    font-size: 120%;
    border-bottom: 1px solid #555;
    margin-top: 20px;
}


.l-footer__nav a {
   color: #fff;
}
.l-footer__nav ul.sub-menu a::before {
          content: "▶";
          font-size: 5px;
          left: 0px;
          top: 0px;
          margin-right: 3px;
}
@media (min-width: 600px) {
    .l-footer__nav a {
        border-right:0!important;
        font-size: 12px;
        padding: 0 .75em;
    }
    .l-footer__nav li:first-child a {
        border-left: 0!important;
    }
}

.l-footer .copyright {
  color: #fff;
}
@media (max-width: 599px) {
  .l-footer__nav ul.sub-menu a {
      padding-left: 12px;
      display: flex;
      align-items: center;
      font-size: 2.5vw !important;
  }
  .l-footer__nav {
      justify-content: left;
      display: grid;
  }
}
@media (min-width: 600px) {
    ul.l-footer__nav li{
     margin-bottom: 30px;
    }
    ul.sub-menu li{
     margin-bottom: 0;
    }
  .l-footer__nav ul.sub-menu a {
          padding-left: 12px;
          display: flex;
          align-items: center;
          font-size: 10px !important;
  }
}

@media (max-width: 599px) {
    /* 親要素を2列のグリッドに設定 */
    .l-footer__nav {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr); /* 1:1の2列 */
        gap: 0; /* 隙間が必要なら 0 10px 等で調整 */
    }

    /* 1番目から4番目（Aboutの前まで）の項目は2列分（全幅）使う */
    .l-footer__nav > .menu-item:nth-child(-n+4) {
        grid-column: 1 / 3;
    }

    /* 各メニューの配置調整 */
    .l-footer__nav > .menu-item {
        border-bottom: 1px solid rgba(255,255,255,0.2); /* 項目間の区切り線（任意） */
        padding: 5px 0;
    }

    /* 2列になった際、サブメニューが窮屈に見える場合の調整 */
    .l-footer__nav .sub-menu {
        padding-left: 5px;
    }
}

#swell_sns_links-2 .u-fz-16{
  font-size: 30px;
}
.c-iconList__link {
  margin: 0 10px;
}


.p-mainVisual__slideTitle {
    font-family: "Times New Roman","Yu Mincho","YuMincho","Hiragino Mincho Pro","HiraMinProN-W3","MS PMincho", serif!important;
    font-weight: bold!important;
    font-size: 6.2vw!important;
    line-height: 1.6!important;
}

.p-mainVisual__slideText {
    font-family: "Times New Roman","Yu Mincho","YuMincho","Hiragino Mincho Pro","HiraMinProN-W3","MS PMincho", serif!important;
    font-size: 3.8vw!important;
    margin-top: .75em;
}

.-height-full .p-mainVisual__slideText {
    font-size: 3.6vw!important;
}

@media (min-width: 600px) {
 .p-mainVisual__slideTitle {
        font-size: 34px!important;
    }

    .p-mainVisual__slideText {
        font-size: 18px!important;
    }

    .-height-full .p-mainVisual__slideText {
        font-size: 20px!important;
    }
}