@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c');

@font-face {
  font-family: "myfont"; /*任意のフォントファミリー名でOK*/
  src: url("./Zen_Maru_Gothic/ZenMaruGothic-Regular.ttf") format("truetype"); /*fontがあるパスを書いて、formatを指定*/
  font-display: swap; /*ダウンロード状況に応じてフォントの表示を変える
(「swap」はWebフォントが読み込まれるまでフォールバックフォントで表示し、読み込まれた時点で置き換えます。)*/
}
/* リセットcss */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
* { box-sizing: border-box; }
a { text-decoration:none; }
li { list-style: none; }
html { font-size:62.5%; }
body{ background:#ffffff; width:100%; height:auto; font-family: "myfont",sans-serif;}
.rel{position:relative;}
.ab{position:absolute;}
.d-f{display:flex;justify-content:center;align-items:center;}
.d-b{display:block;}
.d-i{display:inline-block;}
.f-b{font-weight:bold;}
.max-w11{max-width:1100px;margin:0 auto;}
h1,h2,h3{font-size:24px;}
h4,h5,h6{font-size:20px;}
p,th,td,li{font-size:18px;}
@media screen and (max-width:1200px){
  p,th,td,li{font-size:16px;}
}
@media screen and (max-width:950px){
  p,th,td,li{font-size:14px;}
}
@media screen and (max-width:700px){
  p,th,td,li{font-size:13px;}
}
/* aホバー下線 */
.a-hov,.a-hov-b,.a-hov-bb{position:relative;}
.a-hov::after{position:absolute;left:10%;content:'';width:80%;height:2px;background:#1D60B1;bottom:-10px;transform:scale(0, 1);transform-origin:left top;transition:transform 0.5s;}
.a-hov:hover::after,.a-hov-b:hover::after,.a-hov-bb:hover::after{transform:scale(1, 1);}
.a-hov-b::after{position:absolute;left:0%;content:'';width:100%;height:2px;background:#1D60B1;bottom:-2px;transform:scale(0, 1);transform-origin:left top;transition:transform 0.5s;}
.a-hov-bb::after{position:absolute;left:10%;content:'';width:80%;height:2px;background:#fcfcfc;bottom:-10px;transform:scale(0, 1);transform-origin:left top;transition:transform 0.5s;}

/* ハンバーガー */
.hum{position:relative;z-index:9999;display:none;}
@media screen and (max-width:1200px){
  .hum{display:block;}
  .header{display:none;}
}

/* Hamburger menu */
.nav-trigger{position:fixed;z-index:4;top:4rem;right:30px;width:44px;height:44px;overflow:hidden;color:transparent;white-space:nowrap;text-indent:100%;}
.nav-trigger span{position:relative;}
.nav-trigger span,
.nav-trigger span::before,
.nav-trigger span::after{position:absolute;width:40px;height:1.5px;background:#094D8D;z-index:999;}
.nav-trigger span{top:calc(50% - 2px);left:calc(50% - 18px);transition:background .3s;}
.nav-trigger span::before,
.nav-trigger span::after{content:'';top:0;left:0;transition:background .3s, transform .3s;}
.nav-trigger span::before{transform:translateY(-12px);}
.nav-trigger span::after{transform:translateY(12px);}
.nav-open .nav-trigger span::before,
.nav-open .nav-trigger span::after{background-color:rgb(255, 255, 255)}
.nav-open .nav-trigger span{background:transparent;}
.nav-open .nav-trigger span::before{transform:rotate(-45deg);top:0;}
.nav-open .nav-trigger span::after{transform:rotate(45deg);top:0;}
/* ナビ内 */
/* ナビ表示幅 */

.hov-op:hover{opacity:.6;}
.nav-container{position:fixed;z-index:3;width:40%;top:0;right:0;overflow:hidden;transform:translateZ(0);transform:translateX(100%);}
.nav-open .nav-container{transform:translateX(0);}
.nav-all{overflow:auto;height:100vh;background:linear-gradient(to right, #146ec3, #1f2830);}
.nav{padding:0;color:#fff;padding:25% 0 15%;}
.nav li{position:relative;border-bottom:1px solid #fff;}
.nav a{display:flex;font-weight:bold;justify-content:space-between;align-items:baseline;padding:3rem 0 .8rem 6%;color:#f6f8f8;transform:translateZ(0);width:95%;letter-spacing:.2rem;}
.nav a:hover{transition:all .1s;opacity:.6;}
.nav a h1{letter-spacing:.1rem;font-size:25px;position:absolute;opacity:.3;}
.nav1 p{display:flex;justify-content: right;width: 100%;}
.nav-opa{opacity:.4;display:block;position:relative;}
.nav-opa::after{background-color:#fff;top:50%;left:30%;content:'';display:block;height:1px;position:absolute;width:30%;}
.nav-under{width:100%;position:absolute;bottom:0;left:0;display:flex;justify-content:left;flex-wrap:wrap;background:linear-gradient(to right,rgba(255, 255, 255, 1),rgba(132, 132, 132, 1));}
.nav-under li{padding:1rem 0 .5rem 6%;width:60px;}
.nav-under li a{display:inline-block;color:#fff;}
.nav-under li a:hover{transition:all .1s;opacity:.8;}
.nav-under li img{width:100%;}
.nav-open .nav-all{animation:slide-links .5s .2s backwards;}
@keyframes slide-links{
  0%{opacity:0;transform:translateX(100%);}
  100%{opacity:1;transform:translateX(0);}
}
/* .nav1{display:block;position:relative;}
.nav1::after{background-color:#fff;top:50%;left:30%;content:'';display:block;height:1px;position:absolute;transition:.5s all;width:0%;}
.nav1:hover::after{width:40%;} */

@media screen and (max-width:1100px){
  .nav-trigger a h6{width:120px;}
  .nav-trigger a h5{font-size:85%;right:72px;}
  .nav-trigger span,
  .nav-trigger span::before,
  .nav-trigger span::after{width:36px;}
  .nav-trigger span::before{top:2px;}
  .nav-trigger span::after{top:-2px;}
}
@media screen and (max-width:950px){
  .nav-container{width:50%;}
  .nav-trigger a h6{width:100px;height:4.5rem;}
  .nav-trigger a h5{top:3rem;right:61px;}
}
@media screen and (max-width:900px){
  .nav-trigger a h5{top:2.7rem;right:63px;}
}
@media screen and (max-width:800px){
  .nav-container{width:50%;}
  .nav-img3 a{width:15%;margin:4% 2%;}
  .nav a h1{font-size:18px;}
  .nav a p{font-size:13px;}
  .nav-under li{width:50px;}
}
@media screen and (max-width:700px){
  .nav-trigger{top:2.5rem;right:20px;}
  .nav-container{width:60%;}
  .nav a{padding:2rem 0 .8rem 0%;}
  .nav-container{width:60%;}
  .nav li{padding:.5rem 0 0 6%;}
  .nav-trigger a h5{right:62px;}
}
@media screen and (max-width:600px){
  .nav a{display:block;}
  .nav a p{text-align:right;}
}
@media screen and (max-width:500px){
  .nav-container{width:100%;}
  .nav li{padding:1rem 0 0 6%;}
  .nav-trigger{right:16px;}
  .nav-trigger a h6{width:90px;height:4rem;}
  .nav-trigger a h5{top:2.6rem;right:57px;}
  .nav1::after{left:45%;}
  .nav a h1{font-size:17px;}
  .nav-under li{width:60px;}
	.nav a p{font-size:17px;}
}
@media screen and (max-width:430px){
  .nav-under li{width:55px;}
}

.kaso-top-color{background:#F1F1F1;}
.top-main{width:100%;background-color:#F1F1F1;}
/* ヘッダー */
header{width:100%;margin:0 auto;height:100px;border-top:15px solid #094D8D;display:fixed;}
header nav,header nav ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
header nav{margin:20px auto;max-width:1200px;}
.top-time{font-size:24px;font-weight:bold;}
.top-eigyo{font-size:14px;font-weight:bold;margin-top:5px;}
header nav ul{gap:0 40px;margin-top:5px;}
header nav ul li{text-align:center;}
header nav ul li a span{font-size:14px;color:#1D60B1;font-weight:bold;}
header nav ul li a p{font-size:16px;color:#080808;font-weight:bold;}
header h1 img{width:240px;}

@media screen and (max-width:1200px){
	header nav{margin:15px auto;justify-content:left;}
	header nav h1{margin:0 2% 0;}
	header nav ul{display:none;}
}
@media screen and (max-width:1110px){
  .top-main nav h1{margin-left:2%;}
  .top-main-tel{margin-right:2%;}
  header nav ul{margin-left:3%;}
}
@media screen and (max-width:950px){
	.top-time{font-size:20px;}
	.top-eigyo{margin-top:2px;}
}
@media screen and (max-width:700px){
	header nav{margin:5px auto;}
	.top-time{font-size:18px;}
	.top-eigyo{font-size:12px;margin-top:1px;}
	header h1 img{width:200px;}
}
@media screen and (max-width:500px){
	.top-main-tel{width:100%;margin-left:3%;}
	.top-time{font-size:15px;}
}

/* 下層共通トップ */
.main-box{width:100%;margin:0 auto;overflow:hidden  ;}
.inner-box{width:85%;height:260px;margin:3% auto 0;max-width:1100px;display:flex;background-size:cover;background-position:right;position:relative;}
.inner-box-about{background-image:url(./img/371AD818-3B9B-46BB-9219-E2C5BB19B353.jpg);}
.inner-box-company{background-image:url(./img/company-top.jpg);}
.inner-box-demolition-archive{background-image:url(./img/1BF6A5C9-041E-437A-962C-D29BB6F986F8.jpg);}
.inner-box-dismantlement{background-image:url(./img/E31BDB89-FAB1-4F4B-803E-77961E4D40FB.jpg);}
.inner-box-estimate{background-image:url(./img/53AA0CA4-0B22-49C3-869C-4388934FB50B.jpg);}
.inner-box-news-archive{background-image:url(./img/77E3EA20-8EAC-42E9-AF75-C6E1CD459292.jpg);}
.inner-box-recruit{background-image:url(./img/90CA8EDA-3274-460B-BB0C-E144FFA4EC8B.jpg);}
.inner-box-sitemap{background-image:url(./img/company-top.jpg);}
.inner-box-news{background-image:url(./img/company-top.jpg);}
.inner-box-works{background-image:url(./img/company-top.jpg);}
.inner-box::before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:#D9D9D999;}
.inner-box-font{position:absolute;left:5%;bottom:0%;z-index:9;}
.inner-box-font h2{font-size:80px;background:linear-gradient(90deg, rgba(5, 55, 116, 1) 0%, rgba(0, 178, 255, 1) 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.top-img-3kan{display:flex;justify-content:center;width:40%;position:absolute;bottom:5%;right:4%;}
.top-img-3kan img{width:33%;margin:0 1%;}
.inner-box-left{position:absolute;top:0;left:0;width:50%;clip-path:polygon(0 0, 100% 0, 80% 100%, 0% 100%);}
.inner-box-left img{width:100%;height:260px;}
.inner-box-border{width:100%;display:flex;align-items:center;justify-items:center;z-index:9;position:absolute;top:55%;right:-104%;}
.inner-box-border p{writing-mode:vertical-rl;margin-top:-8%;margin-right:-.8%;font-size:13px;}
.scrolldown1{z-index:5;transform:translate(-50%,-50%);z-index:9;}
.scrolldown1::before{content:"";position:absolute;left:0%;top:0%;width:.5px;background:#8d8d8d;animation:pathmove 2s ease-in-out infinite;opacity:0;}
@keyframes pathmove{
  0%{height:0;top:0;opacity:0;}
  20%{height:130px;opacity:1;}
  100%{height:0;top:190px;opacity:0;}
}

@media screen and (max-width:1110px){
  .main-box{margin:0 auto;}
  .inner-box-font h3{font-size:40px;}
}
@media screen and (max-width:950px){
	.inner-box{background-size:cover;}
  .inner-box,.inner-box-left img{height:330px;}
  .inner-box-font{bottom:15%;}
  .inner-box-font h2{font-size:50px;}
  .inner-box-font h3{font-size:28px;}
	.top-img-3kan{bottom:9%;}
	.inner-box-border{display:none;}
}
@media screen and (max-width:700px){
  .inner-box,.inner-box-left img{height:230px;}
	.inner-box-left{width:35%;}
	.inner-box-font{bottom:unset;top:10%;left:-1%;}
  .inner-box-font h2{font-size:45px;}
  .inner-box-font h3{font-size:20px;}
	.top-img-3kan{width:50%;bottom:5%;right:5%;}
}
@media screen and (max-width:500px){
  .inner-box,.inner-box-left img{height:200px;}
	.inner-box{width:100%;margin:10% auto 0;}
	.inner-box-font{top:80px;left:3%;}
	.inner-box-font h5{font-size:15px;margin-bottom:5px;}
  .inner-box-font h2{font-size:35px;}
  .inner-box-font h3{font-size:18px;}
	.top-img-3kan{width:65%;bottom:2%;right:unset;left:5%;z-index:9;}
}

/* 解体までの流れ */
.top-flow-all{width:90%;margin:0 auto;background-color:rgba(0, 89, 198, 1);color:#fff;border-radius:2rem;max-width:1300px;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);}
.flow-container{width:85%;margin:40px auto;padding:20px;text-align:center;z-index:8;}
.flow-container h1{text-align:left;font-weight:bold;margin-bottom:40px;margin-left:-25px;}
/* Flow Grid Layout */
.flow-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:30px;margin-bottom:40px;position:relative;}
/* Connectors (Simulated with margins and pseudo-elements for a simple design) */
.flow-grid .flow-step:not(:last-child)::after{position:absolute;content:'';right:-7%;top:40%;width:0px;height:0px;border-style:solid;border-color:transparent transparent #ffffff transparent;border-width:17px 0px 30px 30px;transform:rotate(-45deg);}
.flow-grid.second-row{direction:ltr;}
/* Flow Step Card */
.flow-step{background-color:#fff;color:#333;padding:20px 15px;border-radius:8px;box-shadow:0 4px 15px rgba(0, 0, 0, 0.1);position:relative;text-align:left;min-height:200px;display:flex;flex-direction:column;}
.step-number{position:absolute;top:-20px;left:50%;transform:translateX(-50%);background-color:rgba(98, 168, 255, 1);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:17px;font-weight:bold;z-index:5;}
.step-title{display:flex;justify-content:center;align-items:center;height:80px;font-size:20px;text-align:center;font-weight:bold;border-bottom:2px solid #eee;}
.step-description{font-size:14px;margin:0;padding:20px 0;font-weight:bold;}
/* Contact Button (Step 1 specific) */
.btn-contact{font-size:14px;font-weight:bold;position:absolute;bottom:0;left:0;width:100%;display:block;background-color:#FFC000;color:#333;padding:8px 15px;text-align:center;border-radius:0 0 .8rem .8rem;}
.btn-contact:hover{transition:all.1s;background-color:#e0ac00;}
/* Timeline Note (Min. Days) */
.timeline-note{font-weight:bold;background-color:rgba(0, 53, 119, 1);padding:10px 0;margin:20px 0;border-radius:5px;}
.timeline-note span{font-size:11px;}
.top-note{margin-bottom:60px;}
/* Footer Note (The very bottom explanatory text) */
.flow-note{text-align:left;margin-top:40px;padding-top:10px;border-top:1px solid rgba(255, 255, 255, 0.5);font-size:14px;}

@media (max-width:1200px){
  .flow-container{width:90%;}
}
@media (max-width:1150px){
  .flow-container{width:97%;}
}

@media (max-width:768px){
  .flow-grid{grid-template-columns:1fr;gap:40px;}
  .flow-step{min-height:auto;}
  .flow-step:not(:last-child)::after{content:'▼';position:absolute;bottom:-30px;top:auto;left:50%;right:auto;transform:translateX(-50%);width:auto;height:auto;background-color:transparent;color:#fff;z-index:10;display:block;}
  .flow-step:nth-child(4)::after{display:none;}
}

/*--------------------------- サブメニュー(新規下層) ---------------------------*/
.sab2{padding:1% 0;display:flex;justify-content:left;width:82%;margin:0 auto 5%;max-width:1100px;}
.sab2-wb{background-color:#fff;}
.sab2 h6{font-size:16px;margin:.3% 0 0 .8%;}
.sab2 a{font-size:18px;margin:0.15% .5% 0 .9%;font-weight:bold;color:black; opacity:.5;}
.sab2 a:hover{transition:all .5s;opacity:1;}
@media screen and (max-width:800px){
  .sab2 h6{font-size:14px;}
  .sab2 a{font-size:16px;}
}
@media screen and (max-width:500px){
	.sab2 h6{font-size:12px;}
  .sab2 a{font-size:14px;}
}
.news-itiran .sab-menu a{color:#fff;opacity:.5;}

/* メニュー */
.nav-menu{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;max-width:1300px;margin:0 auto;padding-bottom:3%;}
.nav-item,.nav-item-ye{width:20%;box-shadow:3px 3px 5px rgb(138, 138, 138);}
.nav-item a,.nav-item-ye a{display:block;font-size:14px;text-align:center;padding:15px 0;font-weight:bold;transition:all 0.2s ease;outline-offset:-5px;}
.nav-item a{background-color:#0056d2;color:#fff;border:2px solid #0056d2;outline :1px solid #FFFFFF;}
.nav-item-ye a{background-color:rgba(250, 218, 36, 1);color:#000;border:2px solid rgba(250, 218, 36, 1);outline :1px solid rgba(76, 76, 76, 1);}
.nav-item a:hover{background-color:#fff;color:#0056d2;border-color:#ffffff;outline :1px solid #0056d2;}
.nav-item-ye a:hover{background-color:#fff;color:rgb(226, 192, 0);border-color:#ffffff;outline :1px solid rgba(250, 218, 36, 1);}

@media screen and (max-width:950px){
  .nav-item, .nav-item-ye{width:27%;}
}
@media screen and (max-width:700px){
	.nav-item, .nav-item-ye{width:40%;}
}
@media screen and (max-width:500px){
	.nav-item, .nav-item-ye{width:43%;}
	.nav-item a,.nav-item-ye a{font-size:13px;}
}
@media screen and (max-width:430px){
	.nav-item, .nav-item-ye{width:45%;}
}

/* セクションALL */
.section-all{width:100%;margin:0 auto;overflow:hidden;z-index:1;}
/* 背景図形1 */
.section-back1{width:1800px;height:1800px;position:absolute;top:10%;left:50%;transform:rotateZ(45deg) translate(-57%,52%);z-index:-1;background-attachment:fixed;opacity:.4;}
.top-back-all1,.top-back-all2{display:flex;width:100%;height:50%;margin:2%;}
.back1,.back4,.back2,.back3{margin:1%;}
.back1,.back4{width:50%;height:100%;background:rgba(227, 227, 227, 1);border-radius:10rem;box-shadow: inset 5px 5px 10px rgba(0,0,0,.5);}
.back2,.back3{width:50%;height:100%;background:rgb(9 108 230);border-radius:10rem;box-shadow: inset 5px 5px 10px rgba(0,0,0,.5);}
/* 背景図形2 */
.section-back2{width:1800px;height:1800px;position:absolute;top:1900px;left:50%;transform:rotateZ(45deg) translate(-16%,23%);z-index:-1;background-attachment:fixed;opacity:.4;}
.top-back-all11,.top-back-all22{display:flex;width:100%;height:50%;margin:2%;}
.back11,.back44,.back22,.back33{margin:1%;}
.back22,.back33{width:50%;height:100%;background:rgba(227, 227, 227, 1);border-radius:10rem;box-shadow: inset 5px 5px 10px rgba(0,0,0,.5);}
.back11,.back44{width:50%;height:100%;background:rgb(9 108 230);border-radius:10rem;box-shadow: inset 5px 5px 10px rgba(0,0,0,.5);}
/* 背景図形3 */
.section-back3{width:1800px;height:1800px;position:absolute;top:4300px;left:50%;transform:rotateZ(45deg) translate(-57%,52%);z-index:-1;background-attachment:fixed;opacity:.4;}
.top-back-all111,.top-back-all222{display:flex;width:100%;height:50%;margin:2%;}
.back111,.back444,.back222,.back333{margin:1%;}
.back222,.back333{width:50%;height:100%;background:rgba(227, 227, 227, 1);border-radius:10rem;box-shadow: inset 5px 5px 10px rgba(0,0,0,.5);}
.back111,.back444{width:50%;height:100%;background:rgb(9 108 230);border-radius:10rem;box-shadow: inset 5px 5px 10px rgba(0,0,0,.5);}

@media screen and (max-width:950px){
  .section-back1,.section-back2,.section-back3{width:1500px;height:1500px;}
}
/* -------------- allタイトル集 ---------------------------- */
/* -------------- allタイトル集 ---------------------------- */
.top-about h3{font-size:120px;color:rgba(0, 89, 198, 1);margin-left:-3%;position:relative;z-index:9;}
.top-topics h3{font-size:120px;color:#fff;margin-right:12%;text-align:right;line-height:95%;}
.top-work h3{font-size:120px;color:#0056d2;line-height:95%;}
.top-construction-all h6{position:absolute;top:-40%;left:-7%;font-size:120px;writing-mode:sideways-lr;color:rgba(199, 199, 199, 1);}
.top-construction-all h5{position:absolute;top:-10%;right:-2%;font-size:120px;color:rgba(26, 113, 213, 0.1);}
.top-flow-all h5,.top-flow-all h6{position:absolute;font-size:130px;opacity:.2;z-index:1;}
.top-flow-all h5{top:15%;left:-12%;transform:rotateZ(-90deg);}
.top-flow-all h6{bottom:15%;right:-12%;transform:rotateZ(90deg);}
.top-estimate-all h6{position:absolute;top:-10%;right:-7%;font-size:120px;writing-mode:vertical-lr;color:#fff;}
.top-estimate-all h5{position:absolute;font-size:130px;color:rgba(0, 0, 0, 0.05);z-index:1;top:0;left:-5%;}
.top-automatic-all h5{position:absolute;top:-10%;right:-2%;font-size:120px;color:rgba(26, 113, 213, 0.1);z-index:9;}
.top-instagram-all h5{position:absolute;bottom:-5%;right:-5%;font-size:130px;color:rgba(86, 86, 86, 0.2);z-index:1;}
.top-review-all h5{position:absolute;top:0;left:-3%;font-size:130px;color:rgba(86, 86, 86, 0.2);z-index:1;}
.top-contact-all h5{position:absolute;top:0;left:-3%;font-size:120px;color:rgba(39, 39, 39, 1);z-index:1;writing-mode:sideways-lr;}

@media screen and (max-width:1200px){
  .top-about-miya1,.top-about h3{font-size:100px;}
  .top-about-miya1{right:-130px;}
  .top-topics h3{font-size:100px;}
  .top-work h3{font-size:100px;}
  .top-construction-all h6,.top-construction-all h5{font-size:100px;}
  .top-flow-all h5,.top-flow-all h6{font-size:110px;}
  .top-estimate-all h6{font-size:100px;}
  .top-estimate-all h5{font-size:110px;}
  .top-automatic-all h5{font-size:100px;}
  .top-instagram-all h5{font-size:110px;}
  .top-review-all h5{font-size:110px;}
  .top-contact-all h5{font-size:100px;top:5%;}
}
@media screen and (max-width:1150px){
  .top-about-miya1,.top-about h3{font-size:90px;}
  .top-topics h3{font-size:90px;}
  .top-work h3{font-size:90px;}
  .top-construction-all h6,.top-construction-all h5{font-size:90px;}
  .top-flow-all h5,.top-flow-all h6{font-size:100px;}
  .top-flow-all h5{left:-11%;}
  .top-flow-all h6{right:-11%;}
  .top-estimate-all h6{font-size:90px;}
  .top-estimate-all h5{font-size:100px;}
  .top-automatic-all h5{font-size:90px;}
  .top-instagram-all h5{font-size:100px;}
  .top-review-all h5{font-size:100px;}
  .top-contact-all h5{font-size:90px;}
}
@media screen and (max-width:1100px){
  .top-contact-all h5{left:-8%;}
}
@media screen and (max-width:1050px){
  .top-topics h3{margin-right:9%;}
}
@media screen and (max-width:1000px){
  .top-topics h3{margin-right:7%;}
}


/* 全体のフォント設定 */
.company-info-container {width:80%;color:#333;max-width:1300px;margin:0 auto;padding:50px 20px 0;}
/* 各セクションの余白 */
.info-section{text-align:center;position:relative;}
.info-center{margin:8% auto 0;}
.info-section .back-h4{position:absolute;font-size:120px;color:#aaaaaa5e;z-index:5;}
.info-section .back-h41{top:-20%;left:-7%;}
.info-section .back-h42{top:-35%;right:-7%;}
.info-section .back-h43{top:0%;left:3%;}
.info-section h3{text-align:left;position:relative;z-index:9;}
.info-section-comp{width:85%;margin:0 auto;}
/* タイトル */
.work-title,.dismant-title{text-align:center;position:relative;width:90%;margin:5% auto;}
.work-title h1,.dismant-title h1{position:relative;display:inline-block;}
.work-title h1::before,.dismant-title h1::before{content:"";position:absolute;width:100%;height:3px;background:#1D329A;left:0;bottom:-10px;}
.work-title h1::after,.dismant-title h1::after{font-size:100px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);z-index:-1;opacity:.1;}
.work-title h1::after{content:"WORKS";}
.dismant-title h1::after{content:"DISMANTLEMENT";}
/* 会社概要タイトル,求人情報タイトル,サイトマップタイトル  */
.dismant-title-company{text-align:left;position:relative;margin-bottom:4%;}
.comp-back-title,.comp-back-title-recruit,.comp-back-title-sitemap{font-size:100px;position:absolute;z-index:-1;opacity:.05;text-align:left;}
.comp-back-title{top:45%;left:-20%;transform:translate(0%,-50%);}
.comp-back-title-recruit{top:10%;left:50%;transform:translate(0%,-50%);}
.comp-back-title-sitemap{top:15%;right:0%;transform:translate(0%,-50%);}
.dismant-title-sitemap{text-align:left;}
.dismant-title-company h1,.dismant-title-recruit h1,.dismant-title-sitemap h1{position:relative;display:inline-block;}
.dismant-title-company h1::before{content:"";position:absolute;width:50%;height:2px;background:#000;right:0;top:50%;transform:translate(150%,-50%);}
@media screen and (max-width:1100px){
	.info-section .back-h4{font-size:100px;}
	.dismant-title h1::after{font-size:80px;}
}
@media screen and (max-width:950px){
	.info-section-comp{width:100%;}
    .company-info-container{width:85%;}
	.info-section .back-h4{font-size:80px;}
	.info-section h3{font-size:20px;}
	.work-title h1,.dismant-title h1{font-size:20px;}
	.comp-back-title{top:39%;left:-5%;font-size:70px;}
}
@media screen and (max-width:800px){
	.company-info-container{width:90%;}
	.info-section .back-h4{font-size:70px;}
	.dismant-title h1::after{font-size:60px;}
}
@media screen and (max-width:700px){
	.comp-back-title, .comp-back-title-recruit, .comp-back-title-sitemap{font-size:70px;}
	.work-title h1::after{font-size:80px;}
	.info-section h3{font-size:18px;}
	.work-title h1,.dismant-title h1,.dismant-title-company h1{font-size:18px;}
	.dismant-title h1::before{width:80%;height:2px;left:7%;bottom:-5px;}
}
@media screen and (max-width:600px){
	.company-info-container{width:100%;}
	.info-section .back-h41{left:0;}
}
@media screen and (max-width:500px){
	.work-title h1::after{font-size:70px;}
	.comp-back-title-sitemap{top:;6%}
	.info-section .back-h4{font-size:50px;}
	.dismant-title h1::after{top:0;font-size:40px;}
	.comp-back-title{font-size:50px;top:30%;left:0;}
}
/* 見出しのデザイン */
.section-title{font-weight:bold;margin:3% auto 7%;display:inline-block;position:relative;z-index:9;}
/* 青い下線の装飾 */
.section-title::after{content:'';position:absolute;display:block;width:200px;height:3px;background:#005bac; bottom:-10px;left:50%;transform:translate(-50%,0);}
.sec-cont1{width:90%;margin:0 auto;}
.sec-cont2{width:95%;margin:0 auto;}
.sec-cont3{width:80%;margin:0 auto 4%;line-height:4em;}
.header-blue-bar{background:linear-gradient(135deg, #fff 15px, #0052cc 15px);padding:15px 30px;display:flex;align-items:center;box-shadow:0 4px 6px rgba(0,0,0,0.1); margin:20px 0;position:relative;z-index:9;}
.header-blue-text{color: #ffffff;font-size:20px;text-align:left;}
.header-yellow-bar{background:linear-gradient(135deg, #000 15px, #FADA24 15px);padding:15px 30px;display:flex;align-items:center;box-shadow:0 4px 6px rgba(0,0,0,0.1); margin:20px 0;position:relative;z-index:9;}
.header-yellow-text{color:#000;font-size:20px;text-align:left;}
/* テキスト本文 */
.section-content p{margin-bottom: 1.5em;text-align: justify;font-weight:bold;}
.section-taio{display:flex;align-items:center;width:100%;}
.section-taio-img{text-align:center;width:50%;}
.section-taio img{width:90%;}
.section-taio p{width:50%;line-height:2em;}
.sec-cont1 p{counter-reset: disman-count;line-height:2.2em;}
.section-taio a{color:#1D60B1;}
.section-taio a:hover{color:#FF6A00;}
/* ランキング */
.section-voice{text-align: justify;font-weight:bold;}
.ranking-list {padding:0;margin:3% auto;}
.ranking-list li{display:flex;align-items:center;padding:15px 25px;margin:1% auto;border-radius:4px;box-shadow:0 4px 8px rgba(0, 0, 0, 0.15);border-bottom:1px solid rgba(0,0,0,0.05);}
/* 1位：一番パキッとした黄色 */
.ranking-list li:nth-child(1){background:linear-gradient(to bottom, #ffeb00 0%, #ffef4d 100%);}
/* 2位：少し落ち着いた黄色 */
.ranking-list li:nth-child(2){background:linear-gradient(to bottom, #fff166 0%, #fff599 100%);}
/* 3位：さらに薄い黄色 */
.ranking-list li:nth-child(3){background:linear-gradient(to bottom, #fff8b3 0%, #fffbe6 100%);}
/* 4位：かなり白に近い黄色 */
.ranking-list li:nth-child(4){background:linear-gradient(to bottom, #fffbe6 0%, #ffffff 100%);}
/* 5位：ほぼ白、ほんのりクリーム */
.ranking-list li:nth-child(5){background:linear-gradient(to bottom, #ffffff 0%, #fffdf0 100%);}
.rank{margin-right:25px;color:#000;}
.text{color:#000;}
.disman-span,.disman-span2{position:relative;width:95%;margin:0 2.5%;display:block;}
.disman-span::before{content:"・";position:absolute;top:0px;left:-20px;}
.disman-span2::before{counter-increment: disman-count;content: counter(disman-count) ". ";position: absolute;left:-20px;}
/* 白背景のボックス（SERVICE用） */
.white-box{background:#F8F8F8;padding:40px;border-radius:4px;}
/* 建物の種類と解体の違いtable */
.sec-cot-table{width:100%;border-collapse:collapse;margin:2% auto;border:1px solid #000;text-align:left;background:#fff;}
.sec-cot-table td{border-bottom:1px dashed #000;border-right:1px solid #000;padding:5px 10px;}
/* 会社概要 */
.sec-cont-company1{margin-bottom:8%;}
.sec-cont-company1 p{font-weight:bold;}
.sec-cont-company1 span{color:#0059C6;}
@media screen and (max-width:800px){
	.header-blue-bar,.header-yellow-bar{padding:11px 30px;}
}
@media screen and (max-width:700px){
	.section-title{font-size:18px;}
	.header-blue-bar,.header-yellow-bar{padding:8px 30px;}
	.header-blue-text,.header-yellow-text{font-size:17px;}
	.white-box{padding:20px 30px;}
	.section-taio{display:block;}
	.section-taio-img,.section-taio p{width:100%;}
	.section-taio img{width:60%;}
	.ranking-list li{padding:12px 15px;}
	.rank{margin-right:6px;}
}
@media screen and (max-width:500px){
	.header-blue-bar{padding:7px 20px;background: linear-gradient(135deg, #fff 10px, #0052cc 10px);}
	.header-yellow-bar{padding:7px 20px;background: linear-gradient(135deg, #000 10px, #FADA24 10px);}
	.header-blue-text,.header-yellow-text{font-size:15px;}
	.sec-cont1{width:95%;}
	.sec-cot-table-all{overflow:scroll;overflow-y:hidden;margin-bottom:4%;}
	.sec-cot-table{white-space:nowrap;}
	.ranking-list li{display:block;}
}

/* 会社概要table */
.company-table-all{width:100%;background:#ffff;text-align:left;padding:5rem;box-shadow:3px 3px 5px #dadada;border-radius:5px;margin:3% auto 0;position:relative;}
.company-table-all h6{font-size:90px;position:absolute;top:200px;right:-130px;transform:rotatez(90deg);color:#AAAAAA1A;}
.company-recruit-table{width:90%;margin:5% auto 0;}
.company-recruit-table th,.company-recruit-table td{font-weight:bold;padding:10px 10px;border-bottom:1px solid #ACACAC33;}
.company-recruit-table th{width:35%;}
.company-recruit-table td{width:65%;}
.company-recruit-table th{color:#1D60B1;}
.company-recruit-table a{color:#1D60B1;}
.company-recruit-table a:hover{color:#FF6A00;}

@media screen and (max-width:800px){
	.company-table-all{padding:3rem;}
	.company-recruit-table{width:100%;}
}
@media screen and (max-width:700px){
	.company-table-all h2{font-size:18px;}
}
@media screen and (max-width:600px){
	.company-table-all h6{right:-170px;}
	.company-table-all h2{text-align:center;}
	.company-recruit-table th, .company-recruit-table td{display:block;width:100%;}
}
@media screen and (max-width:500px){
	.company-table-all{padding:3rem 1rem;}
	.company-table-all h6{font-size:70px;right:-140px;}
}
/* SDGs */
.sdgs-all{width:100%;background:#EFEFEF;text-align:left;padding:5rem;box-shadow:3px 3px 5px #dadada;border-radius:5px;margin:3% auto;}
.sdgs-com{width:95%;margin:2% auto;}
.sdgs-main-img{width:100%;}
.sdgs-p1{margin:3% auto;line-height:35px;}
.sdgs-p2{margin:2% auto;text-align:center;}
.sdgs-all-img{width:95%;padding-left:5%;}
.sdgs-table{width:100%;margin:5% auto 0;border-collapse:collapse;}
.sdgs-table td{border:1px solid #000;padding:5px;vertical-align:top;font-size:15px;}
.sdgs-td1{width:25%;}
.sdgs-td2{width:35%;}
.sdgs-td3{width:40%;}
.sdgs-table-in-img{display:flex;justify-content:center;}
.sdgs-table-in-img img{width:30%;margin:0 1%;}
.table-scroll-p{display:none;margin:8% auto 1%;color:gray;}

@media screen and (max-width:800px){
	.sdgs-all{padding:3rem;}
}
@media screen and (max-width:700px){
	.sdgs-com{width:100%;}
	.sdgs-all h2{font-size:18px;}
	.sdgs-p1{line-height:30px;}
	.table-scroll-p{display:block;}
	.sdgs-table-all{overflow:scroll;overflow-y:hidden;margin-bottom:4%;}
	.sdgs-table{white-space:nowrap;margin:0 auto;}
}
	

/* サイトマップ */
.sitemap-content{display:flex;flex-wrap:wrap;width:100%;margin:5% auto;}
.sitemap-content ul{width:50%;}
.sitemap-content li,.sitemap-ul2 li a{color:#5C5C5C;}
.sitemap-ul1 li{width:100%;text-align:left;margin-bottom:3%;}
.sitemap-ul1 li a{color:#9A9A9A;display:inline-block;margin:1% auto;}
.sitemap-ul2{display:flex;flex-wrap:wrap;justify-content:left;text-align:left;}
.sitemap-ul2 li{width:50%;}
.site-li-a{display:block;}
.sitemap-content li a:hover{color:#FF6A00;}

@media screen and (max-width:600px){
	.sitemap-content ul{width:100%;}
	.sitemap-ul2 li{margin:1% 0;}
}





/* 施工実績一覧 */
.inst-container{width:100%;}
.inst-main{width:100%;margin:2% auto;display:flex;flex-wrap:wrap;justify-content:space-between;}
.inst-main a{display:flex;}
.works-card{width:26%;margin:2% 2%;background:#fff;box-shadow:0 10px 20px rgba(0,0,0,0.1);}
.works-card:hover{transform:translateY(4px);box-shadow:0 1px 1px rgba(0, 0, 0, 0.25);}
.inst-main h3{writing-mode:sideways-lr;text-align:right;background:linear-gradient(60deg,rgba(37, 171, 255, 1) 0%,rgba(5, 55, 116, 1) 90%);color:#fff;font-size:16px;padding:1rem .5rem;clip-path:polygon(0% 0, 100% 0%, 100% 80%, 0% 95%);width:15%;letter-spacing:.1rem;}
.inst-contents{width:100%;margin:0 auto;padding:0 0 1rem 0;}
.inst-contents img{width:100%;height:170px;object-fit:cover;}
.inst-contents p{font-size:14px;color:#000;width:80%;padding:5px 0 0;margin:0 auto;}
.top-instagram-a{text-align:center;margin-top:3%;position:relative;z-index:9;}

@media screen and (max-width:1200px){
	.works-card{width:28%;}
	.inst-contents{padding:0 0 1rem 0;}
	.inst-contents p{padding:5px 0 0;}
}
@media screen and (max-width:1100px){
	.inst-contents img{height:140px;}
}
@media screen and (max-width:700px){
	.inst-main h3{font-size:13px;width:16%;}
	.works-card{width:30%;margin:2% 1%;}
}
@media screen and (max-width:600px){
	.inst-contents img{height:100px;}
	.inst-contents p{font-size:13px;}
}
@media screen and (max-width:500px){
	.works-card{width:45%;margin:2% auto;}
}


/* ニュース一覧 */
.news-main{width:80%;margin:5% auto;background:#fff;box-shadow:0px 4px 4px #00000034;padding:15px 10px 3%;}
.news-card{width:80%;margin:0% auto;border-bottom:1px solid #000;}
.news-card a{color:#000;}
.news-card a:hover{color:#FF6A00;}
.news-contents{display:flex;padding:10px 5px 10px;margin-top:2%;}
.news-title{margin-left:15%;}
.news-entry-title{padding-bottom:1.5%;}


/* ニュース投稿 */
.news-spec-table{line-height:40px;}
@media screen and (max-width:950px){
	.news-spec-table{line-height:30px;}
}
@media screen and (max-width:700px){
	.news-main{width:90%;}
	.news-card{width:90%;}
	.news-entry-title{font-size:20px;}
	.news-spec-table{line-height:27px;}
}
@media screen and (max-width:500px){
	.news-entry-title{font-size:18px;}
	.news-contents{display:block;}
	.news-title{display:flex;justify-content:center;margin-left:0;margin:3% auto 1%;}
	.news-spec-table{line-height:25px;}
}


/* ーーーーーーーーーーーーーー施工実績投稿画面ーーーーーーーーーーーーーーーーーー */
/* 全体レイアウト */
.works-layout{width:90%;display:flex;gap:40px;max-width:1200px;margin:40px auto;}
.works-sidebar{width:25%;}
.works-main{width:75%;}
/* タイトル部分 */
.sidebar-title{font-size:18px;font-weight:bold;display:flex;align-items:baseline;gap:10px;margin-bottom:15px;}
.sidebar-title span{font-size:12px;color:#ccc;}
/* リスト部分 */
.works-category-list{border-top:1px solid #333;}
.works-category-list li{cursor: pointer;position: relative;padding:5px 0 5px 25px;border-bottom: 1px solid #eee;font-size: 15px;font-weight: bold;color: #333;}
.works-category-list li a{color:#000;}
/* ポチの基本形（CSSで作る） */
.works-category-list li::before {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 10px;height: 10px;border: 1px solid #0056b3;border-radius: 50%;background: #fff;}
/* 選択中（.active）のポチ：中を塗りつぶす */
.works-category-list li.active{color: #0056b3;}
.works-category-list li.active::before{background: #0056b3;}
.works-single{max-width:900px;margin:50px auto;padding:0 20px;}
.works-header{margin-bottom: 30px;border-bottom: 2px solid #0056b3;padding-bottom: 15px;}
.works-meta{display:flex;gap:15px;align-items:center;margin-bottom:10px;}
.cat-label{background: #0056b3;color: #fff;padding: 2px 10px;font-size: 12px;}
.works-title{font-size: 28px;color: #333;}
.works-featured-img{margin-bottom:40px;}
.works-featured-img img{width: 100%;height: auto;box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
/* ACFのテーブルデザイン */
.details-table{width: 100%;border-collapse: collapse;margin-bottom: 40px;}
.details-table th, .details-table td{border: 1px solid #ddd;padding: 15px;text-align: left;}
.details-table th{background: #f8f8f8;width: 30%;}
.works-navigation{display: flex;justify-content: space-between;margin-top: 60px;border-top: 1px solid #eee;padding-top: 20px;}
/* カテゴリとタイトル */
.cat-badge { background: #0056b3; color: #fff; padding: 4px 15px; font-size: 13px; font-weight: bold; }
.entry-title {margin: 15px 0 40px; color: #333; }
/* ビフォーアフター */
.ba-flex-container { display: flex; align-items:baseline; gap: 20px; margin-bottom: 50px; }
.ba-item.before {width:35%;}
.ba-item.after {width:65%;}
.ba-label { display: block; text-align: center; color: #fff; font-weight: bold; padding: 8px; font-size: 14px; }
.before .ba-label { background: #b3b3b3; }
.after .ba-label { background: #0056b3; }
.ba-img { border: 4px solid #0056b3; line-height: 0; background: #f0f0f0; }
.before .ba-img { border: none; } /* BEFOREは枠なし */
.ba-img img { width: 100%; height: auto; object-fit: cover; }
.no-image-placeholder { height: 200px; display: flex; align-items: center; justify-content: center; color: #ccc; }
/* 施工スペック表 */
.works-spec-table { background:#fff;padding:3% 1% 6%;}
.works-spec-table table{width:100%;}
.works-spec-table th { width:40%;margin: 0; padding: 20px 0 7px; position:relative;letter-spacing:2px;}
.works-spec-table th::before{content:"";position:absolute;width:80%;height:2px;background:#00318C;bottom:0;left:10%;}
.works-spec-table td { width:60%;padding-left: 10px; position:relative;text-align:center;}
.works-spec-table td::before{content:"";position:absolute;width:100%;height:2px;background:#AFAFAF;bottom:0;left:0%;}
/* ボタン */
.back-btn-area { text-align: center; margin-top: 40px; }
.back-btn { background: #0056b3; color: #fff; padding: 12px 80px; text-decoration: none; font-weight: bold; display: inline-block; font-size:17px;border:2px solid #0056b3;}
.back-btn:hover{color: #0056b3; background-color: #fff;border:2px solid #0056b3;}
@media screen and (max-width:950px){
	.works-layout{display:block;}
	.works-sidebar{width:100%;margin: 5% auto 7%;}
	.works-main{width:100%;}
	.works-category-list{display:flex;justify-content: space-around;}
	.works-category-list li{border-bottom:none;}
}
@media screen and (max-width:700px){
	.works-category-list li{padding: 5px 0 5px 18px;}
}
@media screen and (max-width:500px){
	.works-category-list{flex-wrap:wrap;text-align:center;}
	.works-category-list li{width:26%;padding: 5px 0 5px 0px;}
	.ba-flex-container { display:block;margin-bottom:3%;}
	.ba-item.before { width:50%; }
	.ba-item.after { width: 100%; margin:3% auto 0;}
	.works-spec-table td,.works-spec-table th{display:block;width:90%;margin:0 auto;padding:1rem 0;}
	.works-spec-table th::before{width:100%;left:0;}
	.back-btn{padding:6px 80px;font-size:14px;}
}
@media screen and (max-width:430px){
	.works-category-list li{width:30%;}
}
/* ーーーーーーーーーーーーーー ニュース投稿画面ーーーーーーーーーーーーーーーーーー */
.news-entry{width:90%;margin:0 auto;}
.news-entry-title{border-bottom:2px solid #000;margin:1% auto 3%;}
.post-date{margin-bottom:2%;font-size:15px;margin-top:3%;}

/* ーーーーーーーーーーーーーー お問い合わせ ーーーーーーーーーーーーーー*/
.top-contact-all{width:90%;margin:0 auto;padding:6% 0 3%;max-width:1300px;}
/* 背景CONTACT */
.contact-container{width:90%;margin:3% auto 3%;padding:3%;background-image:url(./img/top.jpg);border-radius:1rem;}
/* 背景カラー */
.contact-container h6{background:rgba(250, 218, 36, 0.9);position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-radius:1rem;}
.top-contact-title{text-align:center;position:relative;z-index:9;}
.top-contact-title h1{display:inline-block;background:rgba(55, 55, 55, 1);color:#fff;padding:.5rem 5rem;border-radius:2rem;box-shadow:0 2px 2px rgba(0, 0, 0, 0.25);}
.top-contact-title p{font-weight:bold;margin:3% auto;}
.top-contact-main{display:flex;}
.top-cont-contents{z-index:9;width:30%;text-align:center;margin:0 3.3%;padding-top:3%;}
/* コンテンツ間縦線 */
.top-cont-contents::before{content:"";position:absolute;top:0;right:-15%;width:2px;height:100%;background:#fff;}
.top-cont-contents:last-child::before{display:none;}
.top-cont-contents img{width:40%;padding:1rem;background:rgba(67, 67, 67, 0.9);border-radius:50%;}
.top-cont-contents p{font-size:13px;font-weight:bold;margin:14% auto 5%;}
/* a要素関係 */
.top-cont-contents a{font-size:16px;display:inline-block;border-radius:5px;box-shadow:0 4px 4px rgba(0, 0, 0, 0.25);}
.t-cont-a1,.t-cont-a3{background:#fff;color:#fff;position:relative;padding:.8rem 2rem;color:#000;font-weight:bold;border:2px solid #fff;}
.t-cont-a1 span,.t-cont-a3 span{color:rgba(255, 136, 0, 1);}
.t-cont-a2{background:#fff;color:#fff;position:relative;padding:.8rem 2rem;color:#000;font-weight:bold;}
.t-cont-a2 span{font-size:20px;}
/* a要素-ホバー関係 */
.t-cont-a1:hover,.t-cont-a1:hover span,.t-cont-a3:hover,.t-cont-a3:hover span{transition:all .1s;background:rgba(255, 136, 0, 1);color:#fff;}
.t-cont-a2:hover{transition:all .1s;background:rgba(255, 136, 0, 1);color:#fff;box-shadow:0 1px 1px rgba(0, 0, 0, 0.25);transform:translateY(2px);}
/* a要素-allホバー */
.t-cont-a1:hover,.t-cont-a3:hover{box-shadow:0 1px 1px rgba(0, 0, 0, 0.25);border:2px solid rgba(255, 136, 0, 1);transform:translateY(2px);}

@media (max-width:1200px){
  .t-cont-a2 span{font-size:19px;}
  .t-cont-a1, .t-cont-a3{padding:.8rem 1rem;}
}
@media (max-width:1100px){
  .contact-container{width:100%;margin:3% auto;}
  .top-cont-contents{width:32%;margin:0 auto;}
  .top-cont-contents::before{right:-3%;}
}
@media (max-width:800px){
	.top-contact-title h1{font-size:20px;}
	.contact-container{padding:3% 2%;}
	.top-cont-contents p{font-size:12px;}
	.top-cont-contents a{font-size:13px;}
	.t-cont-a2 span{font-size:15px;}
}
@media (max-width:700px){
	.top-contact-title h1{font-size:18px;}
	.top-contact-main{flex-wrap:wrap;justify-content:space-between;width:90%;margin:0 auto;}
	.top-cont-contents{width:45%;margin:3% 0;}
	.top-cont-contents::before{display:none;}
}
@media (max-width:600px){
	.top-contact-main{width:95%;}
	.top-cont-contents{width:48%;}
}
@media (max-width:500px){
	.top-contact-title{margin:10% auto 5%;}
	.top-cont-contents{width:100%;}
	.top-cont-contents p{margin:4% auto 5%;}
	.top-cont-contents a{width:80%;font-size:14px;}
}

.wq-Price {
    display: none !important;
}

/* フッター */
footer{width:100%;margin:0% auto;}
.footer-all{display:flex;justify-content:center;width:90%;margin:5% auto 0;max-width:1300px;}
.foo-left{width:40%;}
.foo-left img{width:70%;}
.foo-left-tel a{display:inline-flex;align-items:center;justify-content:space-between;color:#fff;background:rgba(0, 68, 151, 1);padding:.8rem 3rem;font-size:25px;font-weight:bold;letter-spacing:.1rem;border:2px solid rgba(0, 68, 151, 1);width:auto;border-radius:.5rem;}
.foo-left-tel a span{writing-mode:sideways-lr;font-size:13px;font-weight:bold;}
.foo-left-tel a:hover{transition:all .1s;color:rgba(0, 68, 151, 1);background:#fff;}
.foo-left-access{display:flex;margin:3% auto;}
.foo-left-access a{width:8%;object-fit:contain;margin-left:5%;display:inline-block;}
.foo-left-access a img{width:100%;}
.foo-left-access a img:hover{transition:al .1s;opacity:.7;}
.foo-center,.foo-right{width:30%;}
.foo-center h2,.foo-right h2{color:rgba(0, 117, 212, 1);position:relative;}
.foo-center h2::before,.foo-right h2::before{content:"";position:absolute;width:80%;height:2px;bottom:-5px;left:0;background:rgb(143, 143, 143);}
.foo-center ul,.foo-right ul{margin-top:4%;}
.foo-center li a,.foo-right li a{margin-top:1%;display:block;color:rgba(69, 69, 69, 1);width:80%;}

.footer-bottom{width:100%;margin:3% auto 0;background:rgba(0, 89, 198, 1);padding:3% 0 1%;}
.foo-bo-top{display:flex;justify-content:center;}
.foo-bo-top h4{margin:0 2%;font-size:15px;}
.foo-bo-top h4 a{color:#fff;}
.footer-bottom p{text-align:center;margin:2% auto 0;color:#fff;}

@media screen and (max-width:1000px){
  .footer-all{width:95%;margin:5% auto 0;}
}
@media screen and (max-width:950px){
	.foo-left-tel a{font-size:20px;padding:.5rem 2rem;}
}
@media screen and (max-width:800px){
	.foo-left-tel a{font-size:18px;padding:.3rem 1.5rem;}
	.foo-left-access p{font-size:12px;}
	.foo-center, .foo-right {width:35%;}
	.foo-center h2, .foo-right h2{font-size:20px;}
	.foo-center li a, .foo-right li a{width:90%;}
}
@media screen and (max-width:700px){
	.footer-all{flex-wrap:wrap;}
	.foo-left{width:90%;}
	.foo-left-access{align-items:flex-end;}
	.foo-left-access a{width:5%;}
	.foo-center, .foo-right{width:45%;}
}
@media screen and (max-width:500px){
	.foo-left{width:95%;}
	.foo-left-access a{width:9%;}
	.foo-center, .foo-right{width:47%;}	
	.foo-center h2::before, .foo-right h2::before{width:90%;}
	.foo-center li a, .foo-right li a{width:95%;}
	.foo-bo-top h4{font-size:13px;}
}

.category {
    padding: 4px 10px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    margin-left: 10px;
}

/* 建物解体のとき（青） */
.badge-blue {
    background: #0056b3;
}

/* それ以外（グレー） */
.badge-gray {
    background: #b3b3b3;
}



/* html body div .wq--items{width:90%;margin:0 auto;}
html body div .wq-Form .wq-HNavigator>.wq--items>:not(:last-child){display:flex;}
html body div .wq-Form,html body div .wq-Quantity,html body div .wq-Form .wq-Selector,html body div .wq-Form .wq-Slider{flex-direction:unset;} */
/* 1. 2列並びにする（親要素の指定を最強に） */
html body div.wq-Form div.wq-Choice {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    padding: 0 !important;
}

/* 2. 各アイテムの幅（!importantを付けても負けないようタグ名を指定） */
html body div .wq-Form,div.wq-Choice,div.wq-Item {
    width: calc(50% - 5px) !important;
    margin: 0 0 10px 0 !important;
    flex: none !important;
}

/* 3. ボタン（buttonタグ）の見た目を強制上書き */
html body div .wq-Form,div.wq-Choice,div .wq-Item,button.wq-Button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 55px !important;
    border-radius: 4px !important;
    padding: 10px !important;
    color: #fff !important;
    font-size: 14px !important;
    box-shadow: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

/* 4. 選択された時の青背景（ここも最強のセレクタで） */
html body div .wq-Form,div .wq-Choice,div .wq-Item,button .wq-Button[aria-pressed="true"],
html body div .wq-Form,div .wq-Choice,div .wq-Item,button .wq-Button.wq-is-active {
    color: #1e40af !important;
	overflow:hidden;
}
html body div .wq-Form{background:none;}
html body div .wq-Form .wq-Selector, html body div .wq-Form .wq-Slider{flex-direction:unset;width:100%;margin:0 auto;}
html body div .wq-Form .wq-Image.wq-belongs-option.wq-belongs-hnavigator{width:0;height:0;}
html body div .wq-Form .wq-Selector>.wq--head{width:40%;}
html body div .wq-Form .wq-Selector>.wq--body{width:60%;}
html body div .wq-Monitor {width:90%;margin:0 auto;}
html body div .wq-Form>:not(:last-child){width:90%;}
html body div .wq-Form .wq-WNavigator>.wq--base{margin-left:70px;}
html body div .wq-Form .wq-Button.wq-type-primary:not(:hover):not(:active){margin-left:-7em;}
html body div .wq-Form .wq-Button.wq-type-primary{margin-left:-7em;}

@media screen and (max-width:782px){
	html body div .wq-Form .wq-WNavigator>.wq--base{margin-left:0px;}
	html body div .wq-Form .wq-Button.wq-type-primary:not(:hover):not(:active){margin-left:0em;}
	html body div .wq-Form .wq-Button.wq-type-primary{margin-left:0em;}
}

/* 1. 「希望の工事内容」を太字にする（詳細度を最大化） */
html body #wq-form-1 .wq-Form .wq-Attribute .wq-Attribute-title {
    font-weight: 900 !important;
    color: #333 !important;
}

/* 2. ラベル不一致で半透明(0.5)になった項目を物理的に消去 */
html body #wq-form-1 [style*="opacity"]:not([style*="opacity: 1"]):not([style*="opacity:1"]) {
    display: none !important;
}

/* 3. 中身が消えた「青い帯」を道連れにして消去 */
html body #wq-form-1 .wq-Attribute:not(:has(.wq-Option:not([style*="display: none"]))) {
    display: none !important;
}

/* 検証ツールで見つけたクラスを強制上書き */
.wq-Form .wq-Quantity>.wq--head, 
.wq-Form .wq-Selector>.wq--head, 
.wq-Form .wq-Slider>.wq--head {
    font-weight: bold !important; /* 太字 */
    background-color: #f0f0f0 !important; /* 背景色（必要なら） */
    color: #000000 !important; /* 文字色 */
}


/* 1. 選択肢（ボタン）が半透明（0.5）なら、存在ごと消す */
.wq-Form .wq-Option[style*="opacity: 0.5"],
.wq-Form .wq-Option[style*="opacity:0.5"] {
    display: none !important;
}

/* 2. もしボタンの中に半透明の設定がある場合も考慮 */
.wq-Form [id^="wq-option-detail-"][style*="opacity: 0.5"] {
    display: none !important;
}

/* 3. 中身が空になった「青い帯（属性タイトル）」も道連れにする */
.wq-Form .wq-Attribute:not(:has(.wq-Option:not([style*="display: none"]))) {
    display: none !important;
}

.must{padding:2px 10px 4px;color:#fff;background-color:rgb(184, 49, 49);font-size:10px;border-radius:5px;}

.wq-Form .wq-Quantity > .wq--head, 
.wq-Form .wq-Selector > .wq--head, 
.wq-Form .wq-Slider > .wq--head {
    font-weight: bold !important;
    background-color: #0056d2 !important;
    color: #ffffff !important;
}
.wq-Form .wq-Option>.wq--label{background:#f0f0f0 !important;}
html body div .wq-Form, div .wq-Choice, div .wq-Item, button .wq-Button[aria-pressed="true"], html body div .wq-Form, div .wq-Choice, div .wq-Item, button .wq-Button.wq-is-active 
{color: #000000 !important;font-weight: bold;}
.wq-Form .wq-Option>.wq--label>.wq--main>.wq--prices>.wq--price {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;}


.wq-Form .wq-WNavigator>.wq--overlay>.wq--dialog>.wq--main {
    width: 100% !important;}

/* 見積シミュ　ポップアップ画面 */
.wq-Form .wq-WNavigator>.wq--overlay>.wq--dialog {
    background: #fff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-sizing: border-box;
    color: #121212;
    display: flex;
    flex-direction: column;
    height: calc(100% - 64px);
    margin: 32px auto;
    max-width: calc(100% - 2em);
    overflow: hidden;
    position: relative;
    width: 80% !important;
}

.wq-Form .wq-Option.wq-belongs-wnavigator>.wq--label>.wq--main>.wq--note, .wq-Form .wq-Option.wq-belongs-wnavigator>.wq--label>.wq--main>.wq--prices {
    padding-right: 0 !important;
    text-align: left;
}

.wq-Form .wq-Option.wq-belongs-wnavigator>.wq--label>.wq--main>.wq--name {
    flex: 0 0 auto;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
    padding-top: 10px !important;
    text-align: left;
}

.wq-Form .wq-Option>.wq--label {
    border: .5px solid gray !important;
}

.wq-Dialog .wq-Button, .wq-Form .wq-Button {
    font-size: 20px !important;
    font-weight: bold !important;
}

@media screen and (max-width:782px){
html body div .wq-Form .wq-Button.wq-type-primary:not(:hover):not(:active) {margin-left: 0 !important}}
.wq-Form .wq-Option>.wq--label>.wq--main>.wq--quantity {
    color: #42bdeb !important;
    font-size: 18px !important;
}

.wq-Dialog .wq-Button.wq-type-primary:not(:hover):not(:active), .wq-Form .wq-Button.wq-type-primary:not(:hover):not(:active) {
    background-color: #0056d2 !important;
}



@media screen and (max-width: 500px) {
    /* 1. ラベル本体：高さを固定し、中身がどうなろうと動かさない */
    .wq-Form .wq-Option .wq--label {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        height: 50px !important;      /* 調整：ボタン全体の高さを指定 */
        min-height: 50px !important;
        padding: 0 !important;
        transition: none !important;  /* アニメーションによるガタつきを排除 */
    }

    /* 2. メディア要素：HTMLには存在するが、レイアウトからは完全に抹殺する */
    .wq-Form .wq-Option .wq--label .wq--media {
        display: none !important;
        position: absolute !important; /* 浮遊させて他への影響をゼロにする */
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    /* 3. テキスト部分：ここがボタンの主役になるように固定 */
    .wq-Form .wq-Option .wq--label .wq--main {
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        line-height: 50px !important; /* heightと同じ数値にすると上下中央になります */
    }

    /* 4. 不要な余白をカット */
    .wq-Form .wq-Option .wq--label .wq--prices,
    .wq-Form .wq-Option .wq--label .wq--note {
        display: none !important; /* 価格（0円〜）なども消したい場合はこれ */
    }
	@media screen and (max-width: 500px) {
    /* 1. 選択された時の「非表示」を無効化し、背景をブルーにする */
    /* wq-is-active や :has(:checked) など、システムが使うクラスを想定 */
    .wq-Form .wq-Option:has(input:checked),
    .wq-Form .wq-Option.wq-is-active {
        display: block !important; /* 消されるのを防ぐ */
        background-color: #007bff !important; /* 綺麗なブルー */
        border-color: #0056b3 !important;
    }

    /* 2. 選択された時の文字色を白にする */
    .wq-Form .wq-Option:has(input:checked) .wq--name,
    .wq-Form .wq-Option.wq-is-active .wq--name {
        color: #ffffff !important;
    }

    /* 3. 【重要】中身が消えないように強制表示 */
    .wq-Form .wq-Option .wq--label,
    .wq-Form .wq-Option .wq--main {
        display: flex !important; /* または block */
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* 4. ラジオボタン自体は邪魔なので隠しておく（標準的な挙動） */
    .wq-Form .wq-Option .wq--input {
        display: none !important;
    }
}
}




.wq-Form .wq-Monitor>.wq--entries>.wq--entry.wq-for-header {
	color:#fff !important;
	background-color:#0056d2 !important;
}
@media screen and (max-width:500px){
.wq-Form .wq-Option>.wq--label>.wq--media {
    width: 0 !important;
    height: 0 !important;
}
.wq-Form .wq-Image.wq-scaling-center>.wq--img {
    height: 0 !important;
    max-height: 0 !important;
    max-width: 0 !important;
    min-height: 0 !important;
    min-width: 0 !important;
}
}
.wq-For

/* カテゴリー削除 */
.wq-Form .wq-Monitor .wq--entries .wq-for-header .wq--entry .wq-for-category {
    display: none !important;
}
/* 合計金額文字大きさ */
.wq-Form .wq-Monitor>.wq--footer>.wq--entry>.wq--prop.wq-for-value span span {
    font-size: 30px !important;
	margin-right:10px !important;
}
/* 合計表示枠調整 */
.wq-Form .wq-Monitor>.wq--footer {
    max-width: 30em  !important;
}
/*  */
.wq-Form .wq-Monitor>.wq--entries>.wq--entry>.wq-for-entry {
    flex: 50 50 26.9230769231% !important;
    order: 80 !important;
}

.wq-Form .wq-Monitor>.wq--entries>.wq--entry>.wq-for-price {display: none !important;}
.wq-Form .wq-Monitor>.wq--entries>.wq--entry>.wq-for-taxClass {display: none !important;}
.wq-Form .wq-Monitor>.wq--entries>.wq--entry:not(.wq-for-header)>.wq-for-unitPrice {display: none !important;}
.wq-Form .wq-Monitor>.wq--entries>.wq--entry>.wq-for-quantity {display: none !important;}
.wq-Form .wq-Monitor>.wq--footer>.wq-for-subtotal{display: none !important;}
.wq-Form .wq-Monitor>.wq--footer>.wq-rate-common{display: none !important;}
.wq-Form .wq-Monitor>.wq--footer>.wq-rate-individual{display: none !important;}
button[class*="wq-for-closewizard"] {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
@media screen and (max-width: 500px){
	html body div .wq-Form .wq-Option.wq-belongs-wnavigator>html body div .wq--label{display:block;}
	html body div .wq-Form .wq-Option.wq-belongs-wnavigator>.wq--label>.wq--main>.wq--name{text-align:center;}
	html body div .wq-Form .wq-Option.wq-belongs-wnavigator>.wq--label{display:block;}
	html body div .wq-Form .wq-WNavigator>.wq--overlay>.wq--dialog{width:90% !important;}
	html body div .wq-Form .wq-belongs-wnavigator.wq-Quantity>.wq--head, .wq-Form .wq-belongs-wnavigator.wq-Selector>.wq--head, .wq-Form .wq-belongs-wnavigator.wq-Slider>.wq--head{position:fixed;left:5%;z-index:99;width:90%;}
	html body div .wq-Form .wq-Selector.wq-belongs-wnavigator>.wq--body{padding-top:45px;}
}
/*--------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------- お問い合わせフォーム --------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------*/
.contact-main{width:65%;margin:0 auto;}
.table-contactform{  overflow: hidden;  width:100%;	border-collapse:collapse; }
.table-contactform th,.table-contactform .contact-naiyo-title{ font-weight:bold;text-align:left;padding:2% 1.5% 2% 1.5%;} 
.table-contactform .contact-naiyo-title{;vertical-align:top;} 
.contactform7,.contactform8{color:white; float:right;text-align:center;padding:.3vw;font-size:13px;}
/* 必須 */
.contactform7{background:#ff6e6e;}
/* 任意 */
.contactform8{background:#575757;}
.contact-main .contact-naiyo-main input{width:100%;padding:1.5% 0 20% 0;}
.contact-main input{ width:100%;padding:1.5%; }
textarea{ width:100%;padding:1.5%;}
.submitform{text-align:center;margin:2% auto;}
.submitform input { width:20%; margin:5% 40%; padding:1% 0; border-radius:25px; }
.submitform input:hover{ cursor:pointer; }
.wpcf7-response-output{text-align:center;}
.text-title{vertical-align:top;}

@media screen and (max-width: 900px){
	.contact-main{width:85%;}
  .table-contactform{ display:block; }
  .table-contactform tbody,
  .table-contactform tr{ display: block; width: 100%;}
  .table-contactform th{ width:100%; display:block; margin:1vw auto; padding:2%;}
  .table-contactform td{ display: list-item; list-style-type:none; margin:0;width:100%; background-color:white; }
	.contactform7,.contactform8{margin-right:2%;}
	.contact-main input{padding:2.5% 0;}
  .submitform input{ width:30%; margin:5% 35%; padding:1.5% 0; }
}
/* 保護内容 */
.hogo{width:70%;margin:5vw auto;}
.hogo p{text-align:center;font-size:1.3vw;line-height:25px;}
@media screen and (max-width: 900px){
	.hogo{width:90%;}
	.hogo p{ font-size:2.3vw; }
}
@media screen and (max-width: 500px){
	.hogo p{ font-size:13px; }
}
/* 同意（チェックボックス） */
.doui p {text-align:center;margin-top:5vw;}
/* 個人情報保護方針 */
.scroll-box { width:60%; margin:1% 20%; }
.scroll-box::-weblit-scrollbar{ width:10px; }
.scroll-box::-webkit-scrollbar-track{ background:#f1f1f1; }
.scroll-box::-webkit-scrollbar-thumb{ border-radius:6px; background:#c1c1c1; }
.bs{ margin-bottom:1em; padding-left:3%;}
.scroll-box h1{ font-size:23px;text-decoration:none; padding:1% 2%; font-weight:normal; margin-bottom:1em; }
.scroll-box h2 { font-size:21px; border-bottom:solid 2px black; display:block; margin:1em;}
.scroll-box .olol,.scroll-box p::marker{ padding-left:3%; }
.scroll-box .lili,.scroll-box .no,.scroll-box p{font-size:1.3vw;line-height:25px;}
.scroll-box .no { margin-bottom:1em; list-style:auto;}
.scroll-box .lili { list-style:none; padding-left:3%; margin:0 0 1em 0; position:relative;padding:;0 }
.scroll-box .lili:before{position: absolute; top:33%; left:0%; display: block; content: ''; width: 8px; height: 8px; background-color: #6d9e41; }
@media screen and (max-width: 900px){
	.scroll-box{ width:90%; margin:1% 5%; }
	.scroll-box h1 { font-size:20px; text-align:center; }
	.scroll-box h2 { font-size:18px; }
	.bs{ font-size:2.3vw; }
	.scroll-box .lili,.scroll-box .no,.scroll-box p{ font-size:2.3vw; }
}
@media screen and (max-width: 500px){
	.scroll-box h1{ font-size:18px; }
	.scroll-box h2 { font-size:16px; }
	.bs { font-size:13px; }
	.scroll-box .lili,.scroll-box .no,.scroll-box p{ font-size:13px; }
	.scroll-box .lili:before{ left:-5px; }
}

.news .news-page-a{width:70%;margin:5vw auto;}
.news .news-page-a li{padding:1.5vw 1vw;margin:1vw auto;box-shadow:.1vw .1vw .5vw #dadada;display:flex;}
.news .news-page-a li:hover{transition:all .3s;box-shadow:.1vw .1vw .5vw #000;transform:translate(10px);}
.news .news-page-a span{margin-right:3vw;}
@media screen and (max-width: 900px){
	.news .news-page-a{width:80%;}
	.news .news-page-a li{padding:2.5vw 1vw;}
}
@media screen and (max-width: 900px){
	.news .news-page-a{width:90%;}
	.news .news-page-a li{padding:3vw 1vw;}
}

/* -----------------contact----------------- */
.con-top{width:100%;height:300px;background-image:url(./img/alank-contact.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover;}
.co-ttl{width:70%;height:300px;margin:0 auto;background-color:#ffffffb9;max-width:800px;}
.co-ttl h1{top:150px;left:10vw;font-size:200%;}
.co-ttl h1::after{position:absolute;content:"";width:180px;height:2px;background-color:#000000;transform:rotate(-15deg);top:55px;left:15vw;}
.co-ttl h2{bottom:50px;left:42vw;font-size:180%;}

@media screen and (max-width:700px){
  .con-top{vertical-align:middle;height:300px;}
  .co-ttl h1,.co-ttl h2{position:initial;text-align:center;}
  .co-ttl h1{height:60px;padding-top:160px;font-size:140%;}
  .co-ttl h2{text-align:center;padding-top:60px;font-size:120%;}
  .co-ttl h1::after{display:none;}
}

@media screen and (min-width:1300px){
  .co-ttl{width:60%;max-width:1200px;}
}

.con-box-top{width:60%;max-width:800px;margin:5% auto;}
.con-box-top h1{line-height:30px;margin-bottom:5%;}
.con-box-top h1 a{color:red;font-size:120%;}
.con-box-top h3{line-height:30px;}
.con-box-top h3 span{background:linear-gradient(transparent 60%, #6fd1e2 60%);padding:0 5px;}
.con-box{width:100%;max-width:700px;margin:5% auto;}
.con-box-ttl{width:100%;margin:5% auto;}
.con-inner-box{margin:5% auto;width:80%;}
.con-inner-box h1{font-size:120%;font-weight:bold;}
.con-inner-box input{margin-left:10%;width:50%;}
.con-inner-con{padding-bottom:100px;vertical-align:top;}

@media screen and (max-width:700px){
  .con-box-top{width:80%;}
}

@media screen and (max-width:600px){
  .con-inner-box h1{font-size:100%;}
}

@media screen and (max-width:450px){
	.con-box-top{font-size:85%;}
  .con-inner-box h1{font-size:90%;}
  .con-inner-box input{margin-left:5%;width:50%;}
}


/* プライバシーポリシー */
.policy{width:80%;max-width:1200px;margin:5% auto;line-height:30px;}
.policy-title h1{font-size:120%;}
.policy h3{font-weight:bold;margin:3% auto 1%;}
.daihyou{margin:5% auto;font-weight:bold;}

@media screen and (max-width:700px){
	.policy h3{font-size:20px;}
}
@media screen and (max-width:500px){
	.policy h3{font-size:18px;}
}


.sec-main-box h3{margin-bottom:2%;}
.sec-main-box p{margin-left:2%;}