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

/*------------------------------
　ハンバーガーメニューに関するCSS
------------------------------*/
  
/* チェックボックスは非表示に */
.drawer-hidden {display: none !important;}
.drawer{flex:1;}
.drawer-list{display: flex;justify-content: space-around;align-items: center;}
.drawer-list li{position: relative;font-weight: 400;font-size: min(1.1vw,1.1rem);letter-spacing:.1rem;}
.drawer-list li a{display: inline-block;}
.drawer-list > li + li{margin-left:2vw;}
/*------------------------------
　共通
------------------------------*/
.sp{display: none !important;}
@media screen and (max-width: 1670px) {.pc-only{display: none;}}

.w1100{width: 1100px;margin: 0px auto 60px;overflow: hidden;text-align:center;}
.w600{width: 600px;margin: 30px auto 30px;overflow: hidden;text-align:center;}
.t18{font-size: 18px;line-height: 2.2;letter-spacing: .1rem;}
.waku{position: relative;border-radius: 8px;}
.shadow{box-shadow: 1px 1px 30px rgba(142,142,142,.24);}
.bg-pink{background-color: #faeceb;position: relative;overflow: hidden;}
.bg-gre{background-color: #fafafa;position: relative;overflow: hidden;}
.bg-grad{background: linear-gradient(to right bottom, #f4dbb8, #fcf5e3);position: relative;overflow: hidden;}
.bg-gradt{background: linear-gradient(to right bottom, #ecf8fc, #afdefe);position: relative;}
.bg-gradt2{background: linear-gradient(to right bottom, rgba(236, 248, 252, 0.38), rgba(175, 222, 254, 0.60));position: relative;}

span.pink,b.pink{color: #e72806;font-size: 130%;}
span.gree,b.gree{color: #005a3c;font-size: 130%;}
span.beige,b.beige{color: #b6934c;font-size: 130%;}
b.blue{color: #132a84;font-size: 110%;}
span.blue{color: #132a84;font-size: 130%;}

a:hover > img{opacity: 1;transition: ease .3s;}
a:hover > img{opacity: .7;transition: ease .3s;}

.common_botton{margin: 10px; display: inline-block; min-width: 300px; position: relative;text-align: center;font-size: 1.2rem;font-weight: 600; letter-spacing: .2rem; padding: .75rem 1rem .75rem 0;background-color: #FFF;color: #005a3c; transition: all .3s ease;border: 2px solid #005a3c;line-height: 1.4;border-radius: 6px;}
.common_botton:hover{background-color: #005a3c;color: #fff;transition: all .3s ease;}
.common_botton:after{position: absolute;content: "\f054";font-family: "Font Awesome 5 free";font-weight: 600;right:15px;}

.common_botton.-blue{color: #005a3c;border: 2px solid #005a3c;margin-bottom: 50px;}
.common_botton.-blue:hover{background-color: #005a3c;color: #fff;}

.common_botton.-black{color: #FFF;border: 2px solid #101010;background-color:#101010;}
.common_botton.-black:hover{background-color: #b6934c;color: #fff;border: 2px solid #b6934c;}

.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;justify-content: flex-end;}

/* ポスト関連 */
.top-post-title{position: relative; text-align: center;padding: 60px 0;font-size: 1.8rem;font-weight: 600;letter-spacing: .05rem;line-height: 1.6;z-index: 1;}
.sub-title-waku{position: relative;padding-top:15px; }
.top-post-title-sub{width: 100%;position: absolute; top: 1vw;left: 50%;
transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);
font-size: max(4.8vw,60px);font-weight: 900;color: rgb(255 255 255 / 66%);letter-spacing: .2rem;text-align: center;line-height: 1;}

/* レポートダウンロード */
.report{padding: 60px 0; text-align: center;background-image: url("../../../image/top/bg-img-gre.webp");background-size: cover;overflow: hidden;}
.report p{font-size: 20px;font-weight: 500;}
.report-head{text-align: center;background-image: url("../../../image/report/report-head-bg.webp");background-repeat: no-repeat;background-size: cover;padding: 20px;}
.report-title{font-size: 36px;font-weight:900;letter-spacing: .2rem;color: #b6934c;margin-bottom: .5rem;}
.report-head p{font-size: 1.1rem;color: #FFF;letter-spacing: .1rem;}
.report-flex{padding: 30px 5vw; display: flex;justify-content: center;gap:30px;}
.report-box{flex:1; aspect-ratio: 4 / 3;max-width:400px;}
.report-box img{}
.report-list-title{font-size:16px;font-weight:500;letter-spacing:1px;}
.common_botton.-report{min-width: 90%;margin: 10px auto 0;font-size: 16px;letter-spacing: normal;padding: 5px 20px 5px 5px;}

/* キャッチコピー */
.catch-waku{max-width: 1280px;margin: 0 auto;display: flex;justify-content:center;align-items: center;position: relative;z-index: 10;}
.catch-box{padding: 30px;}
.catch-box h1{font-size: 2.4rem;font-weight: 600;line-height:1.5;padding-bottom: 20px;}
.catch-bt{display: flex; justify-content: center;font-size: 1.7rem;font-weight: 600;padding: 20px 60px 20px 20px;line-height: 1;color: #FFF;letter-spacing: 2px;
border-radius: 8px; background:linear-gradient(138deg, #b28c4e 5%, #e6c58f 35%, #b28c4e 60%); border:2px solid #b6934c;
transition: all .3s ease;position: relative;}
.catch-bt:hover{background: linear-gradient(90.23deg, #fff 0.21%, #fff 99.8%);color: #b6934c;transition: all .3s ease;}
.catch-bt:after{position: absolute;content: "\f054";font-family: "Font Awesome 5 free";font-weight: 600;right:15px;}

.woman{max-width: 360px;line-height: 0;}

/* プルダウンメニュー */
.gnavi__list {
    position: relative;
    transition: all .3s;
}
.dropdown__lists {
    display: none;/*デフォルトでは非表示の状態にしておく*/
    width: 240px;
    position: absolute;
    top: 64px;
    left: 0;
	padding-left:0;
}
.gnavi__list:hover .dropdown__lists {
    display: block;/*Gナビメニューにホバーしたら表示*/
}
.dropdown__list {
    background-color: #101010;
    transition: all .3s;
    position: relative;
}
.dropdown__list:not(:first-child)::before{
    content: "";
    width: 100%;
    height: 1px;
    background-color: #555;
    position: absolute;
    top: 0;
    left: 0;
}
.dropdown__list:hover {
    background-color: #b6934c;
}
.dropdown__list a {
    padding: 15px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
    position: relative;
}
.dropdown__list a::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(135deg);
    position: absolute;
    right: 15px;
    top: calc(50% - 5px);
}
/*------------------------------
　ヘッダー
------------------------------*/
header{display: flex;justify-content: space-between;align-items: flex-end;padding: 6px 20px;background-color: #FFF;color: #222;height: 100px;}
.head-bt{display: block; position: relative;text-align: center;font-size: 14px;padding: 3px 15px 2px 0; letter-spacing: .1rem;background-color: #005a3c;color: #FFF; transition: all .3s ease;border: 1px solid #005a3c;line-height: 1.4;}
.head-bt:hover{background-color: #fff;color: #005a3c;transition: all .3s ease;}
.head-bt:after{position: absolute;content: "\f054";font-family: "Font Awesome 5 free";font-weight: 600;right:15px;}

.head-logo h1{display:flex;justify-content:flex-start;align-items:center;}
.head-logo h1 span{font-size: 18px;letter-spacing: .1rem;white-space: nowrap;font-weight: 700;padding-right:10px;}
.head-logo h1 strong{color: #b6934c;}
.head-logo h1 span small{font-size: 24px;letter-spacing: normal;display: block;padding:13px 0 7px;letter-spacing:normal;}
.head-logo h1 span img{max-height:40px;}
.head-flex-col{display: flex;flex-direction: column;}
.head-flex-col .tel{display: flex;flex-direction: column;}

.tel a{font-family: "Inter", sans-serif;font-size: 2rem;font-weight: 400;text-align: center;line-height: 1;}
.tel a .svg-inline--fa{font-size: 1.7rem;padding-right: 5px;}
.tel a:hover{color: #b6934c;}
.head-flex-col .tel span{font-size: 80%;text-align: center;padding: 2px 0 4px;line-height: 1;letter-spacing: .1rem;}

.fixed-menu{width: 100%;position:sticky;top:-.1px;background-color: #101010;color: #FFF; z-index: 33;box-shadow: 1px 1px 30px rgba(142,142,142,.16);}
.fixed-menu .inner{max-width: 1100px;margin: 0 auto;}
.fixed-menu .menu{display: flex;justify-content: center;}
.fixed-menu .menu li a{display: block;letter-spacing: .1rem;padding: 24px 33px; transition: ease .5s;font-size: 16px;}
.fixed-menu .menu li a:hover{background:#b6934c;color: #FFF; }

/*------------------------------
　TOPコンテンツ
------------------------------*/
/* スライダー */


/* TOPイベント情報 */
.event-head{background: linear-gradient(138deg, #917240 5%, #c9a565 35%, #917240 60%); color: #FFF;text-align: center;font-size: 32px;font-weight: 600;letter-spacing: .2rem;padding: 20px;}
.top-event-flex{display: flex;justify-content: flex-start;gap:30px;padding: 60px 0;max-width: 1100px;margin: 0 auto;}
.event-img{flex:1;padding-top:10px;}

.top-event-flex.-list{background-color:#FFF;padding: 20px;margin-top: 30px; }

.top-event-info{flex:1.25;}
.top-event-info h2{font-weight: 600;border-bottom:2px solid #b6934c;margin-bottom: .5rem;}
.event-detail li{display: flex;padding: 5px 0;border-bottom: 1px dashed #ccc;}
.event-detail li:last-child{border-bottom: none;}
.event-detail li span{display: block;width: 3rem;letter-spacing: .5rem;}
.event-detail li span + p{padding-left: .5rem;}
.event-detail p{text-align:left;}

/* TOPお悩み */
.top-nayami-head{position: relative; text-align: center;padding: 3.5vw 0 60px;font-size: min(2.1rem,3vw);font-weight: 600;letter-spacing: .1rem;line-height: 1.6;z-index: 1;}
.top-nayami-head b{font-size: 140%;font-weight: 600;line-height: 1;}
.top-nayami-flex{display: flex;padding: 0 5vw;flex-wrap: wrap;justify-content: center;gap:3%;}
.top-nayami-waku{width: 30%; padding: 20px;border:1px solid #ededed;position: relative;text-align: center;background-color: #FFF;margin-bottom: 3%;}
.top-nayami-no{position: absolute;display: inline-block; left:2vw;top:-1px;font-family: "Manrope", sans-serif;font-size: 50px;line-height: 100px;border-top: 5px solid ;color:#dc1919;}
.top-nayami-pic{display: flex;padding-left: 20px;height: 150px;align-items: flex-end;justify-content: center;}
.top-nayami-pic img{max-height:100%;}
.top-nayami-nayami{font-size: 1.14rem;font-weight: 500;line-height: 1.6;padding-top: 10px; }
.top-nayami-come{padding-top: 15px; line-height: 1.6;font-size: 1.2rem;text-align: justify;}

/* flex-3 */
.flex-3{display: flex;justify-content: flex-start; gap:30px;padding-bottom: 30px;margin: 0 5vw;flex-wrap:wrap;}
.flex-3 > div,.flex-3 > a{width: calc((100% / 3) - 30px);background-color: #FFF;position: relative;}
.flex-3 > .waku > img{border-radius: 8px 8px 0 0;}

/* TOP商品一覧 */
.flex-2{max-width: 1100px;margin: 0 auto 50px; display: flex;justify-content: space-between;gap:30px;flex-wrap: wrap;}
.flex-2 > div,.flex-2 > a{width: calc((100% / 2) - 30px);position: relative;padding: 30px 0;}
.flex-2 > .waku.-products:before{position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;
background-repeat: no-repeat;background-size: 700px 400px;background-position: center;pointer-events: none;transition: ease .5s;}
.-products:hover:before {transform: scale(1.1);transition: ease .5s;}

/* 商品共通背景 */
.-products.-p1:before{background-image: url("../../../image/products/2nd-apartment.webp");}
.-products.-p2:before{background-image: url("../../../image/products/3rd-apartment.webp");}
.-products.-p3:before{background-image: url("../../../image/products/detached.webp");}
.-products.-p4:before{background-image: url("../../../image/products/maison.webp");}

.flex-2 > .waku.-products{display: flex;justify-content: center;align-items: center; position: relative;aspect-ratio: 1.4 / 1;overflow: hidden;
text-align: center;border: 2px solid #b6934c;border-radius: 8px;transition: ease .5s;}
.flex-2 > .waku.-products:after{position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;
border-radius: 8px;background-color: rgb(0 0 0 / 45%);opacity: 0;z-index: 1;}
.-products:hover:after{opacity: 1 !important;transition: ease .5s;}

.flex-2 > .waku.-products.-p5{aspect-ratio: 4.5 / 1 !important;width:100%;}
section .flex-2+.flex-2{margin-top:-20px;}

.top-waku-label{position: relative;margin: 0 auto;background-color: rgba(255, 255, 255, 0.90);
width: 300px;aspect-ratio: 2 / 1; outline-offset: -6px;outline: 1px solid #b6934c; z-index: 10;
display: flex;flex-direction: column; justify-content: center;align-items: center;}

.top-waku-label dt{font-size: 21px;letter-spacing: 1px;font-weight: 600;display: inline-block;position: relative;margin-top: -25px;line-height:1.5;}
.top-waku-label dt:before {content: '';position: absolute;left: 50%;bottom: -10px;
  display: inline-block;width: 50px;height: 3px;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%);
  background-color: #b6934c; 
}

.top-waku-label dd{font-family: "Manrope", sans-serif;font-size: 1rem;color: #b6934c;letter-spacing: 1px;padding-top: 16px;}

/* TOP情報一覧 */
.waku .info{padding: 15px;}
.waku .info .post-info{display: flex;align-items: center;gap:10px;margin-bottom: 6px;}
.waku .info h3{font-size: 1.1rem;line-height: 1.4;font-weight: 500;padding-right: 30px;}
.post-info .cat{color: #FFF;background-color:#005a3c;font-size: .7rem;padding: 7px 10px;letter-spacing: .1rem;}
.post-info .cat.-event{background-color:#b6934c;}
.post-info .cat.-works{color:#005a3c;background-color:#FFF;border:1px solid #005a3c;}
.post-info .date{font-size: .88rem;letter-spacing: .1rem;}
.waku .info .post-more{position: absolute;right: 0;bottom:0;display: inline-block;z-index: 1;color: #FFF;font-size: 21px;padding: 0 6px 6px 0;}
.waku .info .post-more:after {
display: block;position: absolute;
border-color: transparent #005a3c transparent transparent;border-style: solid;border-width: 60px 60px 0 0;
bottom: 0;right: 0;content: "";z-index: -1;border-radius: 0 0 8px 0;transition: all .3s;}
.waku:hover .info .post-more:after{border-color: transparent #b6934c transparent transparent;}
.bg-gradt2 > .w1100{margin: 0 auto !important;}
.bg-gradt2 > .w1100:after{content: "";padding-bottom: 50px;display: block;}
/*------------------------------
　フッター
------------------------------*/
.fixed-menu-f{position:fixed;display:inline-flex;right:-1px;flex-direction:column;z-index:99;top:30%;width:60px;gap:3px;}
.fixed-menu-f .f-report{writing-mode: vertical-rl;background-color:#101010;color:#FFF;font-weight:500;letter-spacing:1px;display:flex;align-items:center;padding:10px;border:2px solid #b6934c; }
.fixed-menu-f .f-report .svg-inline--fa{font-size:24px;color:#b6934c;padding:3px 0;border-bottom: 2px solid;}
.fixed-menu-f .mail{display:flex; align-items: center;flex-direction:column;background-color:#FFF;border:2px solid #005a3c;color:#005a3c;padding:7px 5px;height:60px;}
.fixed-menu-f .mail .svg-inline--fa{font-size:30px;}
.fixed-menu-f .mail {font-size: 11px;font-weight: 600;}

.fixed-menu-f .f-report:hover{background-color:#b6934c;color:#FFF;}
.fixed-menu-f .mail:hover{background-color:#005a3c;color:#FFF;}
.fixed-menu-f .f-report:hover .svg-inline--fa{color:#FFF;}
.fixed-menu-f .mail:hover .svg-inline--fa{color:#FFF;}

footer{padding: 2vw;background: linear-gradient(138deg, #917240 5%, #c9a565 35%, #917240 60%);color: #FFF;}
.footer-flex{display: flex;justify-content: flex-start;max-width: 1280px;margin: 0 auto;gap:5vw;align-items: center;}
.footer-logo h1{display:flex;justify-content:center;flex-direction:column;align-items:center;border-bottom:2px solid #005a3c;}
.footer-logo h1 span{font-size: 18px;letter-spacing: .1rem;white-space: nowrap;font-weight: 700;text-align: center;}
.footer-logo h1 strong{color: #005a3c;}
.footer-logo h1 span small{font-size: 21px;letter-spacing: normal;display: block;padding:13px 0 7px;letter-spacing:normal;}
.footer-logo h1 span img{max-height:40px;width:auto;}
.footer-logo .head-flex-col .tel{padding: 10px 0 5px;color:#005a3c;}
.footer-logo .head-flex-col .tel a:hover{color:#FFF;}
.footer_menu{display: flex;gap:2vw;justify-content: space-between;flex:1;}
.footer_menu-title{font-size: 14px;border-bottom:1px dashed #878787;letter-spacing: 2px;}
.footer_menu ul:first-child{width: 40%;}
.footer_menu ul{width: 30%;}
.footer_menu ul.have-child > a{display: block;padding-bottom: 6px;}
.footer_menu ul.have-child li{font-size: 13px;padding: 3px 0 3px 10px;position: relative;}
.footer_menu li{font-size: 14px;padding: 0 0 10px 0px;position: relative;}
.footer_menu li:before{position: absolute;
    content: "\f054";
    font-family: "Font Awesome 5 free";
    font-weight: 600;}
.footer_menu li a{padding-left: 15px;}

.footer-bt-waku{width:230px;}
.footer_botton{display: inline-block; min-width:200px;position: relative;text-align: center;font-size: 14px;font-weight: 500; padding: 10px 1rem 10px 0;background-color: #FFF;color: #b6934c; transition: all .3s ease;border: 1px solid #b6934c;line-height: 1;border-radius: 5px;}
.footer_botton:hover{background-color: #b6934c;color: #fff;transition: all .3s ease;}
.footer_botton:after{position: absolute;content: "\f054";font-family: "Font Awesome 5 free";font-weight: 600;right:10px;}

.footer_botton.-blue{color: #005a3c;border: 2px solid #005a3c;}
.footer_botton.-blue:hover{background-color: #005a3c;color: #fff;}

/*------------------------------
　下層ページ
------------------------------*/
/* 選ばれる理由 concept*/
.tuyomi-flex{padding:0 5vw;display:flex;justify-content:center;gap:2vw;flex-wrap:wrap;margin-bottom:2vw;}
.tuyomi-waku{background-color:#FFF;width:calc((100% / 3) - 2vw);}
.tuyomi-pic{}
.tuyomi-title{font-size:28px;padding:10px 20px;font-weight:500;line-height:1.4;}
.tuyomi-title b{color:#e72806;}
.tuyomi-come{padding:10px 20px 20px;}

/*---------- 商品紹介 ----------*/
/* 共通 */
.product-head{display: flex;justify-content: flex-start;align-items: center;position: relative;}
.product-head:after{content: "";display: block;background-color: #CCC;height: calc(50% + 15px);width: 100%;position: absolute;bottom:0;z-index: -1;}
.p-head-pic{position: relative; aspect-ratio: 2 / 1;overflow: hidden;flex:1.2;}
.p-head-pic img{width: 100%;height: 100%;object-fit: cover;}
.p-head-title-waku{flex:1;position: relative;}

.p-head-title{max-width:840px;position: relative;margin-left: -100px;padding: 45px;background-color: rgba(255, 255, 255, 0.90);outline-offset: -15px;outline: 2px solid #b6934c;z-index: 10;display: inline-flex;flex-direction: column;justify-content: center;align-items: flex-start;}
.p-head-title-en{font-size:74px;font-weight: 800;letter-spacing: 1px;line-height: 1;border-bottom: 3px solid #b6934c;padding: 0 20px;font-family: "Manrope", sans-serif;}
.p-head-title-en::first-letter{color: #b6934c;}
.p-head-title-jp{width: 100%; font-size: 32px;font-weight: 600;letter-spacing: .1rem;text-align: right;padding: 0 20px;}
.p-head-title h2{width: 100%;padding-right: 20px; font-size: min(2.1rem,3vw);font-weight: 600;letter-spacing: .1rem;text-align: right; line-height: 1.6;border-bottom:2px solid #b6934c;}
.p-head-title p{padding: 20px 20px 0 20px; font-size: 18px;line-height: 2;letter-spacing: .1rem;}

.product-main{max-width: 1100px;margin: 10px auto 60px auto;text-align: center;}
.p-sct-title{font-size: 1.9rem;font-weight: 600;position: relative;display: inline-block;padding: 10px 30px 15px;line-height: 1.2;margin: 60px auto 30px;letter-spacing:.1rem;}
.p-sct-title.-first{line-height: 1.2;margin: 0px auto 30px;}
.p-sct-title::before, .p-sct-title::after {position: absolute;top: -2px;width: 20px;height: 100%;content: '';	border-top: solid 2px #b6934c;border-bottom: solid 2px #b6934c;}
.p-sct-title::before {border-left: solid 2px #b6934c;left: 0;}
.p-sct-title::after {border-right: solid 2px #b6934c;right: 0;}


/* 特徴 */
.p-tokucho-flex{display: flex;justify-content: center;margin: 60px auto 50px;gap:2vw;}
.p-tokucho-waku{position: relative;padding: 80px 4% 40px;background-color: #FFF;flex:1;}
.p-tokucho-icon{position: absolute;display: flex;justify-content: center;align-items: center;width: 125px;height: 125px;top:-60px;background-color: #FFF;border-radius: 63px;border:2px solid #b6934c;left: 50%;transform: translateX(-50%);}
.p-tokucho-icon img{}
.p-tokucho-title{font-size: 32px;padding-bottom: 15px;font-weight: 500;color: #b6934c;letter-spacing: .1rem;}
.p-tokucho-waku p{text-align: justify;font-size: 18px;}

/* 理由 */
.p-sct2-title{font-weight: 500; background-color: #b6934c;color: #FFF;font-size: 2.1rem;text-align: center;padding: 10px;}
.p-riyuu-flex{display: flex;justify-content: space-between;align-items: stretch;border-bottom:2px solid #b6934c;}
.p-riyuu-flex div + div{border-left:2px solid #b6934c;}
.p-riyuu-waku{flex:1;background-color: #FFF;padding: 30px 20px;}
.p-riyuu-title{font-size: 24px;font-weight: 600;color: #b6934c;letter-spacing: .05rem;text-align: center;}
.p-riyuu-waku p{padding: 20px;}
.p-riyuu-waku p > b{display: block;text-align: center;font-size: 130%;}

/* シミュレーション */
.p-simu-flex{max-width: 1100px; display: flex;justify-content: center;margin: 30px auto 60px;gap:2vw;}
.p-simu-waku{position: relative;width: calc((100% / 2) - 2vw);background-color: #FFF;line-height: 0;}
.p-simu-waku img{width: 100%; height: 100%;object-fit: cover;}
.p-simu-waku table{width: 430px;border: 1px solid #dbdbdb;border-collapse: collapse;border-spacing: 0;position: relative;}
.p-simu-waku td,.p-simu-waku th{width: 50%; border: 1px solid #dbdbdb;padding: 12px 20px;line-height: 1.5; vertical-align: middle;}
.p-simu-waku .table-top{margin-bottom: 30px;}
.p-simu-waku .table-bottom{background-color: #ffe8e8;}
.p-simu-waku .table-bottom td{font-size: 150%;font-weight: 600;color: #b6934c;}
.p-simu-waku .table-top:after{position: absolute; content: "";width: 0;height: 0;border: 15px solid transparent;border-top-color: #000;bottom: -40px;left: 50%;transform: translateX(-50%);}
.p-simu-waku tr:last-child td,.p-simu-waku tr:last-child th{border-bottom:none;}

.hoso{font-size: 80%;color: #555;line-height: 1.4;text-align: left;}

/* 施工実績 */
.works-waku{padding:0 5vw 60px;text-align:center;    margin-top: -50px;}
.works-flex{display:flex;justify-content:flex-start;gap:2vw;flex-wrap:wrap;}
.works-box{width:calc((100% / 3) - 2vw);border: 1px solid #ededed;position: relative;background-color: #FFF;padding:15px;}
.works-pic{line-height:0;width: 100%;aspect-ratio: 4 / 3;}
.works-pic img{width: 100%; height: 100%;object-fit: cover;}
.works-box p,.slick-box p{padding-top:10px;}
.works-box:hover,.slick-box:hover{opacity:.7;}

.slick-works{padding-top:30px !important;}
.slick-box{border: 1px solid #ededed;position: relative;background-color: #FFF;padding:15px;margin:0 5px;}

.single-works{max-width:1100px;margin:0px auto 60px;padding:30px;background-color: rgb(255 255 255 / 90%);filter:drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.04));text-align:center;}
.single-works-title{margin-bottom: 20px;display: flex;justify-content: flex-start;align-items: center;position: relative;gap: 25px;}
.works-title{font-size:30px;font-weight:500;}
.works-cat-name{margin-left:-30px;display:inline-block; background-color: #b6934c;color: #FFF; padding: 6px 20px;font-size:24px;line-height:1;}

.works-main img{}
.works-slider{}
.works-info-flex{margin:30px auto 60px;display:flex;justify-content:center;}
.works-info-flex .info-left{flex:1;padding:0 2vw;}
.works-info-flex .info-left h2{font-size:21px;font-weight:500;color:#b6934c;text-align:left;padding-bottom:15px;}
.works-info-flex .info-left p{line-height:1.6;text-align:justify;font-weight:400;}
.works-info-flex .info-right{width:70%;}
.works-info-flex .info-right ul li{font-size:1rem;border-bottom:1px dashed #b6934c;display:flex;justify-content:flex-start;gap:20px;text-align:left;padding:5px 10px;}
.works-info-flex .info-right ul li b{width:5rem;color: #b6934c;font-weight:500;}
.works-info-flex .info-right ul li p{flex:1;}

.nextend-thumbnail-horizontal .nextend-thumbnail-inner{background:none !important;}

/* お客様の声 */
.voice-list-box .title{line-height: 1.5;font-weight: 500;letter-spacing: 1px;text-align: justify;padding-bottom: 15px;}
.voice-list-box .list-info{display:flex;justify-content:flex-end;gap:1rem;font-size:15px;padding-right:60px;}
.voice-list-box .info .post-more:after{border-color: transparent #101010 transparent transparent;}
.voice-list-box:hover .info .post-more:after{border-color: transparent #b6934c transparent transparent;}

.voice-title{font-size:31px;text-align:justify;font-weight:500;line-height:1.5;padding:15px;letter-spacing:.1rem;}
.voice-single-info-flex{display:flex;align-items:flex-start;justify-content:space-between;gap:2vw;padding:15px 15px 50px;}
.voice-info-right{flex:1;}
.voice-info-right ul{padding:0;}
.voice-info-right ul li{display:flex;justify-content:flex-start;padding:.5rem 10px;border-bottom:1px solid #afafaf;text-align:justify;}
.voice-info-right ul li b{flex:1;}
.voice-info-right ul li p{flex:3;border-left: 1px solid #afafaf;padding-left:15px;}
.voice-come {text-align:justify;flex:1.2;}
.voice-come-title{font-size:24px;font-weight:500;letter-spacing:.1rem;border-top:1px solid #b6934c;border-bottom:1px solid #b6934c;margin-bottom:15px;padding: 3px 15px;}
.voice-come p{padding:0 15px;line-height:1.8;font-size:18px;}

/* 会社概要 */
.company-title{display:flex;justify-content:flex-start;align-items:center;font-size: 24px; font-weight: 600; padding-bottom: 25px;letter-spacing:1px;}
.company-title::after {content: ""; height: 2px;flex-grow: 1; background-color: #b6934c;}
.company-title::after { margin-left: 15px;}

.company-message{display:flex;justify-content:space-between;align-items:flex-start;gap:50px;padding-bottom:60px;}
.message{text-align:left;line-height: 1.6;text-align: justify;display:block;flex: 1;}
.message h2{font-weight:500;font-size:21px;padding-bottom:15px;line-height:1.4;}
.message-pic{width:350px;}
.company-gaiyo{width: 100%; border:1px solid #b6934c; background-color: #FFF;margin-bottom:60px;}
.company-gaiyo th,.company-gaiyo td{line-height: 1.4;padding: 1rem;border-bottom: 1px solid #b6934c;}
.company-gaiyo th{border-right: 1px solid #b6934c;background-color: #fff7e8;}
.company-gaiyo td{text-align:left;}
.company-gaiyo td b{display:block;}
.company-gaiyo .second{padding-top:15px;}

.list01{list-style: square;}
.list01 li{padding-bottom:.5rem;}
.list_in{list-style:circle;padding-top:.5rem;}

@import url('https://fonts.googleapis.com/css2?family=Yuji+Syuku&display=swap');
.sign{padding-top:15px;font-family: 'Yuji Syuku', serif;font-size:1.6rem;text-align:right;}
.sign span{font-size:1.1rem;}

.company-map{display:flex;justify-content:space-between;gap:20px;}
.company-map iframe{width:100%;height:250px;}
.company-map div{width:100%;padding: 10px;background-color: #FFF;}

/* レポートダウンロード */
.report-come{max-width:1100px;margin:30px auto 0;display:flex;justify-content:space-between;}
.report-pic{max-width:400px;padding-left:2vw;line-height:0;}
.report-come img{width:100%;height:auto;}
.report-info{flex:1;background-color: rgb(255 255 255 / 80%);padding: 20px;}
.report-info h3{font-size:26px;font-weight:500;border-bottom: 1px dashed #555;margin-bottom:1vw;letter-spacing:.1rem;text-align:left;}
.report-info p {font-size:18px;line-height:1.5;font-weight:400;text-align:justify;}
.report-info p span{display:block;padding-top:15px;font-size:90%;}


.freedial-box{}
.freedial-box .tel{display:flex;flex-direction:column;}
.freedial-box .tel a{font-size:3.3vw;font-weight:600;}
.freedial-box .tel a .svg-inline--fa{font-size:2.7vw;color: #b6934c;}
.freedial-box .tel a:hover{color: #b6934c;}
.freedial-box .span{}

.apply-byo{background-color:#b6934c;color:#FFF;font-weight:600;font-size:22px;line-height:1.2;padding:10px;margin-top:20px;letter-spacing:.1rem;}
.apply-byo span{font-size:200%;font-family: "Inter", sans-serif;font-weight:600;letter-spacing:0;padding-right:3px;}

/* 予約フォーム */
.form-waku{background-color:#FFF;}
.form-waku h3{font-size:1.2rem;font-weight:600;text-align:center;padding:30px 0 20px;}

.form-waku .hosoku{max-width:900px;margin:30px auto;border:1px solid #ccc;padding:15px;font-size:88%;line-height:1.6;}
.form-frame {
	width:900px;
	margin:0px auto;
	padding: 0 20px;
	border-radius: 5px;
}
.form-frame .form-line {
	padding: 25px 10px;
	border-bottom: dotted 1px #ccc;
	overflow: hidden;
	text-align: left;
	font-size: 16px;
	display:flex;
}
.form-l-l {
	width: 300px;
	text-align: left;
	font-weight: 600;
}
.form-l-r {
	width: 600px;
	text-align: left;
}

.form-frame .form-line .hissu {
	padding: 3px;
	background-color: #b6934c;
	color: #fff;
	font-size: .88rem;
	margin-left: 10px;
	line-height: 100%;
	border-radius: 5px;
}
.wpcf7-validates-as-date {
	padding: 10px;
	border: solid 1px #CCCCCC;
	margin-bottom: 5px;
	background-color: #F9F9F9;
}


/* テキストフォームの設定 */

.wpcf7-datetime {
	padding: 10px;
	width: 80%;
	color: #636063;
	font-size: 13px;
	background-color: #F9F9F9;
	border: solid 1px #CCCCCC;
}

/* テキストフォームの設定 */

.wpcf7-text {
	padding: 10px;
	width: 80%;
	color: #636063;
	background-color: #F9F9F9;
	border: solid 1px #CCCCCC;
	margin-bottom: 5px;
}
.wpcf7-text.short{width: 40%;}
/* テキストフォームのフォーカス時の設定 */
.wpcf7-text:focus {
	background-color: #FFFFCC;
}
/* テキストエリアの設定 */
.wpcf7-textarea {
	padding: 10px;
	width: 80%;
	height: 100px;
	color: #636063;
	background-color: #F9F9F9;
	border: solid 1px #CCCCCC;
}

/* テキストエリアのフォーカス時の設定 */
.wpcf7-textarea:focus {
	background-color: #FFFFCC;
}

/* 送信ボタンの設定 */
.wpcf7-form-control.wpcf7-submit {
	display: block;
	width: 300px;
	border: none;
	padding: 20px;
	background-color: #b6934c;
	color: #fff;
	font-size: 1.4rem;
	margin:0 auto;
}
/* 送信ボタンのフォーカス時の設定 */
.wpcf7-form-control.wpcf7-submit:hover {
	filter: alpha(opacity=80);
	opacity: .6;
	-moz-transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
}

/* リストの縦並び（チェックボックス・ラジオ） */
span.wpcf7-list-item {
	display: block !important;
}

/* セレクト */
select {
	padding: 10px;
	width: 260px;
	color: #636063;
	background-color: #F9F9F9;
	border: solid 1px #CCCCCC;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	overflow: hidden;
}

[data-class="wpcf7cf_group"]{padding-top:10px;}

.thx-come{text-align:center;line-height:2;width:900px;margin:0px auto 30px;}
.thx-come .hoso{margin-top:30px;background-color:#FFF;padding:20px;font-size:90%;text-align:left;}
.apply-hosoku p{margin:1vw auto;font-size:90%; display: flex;text-align: left;justify-content:center;}

/*------------------------------
　投稿関連
------------------------------*/
.post-flex{display:flex;justify-content:space-between;max-width:1280px;margin:0 auto 60px;gap:30px;}
.post-waku{background-color:#FFF;padding:20px;width:100%;}
.post-main-pic{}
.post-title{font-size:30px;line-height:1.5;padding:10px 0px;border-bottom:1px solid #f0f0f0;text-align:center;font-weight:700;}


.post-date{font-size:14px;color:#666;letter-spacing:.05rem;text-align:right;padding:10px 20px;}
.single-post-waku {padding:0 15px;;font-size:16px;line-height:1.8;text-align:left;}
.single-post-waku p{padding:20px;text-align:justify;}

.single-post-waku h1{font-size:28px;padding:5px 10px;margin:15px 0px;font-weight: 700;line-height:1.4;border-left:5px solid #005a3c;background-color:#efefef;}
.single-post-waku h2{font-size:22px;color:#005a3c;padding:0 10px;border-bottom:solid 2px #005a3c;margin-bottom:15px;margin-top:30px;font-weight: 600;line-height:1.5;}
.single-post-waku h3{font-size:18px;background-color:#dff4f5;padding:10px;margin-top:30px;margin-bottom:10px;font-weight: 600;line-height:1.4;}
.single-post-waku h4{font-size:18px;padding:0 10px;border-bottom:solid 1px #000;margin-bottom:10px;margin-top:15px;font-weight: 600;line-height:1.5;}
.single-post-waku h5{font-size:16px;padding:0 10px;background-color:#ececec;margin-bottom:10px;margin-top:30px;font-weight: 600;line-height:1.5;}

.-event h1{font-size:28px;padding:5px 10px;margin:15px 0px;font-weight: 700;line-height:1.4;border-left:5px solid #b6934c;background-color:#efefef;}
.-event h2{font-size:22px;color:#b6934c;padding:0 10px;border-bottom:solid 2px #b6934c;margin-bottom:15px;margin-top:30px;font-weight: 600;line-height:1.5;}
.-event h3{font-size:18px;background-color:#ffdada;padding:10px;margin-top:30px;margin-bottom:10px;font-weight: 600;line-height:1.4;}
.-event h4{font-size:18px;padding:0 10px;border-bottom:solid 1px #000;margin-bottom:10px;margin-top:15px;font-weight: 600;line-height:1.5;}
.-event h5{font-size:16px;padding:0 10px;background-color:#ececec;margin-bottom:10px;margin-top:30px;font-weight: 600;line-height:1.5;}

.post-list{width:260px;padding-left:1.5vw;border-left:1px solid #005a3c;}
.post-list h3{color: #005a3c;border-bottom: 1px solid;padding: 5px;text-align: center;font-size: 16px;margin-bottom: 15px;letter-spacing:.1rem;}
.post-list ul{padding:0 10px;}
.post-list li{border-bottom:1px dotted #777;padding: 0.5rem 0.3rem;line-height:1.4;font-size:14px;letter-spacing:-.01rem;}

.news-list{padding:0 5vw;}
.news-list li{padding:1rem .5rem;display:flex;border-bottom:.75px dashed #b6934c;}
.news-list .date{margin-right:20px;}

.post-flex .head-bt{margin-top:30px;background-color:#005a3c;border:1px solid #005a3c;}
.post-flex .head-bt:hover{background-color:#FFF;color:#005a3c;}

/* PRIMA仕様 */
.prima-bk{background-image: url("../../../image/products/prima/prima-bk.webp");background-size: cover;background-position: bottom;}
.-prima {text-align: center;}
.-prima .p-head-title-jp{text-align: center;font-size: min(40px,2.4vw);}
.prima-logo{margin: 10px auto 0; padding-top: 10px;}

.prima-flex{max-width: 1080px; margin: 0px auto; padding: 50px 0; display: flex;justify-content: center;gap:5%;text-align: center;}
.prima-flex.-gap0{gap:unset;max-width: 900px;}
.prima-flex.-top0{padding-top: 0;}
.prima-flex.-bottom0{padding-bottom: 0;}
.prima-flex .box{background-color:#FFF;}
.prima-maru{width: 30%;aspect-ratio: 1 / 1;display: flex; flex-direction: column;line-height: 1.4;background-color: #9a0007;color: #FFF;
    border-radius: 100%;font-size: 30px;font-weight: bold;letter-spacing: .1rem;justify-content: center;    text-shadow: 5px 5px 16px rgba(0,0,0,.6);}
.prima-maru b{font-size: 155%;padding-bottom: 6px;line-height: 1.3;}
.prima-maru p{}

.prima-main{text-align: center;max-width: 1200px;margin: 0px auto;padding: 30px 0;}
.prima-main p,.prima-main h2,.prima-title-obi p{font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif !important;letter-spacing: 1px;}
.short-box{max-width: 610px;margin: 30px auto;display: block;text-align: justify;}

.prima-main h2{font-weight: bold;font-size: 1.2rem;letter-spacing: 1px;}
.prima-main h3{font-weight: 600;font-size: 1.6rem;letter-spacing: 1px;background-color: #9a0007;color: #FFF;padding: 15px;margin: 10px auto 30px;}
.prima-main .f-big{font-size: 150%;font-weight: bold;letter-spacing: 1px;line-height: 3;}
.m-40{margin: 40px 0 70px;}
.p-30{padding: 30px 0;}
.p-t30{padding-top: 30px;}
.-w1080{max-width: 1080px;}

.prima-point-flex{max-width: 1200px;margin: 30px auto 60px;gap:2vw;display: flex;}
.prima-point-box{width: 32%;}
.prima-point-flex > div:nth-child(1){background-color: #c4e8ef;}
.prima-point-flex > div:nth-child(2){background-color: #ffe5a6;}
.prima-point-flex > div:nth-child(3){background-color: #fec7b6;}
.prima-point-box .box-head{padding: 26px;}
.prima-point-box .box-head .title{font-size: 28px;font-weight: 500;letter-spacing: 5px;line-height: 1.2;}
.prima-point-box .box-head .title .no{font-family: "Pinyon Script", cursive;color: rgba(15,15,15,0.50);font-size: 200%;}
.prima-point-box .pic{line-height: 0;aspect-ratio: 1.4 / 1;}
.prima-point-box .pic img{width: 100%;height: 100%;object-fit: cover;}

.prima-title-obi{background-color: #36280c;color: #FFF;padding: 30px;text-align: center;}
.prima-title-obi p{font-size: 18px;padding-bottom: 20px;}
.prima-title-obi h2{font-size:40px;letter-spacing: 2px;line-height: 1;font-family:YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif !important;font-weight: bold;}

.prima-head-img{position: relative;line-height: 1;}
.p-point-title-ue{position: absolute;top:5%;left:5%;background-color: rgba(0, 0, 0, 0.7);color: #FFF;padding: 35px 30px 25px;display: flex;flex-direction:column;font-size: 21px;font-weight: bold;line-height: 1;}
.p-point-title-ue p:nth-child(2){font-size: 160%;font-weight: inherit;padding-top: .6rem;}
.p-point-title-ue p:nth-child(3){font-size: 190%;font-weight: inherit;padding-top: .75rem;}
.p-point-title-shita{position: absolute;bottom:8%;left:5%;background-color: rgba(0, 0, 0, 0.7);color: #FFF;padding: 10px; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Georgia, Meiryo, serif !important;
    font-weight: 400;line-height: 1.4;font-size: 40px;width: 70%;}
.prima-info{display: flex;justify-content: space-between;align-items: flex-start;gap:3%;margin: 30px auto;}
.prima-info > img{max-width:330px;}
.prima-info > img.wide{max-width:460px;}
.prima-info > .box{text-align: justify;font-size: 17px;}
.prima-info > .box h4{font-weight: bold;font-size: 110%;font-family:YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif !important;letter-spacing: 1px;border-bottom:3px solid #CCC;margin-bottom: 15px;line-height: 2;}
.prima-info > .box span{color: #9a0007;font-weight: bold;}
.prima-info:nth-child(odd){flex-direction: row-reverse;}

.prima-bg{background-color: #f1f1f1;padding: 40px;font-family:YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif !important;letter-spacing: 1px;font-size: 18px;}
.prima-bg h2{font-size: 24px;padding-bottom: 30px}

.prima-bg > .hoso{text-align: center;}
.-font-16{width: 400px;text-align: left;padding-top: 30px;margin: 0 2% 50px;}
.-font-16 p{font-size: 14px;padding-top: 10px;border-top:2px solid #CCC;}

.prima-flex .pic,.prima-flex ul{flex:1;}
.prima-flex ul li{text-align: left; color: #404040; border-left: solid 6px #9a0007;border-bottom: solid 1px #dadada;background: whitesmoke;margin-bottom: 5px;line-height: 1.5;padding: 0.5em;list-style-type: none !important;font-weight: bold;}

.prima-title-obi2{background-color: #e2f0d9;;padding: 50px;text-align: center;margin-top: 40px;font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif !important;}
.prima-title-obi2 p{font-size: 18px;padding-top: 20px;}
.prima-title-obi2 h2{font-size:40px;letter-spacing: 2px;line-height: 1.2;font-weight: bold;}

.prima-support-box{flex:1;}
.prima-support-box .pic{position: relative;line-height: 0;display: flex;justify-content: center;align-items: center;}
.prima-support-box .pic:after {position: absolute;content: '';left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(20,20,20,.5);z-index: 1;}
.prima-support-box .pic .title{position: absolute;line-height: 1.4;color: #FFF;z-index: 2;font-size: 36px;font-weight: bold;
font-family:YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif !important;letter-spacing: 1px;}
.prima-support-box p{text-align: justify;padding-top: 15px;}
.prima-support-box p span{color: #9a0007;font-weight: bold;}

.faq-waku{position: relative;max-width: 1100px;margin: 0 auto;}
.faq-box{margin: 30px 0; padding: 15px;background-color: #FFF;box-shadow: 0 3px 6px -4px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);text-align: justify;}
.q-title{background-color: #efefef;padding: 15px;font-size: 21px;font-weight: 500;letter-spacing: 1px;line-height: 1.2;}
.q-title:before{content: "Q";display: inline-block;padding-right: 5px;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Georgia, Meiryo, serif ;font-size: 130%;color: #71aa4c;}
.faq-box p{padding: 15px;}
.faq-box p span{color: #9a0007;font-weight: bold;line-height: 1.5;}

.single-menu-yo{position: relative;}
.single-menu{position: sticky;top: 64px;z-index: 30;padding: 10px;
background-color: #9a0007;color: #FFF; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;}
.single-menu ul{display: flex;justify-content: center;line-height: 1;}
.single-menu li{font-size: 14px; text-align: center;padding: 5px 12px;letter-spacing: .1rem;font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif !important;}
.single-menu li + li{border-left:1px solid #FFF;}
.single-menu li.name{font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, sans-serif !important;}
.single-menu li:first-child,.single-menu li:nth-child(2){border-left:none;}
.single-menu li:hover{color: #FFEE05;}

/* 商品プラン */
.product-head-flex{max-width: 1100px;margin: 30px auto; display: flex;gap:50px;}
.product-head-flex .logo{flex-basis: 30%;display: flex;justify-content: center;align-items: center; padding-top: 60px;}
.product-head-flex .logo img{}
.product-head-flex .about{flex:1;text-align: left;font-size: 18px;line-height: 2.2;padding-bottom: 20px;}
.product-head-flex .product-about-title{font-weight: 600;font-size: 1.4rem;text-align: right;padding-right: 20px; border-bottom:2px solid #005a3c;margin-bottom: 15px; }
.product-head-flex .about ol{list-style-type: decimal;list-style-position: inside;}
.product-head-flex .about ol li{padding-left: 1rem;letter-spacing: .1rem;}

.wborder{max-width: 1100px;margin: 30px auto; display: block;font-size: 1.4rem;letter-spacing: .1rem;background-color: #005a3c;color: #FFF; padding: 10px;}

.product-waku{max-width: 1100px;margin: 60px auto; }
.product-waku h3{border-top:2px solid #005a3c;border-bottom:2px solid #005a3c;font-size: 1.6rem;padding: 5px 15px;letter-spacing: .1rem;font-weight: 500;margin-bottom: 1rem;color:#005a3c;}
.product-waku h2{line-height: 1.8;font-size: 1.9rem;letter-spacing: .1rem;font-weight: 600;padding-bottom:15px;text-align:center;}
.product-waku h2 .en{font-family: "Manrope", sans-serif;font-size: 3rem;line-height: 1.5;padding-top: 30px;}
.product-waku h2 .jp{font-size: 1.2rem;display: block;}

.product-flex{display: flex;gap:2px;align-items:flex-start;}
.m-b50{margin-bottom:50px;}
.product-flex .pic{flex:1;}
.product-flex .txt{flex:1;display: flex;justify-content: center;align-items: center;flex-direction:column;}
.product-flex .txt img{max-height:220px;width:auto;}
.product-flex .set{padding: 0 15px;text-align: left;width: 100%;}
.product-flex .txt-title{font-size: 1.4rem;font-weight: 600;position: relative;text-align: center;color: #005a3c;margin:20px;letter-spacing: 1px;}
.product-flex .txt-title::before, .product-flex .txt-title::after {position: absolute;top: -2px;width: 20px;height: 100%;
content: '';border-top: solid 2px #005a3c;border-bottom: solid 2px #005a3c;}
.product-flex .txt-title::before {border-left: solid 2px #005a3c;left: -10px;}
.product-flex .txt-title::after {border-right: solid 2px #005a3c;right: -10px;}
.product-flex ul {}
.product-flex ul li{line-height: 1.5;padding: 10px 5px; margin-left: 1em;text-indent: -.5em;}
.product-flex ul.mini li{line-height: 1.5;padding: 5px; margin-left: 1em;text-indent: -.5em;}
.product-flex ul li:before{content: "●";display: inline-block;padding-right: .2em; font-size: 14px;color: #005a3c;}
.product-waku .madori{display:flex;justify-content:flex-start;line-height: 0;margin-bottom: 30px;border:1px solid #e0e0e0;}
.product-waku .madori.-p2 img{width:50%;}
.product-waku .madori.-p3 img{width:calc(100% / 3);}