@charset "utf-8";

:root{
  --default-font:'PT Sans', 'YakuHanJPs', 'Noto Sans JP', sans-serif;
  --headline-eng:'Crimson Text', serif;
  --font-mincho:'游明朝', 'Yu Mincho', '游明朝体', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'ＭＳ 明朝', serif;
	--google-icon:'Material Symbols Outlined';
	--bootstrap:'bootstrap-icons';
  --main-color:#304c93;
  --base-color:#111;
  --base-light-color:#666;
  --link-color:#3476ae;
  --normal:400;
  --medium:500;
  --bold:600;
}
.main-color{color:#304c93;}

/* header
++++++++++++++++++++++++++++++ */
header{
  background:#FFF;
  background-color:#FEFBF5;
}
#index-billboard{
  width:100%;
  max-height:700px;
  min-height:88px;
  overflow:hidden;
  position:relative;
}
#index-billboard h1{
	font-family:var(--font-mincho);
  font-size:42px; line-height:60px; font-weight:500;
  position:absolute;
  top:50%; left:50%; z-index:2;
  transform:translate(-50%, -50%);
//  background:rgba(255,255,255,0.6);
  padding:15px 25px;
  animation-name:billboard-h1;
  animation-duration:1s;
  animation-delay:1s;
  animation-timing-function:ease-out;
  animation-fill-mode:forwards;
  opacity:0;
  color:#FFF;
  text-shadow:1px 0 7px #000;
}
@keyframes billboard-h1{
  from{
    opacity:0;
  }
  to{
    opacity:1;
  }
}

#index-billboard h1 span.small{font-size:34px;}
#index-billboard #index-slider{
  position:relative;
  z-index:1;
}
#header-box{
  width:1160px; height:88px;
  margin:0 auto;
  position:relative;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
#header-box.index-header-box{
  box-sizing:border-box;
  width:98%;
  position:absolute;
  top:0; left:2%; z-index:2;
}
#header-box #logo{
  width:100px; height:auto;
}
#header-box nav#head-nav{
}
nav#head-nav ul{
  font-size:0; line-height:0;
  text-align:right;
}
nav#head-nav ul li{
  display:inline-block; vertical-align:bottom;
  font-size:13px; line-height:20px;
  margin:0 10px;
}
nav#head-nav ul li.news{
  margin-left:5px !important;
}
nav#head-nav ul li a{
  text-decoration:none;
  color:#111;
}
nav#head-nav ul li.news a::before{
  content:"▲";
  display:inline-block; vertical-align:top;
  font-size:10px;
  transform:scale(0.6,1) rotate(90deg);
  position:relative; top:-1px;
}
nav#head-nav ul li.sns{
  width:24px; height:24px;
  margin:0 0 0 5px !important;
}
nav#head-nav ul li.tel,
nav#head-nav ul li.reserve,
nav#head-nav ul li.contact{
  font-size:15px; line-height:20px;
  border-bottom:1px solid #222;
}
nav#head-nav ul li.tel a{
  font-size:17px; line-height:20px; font-weight:600;
}
nav#head-nav ul li.tel a::before{
  content:"";
  display:inline-block; vertical-align:middle;
  width:14px; height:14px;
  background:url(../../img/svg/phone.svg) no-repeat center center;
  background-size:14px auto;
  position:relative; top:-2px;
  margin:0 5px;
}
nav#head-nav ul li.reserve a::before{
  content:"";
  display:inline-block; vertical-align:middle;
  width:15px; height:15px;
  background:url(../../img/svg/calendar.svg) no-repeat center center;
  background-size:15px auto;
  position:relative; top:-2px;
  margin-right:5px;
}
nav#head-nav ul li.contact a::before{
  content:"";
  display:inline-block; vertical-align:middle;
  width:15px; height:15px;
  background:url(../../img/svg/mail.svg) no-repeat center center;
  background-size:15px auto;
  position:relative; top:-2px;
  margin-right:5px;
}
nav#head-nav > ul > li.renove{
  margin-right:0;
}
nav#head-nav > ul > li.renove > a{
  display:block;
  font-size:1.1em; line-height:2.4; font-weight:600;
  color:#fff;
  background:#119245;
  padding:0 1.6em;
  border-radius:0.25em 0 0 0.25em;
}
nav#global-nav{
  border-bottom:2px solid var(--main-color);
  background:#FFF;
  background-color:#FEFBF5;
  text-align:center;
  padding:20px 0;
  position:-webkit-sticky;
  position:sticky;
  top:-1px; z-index:100;
}
nav#global-nav > ul{
  display:flex;
  justify-content:center;
  margin:0 auto;
  text-align:center;
}
nav#global-nav > ul > li{
  font-size:0.95rem; line-height:33px; font-weight:var(--bold);
  border-left:1px solid #999;
  position:relative;
}
nav#global-nav > ul > li:last-child{
  border-right:1px solid #999;
}
nav#global-nav > ul > li > a{
  display:block;
  text-decoration:none;
  color:var(--base-color);
  padding:0 1.5em;
  position:relative;
}
nav#global-nav > ul > li > a:hover::after{
  content:"▲";
  font-size:19px; line-height:19px;
  color:var(--main-color);
  position:absolute;
  bottom:-27px; left:50%;
  transform:translateX(-50%) scale(1,0.5);
}
nav#global-nav > ul > li > ul{
  position:absolute;
  top:54px; left:50%;
  z-index:100;
  transform:translateX(-50%);
  width:auto !important;
  height:auto !important;
  border:1px solid #FFF;
  border-top:none;
  background:var(--main-color);
}
nav#global-nav > ul > li > ul::before{
  content:"▲";
  font-size:19px; line-height:19px;
  color:var(--main-color);
  position:absolute;
  top:-13px; left:50%;
  transform:translateX(-50%) scale(1,0.5);
}
nav#global-nav > ul > li > ul > li{
  font-size:14px; line-height:40px;
  display:block !important;
  width:auto !important;
  border:none !important;
}
nav#global-nav > ul > li > ul > li > a{
  display:block;
  text-decoration:none;
  color:#FFF;
  white-space:nowrap;
  text-align:center;
  padding:0 25px !important;
}
nav#global-nav > ul > li > ul > li > a:hover{
  background:#012b67;
}
nav#global-nav > ul > li > ul > li > a:hover::after{
  display:none;
}

#fade-in li ul{
	visibility:hidden;
	opacity:0;
	transition:0.4s;
}
#fade-in li:hover ul{
	visibility:visible;
	opacity:1;
}
#fade-in li ul li a{
	visibility:hidden;
	opacity:0;
	transition:0.4s;
}
#fade-in li:hover ul li a{
	visibility:visible;
	opacity:1;
}

#renove-link{
  position:absolute;
  top:90px; right:0; z-index:100;
}
#renove-link a{
  display:block;
  text-decoration:none;
  font-size:1.1em; line-height:2.0; font-weight:600;
  color:#fff;
  padding:0.4em 1.5em;
  background:#119245;
  border-radius:0.5em 0 0 0.5em;
}

#contents{
  width:100%;
  text-align:center;
  padding:50px 0;
}
.contents-box{
  width:1160px;
  margin:0 auto 80px auto;
}
.contents-box h2.mid-border{
  font-size:24px; line-height:160%; font-weight:600;
  color:var(--main-color);
  margin-bottom:15px;
  position:relative;
}
.contents-box h2.mid-border::before,
.contents-box h2.mid-border::after{
  content:"";
  display:inline-block; vertical-align:middle;
  width:50px; height:2px;
  border-top:2px solid var(--main-color);
  position:relative; top:-2px;
}
.contents-box h2.mid-border::before{margin-right:20px;}
.contents-box h2.mid-border::after{margin-left:20px;}
.contents-box h3{
  font-size:18px; line-height:160%;
  color:var(--main-color);
  margin-bottom:10px;
}
.contents-box p{
  margin-bottom:30px;
}
ul.index-pickup-list{
  width:100%;
}
ul.index-pickup-list li.slick-slide a,
ul.index-pickup-list li.slick-slide span{
  text-decoration:none;
  color:#111;
  box-sizing:border-box;
  background:#fff;
  border:1px solid #ccc;
  border-radius:5px;
  overflow:hidden;
  padding:30px 35px;
  display:flex;
  justify-content:center;
  align-items:center;
}
ul.index-pickup-list li.slick-slide figure{
  width:400px;
//  height:calc(400px / 3 * 2);
  aspect-ratio:3/2;
  position:relative;
  overflow:hidden;
  margin-right:30px;
}
ul.index-pickup-list li.slick-slide figure img{
  position:absolute;
  top:50%; left:0;
  transform:translateY(-50%);
}
ul.index-pickup-list li.slick-slide .text-box,
ul.index-pickup-list li.slick-slide .text-box{
  text-align:left;
}
ul.index-pickup-list li.slick-slide .text-box h3{
  font-size:1.5em; line-height:1.6;
}
ul.index-pickup-list li.slick-slide a:hover .text-box h3{
  text-decoration:underline;
}
ul.index-pickup-list ul.slick-dots{
  position:relative;
  bottom:0px;
}
ul.index-pickup-list ul.slick-dots li button::before{
  font-size:11px;
}
.slick-container{
  position:relative;
}
.slick-container .slick-prev,
.slick-container .slick-next{
	width:40px; height:40px;
}
.slick-container .slick-prev::before,
.slick-container .slick-next::before{
	content:"";
}
.slick-container button.slick-prev,
.slick-container button.slick-next{
	z-index:2;
}
.slick-container .slick-prev{left:-40px;}
.slick-container .slick-next{right:-40px;}
.slick-container .slick-arrow{z-index:10;}
.slick-container ul.slick-dots{
  bottom:-30px;
}
.slick-container ul.slick-dots li{
  width:20px; height:20px;
	margin:0;
}

ul.index-banner-list{
}
ul.index-banner-list li{
}
ul.index-banner-list li a{
  box-sizing:border-box;
  background:rgba(255,255,255,0.3);
  border-radius:5px;
  border:1px solid #ccc;
  padding:30px 35px;
  margin-bottom:2px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:#111;
  text-decoration:none;
}
ul.index-banner-list li a .thumbnail{
  width:400px;
}
ul.index-banner-list li a .text-box{
  width:650px;
  text-align:left;
}
ul.index-banner-list li a h3{
  font-size:22px; line-height:1.6;
  color:var(--link-color);
}
ul.index-banner-list li a:hover h3{
  text-decoration:underline;
}
ul.index-banner-list li a p{
  margin:0;
}

ul.index-event-list{
  display:flex;
  justify-content:space-between;
  margin:1.5rem 0 2.0rem;
}
ul.index-event-list > li{
  width:31%;
  background:#fff;
  border-radius:0.25rem;
  overflow:hidden;
  box-shadow:3px 3px 5px #ccc;
}
ul.index-event-list > li > a{
  display:block;
  width:100%; height:100%;
  text-decoration:none;
  color:var(--base-light-color);
  text-align:left;
  position:relative;
}
ul.index-event-list > li.end > a::before{
  content:"";
  width:100%; height:100%;
  position:absolute;
  top:0; left:0; z-index:10;
  background:rgba(0,0,0,0.45);
}
ul.index-event-list > li.end > a::after{
  content:"終了しました";
  font-size:1.3rem; line-height:1.2; font-weight:var(--bold);
  color:#fff;
  position:absolute;
  top:50%; left:50%; z-index:11;
  transform:translate(-50%,-50%);
}
ul.index-event-list > li > a > figure{
  width:100%; height:auto;
  aspect-ratio:3/2;
  overflow:hidden;
}
ul.index-event-list > li > a > figure > img{
  width:100%; height:100%;
  object-fit:cover;
  transition:0.15s;
}
ul.index-event-list > li > a:hover > figure > img{
  transform:scale(1.03);
}
ul.index-event-list > li.end > a:hover > figure > img{
  transform:scale(1);
}
ul.index-event-list > li > a > .text-box{
  padding:1.0rem 1.5rem 1.5rem;
}
ul.index-event-list > li > a > .text-box > .entry-category{
  display:block;
  font-size:0.8rem; line-height:1.8;
}
ul.index-event-list > li > a > .text-box > h3{
  font-size:1.1rem; line-height:1.6;
  color:var(--link-color);
  margin-bottom:0;
}
ul.index-event-list > li > a:hover > .text-box > h3{
  text-decoration:underline;
}

ul.index-gallery-list{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:2.5rem 0;
  margin-bottom:2.5rem;
}
ul.index-gallery-list li{
  width:260px;
}
ul.index-gallery-list li a{
  display:block;
  text-decoration:none;
  color:var(--base-light-color);
  position:relative;
}
ul.index-gallery-list li a .thumbnail{
  width:100%; height:auto;
  aspect-ratio:3/2;
  overflow:hidden;
}
ul.index-gallery-list li a .thumbnail img{
  width:100%; height:100%;
  object-fit:cover;
}
ul.index-gallery-list li a .text-box{
  padding:5px 0;
  text-align:left;
}
ul.index-gallery-list li a .text-box p{
  margin:0 !important;
}
ul.index-gallery-list li a .tag-techno{display:block;}
ul.index-gallery-list li a .area{
  width:70px;
  font-size:0.65rem; line-height:2.0;
  text-align:center;
  position:absolute;
  top:-5px; left:-8px;
  white-space:nowrap;
  background:var(--main-color);
  color:#FFF;
  padding:0;
}
ul.index-gallery-list li a .area::after{
  content:"";
  border-right:8px solid rgba(48,76,147,0.7);
  border-bottom:6px solid transparent;
  position:absolute;
  bottom:-6px; left:0;
}
ul.index-gallery-list li a .type{
  font-size:0.65rem; line-height:2.0;
  position:absolute;
  top:-5px; left:63px;
  white-space:nowrap;
  color:#FFF;
  padding:0 20px;
}
ul.index-gallery-list li a .type.type-style01{
  background:#407834;
}
ul.index-gallery-list li a .type.type-style02{
  background:#D59306;
}
ul.index-gallery-list li a .type.type-style03{
  background:#98004C;
}
/*
ul.index-gallery-list li a .area::before{content:"［";}
ul.index-gallery-list li a .area::after{content:"］";}
*/
ul.index-gallery-list li a .entry-title{
  display:block;
  font-size:1.0rem; line-height:1.6; font-weight:var(--bold);
  color:var(--link-color);
  margin-bottom:0.25em;
}
ul.index-gallery-list li a:hover .entry-title{
  text-decoration:underline;
}
ul.index-gallery-list li a .gallery-tag{
  display:flex;
  flex-wrap:wrap;
  gap:0 1.5em;
  font-size:0.75rem; line-height:1.8; font-weight:var(--normal);
  color:var(--base-light-color);
}
ul.index-gallery-list li a:hover .gallery-tag{
  text-decoration:none !important;
}
ul.index-gallery-list li a .gallery-tag span::before{
  content:"#";
}

.index-contents-banner{
  display:flex;
  justify-content:center;
  gap:0 3%;
}
.index-contents-banner div{
  width:48.5%;
  width:58%;
}
.index-contents-banner div a{
  display:block;
/*
  width:100%; height:auto;
  aspect-ratio:3/1;
  border:1px solid #ccc;
  background:#f0f0f0;
*/
}

.contents-box .button{
  display:inline-block;
  margin:0 auto 25px auto;
}
.contents-box .button a{
  display:block;
  border:1px solid var(--main-color);
  font-size:15px; line-height:45px;
  color:#111;
  padding:0 50px;
  height:43px;
  background:rgba(255,255,255,0.8);
  transition:0.3s;
  position:relative;
}
.contents-box .button a::after{
  content:"▲";
  font-size:11px;
  transform:scale(0.6,1) rotate(90deg);
  position:absolute;
  top:-1px; right:10px;
}
.contents-box .button a:hover{
  text-decoration:none;
  background:var(--main-color);
  color:#FFF;
  transition:0.3s;
}

#index-plan{
  width:100%;
//  background:url(../../img/index/bg_image02.jpg) no-repeat center top;
//  background-size:cover;
  background-color:#FFF;
  padding:80px 0;
  padding:80px 0 5px 0;
}
#index-plan h2{
  font-size:36px; line-height:160%; font-weight:600;
  margin-bottom:15px;
}
ul.index-plan-list{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:2.5rem 40px;
  text-align:center;
  margin-bottom:2.5rem;
}
ul.index-plan-list li{
  width:360px;
}
ul.index-plan-list li a{
  display:block; position:relative;
}
ul.index-plan-list li a > .thumbnail{
  width:100%; height:auto;
  aspect-ratio:820/480;
  overflow:hidden;
}
ul.index-plan-list li a > .thumbnail > img{
  width:100%; height:100%;
  object-fit:cover;
}
ul.index-plan-list li a span{
  display:block;
  font-size:14px; line-height:36px; font-weight:500;
  color:#111;
  width:100%;
  background:rgba(255,255,255,0.8);
  position:absolute; bottom:0; left:0;
}

/*
ul.index-plan-list li:last-child{
  width:640px;
}
ul.index-plan-list li:last-child a{color:#111;}
ul.index-plan-list li:last-child a:hover{}
ul.index-plan-list li:last-child .text-box{
  background:#FFF;
  font-size:14px; line-height:160%;
  text-align:left;
  padding:15px;
}
*/

#index-topics{
  box-sizing:border-box;
  width:100%;
  padding:5rem calc((100% - 1160px) / 2);
  display:flex;
  justify-content:space-between;
  gap:0 5.0rem;
}
#index-topics > .index-topics-box{
  width:100%;
  text-align:left;
}
#index-topics > .index-topics-box > h3{
  font-size:1.1rem; line-height:1.8;
  color:var(--main-color);
  margin-bottom:1.5rem;
  padding-bottom:0.5rem;
  border-bottom:1px dashed #999;
}
#index-topics > .index-topics-box > .more{
  font-size:0.9rem; line-height:1.6;
  text-align:right;
}

.sns-box{
  padding-top:80px;
  margin-bottom:50px;
  display:flex;
  justify-content:space-between;
  gap:0 40px;
}
.index-news-box,
.index-blog-box,
.index-fb.box{
  width:100%;
  text-align:left;
}
.index-fb.box{
  margin-right:0;
}

ul.index-news-list,
ul.index-blog-list{margin-bottom:15px;}
.index-news-box .more,
.index-blog-box .more{
  font-size:14px; line-height:160%;
  text-align:right;
}

ul.index-news-list li a,
ul.index-blog-list li a{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  border-top:1px dashed #999;
  padding:1.0rem 0;
}
ul.index-news-list li:last-child a,
ul.index-blog-list li:last-child a{
  border-bottom:1px dashed #999;
}
ul.index-news-list li .entry-date,
ul.index-blog-list li .entry-date{
  font-size:12px; line-height:160%;
  color:#111; letter-spacing:1px;
//  margin-right:10px;
}
ul.index-news-list li .entry-category,
ul.index-blog-list li .entry-staff{
  font-size:12px; line-height:160%;
  color:#111;
  border-left:1px solid #999;
  padding-left:10px;
  margin-left:10px;
}
ul.index-news-list li .entry-area{
  font-size:12px; line-height:160%;
  color:#111;
  padding-left:5px;
}
ul.index-news-list li .entry-title,
ul.index-blog-list li .entry-title{display:block;}

ul.index-news-list li .thumbnail,
ul.index-blog-list li .thumbnail{
  width:100px; height:auto;
  aspect-ratio:1/1;
  margin-right:1.0rem;
}
ul.index-news-list li .dummy-thumbnail,
ul.index-blog-list li .dummy-thumbnail{
  box-sizing:border-box;
  width:100px; height:auto;
  aspect-ratio:1/1;
  border:1px solid #CCC;
  background:#FFF;
  position:relative;
  margin-right:1.0rem;
}
ul.index-news-list li .dummy-thumbnail img,
ul.index-blog-list li .dummy-thumbnail img{
  width:50%; height:auto;
  position:absolute;
  top:50%; left:50%;
  transform:translate(-50%, -50%);
}

ul.index-news-list li .text-box,
ul.index-blog-list li .text-box{
  flex:1;
}

.contents-box .index-instagram-box{
  margin-top:4.0rem;
}
.index-instagram-box h3.title-instagram{
  position:relative;
  padding-left:28px;
}
.index-instagram-box h3.title-instagram img{
  width:190px; height:auto;
}
.index-instagram-box h3.title-instagram::before{
  content:"";
  position:absolute;
  top:1px; left:0;
  width:22px; height:22px;
  background:url(../../img/svg/instagram.svg) no-repeat center center;
  background-size:22px auto;
}
.index-instagram-box h3.title-instagram .more{
  position:absolute;
  bottom:0; right:0;
  font-size:14px; line-height:160%; font-weight:400;
  text-align:right;
}
.wdi_feed_container,
.wdi_feed_wrapper,
.wdi_photo_wrap_inner{
  width:100%;
  background:transparent !important;
  border:none !important;
}
.wdi_feed_wrapper{font-size:0; line-height:0;}
.wdi_feed_item{display:inline-block; vertical-align:top;}
.wdi_photo_wrap{
  width:100% !important;
  padding:0 !important;
}
.wdi_photo_wrap_inner{
  padding:0 5px 5px 5px !important;
}

ul.index-instagram-list{
  font-size:0; line-height:0;
  text-align:center;
}
ul.index-instagram-list li{
  width:184px; height:184px;
  display:inline-block; vertical-align:top;
  margin:0 10px 10px 0;
}
ul.index-instagram-list li:nth-child(6n){margin-right:0;}

.index-instagram-box #sb_instagram #sbi_images{
  float:none;
  display:flex;
  flex-wrap:wrap;
}
.index-instagram-box #sb_instagram #sbi_images .sbi_item{
  width:184px !important;
  float:none;
  margin:0 10px 10px 0px !important;
}
.index-instagram-box #sb_instagram #sbi_images .sbi_item:nth-of-type(6n){
  margin:0 !important;
}

#information-box{
  background:#edf1f4;
  padding:60px 0;
}
#information-box .contents-box{
  margin:0 auto !important;
  text-align:left;
}
#information-box .information-left{
  width:740px;
  float:left;
}
#information-box .information-right{
  width:350px;
  float:right;
  text-align:left;
}
#information-box .information-left h3{color:#111;}
.information-left ul.shop-list{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:1.5rem 25px;
}
.information-left ul.shop-list li{
  width:230px;
}
.information-left ul.shop-list li a p{
  font-size:13px; line-height:160%;
  color:#111;
  margin:5px 0;
}
.information-left ul.shop-list li a p strong{
  font-size:15px; line-height:180%;
  color:var(--link-color);
}
.information-right .map-box{
  border:1px solid #999;
}
.information-right .map-box p{
  margin:15px !important;
  font-size:13px; line-height:160%;
}

footer{
  padding:50px 0;
}
footer hr{
  border:none;
  border-top:1px solid #CCC;
  width:100%; height:1px;
  margin:50px auto;
}
footer table.footer-nav-table{
  width:1160px;
  margin:0 auto;
  table-layout:fixed;
}
table.footer-nav-table td{
  text-align:left; vertical-align:top;
  border-left:1px dashed #999;
  padding:10px 25px;
}
table.footer-nav-table tr td:last-child{border-right:1px dashed #999;}
table.footer-nav-table td ul li{
  font-size:14px; line-height:160%;
  margin:0 0 5px 0;
}
table.footer-nav-table td ul li.sub{
  list-style:disc outside;
  margin:0 0 5px 20px;
}
table.footer-nav-table td ul li a{
  color:#111;
}

ul.footer-banner-list{
  font-size:0; line-height:0; text-align:center;
  margin:0 auto 50px auto;
}
ul.footer-banner-list li{
  width:230px;
  display:inline-block; vertical-align:top;
  margin:0 10px 10px 0;
}
ul.footer-banner-list li:last-child{margin-right:0;}

#house-of-the-year{
  width:1160px;
  margin:0 auto 50px auto;
  text-align:center;
  font-size:0; line-height:0;
}
ul.house-of-the-year-logo-list{
  display:flex;
  justify-content:center;
  margin:0 auto 10px auto;
}
ul.house-of-the-year-logo-list li{
  width:70px; height:auto;
  display:inline-block; vertical-align:top;
  padding:10px;
  border:1px solid #CCC;
  border-radius:3px;
  background:#FFF;
  margin:0 5px;
}
#house-of-the-year .text-box{
  font-size:14px; line-height:160%;
  text-align:center;
}




#credit{
  margin:0 auto 50px auto;
}
#credit .logo{
  width:160px;
  margin:0 auto 15px auto;
}
#credit p{font-size:15px; line-height:160%; margin:0 auto;}

#copyright{font-size:13px; line-height:180%; margin:0 auto;}

/*
#crumb{background:rgba(48,76,147,0.05);}
*/
#crumb-inner{
  width:1160px;
  margin:0 auto;
  text-align:left;
  font-size:11px; line-height:31px;
  color:#666;
}
#crumb-inner a{color:#666;}
#crumb ul{
  font-size:0; line-height:0;
}
#crumb ul li{
  font-size:11px; line-height:31px;
  display:inline-block; vertical-align:top;
}
#crumb ul li::after{
  content:">";
  display:inline-block;
  margin:0 5px;
  transform:scale(0.8,1);
}
#crumb ul li:last-child a{pointer-events:none;}
#crumb ul li:last-child::after{display:none;}

/*
#page-title{
  width:100%;
  background:url(../../img/common/title_bg.gif) left top;
}
#page-title-inner{
  width:1160px; height:100px;
  margin:0 auto;
  text-align:left;
  position:relative;
}
#page-title h1{
  font-size:18px; line-height:18px; font-weight:500;
  letter-spacing:2px; color:#FFF;
  position:absolute;
  top:50%; left:0;
  transform:translateY(-50%);
}
#page-title h1::before{
  content:"";
  display:inline-block;
  width:22px; height:22px;
  background:url(../../img/svg/logo03_white.svg) no-repeat center center;
  background-size:22px auto;
  position:relative; top:4px;
  margin-right:5px;
}
#page-title h1 span{
  display:inline-block; vertical-align:bottom;
  font-size:14px;
  margin:0 1em;
}
#page-title h1 span::before{content:"- ";}
#page-title h1 span::after{content:" -";}
*/

