@charset "utf-8";
/* CSS Document */

/*------------------------------
　共通
------------------------------*/
.pc{display: none !important;}

.w1100{width: 94%;margin: 0 auto;}


.m-b30{margin-bottom: 20px;}
.m-t30{margin-top: 20px;}
.m-b50{margin-bottom: 30px;}
.m-t50{margin-top: 30px;}
.p-20{padding:10px !important;}
.p-30{padding:20px !important;}
.p-50{padding:25px !important;}
.p-t50{padding-top:40px !important;}

h1{font-size: 12px;font-weight: 400;color:#999;line-height:1.4;}
h2{font-size: 21px;font-weight: 600;letter-spacing: .05rem;line-height:1.6;}


.txt-arrow:after{content:"";background: url(../../../image/common/txt-arrow.svg) no-repeat center right / contain;width: 10px; height: 14px;}
.en{font-family: "Outfit", sans-serif;font-weight: 600;font-style: normal;font-size:130%;line-height:1;letter-spacing:1px;}

.gre{background-color:#f0f0f0;}
.pink{background-color:#ffecf5;}
.d-gre{background-color:#838383;}

.bt-mail{font-weight: 600; font-size: min(16px,5vw); border: 2px solid #111; border-radius: 20px; line-height: 1; padding: 6px 20px; display: inline-flex; justify-content: center;gap:6px;margin:10px auto 20px;transition:.3s;}
.bt-mail:hover{background-color:#0091d2;color:#FFF;border-color:#0091d2;}
.bt-mail:before{content:"";display:inline-block;background: url(../../../image/common/icon-mail_b.svg) no-repeat center center / contain;width: 24px; height:18px;}
.bt-mail:hover::before{background: url(../../../image/common/icon-mail_w.svg) no-repeat center center / contain;}

.more-bt.-blue{font-weight: 600; font-size: min(16px,4.5vw); border-radius: 30px; line-height: 1; padding: 18px 56px 18px 34px; display: inline-flex; justify-content: center;gap:6px;margin-top:30px;transition:.3s;color:#FFF;letter-spacing:normal;}
.more-bt.-blue{background:#111 url(../../../image/common/more-bt-blue.svg) no-repeat center right / 100px;}
.more-bt.-blue:hover{background:#0091d2 url(../../../image/common/more-bt-kuro.svg) no-repeat center right / 100px; color:#FFF;}

.more-bt.-pink{font-weight: 600; font-size: min(16px,4.5vw); border-radius: 25px; line-height: 1; padding: 14px 40px 14px 20px; display: inline-flex; justify-content: center;gap:6px;margin-top:20px;transition:.3s;color:#FFF;letter-spacing:normal;}
.more-bt.-pink{background:#111 url(../../../image/common/more-bt-pink.svg) no-repeat center right / 83px;}
.service-box:hover .more-bt.-pink{background:#de619e url(../../../image/common/more-bt-kuro.svg) no-repeat center right / 83px; color:#FFF;}


.more-bt{font-weight: 600; font-size: 16px; border-radius: 10px; line-height: 1; padding: 10px 30px 10px 20px; display: inline-flex; justify-content: center;gap:6px;margin-top:20px;transition:.3s;color:#FFF;letter-spacing:.1rem;}
.more-bt{background:#111 url(../../../image/common/more-bt-arrow_w.svg) no-repeat center right / 40px;}
.more-bt:hover{background:#de619e url(../../../image/common/more-bt-arrow_w.svg) no-repeat center right / 40px; color:#FFF;}

.pic img{width:100%;height:auto;}

section{padding:0 10px 30px;}

center img{max-width:100%;height:auto;}
.pic img{width:100%;height:auto;}
.section-title{text-align:left;margin-left:-10px;}
.section-title img{height:100px !important;width:auto !important;}

.soudan-waku{width:100%;margin:0 auto;position:relative;}
.soudan-waku img{width:100%;height:auto;}
.soudan-chara{position:absolute;right:0; width: auto !important;height: 100% !important;}

.h-head-set{background-color:#f0f0f0;padding:5px;display:flex;justify-content:space-between;line-height:1;align-items: center;}
.-white{color:#FFF !important;}
p .red{color:#ff2929;}
.whiteboard{padding:15px; background-color: rgb(255 255 255 / 100%);}
.whiteboard p{padding:20px 0;font-size:16px;line-height:1.6;}
.point-title.-white{font-size:14px;padding:0 10px;}

.flex-waku{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;}
.flex-waku img{width:100%;height:auto;}
/* ----------------- */
/* ハンバーガーメニュー */
/* ----------------- */

.hamburger-set {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
  width: 50px;
  height: 50px;
  padding: 2px;
  border: none;
  background: #f43a35;
  cursor: pointer;
}

.hamburger-icon {
  width: 100%;
  height: 100%;
}

.hamburger-line {
  fill: none;
  stroke: #FFF;
  stroke-width: 6;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
              stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.hamburger-line:nth-child(1) {stroke-dasharray: 60 207;}
.hamburger-line:nth-child(2) {stroke-dasharray: 60 60;}
.hamburger-line:nth-child(3) {stroke-dasharray: 60 207;}
.hamburger-set.active .hamburger-line:nth-child(1) {stroke-dasharray: 90 207;stroke-dashoffset: -134;}
.hamburger-set.active .hamburger-line:nth-child(2) {stroke-dasharray: 1 60;stroke-dashoffset: -30;}
.hamburger-set.active .hamburger-line:nth-child(3) {stroke-dasharray: 90 207;stroke-dashoffset: -134;}
.nav-set {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgb(40 40 40 / 96%);
  clip-path: circle(0% at calc(100% - 44px) 44px);
  transition: clip-path 0.7s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 900;
	overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.nav-set.active {
  clip-path: circle(150% at calc(100% - 44px) 44px);
}

.nav-set-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 60px 15px;
  width: 100%;
  height: 100%;
}
.nav-list {
	width:80%;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
	color:#FFF;
}

.nav-item {
 opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.4s ease, transform 0.4s ease;
	margin-bottom:6px;
}

.-sankaku{width:20px;height:auto;}
.nav-item > a {display:flex;justify-content:flex-start;align-items:flex-start;font-size: 16px;line-height: 40px;}

.nav-set.active .nav-item {
  opacity: 1;
  transform: translateY(0);
}
.nav-item a img{max-width:100%;height:auto;}

.nav-set.active .nav-item:nth-child(1) { transition-delay: 0.3s; }
.nav-set.active .nav-item:nth-child(2) { transition-delay: 0.4s; }
.nav-set.active .nav-item:nth-child(3) { transition-delay: 0.5s; }
.nav-set.active .nav-item:nth-child(4) { transition-delay: 0.6s; }
.nav-set.active .nav-item:nth-child(5) { transition-delay: 0.7s; }
.nav-set.active .nav-item:nth-child(6) { transition-delay: 0.8s; }
.nav-set.active .nav-item:nth-child(7) { transition-delay: 0.9s; }
.nav-set.active .nav-item:nth-child(8) { transition-delay: 1.0s; }
.nav-set.active .nav-item:nth-child(9) { transition-delay: 1.1s; }
.nav-set.active .nav-item:nth-child(10) { transition-delay: 1.2s; }
.nav-set.active .nav-item:nth-child(11) { transition-delay: 1.3s; }

.have-child{padding-bottom:10px;}
.child-item{display:flex;justify-content:space-between;align-items:center;background-color:#f0f0f0;
padding: 6px 10px 6px 10px;font-size: 14px;margin: 5px 10px;}
.child-item:after{content:"";display:block;background-image:url(../../../image/common/more-bt-arrow_b.svg);background-size: cover;width:25px;height:25px;background-repeat:no-repeat;}

.h-logo{display:block;width:calc(100% - 60px);}
.h-logo img{width:auto;height:auto;max-height:85px;}

.h-bt-set {
  display: flex;
	align-items:flex-end;
	justify-content:flex-end;
}

.h-bt-set .btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.h-bt-set a > img{width:100%;height:auto;}

/* 左ボタン（灰色）: 左端も透過の斜めカット */
.btn-gray {
  background: #6e6e6e;
  /* 左上だけ斜めにカットされ、そこは透過になる */
  clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%, 0 100%);
}

/* 右ボタン（赤）: 左上カット */
.btn-red {
  background: #f03737;
  margin-left: -55px; /* 重なり調整 */
  clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
}

.btn::before {
  background-color: #fff;
  content: "";
  display: block;
  position: absolute;
  top: -100px;
  left: 0;
  width: 30px;
  height: 100%;
  opacity: 0;
  transition: cubic-bezier(0.32, 0, 0.67, 0);
}
.btn:hover::before {
  animation: kiran 0.5s linear;
}
 
@keyframes kiran {
  0% {
    transform: scale(2) rotate(45deg);
    opacity: 0;
  }
  20% {
    transform: scale(20) rotate(45deg);
    opacity: 0.6;
  }
  40% {
    transform: scale(30) rotate(45deg);
    opacity: 0.4;
  }
  80% {
    transform: scale(45) rotate(45deg);
    opacity: 0.2;
  }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
/* ホバー・JS共通で使うベーススタイル */
.btn::before {
  background-color: #fff;
  content: "";
  display: block;
  position: absolute;
  top: -100px;
  left: 0;
  width: 30px;
  height: 100%;
  opacity: 0;
  pointer-events: none;
}

/* キラリ再生用の一時クラス */
.btn.kirakira::before {
  animation: kiran 0.5s linear;
}
/*------------------------------
　TOPコンテンツ
------------------------------*/

.slider-waku{position:relative;line-height:0;}

/* 施工事例 */
section.works{position: relative;}
section.works::before {
  content: "";position: absolute;
  top: 0;left: 0;
  width: 80%;height: 150px;
  background-color: #222222;
  clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
  z-index: -1;
}
section.works h2{color:#FFF;font-size: 32px;letter-spacing: 1px; line-height: 1;padding: 20px 0;}
.works-flex{display:flex;flex-direction:column;justify-content:center;gap:min(30px,3vw);flex-wrap:wrap;}
.works-box{width:100%;background-color:#FFF;border:2px solid #222;position:relative;}
.works-box .pic{aspect-ratio: 1.4 / 1;overflow:hidden;display:flex;justify-content:center;align-items:center;}
.works-box .pic img{width:100%;height:100%;object-fit:cover;object-position:center;transition:.3s;}
.works-box:hover .pic img{width:110%;height:110%;opacity:.8;object-position:center;transition:.3s;}
.works-box .txt{padding:10px 50px 10px 10px;}
.works-cat{display:inline-block;font-size:14px;color:#FFF;background-color:#222;text-align:center;padding:8px;margin-bottom:10px;}
.works-box h3{line-height:1.5;font-size:16px;}
.works-box .works-bt{position:absolute;bottom:0;right:0;width:80px;height:75px;background:url(../../../image/common/works-bt.svg) no-repeat bottom right;transition:.3s;background-size:cover;}
.works-box:hover .works-bt{position:absolute;bottom:0;right:0;width:60px;height:55px;background:url(../../../image/common/works-bt_hover.svg) no-repeat bottom right;transition:.3s;background-size:cover;}

	
/* 弊社の強み */
section.concept{background-image:url(../../../image/concept/concept-bg.webp);background-position:center;padding:20px 0;background-size:cover;}
.concept-waku{text-align:center;max-width:1000px;margin:0 auto;}
.os-waku{text-align:left;max-width:800px;margin:20px auto 50px;}
.os-list{padding:10px 10px 10px 60px;position:relative;border-bottom: 1px solid #e2e2e2;width:100%}
.os-list:before{content:url(../../../image/common/check-box.svg);display:block;position:absolute;left: 0px;top: 23px;}
.os-title{font-size:21px;font-weight:700;padding:10px 0;}
.os-list p{font-size:16px;line-height:1.5;}

/* コスト削減実績 */
section.jisseki{background-image:url(../../../image/costdown/jisseki-bg.webp);background-position:top right;padding:50px 0;background-size:100%;position:relative;background-repeat:no-repeat;background-color: #dbdbdb;z-index:2;}
section.jisseki{padding:50px 0;text-align:center;}
.jisseki-waku{ width: 90%; margin: 0 auto;}
.top-jisseki-in{max-width:800px;margin:0 auto;}
.top-jisseki-in .page-sub-title{margin-bottom:0;padding:10px !important;}
.top-jisseki-in .jisseki-box{display:block;max-width:760px;transition: transform .6s ease;}
.top-jisseki-in .jisseki-box:after{content:"";display:block;background: url(../../../image/common/works-bt.svg);width:50px;height:50px;position:absolute;right:0;bottom:0;background-size:cover;}

.top-jisseki-in .jisseki-box:hover{transform: scale(1.05);}
.top-jisseki-in .jisseki-box:hover::after{content:"";display:block;background: url(../../../image/common/works-bt_hover.svg);width:95px;height:90px;position:absolute;right:0;bottom:0;}

/* 建築中の現場 */
.genba-waku{display:flex;flex-direction:column; padding: 20px; background-color: rgb(240 240 240 / 80%);margin-bottom:25px;}
.genba-waku .pic{flex:1;aspect-ratio: 1.4 / 1;overflow:hidden;display:flex;justify-content:center;align-items:center;}
.genba-waku .pic img{width:100%;height:100%;object-fit:cover;object-position:center;transition:.3s;}
.genba-waku .info{flex:1;display: flex;flex-direction: column;justify-content: space-between;}
.genba-waku .info h3{font-size: 21px;font-weight: 600; line-height: 1.5; padding: 10px ; border-bottom: 2px solid;}
.genba-waku .info .date{text-align:right;padding:10px 0 15px;line-height:1;font-size:14px;}
.genba-waku .info .txt{text-align:justify;line-height:1.8;flex:1;display:flex;flex-direction:column;justify-content:space-between;font-size:14px;}

.genba-waku .info > .more-bt{margin-top:15px;}

.more-txt{font-weight: 600; font-size: 14px; line-height: 1; padding: 10px 20px 10px 14px; display: inline-flex; justify-content: center;gap:6px;transition:.3s;color:#222;letter-spacing:.1rem;}
.more-txt{background:#FFF url(../../../image/common/more-bt-arrow_b.svg) no-repeat center right / 30px;}
.more-txt:hover{background:#ababab url(../../../image/common/more-bt-arrow_w.svg) no-repeat center right / 30px; color:#FFF;}


/*------------------------------
　下層ページ
------------------------------*/

.single-waku{flex:1;margin:0 auto;width:100%;position:relative;}
.single-title{position:relative;}
.single-title::before {
  content: "";position: absolute;
  top: 0;left: 0;
  width: 80%;height: 150px;
  background-color: #222222;
  clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
  z-index: -1;
}
.single-title.-panf{margin-bottom:-30px;}
.single-title.-panf::before{width:90%;}
.single-title h2{width:100%;margin:0 auto;color:#FFF;font-size: 30px;line-height: 1.4;padding:20px 10px 10px;}
.single-title.-panf h2{font-size: 26px;letter-spacing:-1px;line-height:1.6;}
.page-title{text-align:center;line-height:1.4;font-size:33px;padding-bottom:.5rem;font-weight: 700;}
.page-title span{color:#ff2929;}
.sub-title{text-align:center;line-height:1.6;font-weight:600;font-size:16px;margin-bottom:30px;}
.page-sub-title{font-size:21px;font-weight:600;line-height:1.6;text-align:left;margin-bottom:10px;}
.page-sub-title > p{font-size:17px !important;display: flex;align-items: center;}
.page-sub-title > p > span{font-size:24px;line-height:1;padding-left:3px;}
.point-title{font-size:18px;padding:10px 0;font-weight:600;line-height:1.5;text-align:left;}
.point-title span{color:#ff2929;background-color:#FFF;display: inline-block; margin: 0 2px;background-color: #FFF;padding:0 4px;font-weight:700;}

.single-waku table{margin:0px auto;font-size:15px;border: 1px solid hsla(0, 0%, 78%, .5);}
.single-waku th,.single-waku td{padding:10px;border-bottom: 1px solid hsla(0, 0%, 78%, .5); vertical-align: middle;white-space: nowrap;}
.single-waku th{font-weight:500;border-left: 1px solid hsla(0, 0%, 78%, .5);line-height:1.6;width:25%;}
.single-waku th span{display:block;font-size:12px;}
.single-waku td{border-left: 1px solid hsla(0, 0%, 78%, .5);}
.single-waku th.red{background-color: hsl(0deg 100% 50% / 75%);color: #FFF;}
.single-waku td.red{background-color: hsl(0deg 100% 50% / 15%);font-weight:600;font-size:16px;}
.single-waku td.red span{font-size:14px;padding-left:3px;font-weight:500;}
.kigou{line-height:1 !important;font-size:150% !important;font-weight:600 !important;}
.kigou small{display:block;font-size:12px;padding-top: 5px;}
.red.kigou{font-size: 190% !important;font-weight: 900 !important;}
.red.kigou small{font-weight:500 !important;}
.table-hosoku{font-size:12px;color:444;font-weight:400;}


/* コスト削減実例 */
.page-waku .jisseki-box{padding:15px 10px 10px;}
.jisseki-box{position:relative;background-color:#FFF;width:100%;box-shadow: rgba(0, 0, 0, 0.15) 0px 7px 15px, rgba(0, 0, 0, 0.05) 0px 5px 10px;margin-bottom:30px;}
.jisseki-box > p{padding:15px 0 30px;line-height:1.6;text-align:justify;font-size:16px;}

.jisseki-box .flex-waku{margin-top:30px;}
.jisseki-reibox,.hari-p{width:calc(50% - 15px);}
.rei-txt{font-size:18px;font-weight:600;line-height:1.6;}
.rei-txt span{font-size:140%;}
.rei-txt b{font-weight:inherit;}

.rei-title{background-color:#222;color:#FFF;font-size:18px;padding:10px;line-height:1.2;letter-spacing:.05rem;}

.concept-waku > p{padding:15px 0 30px;line-height:1.6;text-align:justify;font-size:16px;}
.tokucho-point{display:flex;flex-direction:column;margin-bottom:20px;}
.tokucho-point .pic {border:1px solid #afafaf;}
.tokucho-point .pic img{max-height:200px;width:auto;}
.tokucho-point p{font-size:16px;line-height:1.6;font-weight:500;}
.tokucho-point p span{color:#ff2929;}
.group-linkbox{display:block;padding:10px 0;}
.group-linkbox img{background-color:#FFF;transition:.3s;}
.group-linkbox img:hover{background-color:#ffe0ae;}
.works h2{padding-top:20px !important;}
.works .post-title{color:#FFF;font-size:18px;line-height:1.6;padding-top:10px;border-top:2px solid #FFF;margin-top:-15px;}
.post-title2{color:#FFF;font-size:18px;line-height:1.6;padding:10px;border-top:2px solid #FFF;margin-bottom:10px;}

.works-page-flex{display:flex;justify-content:space-between;gap:10px;padding:15px 10px 30px;flex-direction:column;}
.works-page-flex .pic-main {aspect-ratio: 1.6 / 1; flex:1;}
.works-page-flex .pic-main img{width:100%;height:100%;object-fit:cover;}
.works-page-flex .info {flex:1.1;}
.works-page-flex .info li{text-align:left;padding:10px;border-bottom:1px dashed #e0e0e0;font-size:16px;}
.works-page-flex .info li span{display: inline-block;width: 70px;font-weight: 500;color: #333;line-height:1;padding:5px;border-right:1px solid #e0e0e0;margin-right:1rem;}


.gallery-title{display:flex;justify-content:flex-start;align-items:center;font-family: "Jost", sans-serif; font-weight: 500;font-size: 30px;color: #222;padding:0;letter-spacing:.1rem;margin-bottom:15px;}
.gallery-title:after{border-top: 1px solid #e0e0e0;content: "";width: 100%;margin-left:10px;}

.cospakenchiku-waku{background-color:#ececec;padding:15px;}
.cospakenchiku-waku h3{background-color: #f56f0f;color:#FFF;font-size: 21px;font-weight: 600;line-height: 1.6;padding:10px 0;}
.cospakenchiku-waku h3 span{color:#ff6f09;}
.cospakenchiku-waku p{padding-bottom:0;}

.bubble {
        position: relative;
        display: inline-block;
        padding: 6px 10px;
        margin: 0 5px;
        background-color: #222;
        text-align: left;
        letter-spacing: .1rem;
        font-weight: 600;
        line-height: 1.5;
        color: #FFF;
}

.bubble::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 25%;
  border-style: solid;
  border-width: 30px 15px 0 0;
  border-color: #222 transparent transparent;
  translate: calc(-50% - 0.4px) 100%;
}


/* 会社概要 */
@import url('https://fonts.googleapis.com/css2?family=Yuji+Syuku&display=swap');

.sign {font-family: 'Yuji Syuku', serif; font-size: 1.6rem;text-align: right;padding-top: 10px;}
.sign span { font-size: 1rem;}
.message-box{max-width: 1100px;margin: 0px auto;padding: 30px;background-color: #FFF;display: flex;justify-content: space-between;gap: 30px;}
.message-txt{line-height: 2;text-align:justify;}
.message-pic{}
.c-gaiyo{width:100% !important;border:unset !important;}
.c-gaiyo th,.c-gaiyo td{border:unset !important;white-space:wrap;display:block;width:100%;}
.c-gaiyo th{background-color:#f0f0f0;}
.c-gaiyo td{line-height:1.5;position:relative;}
.c-gaiyo td b{display:block;}

/* 建築中の現場 */
.genba-main{display:flex;gap:30px;align-items:stretch;margin-bottom:30px;flex-direction:column;}
.genba-main .wrap{display: flex;flex-direction: column;flex: 1;gap: 20px;}
.genba-main .days{text-align:right;padding-bottom:10px;border-bottom:1px dashed #dfdfdf;margin-bottom:10px;color:#6e6e6e}
.genba-main .txt{line-height:1.8;flex:1;}
.genba-main .pic{flex:2;}
.genba-main .pic img{width:100%;height:auto;}

.genba-blog-flex{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:30px auto;flex-direction:column;}
.genba-blog-box{width:100%;}
.genba-blog-box img{width:100%;height:auto;}
.genba-blog-box .txt{padding-top:6px;font-size:14px;line-height:1.5;text-align:justify;letter-spacing:.01rem;}

/* イベント情報 */
section.event{padding:40px 20px;background-color:#f7f7f7;}
.event-flex{display:flex;justify-content:space-between;gap:20px;max-width:1000px;margin:15px auto;flex-direction:column;}
.event-flex .pic{flex:2;}
.event-flex .txt{font-size: 18px;font-weight: 500;flex:1.4;}
.event-flex .txt li{padding:10px 0;}
.event-flex .txt li span{padding-right:10px;border-right:2px solid #dfdfdf;margin-right:10px;}
section.event .more-bt{width:100%;height:60px;display:flex;align-items:center;font-size:18px;}
section.event .more-bt:hover{background-color:#6e6e6e;color:#FFF;}
section.event .more-bt:hover{background-image:url(../../../image/common/more-bt-arrow_w.svg) ;}

/*------------------------------
　フッター
------------------------------*/
.apply-bana-set {
  display: flex;
  position: relative;
  width: 100%;
  height: 100px;
  margin: 0 auto;
}

.apply-bana-set a {
  flex: 1;
  height: 100px;
  background-size: cover;
  display: flex;justify-content: center;align-items:center;transition:.3s;
}
.apply-bana-set a:hover{filter: brightness(1.3);}
.apply-bana-set a.-panf {padding-right:16px;
  background-image: url(../../../image/common/bana-bg-panf.webp);
	background-position: right;
  clip-path: polygon(0 0, 100% 0, 84.5% 100%, 0 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, 84.5% 100%, 0 100%);
  z-index: 1;
}

.apply-bana-set a.-apply {
  background-image: url(../../../image/common/bana-bg-apply.webp);
	background-position: left;
  clip-path: polygon(17.2% 0, 100% 0, 100% 100%, 0 100%);
  -webkit-clip-path: polygon(17.2% 0, 100% 0, 100% 100%, 0 100%);
  margin-left: -8.5%;
  z-index: 2;
}
.apply-bana-set img{max-width:100%;height:auto;}
@media (max-width: 1200px){
.bana-set{margin: 30px 7vw;max-width: calc(100% - 8vw);min-width: 800px;}
}

footer{background-color:#222;padding:15px;}
.footer-wrap{width:100%;margin:0 auto;color:#FFF;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.footer-logo{padding:0 10px;}
.footer-address{padding-left:10px;line-height:1.6;font-size:12px;}
.copyright{text-align:center;color: #a5a5a5;font-size: 10px;letter-spacing: .1rem;padding-top: 30px;}
/*************************************************
 * カタログDL
 * ********************************************************/
#panf-img-set {padding:30px;}
#panf-img-set .wpcf7-checkbox{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;flex-direction:column;flex-wrap:wrap;}
#panf-img-set .wpcf7-list-item{width:100%;margin:0;}
#panf-img-set .wpcf7-list-item:before{content:"";display: block;aspect-ratio: 42 / 28;background-size: cover;background-repeat: no-repeat;}
#panf-img-set .wpcf7-list-item label{display:flex;align-items:center;justify-content:flex-start;padding:6px;gap:6px;}
#panf-img-set .wpcf7-list-item input{width: 24px;height: 24px;}


#panf-img-set .wpcf7-list-item:nth-child(1)::before{background-image:url(../../../image/catalog/catalog1.webp);}
#panf-img-set .wpcf7-list-item:nth-child(2)::before{background-image:url(../../../image/catalog/catalog2.webp);}
#panf-img-set .wpcf7-list-item:nth-child(3)::before{background-image:url(../../../image/catalog/catalog3.webp);}

.apply-title{text-align:center;padding-top:30px;}

.concept-waku img,.page-sub-title-img img,.hari-p img,.jisseki-reibox img{width:100%;height:auto;}
.page-sub-title-img{padding-bottom:25px;}

.apply-thx-come{text-align: center;font-size: 16px;line-height:2.2;padding:30px 0;text-align:left;font-weight:500;}

.form-thanks{width:100%;padding:30px;text-align:center;line-height:2;background-color:#FFF;margin-top:20px;}
.thanks-title{font-size:24px;}