@charset "utf-8";
/*
 * 【重要警告】
 * このWordPressテーマは R-design が著作権を有しています。
 * 無断での使用・コピー・改変・再配布は、著作権侵害にあたります。
 * 不正利用が確認された場合、アクセスログやコード署名をもとに、
 * 弁護士を通じて法的手段を取らせていただきます（実例あり）。
 *
 */

/* CSS Document */
.header-flex{padding:0 !important;}
.header-flex .logo{width:calc(100% - 110px);}
.header-bt{margin:0 !important;}
.header-bt a{padding:0;line-height:0;}


/* slider */
.slider { position: relative;display:flex;justify-content:center;align-items:center;line-height: 0;overflow:hidden; margin-top: 50px;}
.slider-pc{display:none;}
.slider-come{max-width:calc(100vw - 40px);position:absolute;display:flex;justify-content:center;align-items:center;z-index:2;}
.slider-come img{width: auto; height: auto;}
.slider-sp{position: relative;}

/* セクション共通 */
.pc{display:none !important;}
.obi{background-color: #FFF;padding: 20px 15px;}
main.sub{margin-top: 50px;min-height:calc(100vh - 350px);}

.grad{background-color:#ECEFF1;/*background: linear-gradient(180deg, #51362b 0%, #1d2088 100%);*/padding: 20px;}

.section-title{font-size: 22px;font-weight:600; display: flex;flex-direction: column;margin-bottom: 20px;text-align: left;position:relative;}
.section-title span{color: #51362b;font-size: 14px;font-weight: 400;letter-spacing: .1rem;padding-left: 4px;}

.section-title-top{display:flex;flex-direction:column;line-height:1.2;align-items:center;padding-bottom:30px;color:#51362b;}
.en{font-family: "Rajdhani", sans-serif;font-weight: 700;font-size:56px;letter-spacing:1px;color:#51362b;line-height:1;}
.jp{font-size:16px;font-weight:400;letter-spacing:1px; color: #51362b;padding-top: 8px;border-top: 3px solid #f7d22f;}


.sub-title-obi{color:#4f372c;background-color:#f7d22f;height: 80px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.sub-title-obi h2{font-size: 24px;font-weight: 600;display: flex;align-items: center;justify-content: center;}
.sub-title-obi h2 img{max-height: 33px;margin-right:5px;}
.sub-title-obi h2 small{font-size: 16px;padding-top: 8px;}
.sub-title-obi span {display: inline-block; font-size: 14px;font-weight: 400;letter-spacing: .1rem;margin-top: 0px;}

.sub-title{display: flex; align-items: center;font-size: 21px; font-weight: 600;margin-left: -60px; margin-top: 30px;margin-bottom: 15px;}
.sub-title:after {content: ""; height: 2px; flex-grow: 1; margin-left: .5rem; background-color: #51362b;}
.sub-title-img{width: calc(100% - 30px);margin: 0 auto -50px;line-height:0;background-color:#FFF;}
.single-post-waku {padding-top:20px;font-size:16px;line-height:1.8;text-align:left;}
.single-post-waku p{padding-bottom:1rem;text-align:justify;}
.single-post-waku p img{width:100%;height:auto;}
#toc_container{font-size:90% !important;}
.single-post-waku h1{font-size:26px;padding:5px;margin-bottom:15px;margin-top:30px;font-weight: 700;line-height:1.4;}
.single-post-waku h2{font-size:21px;color:#51362b;padding:5px;border-bottom:solid 2px #51362b;margin-bottom:15px;margin-top:30px;font-weight: 600;line-height:1.4;}
.single-post-waku h3{font-size:18px;background-color:#ffd4d8;padding:10px;margin-top:30px;margin-bottom:10px;font-weight: 600;line-height:1.4;}
.single-post-waku h4{font-size:18px;padding:5px;border-bottom:solid 1px #000;margin-bottom:10px;margin-top:15px;font-weight: 600;line-height:1.4;}
.single-post-waku h5{font-size:16px;padding:5px;background-color:#ececec;margin-bottom:10px;margin-top:15px;font-weight: 600;line-height:1.4;}

.button{display: inline-flex; justify-content: center;align-items: center;border-radius: 6px; padding: 5px 15px 7px; color:#FFF;font-size: 15px;font-weight: 400;transition: .3s;line-height:1.4;background-color:#51362b;}
.button:after {
  content: "";
  display: inline-block;
  background: url("../../../image/common/arrow_w.svg");
  background-size: cover;
  background-repeat: no-repeat;
  width: 15px;
  height: 14px;
  margin-left: 3px;
}
.button:hover{ transition: .3s;color:#54352a;background-color:#fdd100;}
.button:hover::after {
  background: url("../../../image/common/arrow_b.svg");
}

.post-waku{background-color:#FFF;padding:15px 15px 30px;width:100%;border-radius:14px;}
.post-title{font-size:24px;line-height:1.2;padding:15px;border-bottom:2px solid #51362b;text-align:center;margin-bottom:15px;}

.list-flex{display: flex;justify-content:flex-start;max-width: 100%;margin: 20px auto;padding: 15px;flex-wrap:wrap;gap:15px;}
.list-box{width: 100%; padding: 15px;border-radius: 14px;background-color: #FFF;text-align: right;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}
.list-box .day { font-size: 18px; font-weight: 600; color: #51362b; padding-bottom: 10px;text-align: center;}
.list-box .title {font-size: 18px;font-weight: 600; padding: 5px 0; margin-bottom: 5px; line-height: 1.4; border-bottom: 1px solid;text-align: justify;}
.list-box .pic {width: 100%; line-height: 0;aspect-ratio: 7 / 4;}
.list-box .pic img{width: 100%; height: 100%; object-fit: cover;}
.list-box ul{margin-bottom: 5px;}
.list-box li{font-size: 14px;line-height: 1; display: flex; justify-content: flex-start;align-items: center; letter-spacing: .03rem; padding-bottom: 2px;text-align: left;}
.list-box-flex{display: flex;}
.list-box-flex .pic{flex:1;}
.list-box-flex ul{flex:2;padding-left: 10px;}
.list-box.sp .day {font-size: 16px; padding-bottom: 0px;text-align: right;}
.list-box.sp .title {font-size: 18px;text-align: left;padding: 0 0 5px;}

.bana{display:block;margin:15px 0;line-height:0;transition:.3s;}
.bana:hover{opacity:.8;}

.font88{font-size:88%;}

@media screen and (max-width: 459px) {
.font88{font-size:75%;}
}

.sankaku{position:relative;}
.sankaku img{position:absolute;display:inline-block;z-index: 102;max-width:unset;max-height:unset;width: 20px; bottom: 6px;right: 6px;}
.sankaku::before { content: ""; bottom: 0;right: 0;border-top: 60px solid transparent;border-right: 60px solid #f7d22f; position: absolute;z-index: 100;transition:.3s;}
.sankaku::after { content: "";display: block; bottom: 5px; transform: rotate(135deg); right: 0px;position: absolute;z-index: 101;}
a:hover .sankaku::before{border-right: 60px solid #51362b;transition:.3s;}

/* 商品ラインナップ */
section.lineup{width: 100%;margin: 30px auto 15px;}
.top-lineup-flex{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.lineup-box{width: 48%;display:flex;align-items:center;background-color: #FFF;border:2px solid #FFF;margin: 1%;overflow: hidden;position:relative;}
.lineup-box:hover .pic{opacity: .7;}
.lineup-box .pic{line-height:0;width:100%; aspect-ratio: 1.4 / 1;}
.lineup-box .pic img{width:100%;height:100%;object-fit:cover;}
.lineup-box > .category {position: absolute;left: 0;top: 10px; background-color: #4f372c; box-shadow: rgba(0, 0, 0, 0.2) 0px -3px 0px inset;color: #FFF; padding:5px 10px; font-size: .77rem; font-weight: 500;letter-spacing: 2px;}
.lineup-box .sankaku{display:none;}




/* 商品ラインナップ詳細 */
section.s-lineup{width: 100%;margin: 0px auto;text-align:right;}
.s-lineup-flex{margin-bottom:30px;}
.s-lineup-flex .pic{width:100%;}
.s-lineup-flex .pic img{width:100%;height:auto;}
.s-lineup-flex .text{display:flex;flex-direction:column;align-items: flex-end;}
.s-lineup-flex .text .post-title,.s-lineup-flex .text h4,.s-lineup-flex .text p{text-align:justify;padding: 0 10px 15px;}
.s-lineup-flex .text h4{font-size:21px;width:100%;}
.s-lineup-flex .text p{font-size:16px;flex:1;}

.top-ww-waku{width: calc(100% - 60px); margin: 0 auto 30px !important;}
.top-ww-waku .box{margin:5px;aspect-ratio: 4 / 3;}
.top-ww-waku .box img{width:100%;height:100%;object-fit:cover;}

.slick-dots{}
.slick-dots li{ width: 15px !important; height: 15px !important;}
.slick-dots li button:before{font-size:15px !important;}
.slick-dots li.slick-active button:before{color:#51362b !important;}

.lineup-price{padding-bottom:20px;}
.lineup-price .img{width: 100%;height:auto;}
.lineup-price .img img{width: 100%;height: auto;}

.lineup-price .text{width:100%;text-align:justify;}

.plan-midashi {background-color: #151515; color: #fff; padding: 5px;margin-bottom: 10px;margin-top:20px;font-weight:500;}
.plan-line{padding: 6px;border-bottom: dotted 1px #ccc;font-size: 14px;display:flex;justify-content:flex-start;}
.plan-midashi:first-child{margin-top:0;}
.plan-line-l{width: 150px;}
.plan-line-r{width: auto;}
.plan-price{padding:10px;font-size: 28px;margin-bottom: 10px;font-weight: bold;}

.s-lineup .post-title.m-t60{margin-top:30px;}

/* イベント情報 */
section.event{padding: 30px 20px;background-color: #FFF;border-radius:14px 0 0 14px;margin-left: 15px;margin-bottom: 20px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}

.top-event-flex{width: 100%; display: flex;justify-content: flex-start;flex-direction: column;align-items: flex-start;}
.top-event-flex .pic{flex:1;width: 100%;margin-bottom: 15px;line-height:0; }
.top-event-flex .pic img{width:100%;height:auto;}
.top-event-info{flex:1;text-align: right;}
.top-event-info .day{font-size: 18px;font-weight: 600;color:#51362b;padding-left: 10px;text-align: left; }
.top-event-info .title{font-size: 21px;font-weight: 600;padding:10px 5px 5px;line-height: 1.4;border-bottom: 1px solid;text-align: justify;  }
.top-event-info p{padding: 10px 5px;text-align: left; }
.top-event-info ul{padding: 10px 5px;text-align: left; }
.top-event-info li{font-size: 16px;line-height: 1;display: flex;justify-content: flex-start;align-items: center;letter-spacing: .03rem;padding-bottom: 5px;}
.top-event-info li.map iframe{height:110px;width:100%;}

section.news .button:after,section.about .button:after,.top-event-info .button:after {width: 24px;height: 20px;margin-left: 6px;}

/* smartBoxの特長 */
section.about{width: 100%;margin: 0px auto;text-align: right;}
.img-logo{text-align: left;}
.about-section-flex{display: flex;justify-content: space-between;text-align: left;}
.about-section-flex .section-title{-ms-writing-mode: tb-rl;writing-mode: vertical-rl;letter-spacing: .1rem;line-height: 1.2;margin: 0 15px 0 0;}


.top-about-flex{display: flex;justify-content: space-around;flex-wrap:wrap;}
.about-box{max-width: 100%;margin-top: 0px; padding-bottom: 30px; display: flex;justify-content: space-between;align-items: flex-start;flex-direction: column;}
.about-box .about-no{font-family: 'Barlow', sans-serif;font-size: 60px;color: #51362b; line-height: 40px; width: 60px;margin-bottom: 20px;margin-left: -2px; }
.about-info{}
.about-info h3{font-size: 24px;font-weight: 600;line-height: 1;padding: 3px 0 13px;border-bottom: 2px solid #101010;text-align: left;}
.about-info p{padding-top: 10px;text-align: justify;line-height:1.6;}

.about-flex{padding-top:20px;}
.about-flex .about-box{padding-bottom:40px;}

.contact-flex{}
.contact-come{width: 100%;margin: 30px auto 0;position: relative;text-align: center;padding: 15px;}
.contact-come2{margin-bottom: -20px;margin-top: 10px;}

.contact-flex .pic{text-align: center;}
.contact-flex .pic img{}
.about-foot-flex{display:flex;}
.contact-info{padding: 10px;}
.contact-info h3{text-align: left; font-size: 18px;font-weight: 600;line-height: 1.4;padding-bottom: 7px;letter-spacing:.1rem;}
.contact-info p{font-size:14px;padding-top: 10px;text-align: justify;line-height:1.8;}
.contact-info h3{display:flex;align-items: center;}
.contact-info h3 img{max-width:33%;}

/* ご注文の流れ */
section.flow{max-width: 1100px;margin: 0px auto;text-align: right;}

.flow-flex{display: flex;justify-content: flex-start;flex-wrap:wrap;margin-left: 50px;}
.flow-box{max-width: 100%;padding: 10px;border:2px solid #51362b;border-radius: 14px;position: relative;margin-bottom: 38px;}
.flow-box:after { content: ''; display: block; background-color: #51362b; width: 2px; position: absolute; height: 40px; bottom: -40px;left: 50%;right: 50%;}
.flow-box:last-child::after{display: none; }

.flow-box h3{height: 44px;display: flex;font-size: 18px;font-weight: 600;line-height: 1.2; text-align:left; letter-spacing: 1px;align-items: center;justify-content: flex-start;}
.flow-no{position: absolute; display: flex;align-items: baseline; justify-content: flex-start;font-family: 'Barlow', sans-serif;font-size: 32px; line-height: 1;color: #51362b;background-color: #FFF;z-index: 2;top:-25px;padding: 0 6px;}
.flow-no span{font-size: 16px;letter-spacing: 3px;}
.flow-box .pic{width: calc(40% + 10px);padding-right: 10px;float: left;}
.flow-box p{text-align: justify;font-size: 14px;padding-top: 0px;}

.flow-come{margin-bottom: -27px;}
.about-foot-flex.m--b50{margin-bottom:-20px;}


/* 施工実績 */
section.works{width: 100%;margin: 0px auto;text-align: center;padding: 30px 15px;}

.top-works-flex{display: flex;flex-wrap: wrap;justify-content: space-between;text-align: left;gap:10px;margin-bottom:20px;}

.works-box{width: 48%;background-color: #FFF;text-align: center;position:relative;}
.works-box .label{position:absolute;top:0;left:0;color:#FFF;font-size:12px;background-color:#151515;padding: 5px;line-height: 1;letter-spacing: 1px;}
.works-box .pic{background-color: #ccc;aspect-ratio: 5 / 4;line-height:0;}
.works-box .pic img{width:100%;height:100%;object-fit:cover;}
.works-box h3{font-size: 18px;padding: 5px;background-color: #51362b;color: #FFF;font-weight: 500;}
.works-box p{font-size: 11px;padding: 4px;}


.tab-wrap {display: flex;flex-wrap: wrap;margin:20px 0;}
.tab-wrap:after {
  content: '';
  width: 100%;
  height: 3px;
  background: #101010;
  display: block;
  order: -1;
}
.tab-label {
  color: White;
  background: LightGray;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
  white-space: nowrap;
  text-align: center;
  padding: 10px;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  flex: 1;
	border: 1px solid #fceae5;
}
.tab-label:not(:last-of-type) {
  margin-right: 0;
}
.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
  background: #51362b;
}
.tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  padding: 30px 0;
  opacity: 1;
  transition: .5s opacity;
}
/* ラジオボタン非表示 */
.tab-switch {display: none;}
.single-w-flex{}
.single-w-flex .pic{width:100%;}
.single-w-flex .pic img{width:100%;height:auto;}
.single-w-flex .info{width:100%;padding-top:15px;}
.single-w-flex .info{text-align:justify;line-height:1.8;display:flex;justify-content:space-between;flex-direction:column;}
.single-w-flex .info .size{font-size:18px;font-weight:600;padding-bottom:15px;}
.single-w-flex .info p{flex:1;padding-bottom:15px;}

/* 新着・Blog更新情報 */
section.news{width: 100%;margin:0 auto;text-align: right;}
.top-news-list{text-align: left;width: 100%;margin-bottom: 15px;}
.top-news-list li{padding: 10px;border-bottom: 1px dashed #ccc;display: flex;align-items: flex-start;justify-content: flex-start;flex-direction: column;}
.top-news-list li .date{letter-spacing: .05rem;display: flex;align-items: center; justify-content: flex-start;}
.top-news-list li .cat{display: inline-block; padding: 1px 5px 3px;margin: 0 20px 0 15px;font-size: 12px;line-height: 1;width: 80px;text-align: center;}

.cat.event{background-color: #51362b;color: #FFF;border:1px solid #51362b;}
.cat.post{background-color: #FFF;border:1px solid;}

.top-news-list li p{font-size: 1rem;}

/* 会社概要 */
section.message{max-width: 100%;margin: 0px auto;text-align: right;}
.message-flex{padding: 0 25px 30px;display: flex;justify-content: flex-start;flex-direction: column;}
.message-info p{text-align: justify;line-height: 1.8;padding-bottom: 15px;}
.message-pic{width: 100%;margin:20px 0;text-align: center;}
.message-pic img{object-fit:cover; width: 100%;height: 100%;}
.message .img-logo img{max-height: 60px; max-width: 70vw;}

@import url('https://fonts.googleapis.com/css2?family=Yuji+Syuku&display=swap');
.sign {font-family: 'Yuji Syuku', serif; font-size: 1.5rem;}
.sign span { font-size: 1rem;}
	
.company-table{flex:1;padding: 15px 25px 0 0;line-height: 2;letter-spacing: .03rem;}

.company-table dl{display: flex;flex-direction: column; padding: 6px 0;width: 100%; border-top: 1px solid #C8C8C8;}
.company-table dt{width: 100%;background-color: #f6f6f6;padding: 6px 15px;font-weight: 500;}
.company-table dd{padding: 6px 15px;}

.history_dl{}
.history_dl dt{padding: 3px 15px;}
.history_dl dd{padding: 3px 15px;}


.staff-list-flex{display:flex;justify-content:flex-start;}
.staff-box{width:100%;  border: 1px solid #88ce2c; padding: 12px;margin: 0 18px 18px 0;}
.staff-box img{width:100%;height:auto;}
.staff-box ul li {font-size:14px;line-height: 1.5; padding: 6px 5px;border-bottom: 1px dashed #88ce2c;text-align:justify;}
.staff-box ul li span{color: #88ce2c;font-weight: 500;padding-right:.5rem;}
.staff-box ul li:last-child {border-bottom:none;}
.staff-box ul li:nth-of-type(n+3) span{display:block;padding-bottom:5px;}



@media screen and (max-width: 459px) {
.company-table{flex:1;padding: 15px 0;line-height: 1.6;letter-spacing: .03rem;}
.company-table dt{padding: 4px 10px;}
.company-table dd{padding: 4px 10px;}

}

/* よくあるご質問 */
section.faq{max-width: 100%;margin: 20px auto;text-align: right;padding: 0 15px;}
.accordion-area{
	text-align:left;
    list-style: none;
    width: 100%;
    max-width: 1100px;
    margin:2rem auto;
}

.accordion-area li{
    margin: 10px 0;
}

.accordion-area section {
  border: 1px solid #ccc;
  background-color: #FFF;
  position: relative;
}

/*アコーディオンタイトル*/
.accordion-area .title {
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    font-weight: 500;
	font-size: 1rem;
    padding: 10px 30px 10px 2rem;
    transition: all .5s ease;
}
.accordion-area section:before{content: "Q";padding:0 .2rem; position: absolute;color: #51362b;font-size: 1.6rem;font-weight: 700;}

/*アイコンの＋と×*/
.accordion-area .title::before,
.accordion-area .title::after{
    position: absolute;
    content:'';
    width: 20px;
    height: 2px;
    background-color: #51362b;
    
}
.accordion-area .title::before{
    top:20px;
    right: 5px;
    transform: rotate(0deg);
    
}
.accordion-area .title::after{    
    top:20px;
    right: 5px;
    transform: rotate(90deg);

}
/*　closeというクラスがついたら形状変化　*/
.accordion-area .title.close::before{
  transform: rotate(45deg);
}

.accordion-area .title.close::after{
  transform: rotate(-45deg);
}

/*アコーディオンで現れるエリア*/
.accordion-area .box {
  display: none; /*はじめは非表示*/
  background: #f6f6f6;
  margin: 0 2% 2% 2%;
  padding: 2%;
  text-align: justify;
}
.accordion-area .box p{
	font-size: 88%;
    padding: 5px;
    line-height: 1.8;
}
.accordion-area .box a{font-weight: 700;padding: 0 .5rem;border-bottom: 2px dotted #51362b;transition: .2s;}
.accordion-area .box a:hover{color: #51362b;}


/* 土地情報 */
section.land{max-width: 100%;margin: 20px auto;text-align: right;padding: 0 15px;}
section.land .button{margin-top:0px;font-size: min(4vw,17px);height: 36px; border-radius: 18px;line-height:1;}

section.land table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  font-size: 15px;
  border: 1px solid #ddd;
}
section.land th,
section.land td {
  padding: 5px;
  text-align: center;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
section.land .heading th {
position: inherit;
  top: 0;
  font-weight: normal;
  font-size: .75rem;
  color: #FFF;
  background: #101010;
}
section.land td{background-color: #FFF;line-height: 1.4;}
section.land .pic{width: 80px;margin: 0;padding: 5px;border-left:none;line-height: 0;}
section.land .pic img {width: 100%;height: 100%; aspect-ratio: 1 / .9;object-fit: cover;}
section.land td.price span{color:#51362b;font-weight: 600;font-size:130%; }
section.land td.add{text-align: left;vertical-align: top;}
section.land td.add img{width: 16px;margin-bottom: -4px;}
section.land td h3{padding-bottom: 3px;margin-bottom: 5px; border-bottom: 1px dotted #666;}
section.land td.add p + p{padding-top: 3px;}

.label-float-right{float:right;margin-left:10px;}
.label-float-right img{width:40px !important;}

section.land .bt-waku{padding: 0;}
section.land .bt-waku .bt-flex{display: flex;justify-content: space-between;}
section.land .bt-waku .bt-flex a{width: 50%;padding: 10px;transition: .5s;color: #FFF;text-align:center;}
section.land .bt-apply{background-color: #51362b;}
section.land .bt-more{background-color: #333;}
section.land .bt-apply:hover{background-color: #FF1C1C;}
section.land .bt-more:hover{background-color: #666;}
section.land .m-b20{margin-bottom: 20px;}


.land-single-title{margin-bottom:15px;border-bottom: 1px solid #ddd;padding:10px 0;}
.land-single-title h3{font-size:20px;line-height:1.2;text-align:left;padding-bottom:10px;}
.land-single-title .price{font-size:16px;line-height:1.2;}
.land-single-title .price span{color:#51362b;font-weight: bold;font-size:140%; }

section.land .point{font-size:16px;font-weight:500;text-align:left;padding:10px 0 0px;}
section.land .point li{display: flex; align-items: flex-start;justify-content: flex-start;border-bottom: 2px dotted #ddd;padding:5px;color: #51362b;}
section.land .point li img{margin-bottom:-3px;padding-right:6px;width:25px;}

section.land .post-waku table{margin:0 auto 20px;width:100%;}
section.land .post-waku .sub-title{margin-left:0 !important;}

.land-single-flex{}
.land-single-flex div {width:100%;margin-bottom:15px;}
.land-single-flex img{width:100%;height:auto;}
.sub-table th{background-color:#efefef !important;color:inherit !important;}
.sub-table th,.sub-table td{display:block;width:100% !important;}
.txt-left{text-align:left!important; }
.land-map iframe{width:100%;height:200px;}

section.land .post-waku .hoso{font-size:14px;text-align:justify;color:#666;}
.syuhen p{font-size:14px;text-align:center;line-height:1.2;}


.two-bana-flex{width:100%;margin:0 auto 15px;display:flex;justify-content:center;line-height:0;gap:10px;flex-wrap:wrap;}
.two-bana-flex a{display:block;transition:.3s;}
.two-bana-flex a:hover{opacity:.7;}

/* フッター */
footer{padding: 15px 15px 60px; background-color:#51362b;color: #FFF; }
.footer-flex{max-width: 100%;margin: 0 auto; display: flex;justify-content: flex-start;align-items: flex-start;}
.footer-logo{max-width: 300px; width: calc(100% - 40px);margin: 0 auto; padding-bottom: 30px;}
.footer-box{}
.footer-box li{line-height: 2;}
.footer-box li .child {padding-left: 1rem;}

/* 固定　カタログダウンロード申込みバナー */
.fixed-panf-bt{display: flex; position: fixed;bottom: 0;left: 0;z-index: 300;line-height: 0;}
.fixed-panf-bt a{line-height: 0; margin-bottom: -1px;}
.fixed-panf-bt a img{height:auto;width:100%;}

@media screen and (min-width: 460px) {
.slider{aspect-ratio: 5 / 2;}
.slider-in-bt{border-radius: 14px;position: absolute;bottom: 30px;left: 20px; z-index: 3;width: calc(40% + 60px); padding: 30px;}


.top-event-flex{flex-direction: row;}
.top-event-flex .pic{margin-right: 15px;margin-bottom: 0;}
.about-box{flex-direction: row;margin-bottom: 30px;}
.about-box .about-no{margin-bottom: 0;margin-right: 30px;line-height: 40px;font-size: 70px;width: 72px;}
.top-news-list li{flex-direction: row;}

.message-flex{flex-direction: row;}
.message-pic{max-width: 280px;padding-left: 50px;}
.company-table dl{flex-direction: row;}
.company-table dt{width: 26%;}

.contact-flex{display: flex;}
.contact-come2 .pc{display: block !important;}
.contact-come2 .sp{display: none !important;}
footer{padding: 30px 15px 70px;}
.footer-logo{width: 30vw;}
.footer-box.pc{display: block;flex:1;padding-left: 50px;}
.footer-box.pc li{font-size:14px;line-height: 1.6;}
}

/*************************************************
 * カタログDL
 * ********************************************************/

#panf-img-set {
	margin: 0 auto;
	display: flex;
}
#panf-img-set * {
	/*box-sizing: border-box;*/
}
#panf-img-set .wpcf7-form-control {
	/*width: 800px;*/
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#panf-img-set .wpcf7-form-control-wrap.checkbox-content .wpcf7-list-item {
	width: 25% !important;
	display: inline-block !important;
	margin-left: 0;
	margin-top: 20px;
}
#panf-img-set .wpcf7-list-item label{display:flex;align-items: flex-start;}
#panf-img-set .wpcf7-list-item .wpcf7-list-item-label::before {
	display: block;
	content: "";
	position:absolute;
	top:0;left:0;
	background-size: cover;
	aspect-ratio: 13 / 9;
	width:120px;
	margin-right:14px;
	background-repeat:no-repeat;
	border:1px solid #ccc;
}

#panf-img-set .wpcf7-list-item .wpcf7-list-item-label {
position:relative;
	width:100%;
	padding-left:130px;
	min-height:80px;
	font-size: 14px;
	line-height:1.2;
	text-align: left;
	font-weight: bold;
	display: flex;
    flex-direction: column;
}
#panf-img-set .wpcf7-list-item {
	cursor: pointer;
	position: relative;
	width:100%;
	margin:0 auto 20px !important;
}
#panf-img-set .wpcf7-list-item input {
	z-index: 10;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	margin-top:35px;
}
#panf-img-set .wpcf7-list-item .wpcf7-list-item-label:after {
	border-top:solid 2px #f35a21;
	font-weight:normal;
	padding-top:6px;
	margin-top:4px;
	font-size: 11px;
	line-height:1.2;
}

@media screen and (max-width: 360px) {
#panf-img-set .wpcf7-list-item .wpcf7-list-item-label::before {width:100px;}
#panf-img-set .wpcf7-list-item .wpcf7-list-item-label {padding-left:110px;}
}
.Form-policy-waku {padding: 1rem;text-align: center;}
.Form-policy-waku p{letter-spacing: 0.05em;font-weight: bold;font-size: 1rem;}
.Form-policy-waku p a{border-bottom: 2px dotted #cc0000;padding: 0 3px;}

section.contents{margin:0px auto;display:flex;flex-wrap:wrap;gap:10px;}
.contents-box{width:100%;display: flex;align-items: center;padding:5px;gap:10px;transition: .3s;background-color:#FFF;transition:.3s;}
.contents-box:hover{background-color: #f7d22f;transition:.3s;}
.contents-box .txt{flex:1;display: flex; flex-direction: column;align-items: center;}
.contents-box h3{text-align:center;font-size: 18px;padding-bottom:5px;}
.contents-box .pic{width:32%;}

.contents-box .button{color: #FFF;background: #4f372c; font-weight: 500; border: 1px solid #ffF;}
.contents-box .button:after{background: url("../../../image/common/arrow_w.svg");}
.contents-box:hover .button{ background: #FFF;color:#4f372c;font-weight: 400;}
.contents-box:hover .button:after{background: url("../../../image/common/arrow_br.svg");}


/* archive.php 一覧用*/
.readmore-flex{display:flex;max-width:1000px;margin:0 auto;justify-content:space-between;gap:10px;margin-bottom:20px;}
.readmore-n{width:100%;display: flex;justify-content: center; align-items: center;line-height: 1;font-weight:500;color:#51362b;text-align:center;padding:6px;border:2px solid #51362b;font-size:15px;}
.readmore-n.active{background-color:#51362b;color:#FFF;border:2px solid #51362b;}
.archive-list-event{max-width:1000px;margin:0 auto;}
.archive-list-event li a{display:flex;gap:10px;margin-bottom:10px;border-bottom:1px dashed #CCC;padding:10px 0;}
.archive-list-event li .pic-img{width:40%;}
.archive-list-event li .pic-img img{width:100%;height:auto;}
.archive-list-event li .list-txt{flex:1;}
.archive-list-event li .list-txt h2{font-size:16px;line-height:1.4;}
.archive-list-event li .list-txt .day{color:#51362b;font-size:80%;padding-bottom:2px;line-height:1.2;}

.prefab-r-plan{max-width: 1000px;margin: 0 auto 0px;text-align:left;padding-bottom:50px;}
.prefab-r-plan > h3{padding-top:18px;font-size: 18px; border-bottom: 1px solid #e4e4e4; padding-bottom: 12px;font-weight: normal;}
.prefab-r-plan > h4{font-weight: bold;color: #51362b;padding:10px 0;}
.prefab-r-flex{display: flex;justify-content: space-between;align-items:flex-start;flex-wrap:wrap;position:relative;}
.prefab-r-flex > img{position: absolute; width: 48%;right: 0;bottom: 0;}
.prefab-r-flex ul{}
.prefab-r-plan li{font-size:12px;padding:0 0 5px 0px;font-weight:400;}