#container{
  box-sizing:border-box;
  width:100%;
  padding:0 calc((100% - 1160px) / 2);
  margin:0;
  display:flex;
  justify-content:space-between;
  gap:0 60px;
}
#main{
  flex:1;
  text-align:left;
}
#side{
  width:280px;
  text-align:left;
}


/* side */
/*
.side-menu-box h2{
  height:39px;
  background:var(--main-color);
  font-size:15px; line-height:39px; font-weight:500;
  color:#FFF;
  padding:0 10px;
}
.side-menu-box h2 a{color:#FFF; position:relative;}
.side-menu-box h2 a::before{
  content:"";
  display:inline-block;
  width:18px; height:18px;
  background:url(../../img/svg/logo03_white.svg) no-repeat left center;
  background-size:18px auto;
  position:relative; top:4px; left:5px;
  margin-right:10px;
}
.side-menu-box h2 a:hover{text-decoration:none;}
*/
#side h2{
  height:39px;
  font-size:15px; line-height:39px; font-weight:500;
  color:#FFF;
  padding:0 10px;
  border-bottom:1px solid #999;
}
#side h2 a{color:#222; position:relative;}
#side h2 a::before{
  content:"";
  display:inline-block;
  width:20px; height:20px;
  background:url(../../img/svg/logo03.svg) no-repeat left center;
  background-size:20px auto;
  position:relative; top:4px; left:0px;
  margin-right:10px;
}
#side h2 a:hover{text-decoration:none;}
ul.side-menu-list{
  margin:0 0 50px 0;
}
ul.side-menu-list li{
  font-size:14px; line-height:16px;
  border-bottom:1px dashed #999;
}
ul.side-menu-list li a{
  color:#222;
  display:block;
  padding:15px 0 15px 35px;
  position:relative;
}
ul.side-menu-list li a::before{
  content:"・";
  position:absolute; top:0; left:0;
  margin:15px 0 0 10px;
//  margin:0 5px 0 10px;
}
ul.side-menu-list li a:hover{
  text-decoration:none;
  background:rgba(48,76,147,0.1);
}

ul.side-thumbnail-list{margin-bottom:5px;}
ul.side-thumbnail-list li{
  font-size:14px; line-height:160%;
  border-bottom:1px dashed #999;
}
ul.side-thumbnail-list li a{
  display:block;
  padding:10px 0;
}
ul.side-thumbnail-list li a .thumbnail{
  width:64px;
//  border-radius:100%;
  overflow:hidden;
  float:left;
}
ul.side-thumbnail-list li a .thumbnail .dummy-thumbnail{
  width:62px; height:62px;
  background:#FFF;
  border:1px solid #CCC;
  position:relative;
}
ul.side-thumbnail-list li a .thumbnail .dummy-thumbnail img{
  width:26px; height:auto;
  position:absolute;
  top:50%; left:50%;
  transform:translate(-50%, -50%);
}
ul.side-thumbnail-list li a .text-box{
  width:205px; min-height:64px;
  float:right;
  position:relative;
}
ul.side-thumbnail-list li a .text-box div{
  display:block;
  position:absolute; top:50%; left:0;
  transform:translateY(-50%);
}
ul.side-thumbnail-list li a .text-box span.area{
  font-size:13px;
  margin-right:5px;
}
ul.side-thumbnail-list li a .text-box span.area::before{content:"［";}
ul.side-thumbnail-list li a .text-box span.area::after{content:"］";}
ul.side-thumbnail-list li a .text-box span.entry-date,
ul.side-thumbnail-list li a .text-box span.entry-category,
ul.side-thumbnail-list li a .text-box span.entry-area,
ul.side-thumbnail-list li a .text-box span.entry-staff{
  font-size:11px; color:#555;
}
ul.side-thumbnail-list li a .text-box span.gallery-area{
  display:inline-block;
  font-size:11px; color:#555;
}
ul.side-thumbnail-list li a .text-box span.gallery-area::after{
  content:" / ";
}
ul.side-thumbnail-list li a .text-box span.entry-date{
//  margin-right:5px;
}
ul.side-thumbnail-list li a .text-box span.entry-category{
  border-left:1px solid #999;
  padding-left:5px;
  margin-left:5px;
}
ul.side-thumbnail-list li a .text-box span.entry-title{
  display:block;
}
//ul.side-thumbnail-list li a .text-box span.entry-date::before{
  content:"掲載：";
}

.side-select-wrapper{
  width:calc(100% - 2px);
  height:30px;
  border:1px solid #ccc;
  border-radius:3px;
  background:#FFF;
  position:relative;
  margin:10px auto 50px auto;
  overflow:hidden;
}
.side-select-wrapper::after{
  content:"▼";
  position:absolute;
  top:50%; right:10px;
  font-size:13px; color:var(--main-color);
  transform:translateY(-50%) scale(1,0.7);
}
.side-select-wrapper select{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  margin:0; padding:0;
  background:none;
  border:none;
  border-radius:0;
  outline:none;
  font-size:14px !important; line-height:30px;
  padding:0 10px;
  position:relative;
  z-index:10;
  width:100%;
}

.side-menu-box .button{
  margin-bottom:50px;
  text-align:right;
}
.side-menu-box .button a{
  font-size:13px; line-height:160%;
}
.side-menu-box .button a::after{
  content:"＞";
  display:inline-block;
  font-size:11px;
  transform:scale(0.6,1);
  position:relative; top:-1px;
  margin-left:5px;
}

ul.side-banner-list li{
  width:100%;
  margin:0 auto 15px auto;
}

.side-tag-box{
  margin:10px 0 5px 0;
  padding-bottom:10px;
  border-bottom:1px dashed #999;
}
.side-tag-box h3{
  font-size:14px; line-height:1.6; font-weight:500;
  margin-bottom:2px;
}
ul.side-tag-list{
  display:flex;
  flex-wrap:wrap;
}
ul.side-tag-list li{
  font-size:13px; line-height:1.8;
  margin-right:1em;
}
/*
ul.side-tag-list li a{
  color:#333;
}
ul.side-tag-list li a:hover{
  color:var(--link-color);
}
*/
ul.side-tag-list li a::before{
  content:"#";
}
#side .more{
  text-align:right;
}
#side .more a{
  font-size:0.8em; line-height:1.8; font-weight:500;
  text-decoration:none;
  color:var(--base-color);
  position:relative;
  padding-right:1em;
}
#side .more a:hover{
  text-decoration:underline;
  color:var(--link-color);
}
#side .more a::after{
  content:"";
  border-left:0.4em solid var(--base-color);
  border-top:0.4em solid transparent;
  border-bottom:0.4em solid transparent;
  position:absolute;
  top:50%; right:0;
  transform:translateY(-50%);
}
#side .more a:hover::after{
  border-left-color:var(--link-color);
}

section{
  width:100%;
  margin:0 auto 80px auto;
  position:relative;
}
section #page-title{
  width:100%; height:400px;
  position:relative;
  margin-bottom:30px;
}
section #page-title h1{
	font-family:var(--font-mincho) !important;
  display:inline-block;
  font-size:28px; line-height:160%; font-weight:600;
  background:rgba(255,255,255,0.9);
//  padding:3px 50px 0 50px;
  padding:3px 50px 4px 50px;
  position:absolute;
  top:50%; left:20px;
  transform:translateY(-50%);
  animation-name:title-anim;
  animation-duration:0.3s;
  animation-delay:1s;
  animation-timing-function:ease-out;
  animation-fill-mode:forwards;
  opacity:0;
}
@keyframes title-anim{
  from{
    opacity:0;
    left:16px;
  }
  to{
    opacity:1;
    left:20px;
  }
}
section #page-title h1 span{
  font-size:20px; line-height:160%;
  display:inline-block;
  margin-left:10px;
}
section #page-title h1 span::before{content:"- ";}
section #page-title h1 span::after{content:" -";}
section p.title-description{
  margin:30px 0 0 0 !important;
}

section #page-title.title-faq{
  background:
    linear-gradient(rgba(254,251,245,0) 50%, rgba(254,251,245,1)),
    url(../../img/faq/billboard.jpg) no-repeat center center;
  background-size:cover;
}
section #page-title.title-company{
  background:
    linear-gradient(rgba(254,251,245,0) 60%, rgba(254,251,245,1)),
    url(../../img/company/billboard.jpg) no-repeat center center;
  background-size:cover;
}
section #page-title.title-modelhouse-iida{
  background:
    linear-gradient(rgba(254,251,245,0) 60%, rgba(254,251,245,1)),
    url(../../img/company/modelhouse/iida2021.jpg) no-repeat center center;
  background-size:cover;
}
section #page-title.title-modelhouse-ina{
  background:
    linear-gradient(rgba(254,251,245,0) 60%, rgba(254,251,245,1)),
    url(../../img/company/modelhouse/ina.jpg) no-repeat center center;
  background-size:cover;
}
section #page-title.title-showroom{
  background:url(../../img/company/showroom/billboard.jpg) no-repeat center center;
  background-size:cover;
}
section #page-title.title-smile-labo{
  background:url(../../img/company/smile-labo/billboard.jpg) no-repeat center center;
  background-size:cover;
  margin-bottom:0px !important;
}
section #page-title.title-recruit{
  background:
    linear-gradient(rgba(254,251,245,0) 60%, rgba(254,251,245,1)),
    url(../../img/company/recruit/billboard.jpg) no-repeat center center;
  background-size:cover;
}
section #page-title.title-zeh{
  background:
    linear-gradient(rgba(254,251,245,0) 60%, rgba(254,251,245,1)),
    url(../../img/company/zeh/billboard.jpg) no-repeat center center;
  background-size:cover;
}
section #page-title.title-sdgs{
  background:
    linear-gradient(rgba(254,251,245,0) 60%, rgba(254,251,245,1)),
    url(../../img/company/sdgs/billboard.jpg) no-repeat center center;
  background-size:cover;
}
section #page-title.title-dog{
  background:url(../../img/plan/dog/billboard.jpg) no-repeat center center;
  background-size:cover;
}
section #page-title.title-plan{
  background:
    linear-gradient(rgba(254,251,245,0) 60%, rgba(254,251,245,1)),
    url(../../img/plan/index/billboard04.jpg) no-repeat center center;
  background-size:cover;
}
section #page-title.title-seismicity{
  background:
    linear-gradient(rgba(254,251,245,0) 60%, rgba(254,251,245,1)),
    url(../../img/plan/seismicity/billboard.jpg) no-repeat center center;
  background-size:cover;
}
section #page-title.title-smart-pv{
  background:
    linear-gradient(rgba(254,251,245,0) 60%, rgba(254,251,245,1)),
    url(../../img/plan/smart_pv/billboard.jpg) no-repeat center center;
  background-size:cover;
}
section #page-title.title-support{
  background:
    linear-gradient(rgba(254,251,245,0) 60%, rgba(254,251,245,1)),
    url(../../img/plan/support/billboard.jpg) no-repeat center center;
  background-size:cover;
}
section #page-title.title-lease{
  background:
    linear-gradient(rgba(254,251,245,0) 60%, rgba(254,251,245,1)),
    url(../../img/plan/lease/billboard.jpg) no-repeat center center;
  background-size:cover;
}
section #page-title.title-schedule{
  background:
    linear-gradient(rgba(254,251,245,0) 60%, rgba(254,251,245,1)),
    url(../../img/plan/schedule/billboard.jpg) no-repeat center center;
  background-size:cover;
}
section #page-title.title-contact{
  background:
    linear-gradient(rgba(254,251,245,0) 60%, rgba(254,251,245,1)),
    url(../../img/contact/billboard.jpg) no-repeat center center;
  background-size:cover;
}
section #page-title.title-select6{
  background:
    linear-gradient(rgba(254,251,245,0) 70%, rgba(254,251,245,1)),
    url(../../img/select6/billboard.jpg) no-repeat center center;
  background-size:cover;
}
section #page-title.title-voice{
  background:
    linear-gradient(rgba(254,251,245,0) 60%, rgba(254,251,245,1)),
    url(../../img/voice/billboard.jpg) no-repeat center center;
  background-size:cover;
}
section #page-title.title-membership{
  background:
    linear-gradient(rgba(254,251,245,0) 60%, rgba(254,251,245,1)),
    url(../../img/membership/billboard.jpg) no-repeat center center;
  background-size:cover;
}

section #page-title.title-rebuilding{
  background:
    linear-gradient(rgba(254,251,245,0) 60%, rgba(254,251,245,1)),
    url(../../img/rebuilding/billboard.jpg) no-repeat center center;
  background-size:cover;
}
section #page-title.title-ufit{
  background:
    linear-gradient(rgba(254,251,245,0) 70%, rgba(254,251,245,1)),
    url(../../img/ufit/billboard.jpg) no-repeat center center;
  background-size:cover;
  margin-bottom:0 !important;
}
section #gallery-title,
section #staffblog-title,
section #realestate-title,
section #select6-title,
section #select6-title01,
section #select6-title02,
section #news-title,
section #topics-title,
section #event-title,
section #web-event-title,
section #owners-title,
section #reform-topics-title,
section #reform-title,
section #renovation-title{
  width:100%; height:auto;
  position:relative;
  margin-bottom:30px;
}
section #gallery-title,
section #realestate-title,
section #reform-title,
section #select6-title01,
section #select6-title02{
  text-align:center;
}
section #gallery-title h1,
section #staffblog-title h1,
section #realestate-title h1,
section #select6-title h1,
section #select6-title01 h1,
section #select6-title02 h1,
section #news-title h1,
section #topics-title h1,
section #event-title h1,
section #web-event-title h1,
section #reform-topics-title h1,
section #reform-title h1,
section #renovation-title h1{
  font-size:17px; line-height:160%; font-weight:400;
  position:relative;
}
section #owners-title h1{
  font-size:2.1em; line-height:1.6; font-weight:500;
  position:relative;
}
section #gallery-title h1::before,
section #staffblog-title h1::before,
section #realestate-title h1::before,
section #select6-title h1::before,
section #news-title h1::before,
section #topics-title h1::before,
section #event-title h1::before,
section #web-event-title h1::before,
section #reform-topics-title h1::before{
  font-family:var(--headline-eng);
  font-weight:var(--normal);
  font-size:54px; line-height:130%;
  color:rgba(0,0,0,0.8);
  display:inline-block;
  margin-right:20px;
}
section #gallery-title h1::before{
  content:"Design Gallery";
}
section #staffblog-title h1::before{
  content:"Staffblog";
}
section #realestate-title h1::before{
  content:"Real Estate";
}
section #select6-title h1::before{
  content:"SelectVI";
}
section #news-title h1::before{
  content:"News";
}
section #topics-title h1::before{
  content:"Topics";
}
section #event-title h1::before{
  content:"Event";
}
section #web-event-title h1::before{
  content:"Online Event";
}
section #select6-title01 h1::before,
section #select6-title02 h1::before,
section #reform-title h1::before,
section #renovation-title h1::before{
  font-family:var(--headline-eng);
  font-weight:var(--normal);
  font-size:54px; line-height:130%;
  color:rgba(0,0,0,0.8);
  display:block;
}
section #select6-title01 h1::before{
  content:"SelectVI";
}
section #select6-title02 h1::before{
  content:"SelectVI CUBE";
}
section #reform-topics-title h1::before,
section #reform-title h1::before{
  content:"Reform";
}
section #renovation-title h1::before{
  content:"Renovation";
}

section h2{
  font-size:22px; line-height:160%; font-weight:500;
  color:var(--main-color); letter-spacing:1px;
  margin-bottom:20px;
  position:relative;
}
section h2::before{
  content:"";
  border-top:2px solid #60b530;
  width:100%; height:2px;
  position:absolute;
  bottom:-3px; left:0;
}
section h2::after{
  content:"";
  border-top:2px solid var(--main-color);
  width:30%; height:2px;
  position:absolute;
  bottom:-3px; left:0;
}
section h2 span.small{
  font-size:20px;
}
section h3{
  font-size:18px; line-height:160%;
  color:var(--main-color);
  margin-bottom:10px;
  position:relative;
}
section h3 .more{
  font-size:14px; font-weight:400;
  position:absolute; bottom:0; right:0;
}
section h4{
  font-size:18px; line-height:160%; font-weight:500;
  margin-bottom:10px;
  display:inline-block;
  position:relative;
}
section h4 span{position:relative; z-index:2;}
section h4.under-blue::after,
section h4.under-yellow::after{
  content:"";
  display:inline-block;
  width:100%;
  position:absolute;
  bottom:4px; left:0; z-index:1;
}
section h4.under-blue::after{
  border-bottom:8px solid rgba(173,220,253,0.6);
}
section h4.under-yellow::after{
  border-bottom:8px solid rgba(255,255,0,0.6);
}

section p,
section ul,
section ol{
  margin-bottom:25px;
}

ul.disc-list > li{
  list-style:disc outside;
  margin:0 0 15px 1.25em;
}
ol.decimal-list > li{
  list-style:decimal outside;
  margin:0 0 15px 1.25em;
}
ul.kigou-list > li{
  position:relative;
  padding-left:1.25em;
}
ul.kigou-list > li::before{
  content:"※";
  position:absolute;
  top:0; left:0;
}
section .button,
section .member-button{
  display:block;
  margin:0 auto 25px auto;
  text-align:center !important;
}
section .button a{
  display:inline-block;
  border:1px solid var(--main-color);
  font-size:15px; line-height:39px;
  color:#111;
  padding:0 50px;
  height:37px;
  background:rgba(255,255,255,0.8);
  transition:0.3s;
  position:relative;
}
section .button a::after{
  content:"▲";
  font-size:11px;
  transform:scale(0.6,1) rotate(90deg);
  position:absolute;
  top:-1px; right:10px;
}
section .button a:hover{
  text-decoration:none;
  background:var(--main-color);
  color:#FFF;
  transition:0.3s;
}

section .member-button a{
  text-decoration:none;
  box-sizing:border-box;
  width:320px; height:48px;
  display:block;
  margin:0 auto;
  font-size:16px; line-height:47px; font-weight:700;
  color:#fff;
  background:#17288b;
  transition:0.3s;
  position:relative;
}
section .member-button a::after{
  content:"";
  border-left:6px solid #FFF;
  border-top:6px solid transparent;
  border-bottom:6px solid transparent;
  position:absolute;
  top:50%; right:15px;
  transform:translateY(-50%);
}

section ul.button-list{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
section ul.button-list li{
  width:395px;
  margin:0 0 25px 0;
}
section ul.button-list li a{
  display:block;
  border:1px solid var(--main-color);
  font-size:15px; line-height:45px;
  color:#111;
  text-align:center;
  padding:0;
  height:43px;
  background:rgba(255,255,255,0.8);
  transition:0.3s;
  position:relative;
}
section ul.button-list li a::after{
  content:"▲";
  font-size:11px;
  transform:scale(0.6,1) rotate(90deg);
  position:absolute;
  top:-1px; right:10px;
}
section ul.button-list li a:hover{
  text-decoration:none;
  background:var(--main-color);
  color:#FFF;
  transition:0.3s;
}

section ul.member-button-list{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
}
section ul.member-button-list li{
  width:49%;
  margin:0 2% 15px 0;
}
section ul.member-button-list li:nth-child(even),
section ul.member-button-list li:last-child{margin-right:0;}

section ul.member-button-list li a{
  display:block;
  height:52px;
  border:1px solid #17288b;
  font-size:16px; line-height:51px; font-weight:700;
  color:#111;
  text-align:center;
  padding:0;
  background:rgba(255,255,255,0.8);
  transition:0.3s;
  position:relative;
}
section ul.member-button-list li a::after{
  content:"";
  border-left:6px solid #17288b;
  border-top:6px solid transparent;
  border-bottom:6px solid transparent;
  position:absolute;
  top:50%; right:15px;
  transform:translateY(-50%);
}
section ul.member-button-list li a:hover{
  text-decoration:none;
  background:#17288b;
  color:#FFF;
  transition:0.3s;
}
section ul.member-button-list li a:hover::after{
  content:"";
  border-left-color:#FFF;
  transition:0.3s;
}

section .page-billboard{
}

/* company */
.image-president{
  width:200px;
  float:right;
  margin:0 0 20px 30px;
}
table.company-table{
  width:100%;
  margin:0 auto 25px auto;
  border-collapse:collapse;
//  border-top:1px solid #999;
}
table.company-table tr{border-bottom:1px solid #999;}
table.company-table tr:last-of-type{border-bottom:none;}
table.company-table th{
  padding:10px;
  text-align:left; vertical-align:top;
  font-weight:400;
  border-right:1px dashed #999;
}
table.company-table td{
  padding:10px 20px;
  text-align:left; vertical-align:top;
}
.company-gmap-box{
  width:100%; height:480px;
}
.company-gmap-box iframe{
  border:none;
}

.company-movie-box{
  margin:0px auto 25px;
  text-align:center;
}
.company-movie-box iframe{
  width:738px;
  height:420px;
  margin:0 auto;
}

ul.staff-menu-list{
  font-size:0; line-height:0;
  text-align:center;
}
ul.staff-menu-list li{
  display:inline-block; vertical-align:top;
  font-size:13px; line-height:36px;
  margin-right:8px;
}
/*ul.staff-menu-list li:nth-last-child(2){line-height:18px;}*/
ul.staff-menu-list li:last-child{margin-right:0;}
ul.staff-menu-list li a{
  display:block;
  padding:4px 19px 2px 19px;
  border:1px solid var(--main-color);
  border-radius:5px;
  color:var(--main-color);
  transition:0.3s;
}
ul.staff-menu-list li a:hover{
  text-decoration:none;
  background:var(--main-color);
  color:#FFF;
  transition:0.3s;
}

ul.staff-list{
  font-size:0; line-height:0;
  position:relative;
}
ul.staff-list li{
  width:240px;
  display:inline-block; vertical-align:top;
  margin:0 50px 30px 0;
  text-align:center;
}
ul.staff-list li:nth-child(3n){
  margin-right:0;
}
ul.staff-list li .thumbnail{
  border-radius:5px;
  overflow:hidden;
  margin:0 auto 10px auto;
}
ul.staff-list li .text-box{
  font-size:14px; line-height:160%;
}
ul.staff-list li .text-box h3{
  font-size:16px; line-height:160%;
  color:var(--main-color);
  color:#111;
  margin-bottom:0px;
}
ul.staff-list li .text-box p{margin:0px auto !important;}
ul.staff-list li .text-box p.position{
  font-size:14px; line-height:160%;
}
ul.staff-list li .text-box p.blog-link{
  display:inline-block;
  margin:5px auto 0 auto !important;
  font-size:13px; line-height:21px;
}
ul.staff-list li .text-box p.blog-link a{
  display:block;
  border:1px solid var(--main-color);
  border-radius:30px;
  padding:3px 20px 1px 20px;
  color:#444;
  transition:0.3s;
}
ul.staff-list li .text-box p.blog-link a:hover{
  text-decoration:none;
  background:var(--main-color);
  color:#FFF;
  transition:0.3s;
}
/*
ul.staff-list{
  font-size:0; line-height:0;
  position:relative;
}
ul.staff-list::before{
  content:"";
  width:1px; height:100%;
  border-left:1px dashed #999;
  position:absolute;
  top:0; left:50%;
}
ul.staff-list li{
  width:390px;
  display:inline-block; vertical-align:top;
  border-top:1px dashed #999;
  margin:20px 40px 0 0;
  padding:20px 0 0 0;
}
ul.staff-list li:nth-child(even){
  margin-right:0;
}
ul.staff-list li:first-child,
ul.staff-list li:nth-child(2){
  margin-top:0;
  padding-top:0;
  border-top:none;
}
ul.staff-list li .thumbnail{
  width:120px;
  float:left;
}
ul.staff-list li .text-box{
  width:250px;
  float:right;
  font-size:15px; line-height:160%;
}
ul.staff-list li .text-box p{margin-bottom:5px !important;}
ul.staff-list li .text-box p.position,
ul.staff-list li .text-box p.blog-link{
  font-size:14px; line-height:160%;
}
ul.staff-list li .text-box p.blog-link::before{
  content:"⇒";
  margin-right:5px;
}
*/
/*
ul.staff-list li{
  border-bottom:1px dashed #999;
  margin:0 0 20px 0;
  padding:0 0 20px 0;
}
ul.staff-list li:last-child{
  padding-bottom:0;
  border-bottom:none;
}
ul.staff-list li .thumbnail{
  width:120px;
  float:left;
}
ul.staff-list li .text-box{
  width:680px;
  float:right;
  font-size:15px; line-height:160%;
}
ul.staff-list li .text-box p{margin-bottom:5px !important;}
ul.staff-list li .text-box p.position{
  font-size:14px; line-height:160%;
}
*/

section h2.smile-labo-h2::before,
section h2.smile-labo-h2::after{display:none;}

.smile-labo-description{
  font-size:24px; line-height:160%; font-weight:400;
  text-align:center;
  margin:50px auto;
}
ul.smile-labo-image-list{
  font-size:0; line-height:0;
  margin:0 auto 80px auto;
}
ul.smile-labo-image-list li{
  width:260px;
  display:inline-block; vertical-align:top;
  margin:0 20px 0 0;
}
ul.smile-labo-image-list li:last-child{margin-right:0;}
.smile-labo-nayami-box{
  border:2px dashed #ed900b;
  border-radius:7px;
  padding:35px 0px 20px 100px;
  margin-bottom:75px;
  position:relative;
  background:url(../../img/company/smile-labo/illust01.gif) no-repeat bottom right 80px #FFF;
}
.smile-labo-theta-box{
  margin:-50px auto 80px auto;
}

.smile-labo-nayami-box::before{
  content:"";
  height:24px;
  border-left:20px solid #254293;
  position:absolute;
  bottom:-50px; left:50%;
  transform:translateX(-50%);
}
.smile-labo-nayami-box::after{
  content:"";
  display:block;
  border-top:18px solid #254293;
  border-left:25px solid transparent;
  border-right:25px solid transparent;
  position:absolute;
  bottom:-60px; left:50%;
  transform:translateX(-50%);
}
.smile-labo-nayami-box h3{
  display:inline-block;
  height:32px;
  font-size:18px; line-height:34px; font-weight:600;
  color:#FFF;
  background:#ed900b;
  border-radius:16px;
  padding:0 30px;
  position:absolute;
  top:-16px; left:50%;
  transform:translateX(-50%);
}
.smile-labo-nayami-box ul{margin-bottom:0 !important;}
.smile-labo-nayami-box ul li{
  list-style:disc outside;
  margin:0 0 10px 20px;
}
.smile-labo-nayami-box ul li:last-child{margin-bottom:0;}
.smile-labo-vr-title{
  font-size:36px; line-height:125%; font-weight:600;
  color:#EE0000; text-align:center;
  margin-bottom:20px;
}
.smile-labo-vr-title span.small{
  font-size:28px;
}
.smile-labo-vr-image{
  margin:0 auto 50px auto;
  position:relative;
}
.smile-labo-vr-image02{
  position:absolute;
  top:-30px; right:-100px;
  width:280px; height:auto;
  transform:rotate(-3deg);
  box-shadow:3px 3px 5px #999;
}
.smile-labo-vr-image02 img{
  border:5px solid #FFF;
}
/*
.smile-labo-vr-image::before{
  content:"";
  width:200px; height:200px;
  background:url(../../img/company/smile-labo/image05.png) no-repeat center center;
  position:absolute;
  top:-100px; right:-40px;
}
*/
/*
.smile-labo-vr-image::after{
  content:"";
  width:317px; height:203px;
  background:url(../../img/company/smile-labo/image06.png) no-repeat center center;
  position:absolute;
  bottom:-30px; left:-50px;
}
*/
.smile-labo-text-box{
  width:490px;
  float:right;
  margin-bottom:50px;
}
.smile-labo-thumbnail{
  width:300px;
  float:left;
  margin-bottom:50px;
}
.smile-labo-ev-box{
  border:1px solid #254293;
  border-radius:5px;
  padding:25px;
}
.ev-image-list{
  font-size:0; line-height:0;
  width:440px;
  margin-bottom:0 !important;
  float:right;
}
.ev-image-list li{
  width:200px;
  display:inline-block; vertical-align:top;
  margin-left:20px;
}
.ev-text-box p{margin-bottom:0 !important;}

section.showroom-topics{
  display:flex;
  justify-content:space-between;
  gap:0 4.0rem;
}
section.showroom-topics > .blog-box{
  flex:1;
/*
  padding:1.25rem 1.5rem;
  background:#fcfcfc;
*/
}
section.showroom-topics > .blog-box > h3{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  font-size:1.1rem; line-height:1.6;
  margin-bottom:-0.5rem;
}
section.showroom-topics > .blog-box > h3 > .more{
  position:relative;
  font-size:0.8rem; line-height:1.6; font-weight:var(--bold);
}

.blog-left{float:left;}
.blog-right{float:right;}

.modelhouse-box{
  margin:0 auto 50px auto;
}
.modelhouse-box .modelhouse-movie{
  width:480px;
}
.modelhouse-box .modelhouse-data{
  width:315px;
}
ul.modelhouse-data-list{
  display:flex;
  flex-direction:column;
  gap:0.5rem 0;
  margin-bottom:0 !important;
}
ul.modelhouse-data-list li{
  display:flex;
  align-items:center;
  gap:0 1.0rem;
  position:relative;
}
ul.modelhouse-data-list li span.label{
  font-size:12px; line-height:22px; font-weight:400;
  width:80px; height:20px;
  text-align:center;
  border:1px solid #999;
  border-radius:100px;
}
ul.modelhouse-data-list li.tel{
  font-size:20px; font-weight:600;
  letter-spacing:1px;
}
.modelhouse-gmap-box{
  width:100%; height:450px;
}

.showroom-photo-list{
  display:flex;
  justify-content:space-between;
  margin-top:-10px;
}
.showroom-photo-list li{
  width:260px;
}
p.facilities{
  font-size:14px; line-height:1.8;
  position:relative;
  padding-left:100px;
  margin:0 !important;
}
p.facilities span.label{
  position:absolute;
  top:0; left:0;
}

/* recruit */
ul.recruit-menu-list{
  font-size:0; line-height:0;
  text-align:left;
  margin:0 0 50px 0;
}
ul.recruit-menu-list li{
  display:inline-block; vertical-align:top;
  font-size:13px; line-height:200%;
  margin-right:8px;
}
ul.recruit-menu-list li:last-child{margin-right:0;}
ul.recruit-menu-list li a{
  display:block;
  padding:4px 19px 2px 19px;
  border:1px solid var(--main-color);
  border-radius:5px;
  color:var(--main-color);
  transition:0.3s;
}
ul.recruit-menu-list li a:hover{
  text-decoration:none;
  background:var(--main-color);
  color:#FFF;
  transition:0.3s;
}

table.recruit-table{
  width:100%;
  margin:0 auto 40px auto;
  border-collapse:collapse;
}
table.recruit-table caption{
  font-size:20px; line-height:160%; font-weight:600;
  color:var(--main-color); text-align:left;
  margin-bottom:0px;
}
table.recruit-table caption::before{content:"《 ";}
table.recruit-table caption::after{content:" 》";}
table.recruit-table th{
  padding:10px 20px;
  text-align:left; vertical-align:top;
  font-weight:400;
  border:1px solid #999;
  background:#F3F3F3;
}
table.recruit-table td{
  padding:10px 20px;
  text-align:left; vertical-align:top;
  border:1px solid #999;
  background:#FFF;
}
table.recruit-table td ul{
  margin:0 !important;
}
table.recruit-table td ul li{
  list-style:disc outside;
  margin:0 0 0 20px !important;
}
.recruit-info-box{
  margin-bottom:25px;
  padding:20px 24px;
  border:1px solid #999;
  border-radius:5px;
  background:#FFF;
}
.recruit-info-box p{margin:0 !important;}
.recruit-info-box p.recruit-tel{
  font-size:20px; line-height:20px; font-weight:600;
}
.recruit-info-box p.recruit-tel span{
  display:inline-block;
  font-size:16px; font-weight:400;
  margin-left:0.5em;
}
.recruit-info-box p.recruit-tel::before{
  content:"";
  display:inline-block; vertical-align:middle;
  width:14px; height:14px;
  background:url(../../img/svg/phone.svg) no-repeat center center;
  background-size:14px auto;
  position:relative; top:-2px;
  margin:0 5px;
}

/* ZEH */
table.zeh-table{
  width:100%;
  margin:0 auto 40px auto;
  border-collapse:collapse;
  table-layout:fixed;
  font-size:15px; line-height:160%;
}
table.zeh-table tbody tr:first-child{
  border-top:4px double #999;
}
table.zeh-table thead tr:first-child{
  font-size:0.9em; line-height:1.8;
}
table.zeh-table thead th{
  font-size:0.9em; line-height:1.8;
  padding:10px 0px;
  text-align:center;
  font-weight:400;
  border:1px solid #999;
  background:#F3F3F3;
}
table.zeh-table tbody td{
  padding:15px 10px;
  font-size:1.1em; line-height:1.8; font-weight:700;
  text-align:center;
  border:1px solid #999;
  background:#FFF;
}


/* faq */
ul.faq-list li{
  border:1px solid #999;
  border-radius:5px;
  padding:20px;
  margin:0 auto 30px auto;
}
ul.faq-list li .question{
  position:relative;
  padding-left:30px;
  font-weight:500;
  margin-bottom:5px;
}
ul.faq-list li .question::before{
  content:"Q";
  display:block;
  position:absolute; top:0; left:0;
  font-family:"PT Sans", sans-serif;
  width:24px; height:24px;
  font-size:15px; line-height:24px; font-weight:700;
  text-align:center;
  color:#FFF;
  background:var(--main-color);
  border-radius:100%;
}
ul.faq-list li .answer{
  position:relative;
  padding-left:30px;
}
ul.faq-list li .answer::before{
  content:"A";
  display:block;
  position:absolute; top:1px; left:0;
  font-family:"PT Sans", sans-serif;
  width:24px; height:24px;
  font-size:20px; line-height:24px; font-weight:700;
  text-align:center;
  color:#DD0000;
}

/* plan dog */
.dog-description{
  font-size:22px; line-height:160%; font-weight:400;
  text-align:center;
  margin:30px auto;
  position:relative;
}
.dog-description strong{
  font-size:28px; line-height:160%; font-weight:500;
}
.dog-description::after{
  content:"";
  width:120px; height:120px;
  position:absolute;
  top:0; right:20px;
  background:url(../../img/plan/dog/logo.gif) no-repeat center center;
  background-size:120px auto;
}

section.dog01-box{
  width:auto;
  border:1px dashed #462400;
  border-radius:7px;
  padding:60px 39px 30px 39px;
  position:relative;
  background:url(../../img/plan/dog/image01.png) no-repeat right 10px top 10px;
}
h2.dog01-h2{
  width:496px; height:92px;
  position:absolute;
  top:-46px; left:-20px;
}
h2.dog02-h2{
  width:596px; height:124px;
  margin-bottom:0 !important;
  position:relative;
  left:-20px; z-index:2;
}
h2.dog01-h2::before,
h2.dog01-h2::after,
h2.dog02-h2::before,
h2.dog02-h2::after{display:none;}
ul.dog-trouble-list{font-size:0; line-height:0;}
ul.dog-trouble-list li{
  width:360px;
  display:inline-block; vertical-align:top;
  font-size:14px; line-height:180%;
  text-align:center;
  border:1px solid #462400;
  border-radius:5px;
  margin-right:16px;
  padding:20px 0;
  background:rgba(245,222,211,0.2);
}
ul.dog-trouble-list li:last-child{margin-right:0;}
ul.dog-trouble-list li h3{
  font-size:20px; line-height:160%;
  color:#66513A;
  margin-bottom:0 !important;
}
ul.dog-trouble-list li h3::before{
  content:"";
  display:inline-block; vertical-align:top;
  width:24px; height:21px;
  background:url(../../img/plan/dog/icon_dog.png) no-repeat center center;
  position:relative; top:3px;
  margin-right:5px;
}
.dog-description02{
  font-size:20px; line-height:160%; font-weight:400;
  margin:30px auto;
  text-align:center;
}
.dog-description02 strong{
  font-size:28px; line-height:160%; font-weight:600;
  color:#ea1497;
}
.dog-staff-box{
  background:url(../../img/plan/dog/dog_bg.jpg) center top;
  padding:25px;
  border-radius:5px;
  overflow:hidden;
}
.dog-staff-box .thumbnail{
  width:220px;
  float:left;
}
.dog-staff-box .text-box{
  width:450px;
  float:right;
}
.dog-staff-box h4{
  font-size:16px; line-height:160%; font-weight:600;
  color:#462400;
  margin-bottom:10px;
  display:block;
}
.dog-staff-box h4::before{
  content:"●";
  margin-right:3px;
}
.dog-staff-box ul.dog-staff-data-list{
  margin-bottom:0 !important;
}
.dog-staff-box ul.dog-staff-data-list li{
  font-size:14px; line-height:160%;
  margin-bottom:5px;
}
.dog-staff-box ul.dog-staff-data-list li:first-child{
  font-size:16px; line-height:160%;
}
.dog-staff-box ul.dog-staff-data-list li span.label{
  width:160px;
  font-size:12px; line-height:20px; text-align:center;
  border:1px solid #462400;
  border-radius:3px;
  margin-right:5px;
  display:inline-block;
}
.dog-staff-box ul.dog-staff-data-list li:last-child{margin-top:10px;}
.dog-staff-box ul.dog-staff-data-list li:last-child span.label{
  width:auto;
  display:block;
  border:none;
  font-size:14px; line-height:160%; font-weight:600;
  color:#462400; text-align:left;
}
ul.dog-onayami-list{
  position:relative;
  top:-60px;
  height:580px;
  background:#fff8e5;
  border-radius:7px;
  padding:30px;
  margin-bottom:0 !important;
}
ul.dog-onayami-list::before{
  content:"";
  width:270px; height:142px;
  background:url(../../img/plan/dog/image05.png) no-repeat center center;
  position:absolute;
  top:100px; left:60px;
}
ul.dog-onayami-list::after{
  content:"";
  width:196px; height:190px;
  background:url(../../img/plan/dog/image10.png) no-repeat center center;
  position:absolute;
  top:223px; right:110px;
}
ul.dog-onayami-list li{
  position:absolute;
}
ul.dog-onayami-list li:nth-child(1){
  width:447px; height:213px;
  top:40px; right:30px;
}
ul.dog-onayami-list li:nth-child(2){
  width:505px; height:161px;
  top:235px; left:30px;
}
ul.dog-onayami-list li:nth-child(3){
  width:596px; height:215px;
  top:400px; right:100px;
}

.dog-description03{
  font-size:20px; line-height:160%; font-weight:400;
  margin:0 auto 50px auto;
  text-align:center;
  position:relative;
}
.dog-description03::before{
  content:"";
  border-top:25px solid #462400;
  border-left:40px solid transparent;
  border-right:40px solid transparent;
}
.dog-description03 h3{
  font-size:22px; line-height:160%; font-weight:500;
  color:#ea1497;
}
.dog-description03 h3 a{color:#ea1497;}
.dog-description03 strong{
  font-size:28px; line-height:160%; font-weight:600;
}

.dog-point-box{
  margin:0 auto 70px auto;
  border:1px dashed #999;
  border-radius:7px;
  padding:50px 40px 0px 40px;
  position:relative;
}
.dog-point-box .point-title{
  width:355px; height:38px;
  margin:0 auto 30px auto;
  position:absolute;
  top:-19px; left:50%;
  margin-left:-177px;
}
.dog-thumbnail-left,
.dog-thumbnail-right{
  width:310px;
  margin-bottom:40px;
}
.dog-thumbnail-left{float:left;}
.dog-thumbnail-right{float:right;}
.dog-thumbnail-left img,
.dog-thumbnail-right img{
  width:300px; height:auto;
  border:5px solid #FFF;
  box-shadow:2px 2px 4px #999;
}
.dog-thumbnail-left img.rotate03,
.dog-thumbnail-right img.rotate03{
  transform:rotate(-3deg);
}

.dog-text-left{float:left;}
.dog-text-right{float:right;}
.dog-text-center{
  width:100% !important;
  text-align:center;
}
.dog-text-box{
  width:400px;
  margin-bottom:40px;
}
.dog-text-box h4{
  color:#462400;
  border-bottom:1px dashed #462400;
}
.dog-text-box h4.pink{
  color:#ea1497;
  border-bottom:1px dashed #ea1497;
}
.dog-text-box p{
  font-size:15px; line-height:160%;
  margin-bottom:10px;
}

section.dog-movie-box{
  width:auto;
  border:1px dashed #462400;
  border-radius:7px;
  position:relative;
  text-align:center;
  padding:30px 0;
}
section.dog-movie-box p{
  font-weight:bold;
  margin-bottom:5px;
}
section.dog-movie-box .button-dog-movie{
  display:inline-block;
  margin:0 auto;
}
section.dog-movie-box .button-dog-movie a{
  display:block;
  text-decoration:none;
  background:#E95504;
  color:#FFF;
  padding:10px 50px;
  position:relative;
}
section.dog-movie-box .button-dog-movie a::after{
  content:"▲";
  position:absolute;
  top:50%; right:15px;
  transform:translateY(-50%) scale(0.4,0.8) rotate(90deg);
}

/* plan support */
ul.support-list{
  font-size:0; line-height:0;
}
ul.support-list li{
  width:358px;
  display:inline-block; vertical-align:top;
  margin:0 20px 20px 0;
  border:1px solid #CCC;
  background:#FFF;
  padding:20px;
  font-size:15px; line-height:160%;
}
ul.support-list li:nth-child(even){margin-right:0;}
ul.support-list li h3{
  color:#222 !important;
  margin-bottom:15px !important;
}
ul.support-list li .thumbnail{
}

/* plan lease */
.lease-outline-box{
  border:1px solid #CCC;
  background:#FFF;
  padding:25px 30px 30px 30px;
}
ul.lease-feature-list li{
  border:1px solid #CCC;
  background:#FFF;
  padding:20px;
  padding-left:55px;
  margin:0 auto 10px auto;
}
ul.lease-feature-list li .thumbnail{
  width:200px;
  float:right;
}
ul.lease-feature-list li .text-box{
  width:520px;
  float:left;
}
ul.lease-feature-list li h3{
  position:relative;
  color:#222;
}
ul.lease-feature-list li h3 strong{
  color:#f98429;
  font-size:22px; line-height:160%;
}
ul.lease-feature-list li h3::before{
  display:block;
  width:28px; height:28px;
  color:#FFF;
  background:#f98429;
  border-radius:100%;
  font-size:20px; line-height:30px;
  text-align:center;
  position:absolute;
  top:0px; left:-35px;
}
ul.lease-feature-list li:nth-child(1) h3::before{content:"1";}
ul.lease-feature-list li:nth-child(2) h3::before{content:"2";}
ul.lease-feature-list li:nth-child(3) h3::before{content:"3";}
ul.lease-feature-list li:nth-child(4) h3::before{content:"4";}
ul.lease-feature-list li:nth-child(5) h3::before{content:"5";}
ul.lease-feature-list li:nth-child(6) h3::before{content:"6";}
ul.lease-feature-list li:nth-child(7) h3::before{content:"7";}
ul.lease-feature-list li p{margin-bottom:0 !important;}
.hlp-box{
  border:1px dashed #999;
  margin-top:10px;
  padding:20px;
}
.hlp-box h4{
  font-size:16px; line-height:160%; font-weight:500;
  color:#f98429;
  margin-bottom:0;
}
.hlp-box p{
  font-size:14px; line-height:160%;
  margin-bottom:0;
}

/* plan introduce */
p.introduce-description{
  margin:30px auto 0 auto;
  text-align:center;
}
.introduce-type-box{
  border:2px dashed #fab618;
  border-radius:5px;
  background:#FFF;
  position:relative;
  padding:0 28px 30px 28px;
  margin:0 auto 50px auto;
}
.introduce-type-box h3{
  display:inline-block;
  background:#fab618;
  color:#FFF;
  padding:0 30px;
  line-height:40px;
  height:40px;
  border-radius:20px;
  position:relative;
  top:-20px; left:50%;
  transform:translateX(-50%);
}
.introduce-type-box h3::after{
  content:"";
  border-top:15px solid #fab618;
  border-left:20px solid transparent;
  border-right:20px solid transparent;
  position:absolute;
  bottom:-15px; left:50%;
  transform:translateX(-50%);
}
ul.introduce-type-list{
  font-size:0; line-height:0;
}
ul.introduce-type-list li{
  width:240px;
  display:inline-block; vertical-align:top;
  margin:30px 20px 0 0;
  text-align:center;
  font-size:14px; line-height:160%;
}
ul.introduce-type-list li:nth-child(3n){margin-right:0;}
ul.introduce-type-list li .thumbnail{
  width:200px;
  margin:0 auto 10px auto;
}
.introduce-form-button{
  text-align:center;
}
.introduce-form-button p{margin-bottom:10px !important;}
.introduce-form-button a{
  display:block;
  width:auto; height:54px;
  background:#f598a0;
  border-radius:27px;
  color:#FFF;
  font-size:20px; line-height:54px; font-weight:600;
  margin:0 15%;
  position:relative;
  transition:0.3s;
}
.introduce-form-button a:hover{
  text-decoration:none;
  background:#e48b91;
  transition:0.3s;
}
.introduce-form-button a::after{
  content:"▲";
  position:absolute;
  top:0; right:20px;
  font-size:16px;
  transform:scale(0.6,1) rotate(90deg);
}
.tokuten-left{
  width:395px;
  float:left;
}
.tokuten-right{
  width:395px;
  float:right;
}
.introduce-tokuten-box{text-align:center;}
.introduce-tokuten-box h3{
  margin:0 auto 10px auto !important;
  text-align:center !important;
  font-size:16px; line-height:34px; font-weight:600;
  color:#FFF;
  height:34px;
  padding:0 30px;
  display:inline-block;
  border-radius:17px;
  position:relative;
  z-index:2;
}
.introduce-tokuten-box h3::after{
  content:"";
  border-left:20px solid transparent;
  border-right:20px solid transparent;
  position:absolute;
  bottom:-15px; left:50%;
  transform:translateX(-50%);
}
.tokuten-left h3{background:#828D58;}
.tokuten-right h3{background:#365984;}
.tokuten-left h3::after{
  content:"";
  border-top:15px solid #828D58;
}
.tokuten-right h3::after{
  content:"";
  border-top:15px solid #365984;
}
ul.introduce-tokuten-list{
  border:1px solid #CCC;
  border-radius:5px;
  background:#FFF;
}
ul.introduce-tokuten-list li{
  padding:20px;
  text-align:left;
}
ul.introduce-tokuten-list li:nth-child(2){
  border-top:1px dashed #CCC;
}
ul.introduce-tokuten-list li h4 strong{
  color:#CC0000;
  font-size:20px; line-height:160%;
}
ul.introduce-tokuten-list li .tokuten-image{
  width:100px;
  float:right;
  margin:0 0 0 20px;
}
ul.introduce-tokuten-list li p{
  font-size:14px; line-height:160%;
  margin-bottom:0 !important;
}
p.tokuten-bikou{
  font-size:14px; line-height:160%;
}

/* plan schedule */
nav.schedule-nav ul{
  font-size:0; line-height:0;
}
nav.schedule-nav ul li{
  font-size:15px; line-height:46px;
  display:inline-block; vertical-align:top;
  width:398px;
  text-align:center;
  margin-right:20px;
  cursor:pointer;
  position:relative;
}
nav.schedule-nav ul li.select{color:#FFF; font-weight:bold;}
nav.schedule-nav ul li.select::after{
  content:"";
  border-left:10px solid transparent;
  border-right:10px solid transparent;
  position:absolute;
  bottom:-10px; left:50%;
  margin-left:-10px;
}
nav.schedule-nav ul li:first-child{
  border:1px solid #FF9900;
}
nav.schedule-nav ul li:first-child.select{background:#FF9900;}
nav.schedule-nav ul li:first-child.select::after{
  border-top:10px solid #FF9900;
}
nav.schedule-nav ul li:last-child{
  margin-right:0;
  border:1px solid #3399CC;
}
nav.schedule-nav ul li:last-child.select{background:#3399CC;}
nav.schedule-nav ul li:last-child.select::after{
  border-top:10px solid #3399CC;
}

.plan-schedule-box{
}
.disnon{
  display:none !important;
}

table.schedule-table{
	width:100%;
	border-collapse:collapse;
}
table.schedule-table h4{
  font-size:20px; line-height:180%; font-weight:bold;
  margin-bottom:0 !important;
  display:block !important;
}
table.schedule-table p{
  font-size:15px !important;
  line-height:160% !important;
  margin:5px auto 0 auto !important;
}
table.schedule-table p.payment{position:relative;}
table.schedule-table p.payment::before{
  content:"▲";
  font-size:11px; color:#9EC078;
  display:inline-block; vertical-align:top;
  transform:scale(0.6,1) rotate(90deg);
  position:relative; top:-2px;
  margin-right:3px;
}

table.schedule-table th,
table.schedule-table td{
	text-align:center;
  padding:5px 0;
  position:relative;
}
table.schedule-table td{
  width:80px;
}

table.schedule-table th .tag{
  width:64px;
  height:64px;
  height:51px;
  border-radius:100%;
  position:absolute;
  top:0; left:-5px; z-index:1;
  font-size:14px; line-height:14px;
  color:#FFF;
  padding-top:13px;
  transform:rotate(-3deg);
}
table.schedule-table th .tag strong{
  display:block;
  font-size:24px; line-height:24px;
}
.schedule-before table.schedule-table th .tag{
  background:#FF9900;
}
.schedule-after table.schedule-table th .tag{
	background:#3399CC;
}


table.schedule-table .schedule-box{
  margin:5px 30px 5px 0;
  padding:25px 25px;
	font-weight:normal;
	background:#FFF;
  position:relative;
  border-radius:5px;
}
.schedule-before table.schedule-table .schedule-box{
	border:2px solid #FF9900;
}
.schedule-after table.schedule-table .schedule-box{
	border:2px solid #3399CC;
}
table.schedule-table .arrow{
  min-height:30px;
  padding:0px 10px;
  text-align:left;
}
table.schedule-table .arrow::before{
  content:"";
  width:20px; height:calc(100% - 15px);
  position:absolute;
  top:0px; left:50%;
  margin-left:-10px;
}
.schedule-before table.schedule-table .arrow::before{
  border-left:20px solid #FF9900;
}
.schedule-after table.schedule-table .arrow::before{
  border-left:20px solid #3399CC;
}
table.schedule-table .arrow::after{
  content:"";
  border-left:20px solid transparent;
  border-right:20px solid transparent;
  position:absolute;
  bottom:0px; left:50%;
  margin-left:-20px;
}
.schedule-before table.schedule-table .arrow::after{
  border-top:15px solid #FF9900;
}
.schedule-after table.schedule-table .arrow::after{
  border-top:15px solid #3399CC;
}
table.schedule-table tr:nth-last-of-type(2) .schedule-box::before,
table.schedule-table tr:nth-last-of-type(2) .schedule-box::after{
  display:none;
}

table.schedule-table td.time{
	vertical-align:middle;
  position:relative;
}
table.schedule-table td.time::before{
  content:"";
  border-left:10px solid #CCC;
  width:10px; height:calc(100% - 20px);
  position:absolute;
  top:5px; left:50%;
  margin-left:-5px;
}
table.schedule-table td.time::after{
  content:"";
  border-top:14px solid #CCC;
  border-left:14px solid transparent;
  border-right:14px solid transparent;
  position:absolute;
  bottom:5px; left:50%;
  margin-left:-14px;
}
table.schedule-table td.time span{
  width:calc(100% - 12px);
  border:1px solid #CCC;
  background:#FFF;
  display:block;
  padding:5px;
  font-size:13px; line-height:18px;
  position:relative;
  z-index:2;
}

table.schedule-table ul.step-list{
  margin:15px 0 15px 380px !important;
}
table.schedule-table ul.step-list li{
  font-size:14px; line-height:200%;
  position:relative;
}
table.schedule-table ul.step-list li::before{
  content:"▲";
  color:#9EC078;
  display:inline-block;
  transform:scale(0.6,1) rotate(-90deg);
  position:relative;
  top:-1px;
  margin-right:3px;
}


/* gallery individual */
p.gallery-date{
  font-size:15px; line-height:160%;
  margin:0 0 5px 0;
  text-align:right;
}
p.gallery-date::before{
  content:"掲載：";
}
.entry-box h2.gallery-title{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
}
.entry-box h2.gallery-title .title{
  width:560px;
}
.entry-box h2.gallery-title .gallery-area{
  width:160px;
/*
  position:absolute;
  bottom:0; right:0;
*/
  font-size:14px; line-height:2; font-weight:400;
  color:#222;
  text-align:right;
}
h2 .gallery-area::before{content:"施工エリア：";}

.entry-box .gallery-type{
  display:inline-block;
  font-size:12px; line-height:21px;
  white-space:nowrap;
  color:#FFF;
  padding:0 20px;
  margin-bottom:15px;
}
.entry-box .gallery-type.type-style01{
  background:#407834;
}
.entry-box .gallery-type.type-style02{
  background:#D59306;
}
.entry-box .gallery-type.type-style03{
  background:#98004C;
}

.gallery-tag-box{
  margin:50px auto 0 auto;
}
section .gallery-tag-box h3{
  font-size:16px; line-height:1.6;
  margin-bottom:5px;
}
ul.gallery-tag-list{
  display:flex;
  flex-wrap:wrap;
}
ul.gallery-tag-list li{
  margin-right:1.5em;
}
ul.gallery-tag-list li a{
  color:#333;
}
ul.gallery-tag-list li a:hover{
  color:var(--link-color);
}
ul.gallery-tag-list li a::before{
  content:"＃";
}

section.gallery-related{
}
ul.related-gallery-list{
  display:flex;
  justify-content:space-between;
  margin:1.0rem 0 !important;
}
ul.related-gallery-list li{
  width:190px;
  font-size:0.9rem; line-height:1.6;
  text-align:left;
}
ul.related-gallery-list li a{
  display:block;
  text-decoration:none;
  color:var(--base-light-color);
}
ul.related-gallery-list li .thumbnail{
  width:100%; height:auto;
  aspect-ratio:3/2;
  overflow:hidden;
  margin-bottom:0.25rem;
}
ul.related-gallery-list li .thumbnail img{
  width:100%; height:100%;
  object-fit:cover;
}
ul.related-gallery-list li a .entry-title{
  display:block;
  font-size:0.95rem; line-height:1.6; font-weight:var(--bold);
  color:var(--link-color);
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom:0.3em;
}
ul.related-gallery-list li a:hover .entry-title{
  text-decoration:underline;
}
ul.related-gallery-list li a .gallery-tag{
  display:flex;
  flex-wrap:wrap;
  font-size:11px; line-height:1.6; font-weight:400;
  color:#555;
}
ul.related-gallery-list li a:hover .gallery-tag{
  text-decoration:none !important;
}
ul.related-gallery-list li a .gallery-tag span:not(:last-of-type){
  margin-right:1.0em;
}
ul.related-gallery-list li a .gallery-tag span::before{
  content:"#";
}

/* gallery archive */
.gallery-search-form-box{
  margin:0 auto 2.5rem auto;
  font-size:0; line-height:0;
  text-align:center;
  display:flex;
  justify-content:center;
}
.gallery-search-form-box .filter-controls{
  display:flex;
  align-items:center;
  margin:0 15px;
}
.gallery-archive-title{
  font-size:16px; line-height:160%; font-weight:400;
  display:inline-block; vertical-align:middle;
  margin-right:10px;
}
.gallery-search-form-box .control{
  display:inline-block; vertical-align:middle;
}
.gallery-search-form-box .form-wrapper{
  width:200px;
  border:1px solid #999;
  border-radius:3px;
  background:#FFF;
  position:relative;
  overflow:hidden;
}
.gallery-search-form-box .form-wrapper::after{
  content:"▼";
  position:absolute;
  top:50%; right:10px;
  font-size:13px; color:var(--main-color);
  transform:translateY(-50%) scale(1,0.7);
}
.gallery-search-form-box select{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  margin:0; padding:0;
  background:none;
  border:none;
  border-radius:0;
  outline:none;
  font-size:15px; line-height:160%;
  color:#555;
  padding:5px 10px;
  position:relative;
  z-index:10;
  width:100%;
}

.grid{
  position:relative;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:2.0rem 50px;
}
.grid .item{
  display:block;
  width:260px;
  width:350px;
}
.grid .item .item-content{
  position:relative;
  width:100%;
  height:100%;
}
.grid .item .item-content a{
  display:block;
  text-decoration:none;
  color:var(--base-light-color);
  position:relative;
}
.grid .item .item-content .thumbnail{
  width:100%; height:auto;
  aspect-ratio:3/2;
  overflow:hidden;
}
.grid .item .item-content .thumbnail img{
  width:100%; height:100%;
  object-fit:cover;
}
.grid .item .item-content .text-box{
  padding:5px 0;
  text-align:left;
}
.grid .item .item-content .text-box span.area{
  width:70px;
  font-size:0.65rem; line-height:2.0;
  text-align:center;
  position:absolute;
  top:-5px; left:-8px;
  white-space:nowrap;
  background:var(--main-color);
  color:#FFF;
  padding:0;
}
.grid .item .item-content .text-box span.area::after{
  content:"";
  border-right:8px solid rgba(48,76,147,0.7);
  border-bottom:6px solid transparent;
  position:absolute;
  bottom:-6px; left:0;
}
.grid .item .item-content .text-box span.type{
  font-size:0.65rem; line-height:2.0;
  position:absolute;
  top:-5px; left:63px;
  white-space:nowrap;
  color:#FFF;
  padding:0 20px;
}
.grid .item .item-content .text-box span.type-style01{
  background:#407834;
}
.grid .item .item-content .text-box span.type-style02{
  background:#D59306;
}
.grid .item .item-content .text-box span.type-style03{
  background:#98004C;
}
.grid .item .item-content a .entry-title{
  display:block;
  font-size:1.1rem; line-height:1.6; font-weight:var(--bold);
  color:var(--link-color);
  margin-bottom:0.25em;
}
.grid .item .item-content a:hover .entry-title{
  text-decoration:underline;
}
.grid .item .item-content a .gallery-tag{
  display:flex;
  flex-wrap:wrap;
  gap:0 1.5em;
  font-size:0.75rem; line-height:1.8; font-weight:var(--normal);
  color:var(--base-light-color);
}
.grid .item .item-content a:hover .gallery-tag{
  text-decoration:none !important;
}
.grid .item .item-content a .gallery-tag span::before{
  content:"#";
}

/* staffblog archive */
ul.staffblog-list{
  display:flex;
  flex-wrap:wrap;
  gap:1.25rem 2%;
  font-size:0; line-height:0;
}
ul.staffblog-list li{
  width:32%;
}
ul.staffblog-list li a{
  background:#FFF;
  font-size:14px; line-height:180%;
  box-shadow:1px 1px 2px #CCC;
}
ul.staffblog-list li .thumbnail{
  width:100%; height:180px;
  overflow:hidden;
}
ul.staffblog-list li .thumbnail > img{
  width:100%; height:100%;
  object-fit:cover;
}
ul.staffblog-list li .thumbnail .dummy-thumbnail{
  width:100%; height:180px;
  background:rgba(0,0,0,0.03);
  position:relative;
}
ul.staffblog-list li .thumbnail .dummy-thumbnail img{
  width:60px; height:auto;
  position:absolute;
  top:50%; left:50%;
  transform:translate(-50%, -50%);
}
ul.staffblog-list li .text-box{
  padding:15px;
}
ul.staffblog-list li a span.entry-date,
ul.staffblog-list li a span.entry-staff{color:#222;}
ul.staffblog-list li a span.entry-staff{
  font-size:13px; line-height:180%;
  margin-left:1em;
}
ul.staffblog-list li a span.entry-title{
  font-size:15px; line-height:160%;
  display:block;
}
.pagenavi-box{margin-left:-20px;}


/* blog individual */
p.entry-date{
  font-size:15px; line-height:160%;
  margin:0 0 5px 0;
  text-align:right;
}
.entry-box h2.staffblog-entry-title{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
}
.entry-box h2.staffblog-entry-title .author{
/*
  position:absolute;
  bottom:0; right:0;
*/
  font-size:15px; line-height:180%; font-weight:400; color:#222;
  white-space:nowrap;
  margin-left:1em;
}

.entry-box{
  padding:35px 40px;
  margin:0 auto 25px auto;
  text-align:left;
  background:#FFF;
  border:1px solid #F0F0F0;
}
.entry-body{
}
.entry-body img.alignleft,
.entry-body img.alignright{float:none !important; margin:0 !important;}
#sns-button-box{
  text-align:center;
}
.pagenavi-box + #sns-button-box{
  margin-top:2.5rem;
}

.blog-bottom{
  font-size:14px; line-height:160%;
  text-align:center;
  padding:15px 0;
  border-top:1px solid #CCC;
  border-bottom:1px solid #CCC;
}
.blog-bottom p.prev-post{float:left; margin-left:1em;}
.blog-bottom p.next-post{float:right; margin-right:1em;}
.blog-bottom p{margin-bottom:0 !important;}

section.staffblog-related h3{
  font-size:17px !important;
}
.staffblog-related-box{
}
.staffblog-related-left,
.staffblog-related-right{width:380px;}
.staffblog-related-left{float:left;}
.staffblog-related-right{float:right;}
.staffblog-related-box .more{
  font-size:14px; line-height:160%;
  text-align:right;
}
ul.staffblog-related-list{margin-bottom:15px;}
ul.staffblog-related-list li a{
  display:block;
  border-top:1px dashed #999;
  padding:15px 0;
}
ul.staffblog-related-list li:last-child a{
  border-bottom:1px dashed #999;
}
ul.staffblog-related-list li .entry-date{
  font-size:14px; line-height:160%;
  color:#111; letter-spacing:1px;
  margin-right:10px;
}
ul.staffblog-related-list li .entry-category{
  font-size:13px; line-height:160%;
  color:#111;
  border-left:1px solid #999;
  padding-left:10px;
}
ul.staffblog-related-list li .entry-area{
  font-size:13px; line-height:160%;
  color:#111;
  padding-left:5px;
}
ul.staffblog-related-list li .entry-staff{
  font-size:13px; line-height:160%;
  color:#111;
  border-left:1px solid #999;
  padding-left:10px;
}
ul.staffblog-related-list li .entry-title{display:block;}
ul.staffblog-related-list li .thumbnail{
  width:80px;
  float:left;
  margin-right:15px;
}
ul.staffblog-related-list li .thumbnail .dummy-thumbnail{
  width:79px; height:79px;
  border:1px solid #CCC;
  background:#FFF;
  position:relative;
}
ul.staffblog-related-list li .thumbnail .dummy-thumbnail img{
  width:40px; height:auto;
  position:absolute;
  top:50%; left:50%;
  transform:translate(-50%, -50%);
}
ul.staffblog-related-list li .text-box{
//  width:285px;
//  float:right;
}

.online-event{
  border-top:1px dashed var(--main-color);
  margin-top:50px;
  padding:50px 0;
}
.online-event h3{
  display:inline-block;
  width:auto; height:36px;
  font-size:18px; line-height:38px;
  color:#FFF;
  background:var(--main-color);
  padding:0 40px;
  border-radius:20px;
  margin-bottom:15px;
  position:relative;
}
.online-event h4{
  display:block;
  font-size:17px; line-height:1.6; font-weight:600;
  color:var(--main-color);
  margin-bottom:5px;
}
.theta-info-box{
  box-sizing:border-box;
  border:1px solid #CCC;
  background:#F9F9F9;
  text-align:center;
  padding:45px 15px;
}
.theta-info-box p{margin-bottom:0;}
.theta-info-box .button{margin-top:20px;}

.theta-box{
  width:100%; height:420px;
}
.theta-box iframe{
  width:100%; height:100%;
  border:none;
}
.theta-banner{
  width:360px;
  margin:10px auto 0 auto;
}
.theta-banner a{
  display:block;
  text-decoration:none;
  font-size:14px; line-height:120%; font-weight:500;
  color:#FFF;
  text-align:center;
  background:var(--main-color);
  padding:16px 0;
  position:relative;
}
.theta-banner a::before{
  content:"";
  width:40px; height:40px;
  position:absolute;
  top:50%; left:5px;
  transform:translateY(-50%);
  background:url(../../img/svg/360_white.svg) no-repeat center center;
  background-size:30px auto;
}
.theta-banner a::after{
  content:"▲";
  position:absolute;
  top:50%; right:10px;
  transform:translateY(-50%) scale(0.5,0.8) rotate(90deg);
}
.youtube-movie-box{
  margin:50px auto 0;
}
.youtube-movie-box .youtube-box iframe{
  width:738px;
  height:420px;
}

.online-event .property-box{
  margin:0 auto 50px auto;
  display:flex;
  justify-content:space-between;
}
.property-box .thumbnail{
  width:280px;
  margin-right:20px;
}
.property-box .text-box{
  flex:1;
}
.property-box .text-box p{
  margin-bottom:10px;
}
ul.property-detail-list{
  font-size:15px; line-height:1.8;
}
ul.property-detail-list li{
  position:relative;
  padding-left:90px;
  margin-bottom:2px;
}
ul.property-detail-list li span.label{
  position:absolute;
  top:3px; left:0;
  width:80px; height:18px;
  font-size:12px; line-height:19px;
  text-align:center;
  border:1px solid #999;
  border-radius:10px;
}
ul.property-detail-list li span.separator::after{
  content:"/";
  margin:0 5px;
}
ul.property-detail-list li span.separator:last-of-type::after{
  content:""; display:none;
}

/* news archive */
ul.news-category-list{
  display:flex;
  justify-content:center;
  gap:0 20px;
  margin:50px auto 0 auto !important;
}
ul.news-category-list li{
  width:400px;
}
ul.news-category-list li a{
  display:block;
  height:41px;
  font-size:15px; line-height:43px;
  color:#444;
  border:1px solid #999;
  text-align:center;
  position:relative;
  transition:0.3s;
}
ul.news-category-list li a::after{
  content:"▲";
  font-size:11px;
  display:block;
  position:absolute;
  top:0; right:15px;
  transform:scale(0.6,1) rotate(90deg);
}
ul.news-category-list li a:hover{
  text-decoration:none;
  color:#FFF;
  background:var(--main-color);
  border:1px solid var(--main-color);
}

ul.news-list li{
  margin-bottom:1.5rem;
  padding-bottom:1.5rem;
  border-bottom:1px dashed #999;
}
ul.news-list li a{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:0 1.5rem;
  text-decoration:none;
  color:var(--base-light-color);
}
ul.news-list li .thumbnail{
  box-sizing:border-box;
  width:120px; height:auto;
  aspect-ratio:1/1;
  overflow:hidden;
  position:relative;
}
ul.news-list li.end .thumbnail::before{
  content:"";
  width:100%; height:100%;
  position:absolute;
  top:0; left:0; z-index:10;
  background:rgba(0,0,0,0.45);
}
ul.news-list li.end .thumbnail::after{
  content:"終了しました";
  font-size:0.85rem; line-height:1.2; font-weight:var(--bold);
  color:#fff;
  white-space:nowrap;
  position:absolute;
  top:50%; left:50%; z-index:10;
  transform:translate(-50%,-50%);
}
ul.news-list li .thumbnail > img{
  width:100%; height:100%;
  object-fit:cover;
}
ul.news-list li .dummy-thumbnail{
  box-sizing:border-box;
  width:120px; height:auto;
  aspect-ratio:1/1;
  overflow:hidden;
  border:1px solid #CCC;
  background:#FFF;
  position:relative;
}
ul.news-list li .dummy-thumbnail img{
  width:42px; height:auto;
  position:absolute;
  top:50%; left:50%;
  transform:translate(-50%, -50%);
}
.index-topics-box > ul.news-list li .thumbnail,
.index-topics-box > ul.news-list li .dummy-thumbnail{
  width:100px; height:auto;
  aspect-ratio:1/1;
  overflow:hidden;
}

ul.news-list li .thumbnail .dummy-thumbnail{
  box-sizing:border-box;
  border:1px solid #CCC;
  background:#FFF;
  position:relative;
}
ul.news-list li .thumbnail .dummy-thumbnail img{
  width:42px; height:auto;
  position:absolute;
  top:50%; left:50%;
  transform:translate(-50%, -50%);
}
ul.news-list li .text-box{
  flex:1;
  text-align:left;
}
ul.news-list li .entry-date{
  font-size:0.85rem; line-height:1.6;
}
ul.news-list li.end .entry-date::before{
  content:"【終了】";
  font-size:0.8rem; line-height:1.6; font-weight:var(--bold);
  color:#dd0000;
  margin-right:0.5em;
}
ul.news-list li .entry-category,
ul.news-list li .entry-staff{
  font-size:0.85rem; line-height:1.6;
  border-left:1px solid #999;
  padding-left:10px;
  margin-left:10px;
}
ul.news-list li .entry-area{
  font-size:0.85rem; line-height:1.6;
  padding-left:5px;
}
ul.news-list li a .entry-title{
  display:block;
  font-size:1.1rem; line-height:1.6; font-weight:var(--bold);
  color:var(--link-color);
  margin-top:0.25em;
  position:relative;
  padding-left:1.0em;
}
ul.news-list li.end a .entry-title{
  color:#666;
}
ul.news-list li a:hover .entry-title{
  text-decoration:underline;
}
ul.news-list li a span.entry-title::before{
  content:"▲";
  font-size:0.6em !important; line-height:160%;
  color:var(--base-light-color);
  transform:scale(0.7,1) rotate(90deg);
  position:absolute;
  top:0.45em; left:0;
}
.index-topics-box > ul.news-list li a .entry-title{
  padding-left:0;
}
.index-topics-box > ul.news-list li a span.entry-title::before{
  content:"";
  display:none;
}

ul.news-list li .theta{
  margin-top:10px;
  display:flex;
}
ul.news-list li .theta span{
  font-size:13px; line-height:22px;
}
ul.news-list li .theta .member{
  margin-right:10px;
  font-size:14px;
  font-weight:500;
  color:#DD0000;
}
ul.news-list li .theta .schedule{
  margin-right:10px;
  font-size:14px;
  font-weight:500;
  color:var(--main-color);
}
ul.news-list li .theta .now{
  margin-right:10px;
  height:20px;
  color:var(--main-color);
  background:#FFF;
  border:1px solid var(--main-color);
  border-radius:12px;
  padding:0 18px;
}

.blog-box > ul.news-list > li{
  margin-top:1.25rem;
  padding-top:1.25rem;
  border-top:1px dashed #999;
  margin-bottom:0;
  padding-bottom:0;
  border-bottom:none;
}
.blog-box > ul.news-list > li > a{
  gap:0 1.0rem;
}
.blog-box > ul.news-list > li .thumbnail{
  width:100px;
}
.blog-box > ul.news-list > li.end .thumbnail::after{
  font-size:0.8rem;
}
.blog-box > ul.news-list > li .text-box{
  line-height:1.2;
}
.blog-box > ul.news-list > li .entry-date{
  font-size:0.8rem; line-height:1.2;
}
.blog-box > ul.news-list > li .entry-category,
.blog-box > ul.news-list > li .entry-staff,
.blog-box > ul.news-list > li .entry-area{
  display:inline-block;
  font-size:0.75rem; line-height:1.2;
}
.blog-box > ul.news-list > li a .entry-title{
  font-size:1.0rem; line-height:1.6; font-weight:var(--bold);
  margin-top:0.25em;
  position:relative;
  padding-left:0;
}
.blog-box > ul.news-list > li a .entry-title::before{
  display:none;
}

/* topics archive */
ul.topics-list li{
  border-bottom:1px dashed #999;
}
ul.topics-list li a{
  padding:20px 0;
}
ul.topics-list li a span.entry-date{
  font-size:13px; line-height:160%;
  color:#222;
}
ul.topics-list li a:hover span.entry-date{
  text-decoration:none !important;
}
ul.topics-list li a span.entry-title::before{
  content:"▲";
  font-size:11px !important; line-height:160%;
  color:#222;
  display:inline-block; vertical-align:middle;
  transform:scale(0.6,1) rotate(90deg);
  margin:0 5px 0 10px;
  position:relative;
  top:-2px;
}

/* contact */
.contact-form-box input[type="text"],
.contact-form-box input[type="email"],
.contact-form-box input[type="submit"],
.contact-form-box textarea,
.contact-form-box select{
  margin:0;
  padding:0;
  background:none;
  border:none;
  border-radius:0;
  outline:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}
.contact-form-box input.input-text,
.contact-form-box textarea{
  width:calc(100% - 2px);
  border:1px solid #CCC;
  background:#FFF;
  font-size:16px; line-height:30px;
  margin-bottom:10px;
  text-indent:10px;
}
.contact-form-box textarea{height:200px;}
.contact-form-box input.input-zip{
  width:30%;
  border:1px solid #CCC;
  background:#FFF;
  font-size:16px; line-height:30px;
  margin-bottom:10px;
  margin-right:5px;
  text-indent:10px;
}
.contact-form-box .wpcf7-list-item{margin:0 !important;}
.form-tr{
  border-bottom:1px solid #CCC;
}
.form-tr.border-none{
  border-bottom:none !important;
}
.border-none .form-th,
.border-none .form-td{padding-bottom:0 !important;}
.form-th{
  width:200px !important;
  padding:25px 10px 15px 10px;
  display:inline-block;
  text-align:left; vertical-align:top;
  float:left;
}
.form-th span.hissu{
  font-size:12px !important;
}
.form-td{
  width:580px !important;
  padding:25px 10px 15px 10px;
  display:inline-block;
  text-align:left; vertical-align:top;
  float:right;
}
.form-td p.caution{
  font-size:14px; line-height:160%;
  color:#555;
  margin:0 0 5px 0 !important;
}
.form-td label{
  display:inline-block; vertical-align:top;
  margin:0 25px 10px 0;
}

.form-privacy{margin:20px 10px;}
.form-privacy p{margin-bottom:10px !important;}
#privacy-box{
	height:200px;
	width:calc(100% - 2px);
	margin:0;
	border:1px solid #CCCCCC;
	background:#FCFCFC;
	overflow:auto;
}
#privacy-box #privacy-box-inner{
	margin:20px 25px;
	font-size:14px; line-height:160%;
}
#privacy-box ol{margin:0 0 25px 0;}
#privacy-box ol li{
	list-style:decimal outside;
	margin:0 0 10px 20px;
}

.form-submit{
  text-align:center;
  padding:25px 0;
}
input[type="submit"]{
  box-sizing:border-box;
  display:block;
  width:240px;
  margin:0 auto !important;
  font-size:16px; line-height:48px; font-weight:600;
  color:#FFF;
  background:rgba(48,76,147,1) !important;
  transition:0.3s;
  cursor:pointer;
}
input[type="submit"]:disabled{
  background:rgba(0,0,0,0.2) !important;
  transition:0.3s;
}

/*
table.contact-table{
  width:100%;
  border-collapse:collapse;
  margin:0 auto 50px auto;
}
table.contact-table caption{
  font-weight:500;
  text-align:left;
  margin-bottom:15px;
}
table.contact-table tr{
  border-top:1px solid #CCC;
}
table.contact-table th{
  width:200px;
  padding:25px 10px 15px 10px;
  text-align:left; vertical-align:top;
  font-weight:400;
}
table.contact-table td{
  width:580px;
  padding:25px 10px 15px 10px;
  text-align:left;
}
table.contact-table td.submit{
  text-align:center;
  padding:25px 0;
}
table.contact-table td p.caution{
  font-size:14px; line-height:160%;
  color:#555;
  margin:0 0 5px 0 !important;
}
table.contact-table td label{
  display:inline-block; vertical-align:top;
  margin:0 30px 10px 0;
}
*/

/* real estate */
table.property-table{
  width:100%;
  margin:0 auto 50px auto;
  border-collapse:collapse;
  background:#FFF;
  table-layout:fixed;
}
table.property-table caption{
  font-size:18px; line-height:160%; font-weight:600;
  color:var(--main-color); text-align:left;
}
table.property-table th{
  font-size:14px; line-height:160%; font-weight:500;
  text-align:center;
  border:1px solid #999;
  padding:5px 0 4px 0;
  background:#F3F3F3;
}
table.property-table tr th:nth-child(2){width:15%;}
table.property-table td{
  font-size:15px; line-height:160%;
  border:1px solid #999;
  padding:10px 15px 8px 15px;
  text-align:center;
}
table.property-table tr td:nth-child(1),
table.property-table tr td:nth-child(2),
table.property-table tr td:nth-child(5){
  text-align:center;
}
table.property-table tr td:nth-child(1){
  font-weight:600;
}
table.property-table td a{
  display:block;
  font-size:14px; line-height:160%; font-weight:600;
  margin-top:5px;
}

/* Select VI */
ul.select6-billboard{
  font-size:0; line-height:0;
  text-align:center;
}
ul.select6-billboard li{
  width:auto; height:360px;
  display:inline-block; vertical-align:top;
}

ul.tabnav{
  font-size:0; line-height:0;
  margin:0; padding:0;
}
ul.tabnav li{
  width:49.5%;
  display:inline-block; vertical-align:top;
  margin:0 1% 0 0;
}
ul.tabnav li:last-child{
  margin-right:0;
}
ul.tabnav li a{
  display:block;
  position:relative;
  font-size:16px; line-height:160%; font-weight:400;
  color:var(--main-color) !important;
  background:#FFF;
  border:1px solid var(--main-color);
  padding:12px 0;
}
ul.tabnav li a:hover,
ul.tabnav li a.active{
  color:#FFF !important;
  background:var(--main-color);
  text-decoration:none;
}
ul.tabnav li a.active::after{
  content:"▼";
  font-size:20px; line-height:20px;
  color:var(--main-color);
  text-align:center;
  position:absolute;
  bottom:-20px; left:50%;
  transform:translateX(-50%) scale(2,1);
}
ul.tabnav li a h2{
  font-family:var(--headline-eng);
  font-weight:var(--normal);
  font-size:36px; line-height:130%;
  color:inherit;
  margin:0 auto !important;
}
ul.tabnav li a h2::before,
ul.tabnav li a h2::after{
  display:none;
}

.select6-title-box{
  margin:0 auto 60px auto;
}
.select6-title-box .thumbnail{
  width:360px;
  float:left;
}
.select6-title-box .select6-title{
  width:770px;
  float:right;
  text-align:left;
}
.select6-title-box .select6-title h2{
  font-family:var(--headline-eng);
  font-weight:var(--normal);
  font-size:54px; line-height:130%;
  color:rgba(0,0,0,0.8);
}
.select6-title-box .select6-title h2:before,
.select6-title-box .select6-title h2:after{
  display:none;
}

.select6-plan-box{
}

ul.select6-plan-list{
  font-size:0; line-height:0;
}
ul.select6-plan-list li{
  width:550px;
  display:inline-block; vertical-align:top;
  margin:0 60px 40px 0;
  font-size:15px; line-height:160%;
  text-align:left;
}
ul.select6-plan-list li:nth-child(even){
  margin-right:0;
}
ul.select6-plan-list li .thumbnail{
  margin-bottom:5px;
}
ul.select6-plan-list li .thumbnail02{
  border:1px solid #CCC;
}
ul.select6-plan-list li h2{
  font-size:20px; line-height:160%; font-weight:600;
  color:var(--main-color); letter-spacing:1px;
//  border-bottom:1px solid var(--main-color);
  margin-bottom:5px;
  position:relative;
}
ul.select6-plan-list li h2 span{
  display:inline-block;
  font-size:16px; font-weight:400;
  margin-left:0.5em;
}
ul.select6-plan-list li h2::before,
ul.select6-plan-list li h2::after{display:none;}
ul.select6-plan-list li .plan-copy{
  display:flex;
  flex-wrap:wrap;
  margin:10px 0;
}
ul.select6-plan-list li .plan-copy div{
  display:inline-block;
  font-size:18px; line-height:160%; font-weight:bold;
  color:#956134;
  margin-right:1.5em;
}
ul.select6-plan-list li .plan-copy div::before{
  content:"●";
  display:inline-block;
  transform:scale(0.6);
}
ul.select6-plan-list li p{
  font-size:14px; line-height:180%;
  margin:0;
  padding:5px 0;
  border-bottom:1px dashed #CCC;
  position:relative;
}
ul.select6-plan-list li p:last-of-type{
  border-bottom:none;
}
ul.select6-plan-list li p::before{content:"・";}
ul.select6-plan-list li p strong{
  font-size:20px; line-height:180%;
  color:#DD0000;
  margin-right:2px;
}
ul.select6-plan-list li p span{
  display:inline-block;
  width:80px;
  font-size:13px; text-align:left;
}

.select6-facility-box{
  margin-bottom:25px;
  padding:20px 24px;
  border:1px solid #999;
  border-radius:5px;
  background:#FFF;
}
.select6-facility-left,
.select6-facility-right{
  width:560px;
  text-align:left;
}
.select6-facility-left{float:left;}
.select6-facility-right{float:right;}
.select6-facility-box hr{
  width:100%; height:1px;
  border:none;
  border-top:1px solid #999;
  margin:30px auto;
}

.select6-facility-list li{
  border-bottom:1px dashed #999;
  padding-bottom:20px;
  margin-bottom:20px;
}
.select6-facility-list li:last-child{
  border-bottom:none;
  padding-bottom:0;
}
.select6-facility-list li .thumbnail{
  width:180px;
  float:right;
  margin:0 0 0 15px;
}
.select6-facility-list li h4{
  font-size:17px; line-height:160%; font-weight:600;
  margin-bottom:0px;
}
.select6-facility-list li h4 span.facility-section{
  display:block;
  font-size:15px; line-height:160%; font-weight:500;
}
.select6-facility-list li p{
  font-size:14px; line-height:160%; font-weight:400;
  margin-bottom:0px;
}
.select6-facility-list li .thumbnail-list,
.select6-facility-list li .thumbnail-list02{
  font-size:0; line-height:0;
}
.select6-facility-list li .thumbnail-list div{
  width:calc(25% - 2px);
  display:inline-block; vertical-align:bottom;
  font-size:12px; line-height:160%;
  text-align:center;
  margin:0 1px 10px 1px;
}
.select6-facility-list li .thumbnail-list02 div{
  width:calc(33.333% - 4px);
  display:inline-block; vertical-align:bottom;
  font-size:12px; line-height:160%;
  text-align:center;
  margin:0 2px 10px 2px;
}
.select6-facility-list li .thumbnail-list div img,
.select6-facility-list li .thumbnail-list02 div img{
  margin-bottom:5px;
}

.select6-coordinate-box .bx-wrapper{
  margin:0 auto;
}
ul.select6-coordinate-list{
  width:1000px;
  margin:0 auto;
}
ul.select6-coordinate-list li{
  background:#FFF;
}
ul.select6-coordinate-list li .thumbnail{
  width:600px;
}
ul.select6-coordinate-list li.example01 .thumbnail{
  float:left;
}
ul.select6-coordinate-list li.example02 .thumbnail{
  float:right;
}
ul.select6-coordinate-list li .text-box{
  width:320px;
  text-align:left;
  padding:50px 40px;
}
ul.select6-coordinate-list li.example01 .text-box{
  float:right;
}
ul.select6-coordinate-list li.example02 .text-box{
  float:left;
}
ul.select6-coordinate-list li .text-box h4{
  font-size:16px; line-height:160%; font-weight:400;
}
ul.select6-coordinate-list li .text-box h4 span{
  display:block;
  font-size:28px; line-height:140%; font-weight:600;
}

/* Smart PV V2H */
.smart-v2h-box{
  background:#FFF;
  padding:25px 30px;
}
.smart-v2h-image{
  margin:0 auto 30px auto;
}
ul.v2h-feature-list{
  margin:0 auto 10px auto !important;
}
ul.v2h-feature-list li{
  border:1px solid var(--main-color);
  border-radius:5px;
  margin:0 auto 20px auto;
  text-align:center;
}
ul.v2h-feature-list li:last-child{margin-bottom:0;}
ul.v2h-feature-list li h4{
  display:block;
  background:var(--main-color);
  font-size:17px; line-height:160%; font-weight:600;
  color:#FFF;
  padding:8px 0 7px 0;
  margin:0 auto 20px auto;
}
ul.v2h-feature-list li .thumbnail{
  margin:0 25px;
}
ul.v2h-feature-list li p{
  font-size:15px; line-height:160%;
  margin:0 25px 20px 25px;
}

ul.v2h-point-list li{
  background:#FFF;
  border:1px solid #CCC;
  margin:0 auto 15px auto;
  padding:20px 29px;
}
ul.v2h-point-list li h4{
  font-size:17px; line-height:160%; font-weight:600;
  margin:0 auto 20px auto;
  padding-left:30px;
  position:relative;
}
ul.v2h-point-list li h4::before{
  background:var(--main-color);
  border-radius:100%;
  width:30px; height:30px;
  font-size:18px; line-height:32px; font-weight:700;
  color:#FFF; text-align:center;
  position:absolute;
  top:-3px; left:-5px;
}
ul.v2h-point-list li:nth-child(1) h4::before{content:"1";}
ul.v2h-point-list li:nth-child(2) h4::before{content:"2";}
ul.v2h-point-list li:nth-child(3) h4::before{content:"3";}
ul.v2h-point-list li:nth-child(4) h4::before{content:"4";}

ul.v2h-point-list .text-2c{
  flex:1;
}
ul.v2h-point-list .thumbnail-2c{
  width:360px;
  margin-left:25px;
}
ul.v2h-point-list .thumbnail-2c .caption{
  font-size:13px; line-height:1.6;
  margin-top:5px;
}
ul.v2h-point-list .thumbnail-3c{
  width:32%;
  margin:0;
  text-align:center;
}
ul.v2h-point-list .thumbnail-3c .caption{
  font-size:13px; line-height:1.6;
  margin-top:5px;
}

.leaf-box{
  margin:30px auto 5px auto;
  border:1px solid var(--main-color);
  border-radius:5px;
}
.leaf-box h3{
  display:block;
  background:var(--main-color);
  font-size:15px; line-height:160%; font-weight:600;
  color:#FFF;
  text-align:center;
  padding:6px 0 5px 0;
  margin:0 auto 20px auto;
}
.leaf-box p{
  font-size:14px; line-height:160%;
}
.leaf-box .leaf-inner{
  margin:15px 30px;
}
.leaf-box .leaf-title{
  font-size:16px; line-height:1.6; font-weight:600;
  color:var(--main-color);
  border-bottom:1px solid var(--main-color);
  margin-bottom:10px;
}
.leaf-box .leaf-thumbnail{
  width:48%;
  margin:10px 0 0 0;
}
.leaf-box hr{
  margin:15px auto;
  border:none;
}

ul.movie-list{
  width:700px;
  margin:0 auto 50px auto;
}
ul.movie-list li{
  margin:0 auto 25px auto;
  text-align:center;
}
ul.movie-list li a{
  font-size:14px; line-height:180%;
}
ul.movie-list li a .thumbnail{
  position:relative;
  margin:0 auto 5px auto;
}
ul.movie-list li a .thumbnail::after{
  content:"";
  width:64px; height:64px;
  background-image:url(../../img/svg/play_off.svg);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:64px auto;
  position:absolute; top:50%; left:50%;
  transform:translate(-50%, -50%);
  transition:0.3s;
}
ul.movie-list li a:hover .thumbnail::after{
  background-image:url(../../img/svg/play_on.svg);
  transition:0.3s;
}

.enedia-slide-box{
  margin:0 auto;
  text-align:center;
}
.enedia-slide-box .bx-wrapper{
  margin:0 auto 55px auto;
  padding:14px;
  background:#FFF;
  border:1px solid #CCC;
}

/* Smart PV 家庭用蓄電池 */
.battery-system-box{
  background:#FFF;
  padding:25px 30px 15px 30px;
  margin:0 auto 30px auto;
}
.battery-system-box h3{
  margin-bottom:25px;
  padding-bottom:3px;
  border-bottom:1px dashed var(--main-color);
}

.clc-image01{
  width:100%;
  margin:0 auto 30px auto;
  font-size:14px; line-height:160%;
  text-align:center;
}
.clc-image02{
  width:500px;
  margin:0 auto 30px auto;
}
ul.clc-photo-list{
  width:600px;
  display:flex;
  justify-content:space-between;
  margin:0 auto 30px auto;
}
ul.clc-photo-list li{
  width:290px;
  font-size:14px; line-height:1.8;
  text-align:center;
}
.clc-feature-box{
  border:2px solid #CCC;
  border-radius:5px;
  padding:20px 25px;
  margin-bottom:15px;
}
.clc-feature-box h4{
  font-size:16px; line-height:16px; font-weight:600;
  color:#FFF;
  display:inline-block;
  background:#CCC;
  border-radius:30px;
  padding:8px 40px 6px 40px;
}
.clc-feature-box p{margin-bottom:5px !important;}
.clc-feature-box strong{font-size:110%;}
.clc-feature-box ul{margin-bottom:10px !important;}
.clc-feature-box ul li{
  font-size:15px; line-height:160%;
  margin-bottom:0 !important;
}
.clc-feature-box .clc-image03,
.clc-feature-box .clc-image04{
  margin:10px auto 0 auto;
}
.clc-feature01{
  border-color:#8fb572;
}
.clc-feature01 h4{background-color:#8fb572;}
.clc-feature01 strong{color:#8fb572;}
.clc-feature02{
  border-color:#c05a88;
}
.clc-feature02 h4{background-color:#c05a88;}
.clc-feature02 strong{color:#c05a88;}

ul.dmm-feature-list{margin-bottom:10px !important;}
ul.dmm-feature-list li{
  border:2px solid #daa84c;
  border-radius:5px;
  padding:20px 25px;
  margin-bottom:15px;
}
ul.dmm-feature-list li .thumbnail{
  width:280px;
  float:right;
  margin:0 0 0 15px;
}
ul.dmm-feature-list li:last-child .thumbnail{width:200px;}
ul.dmm-feature-list li h4{
  background:#daa84c;
  font-size:17px; line-height:17px; font-weight:600;
  color:#FFF;
  padding:8px 40px 5px 40px;
  border-radius:30px;
  margin-bottom:10px;
}

.technostructure{
  background:#FFF;
  padding:25px 29px;
  border:1px solid #CCC;
}
.technostructure h3{
  font-size:24px; line-height:160%;
  text-align:center;
  margin:0 auto 20px auto;
}
.technostructure h4{
  font-size:18px; line-height:160%; font-weight:600;
  color:var(--main-color);
  margin-bottom:10px;
}
.technostructure hr{
  width:100%; height:1px;
  border:none;
  border-top:1px dashed #999;
  margin:30px auto;
}
ul.techno-image-list{
  font-size:0; line-height:0;
  text-align:center;
  margin:0 auto 80px auto;
}
ul.techno-image-list li{
  width:auto; height:280px;
  display:inline-block; vertical-align:top;
  font-size:13px; line-height:160%;
  text-align:center;
  position:relative;
}
ul.techno-image-list li img{margin:0 auto 5px auto;}
ul.techno-image-list li:last-child{
  margin-left:100px;
}
ul.techno-image-list li:last-child::before{
  content:"＋";
  font-size:48px; line-height:48px; font-weight:600;
  position:absolute;
  top:50%; left:-80px;
}

.tec-one-box .thumbnail{
  width:240px;
  float:left;
}
.tec-one-box .text-box{
  width:500px;
  float:right;
}
ul.xwall-image-list{
  font-size:0; line-height:0;
  text-align:center;
}
ul.xwall-image-list li{
  width:auto; height:280px;
  display:inline-block; vertical-align:top;
  margin:0 30px 30px 0;
  font-size:13px; line-height:160%;
  text-align:center;
}
ul.xwall-image-list li:last-child{margin-right:0;}
ul.xwall-image-list li img{margin:0 auto 5px auto;}

ul.fas-image-list{
  font-size:0; line-height:0;
  margin:25px auto 0 auto !important;
}
ul.fas-image-list li{
  width:400px;
  display:inline-block; vertical-align:top;
  margin:0 20px 0 0;
}
ul.fas-image-list li:last-child{margin-right:0;}

.fas-icon{
  width:240px; height:240px;
  border-radius:100%;
  overflow:hidden;
  background:#FFF;
  float:right;
  margin:0 0 20px 20px;
}
.fas-icon img{
  width:200px;
  padding:20px;
}

.fas-box{
  background:#FFF;
  padding:25px 19px;
  border:1px solid #CCC;
}
.fas-box .fas-title{
  font-size:0; line-height:0;
  text-align:center;
  margin:0 auto 25px auto;
}
.fas-box .fas-title .thumbnail{
  width:180px;
  display:inline-block; vertical-align:middle;
  margin-right:20px;
}
.fas-box h3{
  display:inline-block; vertical-align:middle;
  font-size:20px; line-height:140%;
  color:#81B4DA; text-align:left;
}
ul.fas-feature-list{
  font-size:0; line-height:0;
  text-align:center;
}
ul.fas-feature-list li{
  width:210px;
  padding:12px 16px;
  background:rgba(108,206,245,0.05);
  border:1px solid #81B4DA;
  border-radius:5px;
  display:inline-block; vertical-align:top;
  font-size:14px; line-height:160%;
  text-align:left;
  margin-right:17px;
}
ul.fas-feature-list li:last-child{margin-right:0;}
ul.fas-feature-list li strong{
  display:block;
  font-size:15px; line-height:160%;
}

.banner-schedule{
  width:calc(100% - 2px);
  height:140px;
  background:url(../../img/plan/schedule/billboard.jpg) no-repeat left center #FFF;
  background-size:auto 100%;
  border:1px solid #64493C;
  overflow:hidden;
}
.banner-schedule a{
  display:block;
  height:140px;
  font-size:24px; line-height:160%; font-weight:600;
  color:#64493C;
  padding-left:315px;
  padding-right:20px;
  padding-top:25px;
}
.banner-schedule a span{
  display:block;
  font-size:15px; line-height:160%; font-weight:400;
  color:#333;
}
.banner-schedule a:hover{
  text-decoration:none;
}

.select6-contents{
  margin-bottom:2em;
}
#style.select6-contents{
  margin-top:7em;
}
.select6-contents > figure{
  width:240px;
  margin-left:-3em;
  transform:rotate(-5deg);
  margin-bottom:1.5em;
}
.select6-contents strong{
  font-size:1.4em;
  line-height:1.5;
  color:#0a80ab;
  margin-right:1.5em;
  border-bottom:1px solid;
}
.select6-contents p{
  font-size:1.2em;
  line-height:1.6;
  font-weight:var(--bold);
  color:#0a80ab;
  letter-spacing:0.1em;
  flex:1;
  margin-bottom:0;
}
.select6-contents .text-box{
  display:flex;
  justify-content:flex-start;
  align-items:flex-start;
}
figure.plan-title{
  width:140px;
  margin-right:0.9em;
  margin-left:-1.8em;
  margin-top:-1.8em;
}
.plan-box{
  position:relative;
  background-color:#fff;
  padding:3em;
}
#plan01.plan-box{
  margin-bottom:3em;
}
.plan-box::before{
  position:absolute;
  content:"";
  width:140px; height:auto;
  aspect-ratio:1/1;
  top:-30px; right:10px;
  background:url(../../img/select6/2025/plan01.png);
  background-repeat:no-repeat;
  background-size:contain;
}
#plan02.plan-box::before{
  width:170px; height:auto;
  aspect-ratio:210/110;
  background:url(../../img/select6/2025/plan02.png);
  background-repeat:no-repeat;
  background-size:contain;
}
.plan-box .flex .text-box{
  flex:1;
}
.plan-box .flex .text-box > span{
  font-size:1em;
  line-height:1;
  font-weight:var(--bold);
  color:var(--main-color);
}
#plan02.plan-box .flex .text-box > span{
  color:#578f4a;
}
.plan-box .flex .text-box h3{
  font-family:var(--font-mincho);
  font-size:2.2em;
  line-height:1.3;
  font-weight:var(--bold);
  color:#343434;
  margin:0.1em 0 0.2em;
  letter-spacing:0.1em;
  border-bottom:1px solid #ccc;
  padding-bottom:0.4em;
}
.plan-tag{
  display:flex;
  flex-wrap:wrap;
  gap:0 1.5em;
  font-size:0.75rem;
  line-height:1.8;
  font-weight:var(--normal);
  color:var(--base-light-color);
}
.plan-tag span::before{
content:"＃";
}
figure.floor-image{
  width:100%;
  margin:1em 0;
}
.plan-point{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  padding:2em 2em 0 2em;
  background-color:#f6fcff;
}
#plan02 .plan-point{
  background-color:#f3f7f2;
}
.point-ribbon{
  display:block;
  position:relative;
  width:100px;
  background-color:var(--main-color);
  margin-right:1.2em;
  padding:1.2em 0;
  box-sizing:border-box;
}
#plan02 .point-ribbon{
  background-color:#578f4a;
}
.point-ribbon::after{
  content:'';
  position:absolute;
  left:0;
  top:100%;
  height:0;
  width:0;
  border-left:50px solid var(--main-color);
  border-right:50px solid var(--main-color);
  border-bottom:10px solid transparent;
}
#plan02 .point-ribbon::after{
  border-left:50px solid #578f4a;
  border-right:50px solid #578f4a;
}
.point-ribbon span{
  font-size:1em;
  line-height:1.2;
  font-weight:var(--bold);
  color:#fff;
  display:block;
  text-align:center;
}
.point-ribbon span.eng-text{
  font-family:var(--headline-eng);
  font-size:1.9em;
  line-height:1;
  font-weight:var(--bold);
  color:#fff;
  display:block;
  text-align:center;
}
ul.point-list{
  margin-bottom:0;
  flex:1;
}
ul.point-list li{
  display:flex;
  justify-content:flex-start;
  border-bottom:1px dotted #999;
  margin:1.2em 0;
}
ul.point-list li .text-box{
  flex:1;
}
ul.point-list li strong{
  font-size:1.15em;
  line-height:1;
  color:var(--main-color);
}
#plan02 ul.point-list li strong{
  color:#578f4a;
}
ul.point-list li:first-child{
  margin-top:0;
}
ul.point-list li:last-child{
  border-bottom:none;
}
ul.point-list li p{
  margin-bottom:15px;
}
.circle_number{
  width:30px;
  height:30px;
  color:var(--main-color);
  border:1px solid var(--main-color);
  background-color:#fff;
  border-radius:9999px;
  text-align:center;
  box-sizing:border-box;
  margin-right:0.5em;
}
#plan02 .circle_number{
  color:#578f4a;
  border:1px solid #578f4a;
}
.style-box{
  background-color:#fff;
  padding:3em;
}
ul.style-list li:nth-child(odd){
  margin-bottom:5em;
}
ul.style-list li:nth-child(even){
  margin-bottom:6em;
}
ul.style-list li:last-child{
  margin-bottom:0;
}
ul.style-list li h3{
  position:relative;
  font-size:1.3em;
  line-height:1;
  color:#4cab8d;
  margin-bottom:1.1em;
}
ul.style-list li:nth-child(2) h3{
  color:#666;
}
ul.style-list li:nth-child(3) h3{
  color:#9c5d85;
}
ul.style-list li:nth-child(4) h3{
  color:#69482c;
}
ul.style-list li h3::after{
  content:"";
  width:100%;
  border-top:2px dotted #4cab8d;
  opacity:0.3;
  position:absolute;
  top:0.7em;
  left:0;
}
ul.style-list li:nth-child(2) h3::after{
  border-top:2px dotted #666;
}
ul.style-list li:nth-child(3) h3::after{
  border-top:2px dotted #9c5d85;
}
ul.style-list li:nth-child(4) h3::after{
  border-top:2px dotted #69482c;
}
ul.style-list li h3 > span{
  font-size:1.5em;
  line-height:1;
  display:inline-block;
  background:#fff;
  padding-right:0.5em;
  position:relative;
  z-index:1;
}
ul.style-list li .style-photo{
  position:relative;
}
ul.style-list li:nth-child(even) .style-photo{
  transform:scale(-1, 1);
}
ul.style-list li:nth-child(even) .style-photo figure{
  transform:scale(-1, 1);
}
ul.style-list li .style-photo figure{
  width:70%;
}
ul.style-list li .style-photo figure::before{
  position:absolute;
  content:"";
  z-index:1;
  width:180px; height:auto;
  aspect-ratio:1/1;
  top:-0.5em; right:0.5em;
  background:url(../../img/select6/2025/natural-03.png);
  background-repeat:no-repeat;
  background-size:contain;
}
ul.style-list li:nth-child(even) .style-photo figure::before{
  left:-15em;
  background:url(../../img/select6/2025/mono-03.png);
  background-repeat:no-repeat;
  background-size:contain;
}
ul.style-list li:nth-child(3) .style-photo figure::before{
  background:url(../../img/select6/2025/feminine-03.png);
  background-repeat:no-repeat;
  background-size:contain;
}
ul.style-list li:nth-child(4) .style-photo figure::before{
  background:url(../../img/select6/2025/vintage-03.png);
  background-repeat:no-repeat;
  background-size:contain;
}
ul.style-list li .style-photo figure::after{
  position:absolute;
  content:"";
  border:3px solid #fff;
  width:320px; height:auto;
  aspect-ratio:400/230;
  bottom:-1.5em; right:0;
  background:url(../../img/select6/2025/natural-02.jpg);
  background-repeat:no-repeat;
  background-size:contain;
}
ul.style-list li:nth-child(even) .style-photo figure::after{
  right:calc(100% - 7em);
  background:url(../../img/select6/2025/mono-02.jpg);
  background-repeat:no-repeat;
  background-size:contain;
}
ul.style-list li:nth-child(3) .style-photo figure::after{
  background:url(../../img/select6/2025/feminine-02.jpg);
  background-repeat:no-repeat;
  background-size:contain;
}
ul.style-list li:nth-child(4) .style-photo figure::after{
  left:-13.5em;
  background:url(../../img/select6/2025/vintage-02.jpg);
  background-repeat:no-repeat;
  background-size:contain;
}

/* 元のselect6css */
.safety-box{
  border-bottom:1px dashed #999;
  margin:0 auto 60px auto;
  padding-bottom:50px;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:0 2.0rem;
}
.safety-box:last-of-type{
  border-bottom:none;
  padding-bottom:0;
}
.safety-box .thumbnail{
  width:340px; height:auto;
  aspect-ratio:820/480;
  overflow:hidden;
}
.safety-box .thumbnail > img{
  width:100%; height:100%;
  object-fit:cover;
}
.safety-box .text-box{
  flex:1;
  text-align:left;
}
.safety-box h3{
  font-size:20px; line-height:160%; font-weight:600;
  margin-bottom:5px !important;
}
.safety-box .text-box p{margin-bottom:0 !important;}
.safety-box .button{
  margin-top:20px !important;
  margin-bottom:0 !important;
}
.safety-box .button a{
  display:block !important;
}
.safety-box ul.disc-list{
  margin-top:10px !important;
}
.safety-box ul.disc-list li{
  font-size:15px; line-height:160%;
  margin-bottom:5px;
}

/* お客様の声 */
.voice-box{
  margin:0 auto 50px auto;
  padding:20px 24px;
  background:#FFF;
  border:1px solid #CCC;
}
.voice-box h3{
  font-size:24px; line-height:140%; font-weight:500;
  color:#FF4425;
}
ul.voice-data-list,
ul.voice-data-list li:last-child{margin-bottom:0 !important;}
ul.voice-data-list li{
  font-size:15px; line-height:160%;
  margin-bottom:5px;
}
ul.voice-data-list li span.label{
  display:inline-block;
  font-size:14px;
  margin-right:5px;
}
ul.voice-data-list li span.label::before{
  content:"［";
}
ul.voice-data-list li span.label::after{
  content:"］";
}
ul.voice-data-list li .thumbnail{
  width:760px;
  margin:0 auto;
}

/* SDGs */
.sdgs-box{
  box-sizing:border-box;
  border:1px solid #039ADB;
  border-radius:5px;
  padding:25px 30px;
  background:#FFF;
}
.sdgs-box p:last-of-type{
  margin-bottom:0;
}
.sdgs-box img{
  width:80%;
  margin:0 auto 5px auto;
}
ul.sdgs-list{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
}
ul.sdgs-list li{
  width:405px;
  box-sizing:border-box;
  display:flex;
  justify-content:space-between;
  padding:15px 19px;
  background:#FFF;
  border:1px solid #CCC;
  border-radius:5px;
  margin:0 10px 10px 0;
}
ul.sdgs-list li:nth-child(2n),
ul.sdgs-list li:last-child{margin-right:0;}
ul.sdgs-list li .thumbnail{
  width:100px;
}
ul.sdgs-list li .text-box{
  width:245px;
}
ul.sdgs-list li .text-box h3{
  font-size:16px; line-height:180%;
  color:#e96632;
}
ul.sdgs-list li .text-box h3::before{
  content:"《 ";
}
ul.sdgs-list li .text-box h3::after{
  content:" 》";
}
ul.sdgs-list li .text-box p{
  margin-bottom:0;
}

/* 会員登録フォーム */
.loginform-box{
  border:1px solid #CCC;
  padding:60px 100px;
  background:#FFF;
}
.loginform-box .caution{
  margin-bottom:30px;
}
.loginform-box .req-text{
  display:none;
}
.loginform-box .req{
  color:#DD0000 !important;
  font-size:20px !important;
  line-height:1 !important;
  font-weight:500 !important;
}
.loginform-box #wpmem_login,
.loginform-box #wpmem_msg,
.loginform-box #wpmem_reg,
.loginform-box .wpmem_msg{
  width:100%;
}
#wpmem_login fieldset,
#wpmem_reg fieldset{
  margin:0 !important;
}
#wpmem_login legend,
#wpmem_reg legend{
  display:none !important;
}
#wpmem_login .div_text,
#wpmem_reg .div_checkbox,
#wpmem_reg .div_date,
#wpmem_reg .div_file,
#wpmem_reg .div_image,
#wpmem_reg .div_multicheckbox,
#wpmem_reg .div_multiselect,
#wpmem_reg .div_number,
#wpmem_reg .div_radio,
#wpmem_reg .div_select,
#wpmem_reg .div_text,
#wpmem_reg .div_textarea,
#wpmem_reg .div_url,
#delete-box .div_text{
  width:100% !important;
  margin:0 auto 25px auto !important;
}

#delete-box{
  margin:-25px auto;
}
#wpmem_login input[type=password],
#wpmem_login input[type=text],
#wpmem_reg input[type=date],
#wpmem_reg input[type=email],
#wpmem_reg input[type=number],
#wpmem_reg input[type=password],
#wpmem_reg input[type=text],
#wpmem_reg input[type=url],
#wpmem_reg textarea,
#delete-box input[type=password]{
  box-sizing:border-box;
  width:100%;
  border:1px solid #CCC !important;
  padding:0 !important;
  border-radius:3px !important;
  font-size:16px; line-height:36px;
  color:#666 !important;
  text-indent:1em;
}
#wpmem_reg fieldset div.div_text{
  text-align:center !important;
}
#wpmem_login label,
#wpmem_reg label,
#delete-box label{
  display:block !important;
  margin-bottom:5px;
  font-weight:700;
  color:#777;
}

#wpmem_reg .div_multicheckbox{
}
#wpmem_reg .div_multicheckbox label.multicheckbox{
  display:inline-block !important;
//  color:#111 !important;
}
#wpmem_reg .div_multicheckbox br{
}

#wpmem_login .button_div,
#wpmem_reg .button_div,
#delete-box .button_div{
  width:50% !important;
  margin:0 auto !important;
  text-align:center !important;
}
#wpmem_login .button_div{
  padding:25px 0 !important;
}
#wpmem_reg .button_div{
  padding:0 !important;
}
#wpmem_login .button_div input,
#wpmem_login .button_div label,
#delete-box .button_div input{
  display:inline-block !important;
}
#wpmem_login .button_div input[type="submit"],
#wpmem_reg .button_div input[type="submit"],
#delete-box .button_div input[type="submit"]{
  width:100% !important;
  margin:0 auto !important;
  text-align:center !important;
}

#wpmem_reg .div_select{
  position:relative;
}
#wpmem_reg .div_select::after{
  content:"▼";
  color:#17288b;
  position:absolute;
  top:50%; right:15px;
  transform:translateY(-50%) scale(0.8,0.6);
}
#wpmem_reg select{
  height:46px;
  padding:0 !important;
  border:1px solid #CCC !important;
  border-radius:3px !important;
  margin:0 !important;
  background:transparent;
  position:relative; z-index:2;
  text-indent:1em;
}
#wpmem_login input[type="submit"],
#wpmem_reg input[type="submit"],
#delete-box input[type="submit"]{
  height:48px;
  font-weight:700;
  letter-spacing:1px;
  background:rgba(23,40,139,0.05);
  background:#17288b;
  border-color:#17288b;
  cursor:pointer;
  transition:0.3s;
}
#delete-box input[type="submit"]{
  font-size:16px;
}
#wpmem_login input[type="submit"]:hover,
#wpmem_reg input[type="submit"]:hover,
#delete-box input[type="submit"]:hover{
  color:#FFF;
  transition:0.3s;
}
#wpmem_login p{
  text-align:center !important;
  margin-bottom:0 !important;
  line-height:2 !important;
}
#wpmem_login p img{
  width:160px;
  margin:0 auto;
  padding:20px;
  border:1px solid #CCC;
}
#wpmem_login p br{display:none;}
#wpmem_login .link-text{
  width:100% !important;
  text-align:center !important;
  padding:0 !important;
  margin:10px auto 0 auto;
}
#wpmem_login .link-text:last-of-type{
  display:none;
}
#wpmem_reg .div_radio label{display:inline-block !important;}
#wpmem_reg .div_radio label:first-of-type{margin-right:30px;}
#wpmem_reg .div_radio br{display:none !important;}
.loginform-box .wpmem_msg,
.loginform-box #wpmem_msg{
  width:100%;
  background:#FFF;
  border:none;
  padding:0;
}
.loginform-box .wpmem_msg p{
  margin-bottom:0 !important;
}
.loginform-box ul.profile-edit{
  display:none;
}

.loginform-box #wpmem_msg h2{
  font-size:20px; line-height:1.8;
  border-bottom:none;
  margin-bottom:20px;
}
.loginform-box ul{display:none;}

.member-present-box{
  border:4px solid #f598a0;
  border-radius:5px;
  background:#FFF;
  margin:30px auto 50px auto;
  padding:30px 50px;
  display:flex;
  justify-content:space-between;
  flex-direction:row-reverse;
  position:relative;
}
.member-present-box .thumbnail{
  width:200px;
}
.member-present-box .text-box{
  width:480px;
  padding-top:10px;
}
.member-present-box h3{
  background:#f598a0;
  color:#FFF;
  padding:2px 40px;
  border-radius:20px;
  position:absolute;
  top:-10px; left:-10px;
  transform:rotate(-2deg);
}
.member-present-box p{
  margin-bottom:0;
}
.member-present-box p strong{
  font-size:18px; line-height:1.6;
  color:#DD0000;
}

.member-event-box{
  border:1px solid #CCC;
  border-radius:5px;
  background:#FFF;
  margin-bottom:25px;
}
.member-event-box a{
  display:block;
  padding:35px 35px;
  color:#222;
  text-decoration:none;
}
.member-event-box .thumbnail{
  width:300px;
  float:right;
  margin-left:25px;
}
.member-event-box p{
  margin-bottom:10px;
}
.member-event-box p.publish-date{
  font-size:13px; line-height:1;
  margin-bottom:10px;
}
.member-event-box .button{
}
.member-event-box a .button{
  box-sizing:border-box;
  border:1px solid var(--main-color);
  border-radius:5px;
  font-size:14px; line-height:40px;
  color:#111;
  margin:0;
  width:360px;
  height:39px;
  background:rgba(255,255,255,0.8);
  transition:0.3s;
  position:relative;
}
.member-event-box a .button::after{
  content:"▲";
  font-size:11px;
  transform:scale(0.6,1) rotate(90deg);
  position:absolute;
  top:-1px; right:10px;
}
.member-event-box a:hover .button{
  text-decoration:none;
  background:var(--main-color);
  color:#FFF;
  transition:0.3s;
}

.member-movie-box{
  width:640px;
  margin:0 auto;
}

/* リフォーム */
ul.reform-billboard{
  display:flex;
  justify-content:center;
}
ul.reform-billboard li{
  width:33.3%;
  position:relative;
}
ul.reform-billboard li div{
  position:absolute;
  bottom:0; left:0;
  width:100%;
  background:rgba(0,0,0,0.6);
  color:#FFF;
  font-size:14px; line-height:3;
}

.reform-topics-box{
  width:990px;
  margin:0 auto;
  display:flex;
  justify-content:space-between;
}
.reform-topics-box h3{
  width:220px;
  text-align:left;
}
.reform-topics-box ul.news-list{
  flex:1;
  text-align:left;
}
.reform-topics-box ul.news-list li:first-child a{
  padding-top:0;
}
.reform-topics-box ul.news-list li .text-box{
  width:650px;
}
.reform-topics-box ul.news-list li.more{
  font-size:14px; line-height:1.6;
  text-align:right;
  border-bottom:none;
}
.reform-topics-box ul.news-list li.more a{
}

.banner-futarifo{
  width:990px;
  margin:0 auto;
}
section.reform{
  margin:0 auto 120px auto !important;
  text-align:center;
}
section.reform h2{
  font-size:26px; line-height:160%; font-weight:700;
  color:var(--main-color); letter-spacing:1px;
  margin-bottom:5px;
  position:relative;
}
section.reform h2::before,
section.reform h2::after{
  display:none;
}
section.reform-contents{
  text-align:center;
}

.reform-before-after{
  width:550px;
  position:relative;
  padding-top:100px;
  margin-top:30px;
}
.reform-before-after .before{
  width:200px;
  border:4px solid #FEFBF5;
  position:absolute;
  top:0; left:0; z-index:2;
}
.reform-before-after .before::before{
  content:"before";
  font-size:12px; line-height:48px; font-weight:bold;
  color:#FFF;
  width:48px; height:48px;
  border-radius:100%;
  background:#666;
  position:absolute;
  top:-10px; left:-10px;
  transform:rotate(-3deg);
}
.reform-before-after .after{
  width:480px;
  position:relative; left:60px;
}
.reform-before-after .after::before{
  content:"after";
  font-size:16px; line-height:54px; font-weight:bold;
  color:#FFF;
  width:54px; height:54px;
  border-radius:100%;
  background:#DD0000;
  position:absolute;
  top:-20px; right:-10px;
  transform:rotate(3deg);
}
.reform-before-after .after .description{
  margin:10px auto 0 auto;
  font-size:16px; line-height:1.6;
}

ul.reform-list,
ul.reform-photo-list{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  margin:30px auto 0 auto;
}
ul.reform-list.column2 li,
ul.reform-photo-list.column2 li{
  width:570px;
}
ul.reform-list.column3 li,
ul.reform-photo-list.column3 li{
  width:374px;
}
ul.reform-list.column4 li,
ul.reform-photo-list.column4 li{
  width:274px;
}
ul.reform-photo-list li{
  text-align:center;
  position:relative;
}
ul.reform-list li{
  box-sizing:border-box;
  text-align:left;
  border:1px solid #ccc;
  border-radius:3px;
  background:#FFF;
  margin-bottom:20px;
  padding:30px;
}
ul.reform-list li strong{
  font-size:20px; line-height:1.6;
  color:#5e8f42;
}
ul.reform-list li p,
ul.reform-photo-list li p{
  margin:0 !important;
}
ul.reform-list li .description,
ul.reform-photo-list li .description{
  display:block;
  font-size:14px; line-height:1.6;
  margin-top:5px;
}

ul.reform-photo-list li.now-constraction img{
  width:350px; height:auto;
  margin:0 auto;
}

.reform-before-after-box{
  width:960px;
  margin:0 auto 20px auto;
  box-sizing:border-box;
  text-align:left;
  border:1px solid #ccc;
  border-radius:3px;
  background:#FFF;
  padding:30px;
  display:flex;
  justify-content:space-between;
}
.reform-before-after-box .text-box{
  width:420px;
}
.reform-before-after-box .text-box strong{
  font-size:20px; line-height:1.6;
  color:#5e8f42;
}
.reform-before-after-box .text-box p{
  margin:0 !important;
}
.photo-before-after{
  width:440px;
  margin:0 auto;
  display:flex;
  justify-content:space-between;
}
.photo-before-after .before,
.photo-before-after .after{
  width:200px;
  text-align:center;
  position:relative;
}
.photo-before-after .before::after{
  content:"";
  border-left:10px solid #999;
  border-top:20px solid transparent;
  border-bottom:20px solid transparent;
  position:absolute;
  top:50%; right:-25px;
  margin-top:-20px;
}
section.contents-box ul.index-gallery-list{
  margin-top:2.0rem;
}
/*
section.contents-box ul.index-gallery-list{
  justify-content:center;
  margin:30px auto 0 auto;
}
section.gallery-archive ul.index-gallery-list li{
  width:250px;
  margin:0 35px 40px 0;
}
section.gallery-archive ul.index-gallery-list li:nth-child(3n){
  margin-right:0;
}
*/

.member-sample-box{
  position:relative;
  border:2px dashed var(--main-color);
  border-radius:5px;
  padding:30px 35px 30px;
  margin:50px auto 0;
}
.member-sample-box h3{
  position:absolute;
  top:0; left:-5px;
  transform:translateY(-50%);
}
.member-sample-box h3 span{
  display:inline-block;
  position:relative;
  z-index:2;
  background:#fefbf5;
  padding:0 15px 0 0;
}
ul.sample-movie{
  margin:0 auto;
  display:flex;
  justify-content:space-between;
}
ul.sample-movie li p{
  font-size:14px; line-height:1.8;
  margin-bottom:5px !important;
}
ul.sample-movie li iframe{
  width:360px; height:203px;
  border:none;
}


/* リノベーション物件 */
#renovation-container{
  display:flex;
  justify-content:space-between;
}
#renovation-container > #renovation-title{
  color:rgba(0,0,0,0.8);
  text-align:left;
  width:280px;
}
#renovation-container > #renovation-title .eng{
  display:block;
  font-family:var(--headline-eng);
  font-weight:var(--normal);
  font-size:48px; line-height:1.4;
}
#renovation-container > #renovation-title .jp{
  font-size:16px; line-height:1.6; font-weight:400;
}
#renovation-container > #renovation-case{
  flex:1;
  overflow:hidden;
}
#renovation-container > #renovation-case .contents-box{
  width:100%;
  text-align:left;
}

section.renovation .entry-title{
  margin-bottom:30px;
}
section.renovation .entry-title h2{
  font-size:1.6rem; line-height:1.6;
  padding:0.5em 0;
}
section.renovation .entry-title .entry-date{
  font-size:0.9rem; line-height:1.4;
}
section.renovation .entry-body{
  margin-bottom:50px;
}
.renovation-billboard{
  box-sizing:border-box;
  width:100%;
  margin:0 auto 60px;
  padding:0 4%;
  position:relative;
}
.renovation-billboard .swiper-wrapper{
  transition-timing-function:ease-in;
}
.renovation-slider .swiper-slide{
  width:100%;
//  height:calc(810px / 3 * 2);
  aspect-ratio:3/2;
  position:relative;
  overflow:hidden;
}
.renovation-slider .swiper-slide img{
  width:100%; height:auto;
  position:absolute;
  top:50%; left:0;
  transform:translateY(-50%);
}
.renovation-slider .swiper-slide figcaption{
  position:absolute;
  bottom:0; left:0;
  box-sizing:border-box;
  width:100%;
  padding:8px 5px;
  background:rgba(0,0,0,0.6);
  font-size:0.85em; line-height:1.6;
  color:#FFF;
  text-align:center;
}
:root{
  --swiper-navigation-size:24px !important;
  --swiper-theme-color:#666 !important;
}
.renovation-billboard .swiper-button-prev{
  left:0;
}
.renovation-billboard .swiper-button-next{
  right:0;
}
.renovation-billboard .slider-thumbs{
  margin-top:5px;
}
.slider-thumbs .swiper-slide{
  width:120px; height:calc(120px / 3 * 2);
  position:relative;
  overflow:hidden;
  cursor:pointer;
}
.slider-thumbs .swiper-slide img{
  width:100%; height:auto;
  position:absolute;
  top:50%; left:0;
  transform:translateY(-50%);
}
.slider-thumbs .swiper-slide::after{
  content:"";
  width:100%; height:100%;
  background:rgba(255,255,255,0.65);
  position:absolute;
  top:0; left:0;
}
.slider-thumbs .swiper-slide.swiper-slide-active{
  opacity:1;
}
.slider-thumbs .swiper-slide.swiper-slide-active::after{
  content:"";
  width:100%; height:100%;
  background:rgba(0,0,0,0);
  position:absolute;
  top:0; left:0;
}
.slider-thumbs .swiper-slide img{
  width:100%; height:auto;
}

.before-after-contents{
  background:#fff;
  padding:0 50px;
  margin-bottom:60px;
}
.renovation-before-after{
  border-top:1px dashed #ccc;
  padding:50px 0;
}
section div.renovation-before-after:nth-of-type(1){
  border-top:none !important;
}
.renovation-before-after h3{
  font-size:1.15rem; line-height:1.0;
  margin-bottom:1.5em;
}
.renovation-before-after h3 span{
  display:inline-block;
  border:1px solid var(--main-color);
  padding:0.5em 2em 0.45em;
}
.before-after-image{
  display:flex;
  justify-content:space-between;
}
.before-after-image > .before{
  width:280px;
  width:360px;
  position:relative;
}
.before-after-image > .after{
  width:440px;
  width:360px;
  position:relative;
}
.before-after-image > .before::before{
  content:"before";
  font-size:12px; line-height:48px; font-weight:bold;
  color:#FFF;
  text-align:center;
  width:48px; height:48px;
  border-radius:100%;
  background:#666;
  position:absolute;
  top:-10px; left:-10px;
  transform:rotate(-3deg);
}
.before-after-image > .after::before{
  content:"after";
  font-size:16px; line-height:54px; font-weight:bold;
  color:#FFF;
  text-align:center;
  width:54px; height:54px;
  border-radius:100%;
  background:#DD0000;
  position:absolute;
  top:-10px; right:-10px;
  transform:rotate(3deg);
}

.before-after-image > .before::after{
  content:"";
  border-left:16px solid rgba(221,0,0,0.5);
  border-top:20px solid transparent;
  border-bottom:20px solid transparent;
  position:absolute;
  top:25%; right:-38px;
}
.before-after-image figcaption{
  font-size:0.9em; line-height:1.8;
  text-align:center;
  margin-top:0.5em;
}
.renovation-before-after .description{
  margin-top:15px;
  font-size:0.95rem; line-height:1.8;
}

table.renovation-table{
  width:100%;
  border-collapse:collapse;
  font-size:0.9em; line-height:1.8;
  border:1px solid #999;
  background:#fff;
}
table.renovation-table caption{
  font-size:1.1rem; line-height:1.8; font-weight:600;
  text-align:left;
  margin-bottom:10px;
}
table.renovation-table tr:not(:first-of-type){
  border-top:1px solid #999;
}
table.renovation-table th,
table.renovation-table td{
  font-weight:400;
  padding:10px 25px;
  text-align:left;
  vertical-align:top;
}
table.renovation-table th{
  background:rgba(48,76,147,0.04);
}
.renovation-data .gmap{
  box-sizing:border-box;
  width:100%;
//  border:1px solid #999;
  margin-top:30px;
}
.renovation-data .gmap iframe{
  width:100%; height:380px;
}

#renovation-case .reserve-box{
  text-align:center;
  margin-top:80px;
  padding:40px 0 30px;
  border:2px solid #6CA9B0;
  position:relative;
}
#renovation-case .reserve-box .reserve-title{
  font-size:1.1rem; line-height:1.2; font-weight:600;
  color:#fff;
  background:#6CA9B0;
  border-radius:9999px;
  padding:0.3em 2em 0.4em;
  margin:0 auto 1em;
  position:absolute;
  top:0; left:50%;
  transform:translate(-50%, -50%);
}
#renovation-case .reserve-box p{
  margin-bottom:15px;
}
#renovation-case .reserve-box .button{
  margin:0 auto;
}

/* リノベーション */
.renovation-feature{
  display:flex;
  justify-content:space-between;
  margin:20px 0 100px;
}
.renovation-box{
  width:30%;
  position:relative;
  text-align:left;
}
/*
.renovation-box{
  width:86%;
  margin:0 auto 100px;
  position:relative;
}
*/
.renovation-box .balloon{
  margin-bottom:20px;
}
.renovation-box .balloon h2{
  font-size:1.1rem; line-height:1.5; font-weight:600;
  color:#fff;
  text-align:center;
  background:var(--main-color);
  border-radius:9999px;
  padding:0.55em 0em 0.5em;
  position:relative;
}
.renovation-box .balloon h2::after{
  content:"";
  width:calc(600px * 0.1); height:calc(808px * 0.1);
  background-position:center center;
  background-repeat:no-repeat;
  background-size:contain;
  position:absolute;
  bottom:0;
  right:0;
  transform:translate(30%, 10%);
}
.renovation-box:nth-of-type(odd) .balloon h2::after{
}
/*
.renovation-box:nth-of-type(even) .balloon h2::after{
  left:0;
  transform:translate(-50%, 10%);
}
*/
.renovation-box .balloon h2.illust01::after{
  background-image:url(../../img/renovation/illust01.svg);
}
.renovation-box .balloon h2.illust02::after{
  background-image:url(../../img/renovation/illust02.svg);
}
.renovation-box .balloon h2.illust03::after{
  background-image:url(../../img/renovation/illust03.svg);
}

.renovation-box p{
  font-size:0.95em; line-height:1.6;
  margin-bottom:1.0em;
}
.renovation-box figure.modelhouse{
  width:96%;
  margin:25px auto 0;
  position:relative;
}
.renovation-box figure.modelhouse .image-frame{
  box-sizing:border-box;
  width:75%;
  border:2px solid #00ada9;
  border-radius:5px;
  overflow:hidden;
  position:absolute;
  bottom:0; right:-15px;
  transform:translateY(75%);
}
.renovation-box .flex .text-box{
  text-align:left;
}

#renovation-latest{
  margin-bottom:100px;
}
.renovation-latest-title{
  display:inline-block;
  font-size:1.5rem; line-height:1.8; font-weight:600;
  color:#CC0000;
  margin:0 auto 20px;
}
.renovation-latest-title::before{
  content:"＼";
  margin-right:0.25em;
}
.renovation-latest-title::after{
  content:"／";
  margin-left:0.25em;
}
#renovation-latest > #renovation-case{
  box-sizing:border-box;
  width:100%;
  margin:0 auto;
  padding:80px 140px 0;
  background:#fff;
  overflow:hidden;
}
#renovation-latest > #renovation-case .contents-box{
  width:100%;
  text-align:left;
}

.renovation-related{
  margin-bottom:100px;
}
.renovation-related-title{
  font-size:1.2rem; line-height:1.8; font-weight:600;
  margin:0 auto 20px;
}
ul.renovation-related-list{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
}
ul.renovation-related-list li{
  width:22%;
  margin:0 1.5% 30px;
}
ul.renovation-related-list li a{
  display:block;
  text-decoration:none;
  color:var(--base-color);
}
ul.renovation-related-list li a figure{
  margin-bottom:5px;
}
ul.renovation-related-list li a .text-box{
  text-align:left;
}
ul.renovation-related-list li a .entry-date{
  font-size:0.8em; line-height:1.8;
  margin-bottom:0.25em;
}
ul.renovation-related-list li a h2{
  font-size:1.05rem; line-height:1.6;
  color:var(--link-color);
}
ul.renovation-related-list li a:hover h2{
  text-decoration:underline;
}
.renovation-movie{
  width:860px; height:auto;
  aspect-ratio:16/9;
  overflow:hidden;
  border-radius:11px;
  margin:0 auto 80px;
}
.renovation-movie iframe{
  width:100%; height:100%;
}

/* owners */
body#owners,
body#owners header,
body#owners nav#global-nav{
  background:#fff;
  background:rgba(248,250,255,1);
}
#owners section h2{
  transform:translate(-10px, -50%) rotate(-2deg);
}
#owners section .entry-box h2{
  transform:translate(0, 0) rotate(0);
  margin-bottom:0;
}
#owners section > h2.owners-cat-title{
  display:inline-block;
  font-size:18px; line-height:2.0;
  color:#fff;
  padding:0 1.2em;
  border-radius:5px;
  transform:none;
}
#owners section > h2.owners-cat-title.present{
  background:#F9582D;
}
#owners section > h2.owners-cat-title.cat01{
  background:#BCCC2D;
}
#owners section > h2.owners-cat-title.cat02{
  background:#60B530;
}
#owners section h2::before,
#owners section h2::after{
  display:none;
}
#owners section h2 span{
  display:inline-block;
  font-size:1.05rem; line-height:2.2; font-weight:700;
  color:#fff;
  background:#F9582D;
  padding:0 25px;
  border-radius:5px;
  position:relative;
}
#owners section h2 span::after{
  content:"";
  border-top:10px solid #F9582D;
  border-left:10px solid transparent;
  border-right:10px solid transparent;
  position:absolute;
  bottom:-10px; left:50%;
  margin-left:-10px;
}

.owners-present{
  position:relative;
  margin:40px 0 100px;
}
.owners-present h2{
  position:absolute;
  top:0; left:0; z-index:5;
}
.owners-present a{
  display:block;
  text-decoration:none;
  color:#333;
  background:#fff;
  border-radius:5px;
  overflow:hidden;
}
.owners-present a figure{
  width:100%; height:auto;
  aspect-ratio:16/9;
  overflow:hidden;
}
.owners-present a figure img{
  width:100%; height:100%;
  object-fit:cover;
  transform:scale(1);
  transition:0.2s ease-in;
}
.owners-present a:hover figure img{
  transform:scale(1.1);
  transition:0.2s ease-in;
}
.owners-present a .text-box{
  padding:20px 40px;
  position:relative;
}
.owners-present a h3{
  font-size:1.6rem; line-height:1.6; font-weight:700;
  color:#111;
  color:var(--link-color);
  margin-bottom:0.5em;
}
.owners-present a:hover h3{
  text-decoration:underline;
}
.owners-present a ul.present-data{
  font-size:0.95em; line-height:1.8;
  margin-bottom:0;
}
.owners-present a ul.present-data li:not(:last-child){
  margin-bottom:0.5em;
}
.owners-present a ul.present-data li.schedule{
  position:relative;
  font-weight:700;
  padding-left:4.5em;
}
.owners-present a ul.present-data li.schedule .label{
  font-weight:400;
  position:absolute;
  top:0; left:0;
}
.owners-present a .more{
  font-size:0.9em; line-height:1.8;
  text-align:right;
}
.owners-present a .more span{
  color:var(--link-color);
  position:relative;
  padding-right:1em;
}
.owners-present a:hover .more span{
  text-decoration:underline;
}
.owners-present a .more span::after{
  content:"";
  border-left:0.4em solid var(--link-color);
  border-top:0.4em solid transparent;
  border-bottom:0.4em solid transparent;
  position:absolute;
  top:50%; right:0;
  transform:translateY(-50%);
}
.owners-present .present-box{
  margin-bottom:2.5rem;
}

#owners section .owners-sales h2 span{
  background:#60B530;
}
#owners section .owners-sales h2 span::after{
  border-top-color:#60B530;
}
ul.owners-sales-list{
  display:flex;
  flex-wrap:wrap;
}
ul.owners-sales-list li{
  width:32%;
  margin:0 2.0% 30px 0;
  background:#fff;
  border-radius:5px;
  overflow:hidden;
}
ul.owners-sales-list li:nth-child(3n){
  margin-right:0;
}
ul.owners-sales-list li a{
  display:block;
  text-decoration:none;
  color:#111;
}
ul.owners-sales-list li a figure{
  width:100%; height:auto;
  aspect-ratio:3/2;
  position:relative;
  overflow:hidden;
}
ul.owners-sales-list li a figure img{
  width:100%; height:100%;
  background:rgba(242,246,233,0.4);
  object-fit:cover;
}
ul.owners-sales-list li a figure.dummy img{
  width:30%; height:auto;
  object-fit:scale-down;
  position:absolute;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
}
ul.owners-sales-list li a .text-box{
  padding:10px 20px 12px;
}
ul.owners-sales-list li a .entry-date{
  font-size:0.8em; line-height:1.8;
}
ul.owners-sales-list li a .entry-title{
  display:block;
  font-size:0.95em; line-height:1.6; font-weight:700;
  color:var(--link-color);
}
ul.owners-sales-list li a:hover .entry-title{
  text-decoration:underline;
}

.side-owners-box .button{
  margin:15px 0;
}
.side-owners-box .button a{
  display:block;
  text-decoration:none;
  background:#bccc2d;
  font-size:1.0em; line-height:1.5; font-weight:700;
  color:#fff;
  padding:15px 15px 15px 68px;
  border-radius:5px;
  overflow:hidden;
  position:relative;
}
.side-owners-box .button a::after{
  content:"";
  width:36px; height:36px;
  background-image:url(../../img/svg/icon_mail_white.svg);
  background-repeat:no-repeat;
  background-position:top center;
  background-size:contain;
  position:absolute;
  top:15px; left:20px;
}

ul.side-maintenance-list li{
  width:100%;
  margin:0 0 10px;
}
ul.side-maintenance-list li a{
  display:flex;
  justify-content:space-between;
  align-items:center;
  text-decoration:none;
  color:#111;
  background:#fff;
  background:rgba(188,204,45,0.1);
  border-radius:5px;
  overflow:hidden;
}
ul.side-maintenance-list li a figure{
  width:34%; height:auto;
  aspect-ratio:1/1;
  background:rgba(255,255,255,0.98);
  position:relative;
  overflow:hidden;
}
ul.side-maintenance-list li a figure img{
  width:100%; height:100%;
  object-fit:cover;
}
ul.side-maintenance-list li a figure.dummy img{
  width:40%; height:auto;
  object-fit:scale-down;
  position:absolute;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
}
ul.side-maintenance-list li a .text-box{
  flex:1;
  padding:0px 15px;
}
ul.side-maintenance-list li a .entry-date{
  display:block;
  font-size:0.8em; line-height:1.4; font-weight:500;
}
ul.side-maintenance-list li a .entry-title{
  display:block;
  font-size:0.9em; line-height:1.4; font-weight:500;
}
ul.side-maintenance-list li a:hover .entry-title{
  text-decoration:underline;
  color:var(--link-color);
}

#owners section .entry-box{
  position:relative;
  padding-top:45px;
  margin-top:40px;
}
#owners section p.entry-date + .entry-box{
  margin-top:0;
}

#owners section .entry-box .owners-tag{
  display:inline-block;
  font-size:1.05rem; line-height:2.2; font-weight:700;
  color:#fff;
  padding:0 25px;
  border-radius:5px;
  position:absolute;
  top:0; left:0;
  transform:translate(-10px, -50%) rotate(-2deg);
}
#owners section .entry-box .owners-tag::after{
  content:"";
  border-top:10px solid #F9582D;
  border-left:10px solid transparent;
  border-right:10px solid transparent;
  position:absolute;
  bottom:-10px; left:50%;
  margin-left:-10px;
}
#owners section #present.entry-box .owners-tag{
  background:#F9582D;
}
#owners section #present.entry-box .owners-tag::after{
  border-top-color:#F9582D;
}
#owners section #cat01.entry-box .owners-tag{
  background:#BCCC2D;
}
#owners section #cat01.entry-box .owners-tag::after{
  border-top-color:#BCCC2D;
}
#owners section #cat02.entry-box .owners-tag{
  background:#60B530;
}
#owners section #cat02.entry-box .owners-tag::after{
  border-top-color:#60B530;
}

#side h2.owners-side-title{
  color:var(--base-color);
  padding:0;
  margin-bottom:15px;
}

ul.owners-archive-list li{
  padding:2em 0;
  border-bottom:1px dashed #999;
}
ul.owners-archive-list li:first-child{
  padding-top:1em;
}
ul.owners-archive-list li a{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  color:var(--base-color);
  text-decoration:none;
}
ul.owners-archive-list li a figure{
  width:200px; height:auto;
  aspect-ratio:3/2;
  overflow:hidden;
  position:relative;
  margin-right:25px;
}
ul.owners-archive-list li a figure img{
  width:100%; height:100%;
  object-fit:cover;
}
ul.owners-archive-list li a figure.dummy{
  background:#fff;
}
ul.owners-archive-list li a figure.dummy img{
  width:30%; height:auto;
  object-fit:scale-down;
  position:absolute;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
}
ul.owners-archive-list li a .text-box{
  flex:1;
  text-align:left;
}
ul.owners-archive-list li a .text-box span.entry-date{
  display:block;
  font-size:0.85em; line-height:1.8;
}
ul.owners-archive-list li a .text-box span.entry-title{
  display:block;
  font-size:1.1em; line-height:1.8;
  font-weight:500;
}
ul.owners-archive-list li a:hover .text-box span.entry-title{
  color:var(--link-color);
}
ul.owners-archive-list li a .text-box span.entry-excerpt{
  display:block;
  font-size:0.85em; line-height:1.8;
  margin-top:1em;
}

table.contact-table{
  width:100%;
  border-collapse:collapse;
}
table.contact-table tr{
  border-top:1px solid #CCC;
}
.campaign-form table.contact-table tr:first-of-type{
  border-top:none;
}
table.contact-table tr th{
  width:160px;
  padding:25px 20px;
  padding-left:0px;
  font-weight:500;
  white-space:nowrap;
  text-align:left;
  vertical-align:top;
  position:relative;
}
table.contact-table tr th.hissu{
  color:var(--base-color) !important;
}
table.contact-table tr th.hissu::after{
  display:inline-block;
  content:"必須";
  font-size:0.75em; line-height:1.6;
  color:#fff;
  background:#dd0000;
  border-radius:3px;
  padding:0 1em;
  position:absolute;
  top:30px; right:0;
}
table.contact-table tr td{
  padding:25px 30px;
  padding-right:0;
}
table.contact-table tr td.submit{
  text-align:center;
}
table.contact-table tr td textarea.cp-name{
  height:90px;
}
table.contact-table tr td input[type="number"]{
  width:120px;
  margin-right:0.5em;
}
table.contact-table tr td .caution{
  font-size:0.9em; line-height:1.8;
  color:#555;
}
table.contact-table tr td.bikou{
  padding:25px 0;
  text-align:center;
}
table.contact-table tr td .label{
  font-size:0.9em; line-height:1.8;
  margin-bottom:0.5em;
}
table.contact-table td input.p-postal-code{
  display:inline-block;
  width:30%;
}
table.contact-table tr td strong{
  font-weight:500;
}
table.contact-table tr td .wpcf7-list-item{
  box-sizing:border-box;
  margin:0 30px 0 0;
}
table.contact-table tr td .wpcf7-acceptance .wpcf7-list-item{
  margin:0;
}
table.contact-table tr td .wpcf7-not-valid-tip{
  font-size:0.9em; line-height:1.8;
}
table.contact-table tr td .acceptance{
  margin:20px auto 30px;
  white-space:nowrap;
}
table.contact-table tr td .button-list{
  display:flex;
  justify-content:center;
  margin:30px 0;
}
table.contact-table tr td .button-list input[type="submit"],
table.contact-table tr td .button-list input[type="button"]{
  margin:0 10px;
}
table.contact-table tr td .error-message{
  display:flex;
  align-items:center;
}
table.contact-table tr td .error-message p{
  white-space:nowrap;
  margin-bottom:0;
  margin-right:1.5em;
}
table.contact-table tr td .error-message input[type="text"]{
  flex:1;
}
table.contact-table tr td .present textarea{
  height:100px;
}
table.contact-table tr td .age{
  display:inline-block;
  width:20%;
  margin-right:0.5em;
}
.campaign-form{
  box-sizing:border-box;
  background:#fff;
  border:1px solid #f0f0f0;
  border-radius:7px;
  padding:35px 45px;
}

#owners .owners-campaign-box{
  border:1px dashed rgba(249,89,45,1.0);
  padding:20px 30px;
  border-radius:7px;
}
#owners .campaign-form .owners-campaign-box{
  margin-bottom:0.5em;
}
#owners .owners-campaign-box h3{
  color:#F9582D;
}
#owners .owners-campaign-box .present-name{
  font-weight:700;
}
.owners-campaign-box ul.present-data{
  margin:0.5em 0 0;
}
.owners-campaign-box ul.present-data li{
  position:relative;
}
.owners-campaign-box .present-title{
}
.owners-campaign-box .present-title strong{
  display:block;
}
.owners-campaign-box .present-title span.label{
  display:inline-block;
  font-size:0.8em; line-height:1.6;
  color:#fff;
  background:#666;
  border-radius:9999px;
  padding:0 1em;
}
.owners-campaign-box ul.present-data li.data-list{
  padding-left:90px;
  margin-top:0.2em;
}
.owners-campaign-box ul.present-data li.data-list span.label{
  font-size:0.8em; line-height:1.6;
  color:#fff;
  background:#666;
  border-radius:9999px;
  padding:0 1em;
  position:absolute;
  top:0.25em; left:0;
}
.owners-campaign-box ul.present-data li .campaign-form-button{
  margin:1.5em 0 0.5em;
  text-align:center;
}
.owners-campaign-box ul.present-data li .campaign-form-button a{
  display:inline-block;
  text-decoration:none;
  font-size:1.1em; line-height:2.0; font-weight:700;
  color:#fff;
  background:rgba(249,89,45,1);
  border-radius:9999px;
  padding:0.6em 5em;
  position:relative;
}
.owners-campaign-box ul.present-data li .campaign-form-button a::after{
  content:"";
  border-left:0.4em solid #fff;
  border-top:0.4em solid transparent;
  border-bottom:0.4em solid transparent;
  position:absolute;
  top:50%; right:1.5em;
  transform:translateY(-50%);
}
.owners-campaign-box ul.present-data li .present-end-message{
  margin:1.5em 0 0.5em;
  font-size:1.1em; line-height:1.8; font-weight:700;
  color:#dd0000;
  text-align:center;
}

/* 予約カレンダー */
.calendar-caution{
  background:#f6f6f6;
  padding:2.0em 3.0em;
}
section .calendar-caution h3{
  font-size:17px; line-height:1.8;
  margin-bottom:0;
}
section .calendar-caution p{
  font-size:0.95em; line-height:1.8;
  margin-bottom:0;
}
section .calendar-caution ul.calendar-mark-list{
  display:flex;
  margin-top:1em;
  margin-bottom:0;
}
section .calendar-caution ul.calendar-mark-list li{
  font-size:0.9em; line-height:1.8;
}
section .calendar-caution ul.calendar-mark-list li:not(:last-child)::after{
  content:"/";
  margin:0 0.8em;
}
section .calendar-caution ul.calendar-mark-list li span::after{
  content:"・・・";
}

.monthly-calendar,
.day-calendar,
.multiple-calendar{
  width:100%;
  margin:50px auto;
}
.monthly-calendar h3.calendar-title,
.multiple-calendar h3.calendar-title{
  display:none !important;
}
.monthly-calendar table,
.multiple-calendar table{
  width:100% !important;
  margin:0 auto 15px auto;
  border-collapse:collapse;
  table-layout:fixed;
  background:rgba(255,255,255,0.8);
}
.monthly-calendar table caption,
.multiple-calendar table caption{
  font-size:15px; line-height:160%; font-weight:bold;
  margin:0 auto 10px auto;
}
.monthly-calendar table th,
.monthly-calendar table td,
.multiple-calendar table th,
.multiple-calendar table td{
  font-size:15px; line-height:160%;
  border:1px solid #999;
}
.monthly-calendar table th,
.multiple-calendar table th{
  padding:10px 0;
}
.monthly-calendar table td,
.multiple-calendar table td{
  padding:15px 0;
  vertical-align:top;
}
.monthly-calendar table th.sat,
.monthly-calendar table td.sat,
.multiple-calendar table th.sat,
.multiple-calendar table td.sat,{
  background:rgba(65,105,225,0.06);
}
.monthly-calendar table th.sun,
.monthly-calendar table td.sun,
.multiple-calendar table th.sun,
.multiple-calendar table td.sun{
  background:rgba(255,99,71,0.06);
}
.monthly-calendar table td.day-box.no-day,
.multiple-calendar table td.day-box.no-day{
  background:transparent;
}

.monthly-calendar table td .calendar-mark{
  font-size:24px; line-height:180%;
}
.multiple-calendar table td .calendar-mark{
  font-size:24px; line-height:140%;
  padding:5px;
}
.monthly-calendar table td .calendar-mark a,
.multiple-calendar table td .calendar-mark a{
  font-weight:bold;
}
.monthly-calendar table td .schedule-note,
.multiple-calendar table td .schedule-note{
  font-size:14px; line-height:160%;
}
.multiple-calendar table td .calendar-marking{
//  display:none;
}
.multiple-calendar table td a .article-name{
  display:block;
  font-size:13px; line-height:130% !important;
  font-weight:bold !important;
}
.monthly-calendar .monthly-prev-next,
.multiple-calendar .monthly-prev-next{
  width:100% !important;
  font-size:14px !important;
}
.monthly-calendar .monthly-prev-next .no-link,
.multiple-calendar .monthly-prev-next .no-link{
  display:none;
}
.monthly-calendar .monthly-prev-next .monthly-prev a::before,
.monthly-calendar .monthly-prev-next .monthly-next a::after,
.multiple-calendar .monthly-prev-next .monthly-prev a::before,
.multiple-calendar .monthly-prev-next .monthly-next a::after{
  display:inline-block;
  content:"▲";
  font-size:12px;
}
.monthly-calendar .monthly-prev-next .monthly-prev a::before,
.multiple-calendar .monthly-prev-next .monthly-prev a::before{
  transform:scale(0.6,1) rotate(-90deg);
}
.monthly-calendar .monthly-prev-next .monthly-next a::after,
.multiple-calendar .monthly-prev-next .monthly-next a::after{
  transform:scale(0.6,1) rotate(90deg);
}

.day-calendar table.mtssb-timetable-link{
  width:100% !important;
  border-collapse:collapse;
}
.day-calendar table.mtssb-timetable-link caption .mtssb-timetable-name{
  display:none !important;
}
.day-calendar table.mtssb-timetable-link caption .mtssb-timetable-date{
  font-size:18px;
}
.day-calendar table.mtssb-timetable-link td{
  padding:10px 0;
}
.day-calendar .mtssb-daily-action button{
  -webkit-appearance:none;
  appearance:none;
	font-size:14px;
	color:#666;
	background:transparent;
  border:none;
	display:block;
  outline:none;
	cursor:pointer;
  transition:0.3s;
}
.day-calendar .mtssb-daily-action button:hover{
  text-decoration:underline;
  transition:0.3s;
}
.day-calendar .mtssb-daily-action button::before{
  content:"＜";
  font-size:12px;
  display:inline-block;
  margin-right:5px;
}

.content-form fieldset{
  border:none !important;
  padding:0 !important;
  margin:0 !important;
  width:100% !important;
}
.content-form table{
  width:100% !important;
  border-collapse:collapse !important;
  margin:0 !important;
}
.content-form table caption{
  text-align:left;
  font-size:14px;
  margin:10px 0px;
}
.content-form table tr{
  border-top:1px dashed #999;
}
.content-form table tr td table tr:first-of-type{
  border-top:none;
}
.content-form table tr td table tr:first-of-type th,
.content-form table tr td table tr:first-of-type td{
  padding-top:0;
}
.content-form table th{
  border:none !important;
  padding:20px 0px;
  white-space:nowrap;
  vertical-align:top;
  line-height:36px;
  color:#666;
  font-weight:normal;
  text-align:left;
}
.content-form table td{
  border:none !important;
  padding:20px 0;
  font-size:1rem !important;
}
.content-form table td .caution{
  font-size:0.9em; line-height:1.8;
  color:#666;
  margin-bottom:0.5em;
}
.content-form table td strong{
  font-size:120%; line-height:180%;
}
.content-form input[type="text"],
.content-form textarea,
.content-form button{
  -webkit-appearance:none;
  appearance:none;
  outline:none;
  border:none;
}
.content-form input[type="text"]{
  height:40px;
  border:1px solid #ccc;
  border-radius:3px;
  background:#FCFCFC;
  text-indent:0.5em;
}
.content-form input[type="text"].small-medium{
  width:30%;
}
.content-form select{
  width:120%;
  height:30px;
  font-size:15px;
  text-indent:0.5em;
  background:#FCFCFC;
  vertical-align:middle;
  outline:none;
  border:none;
  -webkit-appearance:button;
  -moz-appearance:button;
  appearance:button;
}
.content-form select option{
  background:#FCFCFC;
  text-indent:1em;
}
.content-form table td .select-num{
  position:relative;
  width:60px;
  margin:0;
  border:1px solid #999;
  border-radius:3px;
  display:inline-block;
  vertical-align:middle;
  overflow:hidden;
}
.content-form table td .select-num:before{
  content:"▼";
  font-size:10px;
  line-height:100%;
  color:var(--main-color);
  display:inline-block;
  transform:scale(1.4,1);
  position:absolute;
  top:9px;
  right:12px;
  z-index:1;
  pointer-events:none;
}
.content-form table td textarea{
  width:calc(100% - 2px);
  height:200px;
  border:1px solid #ccc;
  border-radius:3px;
  background:#FCFCFC;
  margin:5px 0 0 0;
}
.content-form table td button.button-secondary{
	font-size:14px;
  letter-spacing:1px;
  padding:8px 20px;
	color:var(--main-color);
	background:#FFF;
  border:1px solid var(--main-color);
  border-radius:3px;
	text-align:center;
	display:inline-block; vertical-align:middle;
  margin-left:5px;
	cursor:pointer;
}
.content-form table td button.button-secondary:hover{
  color:#FFF;
	background:var(--main-color);
  transition:0.5s;
}

.content-form #reserve-privacy-box{
  border-top:1px dashed #999;
  padding:20px 0 0 0;
  text-align:center;
}
.content-form button[type="submit"]{
	display:block;
	margin:2em auto;
	width:40%; height:48px;
  font-size:16px; font-weight:bold;
  color:var(--main-color);
  background:#fff;
	border:1px solid var(--main-color);
	border-radius:9999px;
	cursor:pointer;
	transition:0.3s;
}
.content-form .subscription-cancel button[type="submit"]{
  width:160px;
  margin:0;
}
.content-form button[type="submit"]:hover{
	color:#FFF;
	background-color:var(--main-color);
	transition:0.3s;
}
.content-form button[type="submit"]:disabled{
  cursor:not-allowed;
  border:none;
  background:rgba(0,0,0,0.2);
  color:#fff;
}
.content-form .subscription-title{
  font-weight:bold;
}

/*
.content-form #action-button button{
  width:50%;
	margin:30px auto;
	padding:10px 0 !important;
	font-size:14px;
	font-weight:bold;
  letter-spacing:1px;
	color:rgba(72,101,49,1);
	background:#FFF;
  border:1px solid rgba(72,101,49,1);
	text-align:center;
	display:block;
	cursor:pointer;
}
.content-form #action-button button:hover{
  color:#FFF;
	background:rgba(72,101,49,1);
  transition:0.5s;
}
*/

.renove-reserve{
  margin-bottom:2.5em;
}
.renove-reserve a{
  text-decoration:none;
  box-sizing:border-box;
  width:100%;
  padding:1.6em 2.0em;
  display:flex;
  justify-content:space-between;
  align-items:center;
  background:#fff;
  border:2px solid #2CA53A;
  border-radius:0.5em;
  position:relative;
}
.renove-reserve a > figure{
  width:26%;
}
.renove-reserve a > .text-box{
  flex:1;
  font-size:1.2em; line-height:1; font-weight:500;
  color:var(--base-color);
  text-align:center;
}
.renove-reserve a::after{
  content:"";
  border-left:0.5em solid #2CA53A;
  border-top:0.5em solid transparent;
  border-bottom:0.5em solid transparent;
  position:absolute;
  top:50%; right:1.5em;
  transform:translateY(-50%);
}


.rebuilding-title{
  text-align:center;
}
section > .rebuilding-title > h3{
  font-family:var(--font-mincho);
  font-size:1.6em; line-height:1.8;
  letter-spacing:0.08em;
  margin-bottom:1.3em;
}
ul.rebuilding-merit > li{
  margin-bottom:1.0em;
  border:1px solid #C05A88;
  border-radius:0.5em;
  background:#fff;
  padding:1.5em 2.0em;
}
ul.rebuilding-merit > li:last-child{
  display:flex;
  flex-direction:row-reverse;
  justify-content:space-between;
}
ul.rebuilding-merit > li > figure{
  width:360px; height:auto;
  aspect-ratio:3/2;
  overflow:hidden;
  border-radius:0.5rem;
  background:#f5f5f5;
  margin-left:1.5rem;
}
ul.rebuilding-merit > li > .text-box{
  flex:1;
}
ul.rebuilding-merit > li h3{
  font-size:1.25em; line-height:1.6;
  color:#C05A88;
}
ul.rebuilding-merit > li p:last-of-type{
  margin-bottom:0;
}
.rebuilding-faq{
  margin-bottom:1.0em;
  border:1px solid #ccc;
  border-radius:0.5em;
  background:#fff;
  padding:1.5em 2.0em;
}
.rebuilding-faq .question{
  font-size:1.1em; line-height:1.6; font-weight:bold;
  color:#DAA84C;
  padding-left:2.2em;
  margin-bottom:1.0em;
  position:relative;
}
.rebuilding-faq .question::before{
  content:"Q";
  font-size:1.0rem; line-height:1.8;
  font-weight:normal;
  color:#fff;
  text-align:center;
  width:1.8em; height:auto;
  aspect-ratio:1/1;
  background:#DAA84C;
  border-radius:100%;
  position:absolute;
  top:50%; left:0;
  transform:translateY(-50%);
}
.rebuilding-faq .answer{
  padding-left:2.3em;
  position:relative;
}
.rebuilding-faq .answer::before{
  content:"A";
  font-size:1.0rem; line-height:1.8;
  font-weight:normal;
  color:#fff;
  text-align:center;
  width:1.8em; height:auto;
  aspect-ratio:1/1;
  background:#d00;
  border-radius:100%;
  position:absolute;
  top:0; left:0;
}
.rebuilding-faq .answer > p:last-of-type{
  margin-bottom:0;
}
.rebuilding-faq .answer.flex{
  justify-content:space-between;
  align-items:flex-start;
}
.rebuilding-faq .answer.flex > figure{
  width:300px;
  border-radius:0.5rem;
  overflow:hidden;
  margin-left:1.5rem;
}
.rebuilding-faq .answer.flex > p{
  flex:1;
}
.rebuilding-faq .answer > ul.warehouse-photo{
  margin-top:1.0rem;
  display:flex;
  gap:0 1.0rem;
}
.rebuilding-faq .answer > ul.warehouse-photo > li{
  width:300px;
  border-radius:0.5rem;
  overflow:hidden;
}

.rebuilding-before-after{
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-top:2.5em;
}
.rebuilding-before-after .oldhouse{
  margin-right:90px;
  flex:3;
}
.rebuilding-before-after .oldhouse > figure > img{
  width:100%;
  height:auto;
}
.rebuilding-before-after .scrollable{
  flex:4;
}
.rebuilding-before-after .newhouse{
  position:relative;
}
.rebuilding-before-after .newhouse > figure{
  width:100%;
  height:auto;
  aspect-ratio: 1/1;
}
.rebuilding-before-after .newhouse > figure > img{
  width:100%;
  height:auto;
}
.rebuilding-before-after .newhouse > .point-num {
  position: absolute;
}
.rebuilding-before-after .newhouse > .point-num > a {
  display: block;
  width: 2.0em;
  height: auto;
  aspect-ratio: 1 / 1;
  border-radius: 100%;
  background: #fff;
  position: relative;
}
.rebuilding-before-after .newhouse > .point-num > a::after {
  font-family: var(--bootstrap);
  font-size: 2.0em;
  line-height: 1;
  color: #1b8641;
  position: absolute;
  top: 0;
  left: 0;
}
.rebuilding-before-after .newhouse > .point01-1{
  top:30%; left:10%;
  transform: translate(-5%,-30%);
}
.rebuilding-before-after .newhouse > .point01-2{
  top:30%; left:35%;
  transform: translate(-5%,-35%);
}
.rebuilding-before-after .newhouse > .point01-1 > a::after,
.rebuilding-before-after .newhouse > .point01-2 > a::after{
  content:"\F796";
}
.rebuilding-before-after .newhouse > .point02{
  top:10%; left:80%;
  transform: translate(-5%,-80%);
}
.rebuilding-before-after .newhouse > .point02 > a::after{
  content:"\F79C";
}
.rebuilding-before-after .newhouse > .point03{
  top:70%; left:17%;
  transform: translate(-70%,-17%);
}
.rebuilding-before-after .newhouse > .point03 > a::after{
  content:"\F7A2";
}
.rebuilding-before-after .newhouse > .point04{
  top:73%; left:62%;
  transform: translate(-65%,-50%)
}
.rebuilding-before-after .newhouse > .point04 > a::after{
  content:"\F7A8";
}
.rebuilding-before-after .newhouse > .point05{
  top:68%; left:80%;
  transform: translate(-65%,-50%)
}
.rebuilding-before-after .newhouse > .point05 > a::after{
  content:"\F7AE";
}

.rebuilding-before-after .oldhouse > figure{
  position:relative;
}
.rebuilding-before-after .oldhouse > figure::after{
  content:"";
  background-image: url(../../img/rebuilding/modelhouse/arrow.png);
  background-repeat:no-repeat;
  background-size:contain;
  width:28px;
  height:auto;
  aspect-ratio:1/1;
  position: absolute;
  top:50%;
  right:-60px;
}
.rebuilding-before-after .oldhouse figcaption,
.rebuilding-before-after .newhouse figcaption{
  padding-top:0.5em;
  font-weight: 700;
  text-align:center;
}
.rebuilding-before-after .oldhouse figcaption{
  margin-left:-40px;
}
.rebuilding-before-after .size08{
  font-size:0.8em !important;
  line-height:1.6;
}
.rebuilding-before-after .label{
  position: relative;
}
.rebuilding-before-after .label span{
  position:absolute;
  bottom:5%;
  right:3%;
  background-color:#fff;
  font-weight: 700;
  font-size:0.85em;
  letter-spacing: 0.1em;
  padding:0.15em 2em 0.2em;
  overflow: hidden;
  border-radius: 999px;
}
.takaha-modal{
  text-align: left;
}
.takaha-modal h4{
  color:#1b8641;
  font-size:1.4em; line-height:1.6;
  margin-bottom:0.5em;
}
.takaha-modal figure{
  border-radius: 10px;
  overflow: hidden;
}
.takaha-modal > .point-img,
.takaha-modal > .point-text{
  width:50%;
}
.takaha-modal .point-text{
  padding:2.1em 2em 1.1em 1.1em;
}
.modal-box{
  display:flex;
  justify-content:space-between;
}
.modal-box > figure{
  width:45%;
  margin-right:25px;
}
.modal-box > .flex{
  width:45%;
  margin-right:25px;
  display:flex;
  justify-content:space-between;
  margin-bottom:1em;
}
.modal-box > .flex > figure{
  width:47.5%; height:auto;
  aspect-ratio:1/1;
}
.modal-box > .flex > figure > img{
  width:100%; height:100%;
  object-fit:contain;
  object-position:bottom center;
}
.modal-box > .flex > figure > figcaption{
  font-size:0.75em; line-height:1.8;
  text-align:center;
  letter-spacing:0.05em;
  margin-top:0.3em;
}
.modal-box > .text-box{
  flex:1;
  text-align:left;
}
.modal-box > .text-box > h4{
  font-size:1.2em; line-height:1.6;
  color:#F1524B;
  letter-spacing:0.25em;
  margin-bottom:0.3em;
}
.remodal > button.close{
  width:2.0em; height:auto;
  aspect-ratio:1/1;
  position:absolute;
  top:0; right:0;
  transform:translateY(-105%);
  background:transparent;
  border:none;
  cursor:pointer;
}
.remodal > button.close::after{
  font-family:var(--bootstrap);
  content:"\F659";
  font-size:2.0em; line-height:1;
  color:#fff;
  position:absolute;
  top:0; left:0;
}
ul.rebuilding-photo{
  display:flex;
  flex-direction:column;
  gap:1.5rem 0;
  margin:1.5rem 0 0.5rem;
}
ul.rebuilding-photo > li{
  display:flex;
  justify-content:space-between;
}
ul.rebuilding-photo > li > figure{
  width:320px; height:auto;
  aspect-ratio:3/2;
  overflow:hidden;
  border-radius:0.5rem;
  background:#f5f5f5;
  margin-right:1.25rem;
}
ul.rebuilding-photo > li > figcaption{
  flex:1;
}
.apartment-info{
  display:flex;
  justify-content:space-between;
  margin-top:1.5rem;
}
.apartment-info > ul.apartment-floorplan{
  display:flex;
  gap:0 1rem;
  margin-right:1.5rem;
}
ul.apartment-floorplan > li{
  width:168px;
}
ul.apartment-floorplan > li > figcaption{
  font-size:0.85rem; line-height:1.8;
  text-align:center;
}
.apartment-info > .text-box{
  flex:1;
  padding-top:0.75rem;
}
.apartment-info ul.apartment-detail > li{
  display:flex;
  align-items:flex-start;
  gap:0 0.75rem;
  margin-bottom:0.5rem;
}
.apartment-info ul.apartment-detail > li > .label{
  width:5em;
  font-size:0.75rem; line-height:1.6;
  text-align:center;
  border:1px solid #999;
  border-radius:9999px;
  margin-top:0.2rem;
}
.apartment-info ul.apartment-detail > li > .detail{
  flex:1;
  font-size:0.95rem; line-height:1.6;
}
/* ufit */
.ufit-billboard{
  margin-bottom:0;
  padding-bottom:0;
}
section #page-title.title-ufit h1{
  line-height: 0.9;
  padding: 0.6em 0.9em 18px 0.9em;
  font-size:2.8em;
  background: rgba(255, 255, 255, 1);
  top:auto;
  bottom:-15px;
  transform: translateY(0);
  left:0px !important;
}
section #page-title.title-ufit h1 span.sub{
  margin-left:0;
  font-size:0.6em;
}
section #page-title.title-ufit h1 span.size80{
  font-size:0.55em;
  margin-left:0;
}
section #page-title.title-ufit h1 span.sub::before,
section #page-title.title-ufit h1 span.sub::after{
  content:'';
}
.ufit-wrapper h2{
  color:var(--base-color);
  font-size:1.4em;
  letter-spacing: 0.04em;
  position: relative;
  z-index:1;
}
.ufit-wrapper > h2{
  font-size: 3.4em;
  line-height: 1.3;
  font-weight: var(--bold);
  font-family: var(--font-mincho);
  color: var(--main-color);
  letter-spacing: 0.04em;
  margin-top:1.5em;
}
.ufit-wrapper > h2 .size55{
  font-size:0.55em;
  font-weight: var(--bold);
  font-family: var(--font-mincho);
  color:var(--base-color);
}
.ufit-wrapper > p{
   font-size: 1.1em;
   line-height:1.8;
   margin-bottom: 2.5em;
}
.ufit-wrapper > p strong{
  color:#f5a314;
  font-weight: var(--medium);
  font-size:1.2em;
  margin-right:0.4em;
}
.ufit-wrapper h2::before{
  content: '';
  border: none;
  bottom:auto;
}
.ufit-wrapper h2::after{
  border:none;
}
.ufit-wrapper .ufit-contents{
  background-color:#fff;
  padding:25px 3em 40px;
  position: relative;
}
.ufit-wrapper .ufit-contents::before{
  content:'';
  background-image: url('../../img/ufit/top.png');
  background-size: contain;
  background-repeat: no-repeat;
  aspect-ratio: 767/313;
  width:250px;
  height:auto;
  position: absolute;
  right:15px; top:-10px;
  transform: scale(1.3) rotate(5deg);
}
.ufit-wrapper .ufit-contents h3{
  color: var(--main-color);
  font-size: 1.6em;
  line-height: 1.6;
  font-weight: var(--bold);
  letter-spacing: 0.06em;
  margin-bottom: 1.5em;
}
.ufit-wrapper .ufit-contents > h3 .mb15,
.ufit-wrapper .ufit-contents > h3 .mt15{
  display: block;
}
.ufit-wrapper h3 .orange{
  font-size:1.3em;
  color:#f5a314;
}
.ufit-wrapper .ufit-contents h3 .orange{
  display: block;
}
.ufit-wrapper .person-box{
  border:1px solid #ccc;
  padding:1.4em 1.8em 0.2em;
  margin-top:2.5em;
  position: relative;
  display:flex;
  flex-direction:row-reverse;
  justify-content:space-between;
  align-items:flex-end;
  gap:0 1.0rem;
}
.ufit-wrapper .ufit-contents .person-box > figure{
  width:80px; height: auto;
  aspect-ratio: 180/409;
}
.ufit-wrapper .ufit-contents .person-box > figure > img{
  width:100%; height:100%;
  object-fit:cover;
}
.ufit-wrapper .ufit-contents .person-box > .text-box{
  flex:1;
}
.ufit-wrapper .ufit-contents .person-box h3{
  margin-bottom:0.2em;
  color:var(--base-color);
  font-size:1em;
}
.ufit-wrapper .person-box p{
  font-size:0.95em;
}
/*
.ufit-wrapper ul.person-box{
  border:1px solid #ccc;
  padding:1.4em 8em 0.2em 1.8em;
  margin-top:2.5em;
  position: relative;
}
.ufit-wrapper .ufit-contents ul.person-box h3{
  margin-bottom:0.2em;
  color:var(--base-color);
  font-size:1em;
}
.ufit-wrapper ul.person-box p{
  font-size:0.95em;
}
.ufit-wrapper ul.person-box p:first-of-type{
  margin-bottom:10px;
}
.ufit-wrapper ul.person-box::after{
  content:'';
  background-image: url('../../img/ufit/01_4.png');
  background-repeat: no-repeat;
  background-size: contain;
  aspect-ratio: 180/490;
  width:80px;
  height: auto;
  position: absolute;
  bottom:-36px; right:25px;
}
*/
.ufit-wrapper .plan-wrapper{
  margin-bottom:5.5em;
}
 .ufit-wrapper .swiper{
  width: 720px !important;
  height: 100%;
}
.ufit-wrapper .main-swiper01 img,
.ufit-wrapper .thumb-swiper01 img,
.ufit-wrapper .main-swiper02 img,
.ufit-wrapper .thumb-swiper02 img{
  aspect-ratio: 950/534;
  width: 720px;
  height: auto;
  object-fit: contain;
}
.ufit-wrapper .thumb-swiper01 .swiper-slide,
.ufit-wrapper .thumb-swiper02 .swiper-slide {
  aspect-ratio: 950/534;
  width: 230px;
  object-fit: contain;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.ufit-wrapper .thumb-swiper01 .swiper-slide img,
.ufit-wrapper .thumb-swiper02 .swiper-slide img{
  aspect-ratio: 950/534;
  width: 100%;
  object-fit: contain;
  position: relative;
  cursor: pointer;
}
 .ufit-wrapper .swiper-slide img {
  filter: brightness(40%);
  transition: filter 0.2s;
  cursor: pointer;
}
.thumb-swiper .swiper-slide-thumb-active img {
  filter: brightness(100%);
}
.thumb-swiper01,.thumb-swiper02 {
  overflow: visible;
}
.ufit-wrapper .swiper-wrapper{
  margin-bottom: 10px;
}
.ufit-wrapper .swiper-slide-active img{
  filter: brightness(100%);
}
.ufit-wrapper .swiper-group01,
.ufit-wrapper .swiper-group02{
  position: relative;
}
.ufit-wrapper .swiper-button-prev01,
.ufit-wrapper .swiper-button-next01,
.ufit-wrapper .swiper-button-prev02,
.ufit-wrapper .swiper-button-next02 {
  color: #fff;
  position: absolute;
  top:36%;
  transform: translateX(-50%);
}
.ufit-wrapper .swiper-button-prev01,
.ufit-wrapper .swiper-button-prev02{
  left:0px;
}
.ufit-wrapper .swiper-button-next01,
.ufit-wrapper .swiper-button-next02{
  right:-12px;
}
/*.ufit-wrapper .swiper-button-prev01::before,
.ufit-wrapper .swiper-button-next01::before,
.ufit-wrapper .swiper-button-prev02::before,
.ufit-wrapper .swiper-button-next02::before  {
  content:'';
  aspect-ratio: 1/1;
  width:30px;
  height:auto;
  border-radius: 999px;
  background-color: var(--main-color);
  position: absolute;
  top:50%; left:50%;
  transform: translate(-50%,-50%);
}*/
.ufit-wrapper .swiper-button-prev01::after,
.ufit-wrapper .swiper-button-next01::after,
.ufit-wrapper .swiper-button-prev02::after,
.ufit-wrapper .swiper-button-next02::after {
  font-weight: var(--bold);
  /*transform: scale(0.5);*/
  font-size:0.8em;
  /*aspect-ratio: 1/1;*/
  padding:0.55em 0.8em;
  background-color: var(--main-color);
  border-radius: 999px;
}
.ufit-wrapper .plan-box::before{
  background:url('../../img/ufit/02.png');
  background-size: contain;
  background-repeat: no-repeat;
  aspect-ratio: 841/472;
  width:230px;
  height:auto;
  top:-40px; right:-40px;
}
.ufit-wrapper #plan01.plan-box{
  margin-top:5em;
  margin-bottom:5em;
}
.ufit-wrapper #plan02.plan-box::before{
  background:url('../../img/ufit/03.png');
  background-size: contain;
  background-repeat: no-repeat;
  aspect-ratio: 895/579;
  width:220px;
  height:auto;
  top:-52px;
}
.ufit-wrapper .plan-box .text-box h3{
  font-size:2.5em;
  margin-bottom:25px;
}
.ufit-wrapper .plan-box p{
  margin-top:1em;
  margin-bottom:2em;
}
.ufit-wrapper figure.plan-title {
  width: 95px;
  margin-right: 0.9em;
  margin-left: -1.8em;
  margin-top: -1.5em;
}
.ufit-wrapper .style-box .text-box p {
  font-size: 2.1em;
  line-height: 1.5;
  font-weight: var(--bold);
  font-family: var(--font-mincho);
  color: var(--main-color);
  letter-spacing: 0.04em;
}
.ufit-wrapper .plan-wrapper > .plan-box ul.flex{
  justify-content: space-between;
  /*align-items: center;*/
  border:1px solid #ccc;
  padding: 1.4em 1.5em 1.4em 0;
}
.ufit-wrapper .plan-wrapper > .plan-box ul.flex > li:first-of-type{
  width:460px;
  /*margin-right:1.5em;*/
}
.ufit-wrapper .plan-wrapper > .plan-box ul.flex > li:last-of-type{
  flex:1;
  border-left:1px solid #ccc;
  padding-left:1.8em;
}
.ufit-wrapper .plan-wrapper > .plan-box ul.flex li > img{
  width:auto;
  height:460px;
  margin:0 auto;
}
.ufit-wrapper .plan-wrapper > #plan02 ul.flex li > img{
  height:390px;
}
.ufit-wrapper .plan-wrapper > .plan-box ul.flex li h4{
  font-size:0.9em;
}
.ufit-wrapper .plan-wrapper > .plan-box ul.flex li.block-wrapper ul{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom:0;
  gap:0.4em;
}
.ufit-wrapper .plan-wrapper > .plan-box ul.flex li.block-wrapper ul li{
  font-size:0.85em;
}
.ufit-wrapper .plan-wrapper > .plan-box ul.flex li.block-wrapper div h4{
  font-size:0.75em;
  font-weight: var(--normal);
  line-height:2;
  margin-bottom:0.5em;
}
.ufit-wrapper .plan-wrapper > .plan-box ul.flex li.block-wrapper div{
  padding:0.6em 0.8em 0.7em;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.ufit-wrapper .plan-wrapper > .plan-box ul.flex li.block-wrapper div:not(.entrance-block){
  margin-bottom:0.6em;
}
.ufit-wrapper .plan-wrapper > .plan-box ul.flex li.block-wrapper div li{
  flex:1;
  width:135px;
  text-align: center;
  line-height:1;
  letter-spacing: 0em;
  padding:0.4em 0 0.4em;
}
.ufit-wrapper .plan-wrapper > .plan-box ul.flex li.block-wrapper .living-block{
  background-color:rgba(240,131,0,0.2);
}
.ufit-wrapper .plan-wrapper > .plan-box ul.flex li.block-wrapper .living-block ul li{
  background-color:#fff;
}
.ufit-wrapper .plan-wrapper > .plan-box ul.flex li.block-wrapper .storage-block{
  background-color:rgba(255,130,100,0.2);
}
.ufit-wrapper .plan-wrapper > .plan-box ul.flex li.block-wrapper .storage-block ul li{
  background-color:#fff;
}
.ufit-wrapper .plan-wrapper > .plan-box ul.flex li.block-wrapper .water-block{
  background-color:rgba(30,80,162,0.2);
}
.ufit-wrapper .plan-wrapper > .plan-box ul.flex li.block-wrapper .water-block ul li{
  background-color:#fff;
}
.ufit-wrapper .plan-wrapper > .plan-box ul.flex li.block-wrapper .entrance-block{
  background-color:rgba(185,187,189,0.22);
}
.ufit-wrapper .plan-wrapper > .plan-box ul.flex li.block-wrapper .entrance-block ul li{
  background-color:#fff;
}
.ufit-wrapper .style-box h3{
  font-size:1.5em;
  letter-spacing: 0.04em;
  font-weight: var(--bold);
  color:var(--base-color);
  font-family: var(--font-mincho);
  margin-bottom:15px;
}
.ufit-wrapper .style-box ol{
  margin-bottom:0 !important;
}
.ufit-wrapper .style-box ol li{
  position: relative;
}
.ufit-wrapper .style-box ol li:last-of-type p{
  margin-bottom: 0;
}
.ufit-wrapper .style-box ol li::before{
  content:'';
  background-image: url('../../img/ufit/point01.png');
  background-size: contain;
  background-repeat: no-repeat;
  aspect-ratio: 111/29;
  width:75px;
  height:auto;
  position:absolute;
  left:0; top:0px;
  transform: translateY(2px);
  filter: brightness(0) saturate(100%) invert(74%) sepia(55%) saturate(679%) hue-rotate(335deg) brightness(103%) contrast(93%);
}
.ufit-wrapper .style-box ol li:nth-of-type(2):before{
  background-image: url('../../img/ufit/point02.png');
}
.ufit-wrapper .style-box ol li:nth-of-type(3):before{
  background-image: url('../../img/ufit/point03.png');
}
.ufit-wrapper .style-box ol li h4{
  color: #f5a314;
  padding-left:4.8em;
  margin-bottom:0.2em;
}
.ufit-wrapper > h3{
  margin-top:2.5em;
  font-size:1.3em;
  color: var(--base-color);
  text-align: center;
  margin-bottom:1em;
}
.ufit-wrapper > h3 .blue{
  color:var(--main-color);
  font-size: 1.4em;
}
.ufit-wrapper > h3 .size100{
  font-size:1em;
}
.ufit-wrapper .button-list li a{
  border-radius: 999px;
  color:var(--base-color);
  font-size:1.25em;
  height:60px;
  line-height: 62px;
  position: relative;
}
.ufit-wrapper .button-list li:first-of-type a {
  border: 2px solid #f8c66f;
}
.ufit-wrapper .button-list li:first-of-type a:hover{
  color:#fff;
  background-color:#f6b33e;
}
.ufit-wrapper .button-list li a::before{
  content:'';
  background-image:url('../../img/ufit/plan.png');
  background-size: contain;
  background-repeat: no-repeat;
  aspect-ratio: 82/35;
  width:45px; height: auto;
  position: absolute;
  top:50%; left:68px;
  transform: translateY(-50%);
}
.ufit-wrapper .button-list li:first-of-type a::before{
  filter: brightness(0) saturate(100%) invert(74%) sepia(55%) saturate(679%) hue-rotate(335deg) brightness(103%) contrast(93%);
}
.ufit-wrapper .button-list li:first-of-type a:hover::before{
  filter: brightness(0) saturate(100%) invert(97%) sepia(0%) saturate(345%) hue-rotate(322deg) brightness(120%) contrast(100%);
}
.ufit-wrapper .button-list li:nth-of-type(2) a::before{
  filter: brightness(0) saturate(100%) invert(82%) sepia(40%) saturate(1696%) hue-rotate(300deg) brightness(94%) contrast(90%);
}
.ufit-wrapper .button-list li:nth-of-type(2) a:hover::before{
  filter: brightness(0) saturate(100%) invert(97%) sepia(0%) saturate(345%) hue-rotate(322deg) brightness(120%) contrast(100%);
}
.ufit-wrapper .button-list li a span.num{
  position: absolute;
  left:-25px; top:50%;
  transform: translateY(-50%);
  font-size:1.1em;
  font-weight: var(--medium);
}
.ufit-wrapper .button-list li:first-of-type a span.num{
  color:#f6b33e;
}
.ufit-wrapper .button-list li:nth-of-type(2) a span.num{
  color:#ee8c8a;
}
.ufit-wrapper .button-list li a:hover span.num{
  color:#fff;
}
.ufit-wrapper .button-text{
  position: absolute;
  left:55%;
  transform: translateX(-50%);
}
.ufit-wrapper ul.button-list li a::after {
  content: "";
  width:18px;
  height:auto;
  aspect-ratio: 2;
  clip-path: polygon(0 0, 100% 0,50% 100%);
  background-color:#f6b33e;
  position: absolute;
  top:50%;
  right:16px;
  transform: rotate(0) translateY(-50%);
}
.ufit-wrapper ul.button-list li:nth-of-type(2) a::after {
  background-color:#ee8c8a;
}
.ufit-wrapper ul.button-list li a:hover::after{
  background-color:#fff;
}
.ufit-wrapper .button-list li:nth-of-type(2) a {
  border: 2px solid #f1a2a0;
}
.ufit-wrapper .button-list li:nth-of-type(2) a:hover{
 color:#fff;
 background-color:#ee8c8a;
}

/*代表取締役　ブログ*/
.president-blog-button{
  /*background: #FFF;
  padding: 25px 29px 0px;*/
  margin-top:45px;
  /*border: 1px solid #CCC;*/
}

.president-blog-button .blog-link{
  text-align: center;
}
.president-blog-button a {
  display: inline-block;
  border: 1px solid var(--main-color);
  font-size: 15px;
  line-height: 39px;
  color: #111;
  padding: 10px 70px;
  height: 37px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 30px;
  transition: 0.3s;
  position: relative;
}

.president-blog-button a:hover {
  text-decoration: none;
  background: var(--main-color);
  color: #FFF;
  transition: 0.3s;
}
.president-blog-button a::after {
  content: "";
  width: 8px;
  height: 12px;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  background-color:var(--base-color);
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.president-blog-button a:hover::after{
  background-color:#fff;
}