@font-face {
  font-family: "myfont"; /*任意のフォントファミリー名でOK*/
  src: url("./static/StickNoBills-Medium.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,main { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
main{box-shadow:0 0 0;}
*{box-sizing:border-box;}
a{text-decoration:none;color:#000000;}
li{list-style:none;}
body{background:#272727;width:100%;height:auto;font-family: "myfont",'Noto Serif JP', serif;}
.rel{position:relative;}
.ab{position:absolute;}
.max{max-width:1300px;margin:0 auto;}
.bold{font-weight:bold;}

p,summary,a{font-size:15px;letter-spacing:.1rem;font-weight:normal;line-height:1.5rem;}
h1{font-size:25px;letter-spacing:.2rem;font-weight:normal;}
h2{font-size:23px;letter-spacing:.1rem;font-weight:normal;}
h3{font-size:20px;letter-spacing:.1rem;font-weight:normal;}
h4,h5,h6{font-size:15px;letter-spacing:.1rem;font-weight:normal;}

@media screen and (min-width:1400px){
  p,summary,a{font-size:17px;}
}
@media screen and (max-width:1150px){
  p,summary,a{font-size:14px;line-height:1.5rem;}
}
@media screen and (max-width:1050px){
  p,summary,a{font-size:13px;}
  h1{font-size:20px;}
  h2{font-size:19px;}
  h3{font-size:18px;}
  h4,h5,h6{font-size:17px;}
}
@media screen and (max-width:1050px){
  p,summary,a{line-height:1.3rem;}
}
@media screen and (max-width:900px){
  p,summary,a{font-size:15px;line-height:1.4rem;}
  h1{font-size:19px;}
  h2{font-size:18px;}
  h3{font-size:17px;}
  h4,h5,h6{font-size:16px;}
}
@media screen and (max-width:700px){
  p,summary,a{font-size:13px;line-height:1.5rem;}
  h1{font-size:17px;}
  h2{font-size:16px;}
  h3{font-size:15px;}
  h4,h5,h6{font-size:14px;}
}
@media screen and (max-width:500px){
  p,summary,a{font-size:13px;line-height:1.4rem;}
  h1{font-size:16px;}
  h2{font-size:15px;}
  h3{font-size:14px;}
  h4,h5,h6{font-size:13px;}
}
@media screen and (max-width:400px){
  p,summary,a{font-size:13px;}
}
@media screen and (max-width:350px){
  p,summary,a{font-size:12px;}
}
/* aホバー下線 */
.a-hov,.a-hov-b,.a-hov-bb{position:relative;}
.a-hov::after{position:absolute;left:0;content:'';width:100%;height:1px;background:#fff;bottom:-1px;transform:scale(0, 1);transform-origin:left top;transition:transform 0.5s;}
.a-hov-bb::after{position:absolute;left:0;content:'';width:100%;height:2px;background:#5A5A5A;bottom:-1px;transform:scale(0, 1);transform-origin:left top;transition:transform 0.5s;}
/* .a-hov-blu::after{position:absolute;left:0;content:'';width:100%;height:2px;background:#18C5B7;bottom:-1px;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);}
/* マウスストーカー */
#mouse-stalker{pointer-events:none;position:fixed;top:-10px;left:-10px;width:20px;height:20px;background:#f0c95fb9;border-radius:50%;transform:translate(0,0);transition:transform 0.1s;transition-timing-function:ease-out;z-index:9999;}
@media screen and (max-width:950px){
  #mouse-stalker{display:none;}
}

#image-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

#image-modal img {
  max-width: 90%;
  max-height: 90%;
  box-shadow: 0 0 10px #fff;
}

#close-modal {
  color: white;
  font-weight: bold;
}
/*--------------------------- ローディング画面 ---------------------------*/
@keyframes text_anime_on {
  0% {opacity:0;}
  100% {opacity:1;}
}
#loading { width:100vw;height:100vh;transition:all 1s;background:#272727;position:fixed;top:0;left:0;z-index:99999;}
.spinner { width:min(15vw,300px); height:min(15vw,300px); margin:auto; background-color:#724422; border-radius:100%; animation:sk-scaleout 1.5s infinite ease-in-out; position: absolute; top:0; left:0; bottom:0; right:0;}
/* ローディング アニメーション */
@keyframes sk-scaleout {
  0% { transform:scale(0); } 
  100% { transform:scale(1.0); opacity:0; }
}
.sk-cube-grid{width:60px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.sk-cube-grid .sk-cube{width:33%;height:33%;background-color:#98856A;border:1px solid #98856A;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }
.sk-cube-grid .sk-cube1{-webkit-animation-delay:0.2s;animation-delay:0.2s;}
.sk-cube-grid .sk-cube2{-webkit-animation-delay:0.3s;animation-delay:0.3s;}
.sk-cube-grid .sk-cube3{-webkit-animation-delay:0.4s;animation-delay:0.4s;}
.sk-cube-grid .sk-cube4{-webkit-animation-delay:0.1s;animation-delay:0.1s;}
.sk-cube-grid .sk-cube5{-webkit-animation-delay:0.2s;animation-delay:0.2s;}
.sk-cube-grid .sk-cube6{-webkit-animation-delay:0.3s;animation-delay:0.3s;}
.sk-cube-grid .sk-cube7{-webkit-animation-delay:0s;animation-delay:0s;}
.sk-cube-grid .sk-cube8{-webkit-animation-delay:0.1s;animation-delay:0.1s;}
.sk-cube-grid .sk-cube9{-webkit-animation-delay:0.2s;animation-delay:0.2s;}

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); 
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  } 
}


.menu-item{position:relative;}
.submenu{display:none;position:absolute;top:100%;left:0%;}
.menu-item:hover .submenu{display:block;}
/* メニューの高さ分、コンテンツを下に移動 */
.menu-item:hover + .hum-content{margin-top:120px;}
/* コンテンツのスタイル */
.hum-content{transition:margin-top 0.6s ease;}
.submenu ul{display:flex;flex-wrap:wrap;margin:3% 0 0 8%;}
.submenu li{padding:.5rem;width:50%;}
.submenu li a{display:inline-block;width:80%;}

@media screen and (max-width:500px){
  .submenu li{width:100%;}
}

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

/* main{position:relative;z-index:1;overflow:hidden;box-shadow:0 0 50px #000;transition:transform .5s;} */
/* Hamburger menu */
.nav-trigger{position:fixed;z-index:4;top:.5rem;right:30px;width:44px;height:44px;overflow:hidden;color:transparent;white-space:nowrap;text-indent:100%;}
.nav-trigger a h6{position:fixed;top:0;right:0;width:130px;height:5rem;background:#98856A;clip-path:polygon(0% 0%, 100% 0, 100% 100%, 20% 100%);z-index:100;}
.nav-trigger a h5{position:fixed;top:3.2rem;right:73px;color:#fff;z-index:999;letter-spacing:.3rem;}
/* .hum:hover ~ .header{transition:all .4s;background:#000;color:#fff;}
.hum:hover ~ .header a{color:#fff;}
.nav-trigger:hover span,.nav-trigger:hover span::before,.nav-trigger:hover span::after{transition:all .4s;background:#fff;} */
.nav-trigger span{position:relative;}
.nav-trigger span,
.nav-trigger span::before,
.nav-trigger span::after{position:absolute;width:40px;height:3px;background:#fff;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;}
/* ナビ内 */
/* ナビ表示幅 */
.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:#98856A;}
.nav{padding:0;color:#fff;padding-top:17%;}
.nav li{position:relative;}
.nav-line,.nav-opa{padding:2rem 0 0 6%;position:relative;}
.nav a{display:block;font-weight:bold;text-decoration:none;color:#f6f8f8;transform:translateZ(0);width:100%;letter-spacing:.3rem;}
.nav a h1{letter-spacing:.3rem;}
.nav-opa{opacity:.4;display:block;position:relative;}
.nav-opa::after{background-color:#fff;top:72%;left:40%;content:'';display:block;height:1px;position:absolute;width:40%;}
.nav-under{margin:5% 0 0 6%;display:flex;justify-content:left;flex-wrap:wrap;width:40%;}
.nav-under li{padding:.5rem 6% 0 0;}
.nav-under li a{display:inline-block;color:#fff;}
.nav-img3{display:flex;justify-content:right;align-items:center;margin:0 5% 5% 0;}
.nav-img3 a{width:10%;margin:0 2%;}
.nav-img3 a:hover{transition:all .2s;opacity:.6;}
.nav-img3 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;}
.nav-line::after{background-color:#fff;top:72%;left:40%;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-trigger{top:.4rem;right:20px;}
  .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%;}
}
@media screen and (max-width:700px){
  .nav{padding-top:20%;}
  .nav-container{width:60%;}
  .nav-trigger a h5{right:62px;}
}
@media screen and (max-width:500px){
  .nav{padding-top:30%;}
  .nav-container{width:70%;}
  .nav-trigger{top:.2rem;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,.nav h1{font-size:20px;}
}

/*-------------------- スクロールヘッダー ----------------------*/
.main_h{position:fixed;z-index:999;width:100%;height:5rem;-webkit-transition:all 0.5s;transition:all 0.5s;opacity:0;top:-100px;overflow:hidden;}
.sticky{background:#272727;opacity:1;top:0;box-shadow:0 4px 4px rgba(0, 0, 0, 0.344);display:flex;align-items:center;}
.row{display:flex;align-items:center;}
.sc-hea-left,.sc-hea-right{width:50%;}
.sc-hea-left img{width:25%;margin-left:7%;object-fit:cover;}
.sc-hea-left img:hover{opacity:.5;}
.sc-hea-right{display:flex;justify-content:right;align-items:center;margin-right:12%;}
.sc-hea-right a{width:40px;line-height:0;margin:0 1%;}
.sc-hea-right a:hover{transition:all .2s;opacity:.6;}
.sc-hea-right img{width:100%;object-fit:cover;}

@media screen and (min-width:1700px){
  .sticky{justify-content:center;}
  .row{width:100%;}
  .sc-hea-left img{width:21%;}
  .sc-hea-right{margin-right:110px;}
}
@media screen and (min-width:1500px){
  .sc-hea-right{margin-right:150px;}
}
@media screen and (max-width:1100px){
  .sc-hea-right{margin-right:15%;}
}
@media screen and (max-width:950px){
    .main_h{display:none;}
}


/* TOP */
.top{width:100%;height:100vh;overflow:hidden;margin:0 auto;background:#272727;}
.top h6{position:absolute;top:0;left:0;width:25%;height:100%;background:#272727;clip-path:polygon(0% 0%, 100% 0, 68% 100%, 0% 100%);z-index:2;}
/* トップスライダー */
.wrapper{max-width:100vw;overflow:hidden;width:100%;position:relative;height:100vh;}
.next,.prev{width:40px;height:40px;position:absolute;cursor:pointer;border:solid 1px rgba(255, 255, 255, 0.5);border-radius:50%;bottom:3%;}
.next::after,.prev::after{content:"";display:block;width:15px;height:15px;border-top:solid 1px rgba(255, 255, 255, 0.5);border-right:solid 1px rgba(255, 255, 255, 0.5);}
.next:hover,.prev:hover{transition:all 0.3s;opacity:.5;}
.next{left:340px;transition:all 0.3s;z-index:10;}
.next::after{-webkit-transform:rotate(45deg);position:absolute;right:15%;top:50%;transform:translate(-50%, -50%) rotate(45deg);}
.prev{left:280px;transition:all 0.3s;z-index:10;}
.prev::after{-webkit-transform:rotate(-135deg);position:absolute;left:60%;top:50%;transform:translate(-50%, -50%) rotate(-135deg);}
.slider{width:400vw;display:flex;margin:0 auto;}
.slider1,.slider2,.slider3,.slider4{transition:all 0.3s;}
.slider1{transform:translateX(0);}
.slider2{transform:translateX(-100vw);}
.slider3{transform:translateX(-200vw);}
.slider4{transform:translateX(-300vw);}
.content{max-width:100vw;width:100%;height:100vh;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;}
.content1{background-image:url(./img/top-image.png);}
.content2{background-image:url(./img/AdobeStock_729339251.png);}
.content3{background-image:url(./img/24works-9.jpg);}
.content4{background-image:url(./img/24works-5.jpg);}

/* .indicator{width:100%;position:absolute;bottom:10px;display:flex;z-index:10;justify-content:center;align-items:center;}
.wrapper li{width:16px;height:16px;border-radius:50%;position:relative;list-style:none;border:1px #000 solid;margin-left:10px;margin-right:10px;cursor:pointer;}
.wrapper li:after{content:"";width:20px;height:20px;border:1px #000 solid;border-radius:50%;position:absolute;top:-4px;left:-4px;z-index:9;}
#list1{background-color:#000;} */
@media screen and (min-width:1500px){
  .next{left:390px;}
  .prev{left:330px;}
}
@media screen and (min-width:1700px){
  .next{left:450px;}
  .prev{left:390px;}
}
@media screen and (max-width:1100px){
  .next{left:300px;}
  .prev{left:240px;}
}
@media screen and (max-width:950px){
  .next,.prev{bottom:2%;width:35px;height:35px;}
  .next::after,.prev::after{width:10px;height:10px;}
  .next::after{right:17%;}
  .next{left:230px;}
  .prev{left:180px;}
}
@media screen and (max-width:800px){
  .next{left:260px;}
  .prev{left:210px;}
}
@media screen and (max-width:700px){
  .wrapper,.content{height:70vh;}
  .next{left:70px;}
  .prev{left:20px;}
}
@media screen and (max-width:500px){
  .wrapper,.content{height:60vh;}
  .next,.prev{width:30px;height:30px;}
  .next::after,.prev::after{width:10px;height:10px;}
  .next{left:60px;}
  .prev{left:20px;}
}

.top-logo{position:absolute;top:4%;left:4%;width:14%;z-index:9;object-fit:cover;}
.top-logo:hover{transition:all .2s;opacity:.5;}
.t-t-right{position:absolute;top:2rem;right:13%;z-index:9;}
.t-t-right a{color:#fff;}
.top-contents{position:absolute;bottom:10%;left:5%;width:3%;height:auto;z-index:9;display:flex;flex-direction:column;}
.top-contents a{display:inline-block;width:100%;}
.top-contents a:hover{transition:all .2s;opacity:.5;}
.top-contents img{width:100%;margin:2% auto;object-fit:cover;}
.is-layer-dot{position:absolute;top:0;left:0;width:83%;height:100%;margin-left:17%;overflow:hidden;}
/* background-image:url(./img/top-image.png);background-size:cover;background-position:center; */
.is-layer-dot:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;display:block;background-color:#3e3e3e59;background-image:radial-gradient(#3E3E3E 30%, transparent 31%), radial-gradient(#3E3E3E 30%, transparent 31%);background-position:0 0, 2px 2px;background-size:4px 4px;}
.is-layer-dot .is-upup,.is-layer-dot .is-down{position:absolute;left:15%;width:70px;height:70px;border-left:1px solid rgba(255, 255, 255, 0.4);z-index:9;}
.is-layer-dot .is-upup{top:12%;border-top:1px solid rgba(255, 255, 255, 0.4);}
.is-layer-dot .is-down{bottom:15%;border-bottom:1px solid rgba(255, 255, 255, 0.4);}
/*-------------- scroll ------------*/
.scrolldown1{position:absolute;left:50%;top:-200px;height:50px;z-index:99;transform:translate(-50%,-50%);}
.scrolldown1::before{content:"";position:absolute;left:0%;top:0%;width:.7px;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;}
}


/* トップニュース */
.t-b-news{position:absolute;bottom:3%;right:2%;z-index:9;width:50%;}
.t-b-news-main,.t-b-news-main2{display:flex;justify-content:right;}
.t-b-news-main2{display:none;}
.t-b-n1,.t-b-n2,.t-b-n3,.t-b-n1 a,.t-b-n2 a,.t-b-n3 a,.t-b-ne-more a{color:#fff;}
.t-b-n1,.t-b-n2,.t-b-n3{margin:0 auto;width:25%;position:relative;}
.t-b-n1::after,.t-b-n2::after{content:"";position:absolute;top:50%;left:100%;width:15%;height:1px;background:#fff;transform:rotate(-60deg);}
.t-b-n1:last-child::after{display:none;}
.t-b-n1 a,.t-b-n2 a,.t-b-n3 a{margin:3% 0 0 20%;display:inline-block;}
.t-b-ne-more{text-align:right;margin:3% 5% 0 0;}


@media screen and (max-width:1300px){
  .t-b-n1,.t-b-n2,.t-b-n3{width:30%;}
  .t-b-n1::after,.t-b-n2::after{left:95%;}
  .t-b-n1 a,.t-b-n2 a,.t-b-n3 a{margin:3% 0 0 17%;}
}
@media screen and (max-width:950px){
  .is-layer-dot .is-upup,.is-layer-dot .is-down{width:50px;height:50px;}
  .is-layer-dot .is-down{bottom:20%;}
  .t-b-news{width:65%;bottom:2%;}
  .t-b-n1,.t-b-n2,.t-b-n3{margin:0 auto;width:30%;}
  .t-b-n1::after,.t-b-n2::after{left:85%;}
}
@media screen and (max-width:900px){
  .top-contents{bottom:8%;left:3%;width:5%;}
  .t-b-news{width:70%;}
  .t-b-n1,.t-b-n2,.t-b-n3{margin:0 auto;width:30%;}
  .t-b-n1::after,.t-b-n2::after{left:90%;}
}
@media screen and (max-width:800px){
  .top-logo{top:2%;left:3%;width:17%;}
  .top h6{width:35%;}
  .t-t-right{display:none;}
  .is-layer-dot .is-upup,.is-layer-dot .is-down{left:24%;}
  .t-b-news{right:5%;}
  .t-b-n2,.t-b-n3{display:none;}
  .t-b-n1{margin:0;width:100%;text-align:right;}
  .t-b-n1::after{display:none;}
  .t-b-n1 a{margin:0;}
  .t-b-ne-more{margin:5% 0 2% 0;}
}
@media screen and (max-width:700px){
  .top{height:70vh;}
  .is-layer-dot{width:100%;height:100%;margin-left:0%;}
  .is-layer-dot .is-upup,.is-layer-dot .is-down{display:none;}
  .top h6{width:50%;height:40%;clip-path:polygon(0% 0%, 100% 0, 0% 100%, 0% 100%);}
  .top-logo{width:20%;}
  .top-contents{display:none;}
  .t-b-news a{font-size:17px;}
  .t-b-news-main{display:none;}
  .t-b-news-main2{display:block;}
}
@media screen and (max-width:600px){
  .top-logo{top:3%;}
}
@media screen and (max-width:500px){
  .top{height:60vh;}
  .top-logo{width:25%;}
  .top-contents{bottom:1%;left:10%;width:7%;}
  .t-b-news{width:40%;}
  .t-b-news a{font-size:16px;}
}
@media screen and (max-width:430px){
  .t-b-news{width:45%;}
}

/* 背景線 */
.top-all,.top-foo-all{position:relative;background:#272727;}
.back-border1,.back-border2,.back-border3,.back-border4,.back-foo-border1,.back-foo-border2,.back-foo-border3{position:absolute;top:0;width:1px;height:100%;background:rgba(63, 63, 63, 0.4);}
.back-border1,.back-foo-border1{left:10%;}
.back-border2,.back-foo-border2{left:35%;}
.back-border3,.back-foo-border3{left:65%;}
.back-border4{left:90%;}

/* タイトルall */
/* サービス *//* ワーク *//* コンタクト */
.t-s-title,.t-w-title,.t-co-title{font-size:45px;letter-spacing:.5rem;}
.t-s-title,.t-w-title{color:#98856A;}
.t-co-title{color:#fff;margin:0 auto 6vw;}
/* アバウト *//* インスタグラム *//* アクセス */
.t-b-img1,.t-in-title,.t-ac-title{font-size:45px;letter-spacing:.5rem;color:#98856A;}
.t-b-tit{display:flex;justify-content:left;align-items:baseline;margin-left:3%;}
.t-b-img1{color:#fff;}
.t-b-img2{font-size:40px;letter-spacing:.4rem;color:#98856A;}

@media screen and (max-width:1300px){
  .t-s-title,.t-w-title,.t-co-title{font-size:45px;}
  .t-b-img1,.t-in-title,.t-ac-title{font-size:40px;}
  .t-b-img2{font-size:35px;}
}
@media screen and (max-width:1100px){
  .t-s-title,.t-w-title,.t-co-title{font-size:40px;letter-spacing:.4rem;}
  .t-b-img1,.t-in-title,.t-ac-title{font-size:35px;letter-spacing:.4rem;}
  .t-b-tit{margin-left:2%;}
  .t-b-img2{font-size:30px;}
}
@media screen and (max-width:700px){
  .t-s-title,.t-w-title,.t-co-title,.t-b-img1,.t-in-title,.t-ac-title{font-size:28px;}
  .t-b-img2{font-size:25px}
  /* .t-s-title,.t-w-title,.t-b-img1,.t-ac-title{margin-left:4%;} */
}
@media screen and (max-width:500px){
  .t-s-title,.t-w-title,.t-co-title,.t-b-img1,.t-in-title,.t-ac-title{font-size:24px;letter-spacing:.3rem;}
  .t-b-img2{font-size:20px}
  .t-b-tit{margin-left:0%;}
  .t-co-title{margin:0 auto 8vw;}
  .t-b-tit h2{font-size:18px;letter-spacing:.2rem;}
  .t-b-tit p{font-size:10px;}
}
@media screen and (max-width:430px){
  .t-b-tit{display:block;margin-left:3%;}
}



/* ABOUT */
.top-about{width:100%;margin:0 auto;overflow:hidden;}
.t-ab-all{width:85%;margin:10% auto;}
.t-b-title{display:flex;justify-content:left;align-items:baseline;margin:0 auto;}
.t-b-title p{color:rgba(219, 219, 219, 0.8);}
.t-b-main{color:#DBDBDB;display:flex;width:95%;margin:0 auto;}
.t-b-left{width:60%;}
.t-b-left h3{margin:5% 0;color:rgba(219, 219, 219, 0.8);}
.t-b-left p{color:#7B7B7B;}
.t-b-right{width:40%;text-align:right;}
.t-b-right img{object-fit:cover;}
.t-b-right p{position:absolute;bottom:0;right:0;}
.t-b-right .t-b-main-img{width:90%;position:relative;}
.t-b-right .t-b-main-img::before{content:"";position:absolute;bottom:5%;right:3%;background-image:url(./img/COMPANY.png);width:40%;height:100%;background:#98856A;}

.t-bb-comp{text-align:right;margin:-7% 3% 0 0;}
.t-bb-comp a{position:relative;font-size:18px;letter-spacing:.2rem; padding:.7rem 2rem;color:#fff;z-index:10;display:inline-block;box-shadow:0 4px 4px rgba(0, 0, 0, 0.282);background:#9D8563;border:1px solid #9D8563;text-align:center;}
.t-bb-comp a::after{position:absolute;left:0;content:'';width:100%;height:100%;background:#ffffff;bottom:0px;transform:scale(0, 1);transform-origin:left top;transition:transform 0.5s;z-index:-1;}
.t-bb-comp a:hover::after{transform:scale(1, 1);}
.t-bb-comp a:hover{color:#9D8563;box-shadow:none;}

@media screen and (max-width:1100px){
  .t-b-main{display:block;}
  .t-b-left{width:100%;}
  .t-b-right{width:50%;text-align:left;margin-top:5%;}
  .t-bb-comp{text-align:left;margin:-7% 0 0 3%;}
}
@media screen and (max-width:700px){
  .t-b-right{width:70%;margin:5% auto;}
  .t-b-right .t-b-main-img{width:100%;}
  .t-bb-comp a{padding:.5rem 1.5rem;font-size:16px;}
}
@media screen and (max-width:650px){
  .t-b-title p{font-size:12px;}
}
@media screen and (max-width:500px){
  .t-b-main{width:100%;}
  .t-b-right{width:80%;}
}
@media screen and (max-width:430px){
  .t-b-title{align-items:center;}
  .t-bb-comp a{padding:.4rem 1rem;font-size:14px;}
}

/* SERVICE */
.top-service{width:100%;margin:0 auto;overflow:hidden;}
.t-ser-all{width:85%;margin:0% auto;}
/* .t-s-title{width:17%;object-fit:cover;} */
.tt-s-a{width:90%;margin:3% auto 1%;}
.t-s-content{padding:2rem;}
.t-s-content img{width:5.5%;}
.t-s-content2 img,.t-s-content3 img{width:4.5%;}
.t-s-content h1{color:#DEDEDE;font-size:24px;}
.t-s-content p{color:#7B7B7B;letter-spacing:4px;}

.underline{display:block;padding-bottom:4px;position:relative;margin:2% auto 4%;}
.underline::after{background-color:#9D8563;bottom:-70%;content:'';display:block;height:1px;left:0;position:absolute;transition:.5s all;width:5%;}
.tt-s-aa:hover .underline::after{width:100%;}
.tt-s-aa:hover .t-s-content{background:#3C3C3C;transition:all .5s;}
/* .t-s-content:has(.tt-s-aa:hover){background:#3C3C3C;transition:all .5s;} */
@media screen and (max-width:1300px){
  .t-s-content h1{font-size:22px;}
}
@media screen and (max-width:1100px){
  .t-s-content h1{font-size:20px;}
  .t-s-content{width:100%;}
  .underline{margin:1% auto 5%;}
}
@media screen and (max-width:950px){
  .t-s-content h1{font-size:18px;}
  .underline::after{bottom:-60%;}
}
@media screen and (max-width:700px){
  .t-ser-all{width:90%;}
  .t-s-content img{width:11%;}
  .underline{margin:1% auto 6.5%;}
}
@media screen and (max-width:600px){
  .underline::after{bottom:-40%;width:10%;}
}
@media screen and (max-width:500px){
  .t-s-content{padding:1rem .5rem;text-align:center;}
  .t-s-content img{width:16%;}
  .t-s-content h1{font-size:16px;}
  .t-s-content p{text-align:left;letter-spacing:1px;}
  .underline{margin:1% auto 7%;}
  .underline::after{width:10%;height:1px;left:50%;transform:translate(-50%,0);transform-origin:center top;}
}

/* WORKS */
.top-work{width:100%;margin:0 auto;overflow:hidden;}
.t-wor-all{width:90%;margin:10% auto;text-align:center;}
/* .t-w-title{width:15%;object-fit:cover;} */
.t-wo-content{display:flex;justify-content:center;flex-wrap:wrap;}
.t-wo-cont{width:30%;text-align:center;margin:5% auto 0;}
.tw-main-img{width:90%;height:200px;margin:0% auto;object-fit:cover;-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;opacity:.7;}
.tw-main-img:hover{-webkit-transform:scale(.95);transform:scale(.95);opacity:.4;}
.tw-cont-com{background:#424242;position:absolute;bottom:-15%;left:-5%;padding:.5rem 1rem .7rem;box-shadow:0 4px 4px rgba(0, 0, 0, 0.282);}
.tw-cont-com p{color:#BCA78B;}
.tw-cont-com h3{color:#fff;font-size:17px;margin-top:3%;}

.t-wor-more{text-align:center;margin:0% auto 10%;}
.t-wor-more a{position:relative;font-size:18px;letter-spacing:.2rem; padding:1rem 3rem;color:#fff;z-index:10;display:inline-block;box-shadow:0 4px 4px rgba(0, 0, 0, 0.282);background:#9D8563;border:1px solid #9D8563;text-align:center;}
.t-wor-more a::after{position:absolute;left:0;content:'';width:100%;height:100%;background:#ffffff;bottom:0px;transform:scale(0, 1);transform-origin:left top;transition:transform 0.5s;z-index:-1;}
.t-wor-more a:hover::after{transform:scale(1, 1);}
.t-wor-more a:hover{color:#9D8563;box-shadow:none;}

@media screen and (max-width:1300px){
  .t-wo-content{margin-top:5%;}
  .t-wo-cont{margin:2% auto;}
  .tw-cont-com h3{font-size:16px;}
}
@media screen and (max-width:1100px){
  .tw-cont-com{padding:1rem 1rem 1rem;}
  .tw-cont-com h3{font-size:15px;}
  .tw-main-img{height:170px;}
}
@media screen and (max-width:950px){
  .tw-cont-com{padding:.5rem;}
}
@media screen and (max-width:900px){
  .t-wor-more a{font-size:18px;padding:1rem .5rem;}
  .tw-main-img{height:150px;}
}
@media screen and (max-width:800px){
  .t-wo-cont2 img,.t-wo-cont4 img{margin-top:0%;}
  .t-wo-cont{width:40%;margin:3% auto;}
  .tw-main-img{width:100%;height:170px;-webkit-transform:scale(1);transform:scale(1);}
  .tw-cont-com{position:static;}
  .tw-cont-com1,.tw-cont-com3,.tw-cont-com2,.tw-cont-com4{margin-bottom:0%;}
  .tw-cont-com{width:100%;}
  .t-wo-cont a{width:100%;display:block;line-height:0;}
  .t-wor-more a{font-size:16px;padding:.5rem;}
}
@media screen and (max-width:700px){
  .t-wor-all{width:90%;}
  .tw-cont-com h3{font-size:14px;margin-top:0%;}
  .tw-main-img{height:150px;}
  .t-wor-more{width:30%;}
}
@media screen and (max-width:500px){
  .t-wo-cont{width:47%;}
  .tw-main-img{height:130px;}
  .t-wor-more{width:40%;}
  .t-wor-more a{font-size:14px;padding:.3rem .7rem .2rem;}
}
@media screen and (max-width:430px){
  .t-wo-content{display:block;}
  .t-wo-cont{width:85%;margin:7% auto;}
  .tw-main-img{height:160px;}
  .t-wor-more{width:45%;}
}

/* INSTAGRAM */
.top-instagram{width:100%;margin:0 auto;overflow:hidden;}
.t-ins-all{width:85%;margin:0% auto;text-align:center;}
/* .t-in-title{width:23%;object-fit:cover;} */
.t-ins-all h2{text-align:center;color:#DEDEDE;margin:10% auto;}
.t-inst-main{display:flex;justify-content:center;flex-wrap:wrap;margin:5% auto 0;}
.t-i-img{width:200px;height:200px;margin:3%;}
.t-i-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);}
.t-i-img img:hover{opacity:.8;}
.t-i-img img:active{opacity:.4;}

@media screen and (max-width:1300px){
  .t-i-img{width:170px;height:170px;}
}
@media screen and (max-width:1100px){
  .t-i-img{width:150px;height:150px;}
}
@media screen and (max-width:950px){
  .t-i-img{width:165px;height:165px;margin:3% auto;}
}
@media screen and (max-width:850px){
  .t-i-img{width:155px;height:155px;}
}
@media screen and (max-width:800px){
  .t-i-img{width:137px;height:137px;}
}
@media screen and (max-width:750px){
  .t-i-img{width:130px;height:130px;}
}
@media screen and (max-width:700px){
  .t-ins-all{width:90%;}
  .t-i-img{width:127px;height:127px;}
}
@media screen and (max-width:650px){
  .t-i-img{width:120px;height:120px;}
}
@media screen and (max-width:600px){
  .t-i-img{width:110px;height:110px;}
}
@media screen and (max-width:550px){
  .t-i-img{width:100px;height:100px;}
}
@media screen and (max-width:500px){
  .t-inst-main{justify-content:left;}
  .t-i-img{width:28%;height:24vw;margin:3% 2.6%;}
}
@media screen and (max-width:430px){
  .t-i-img{width:40%;height:34vw;margin:3% auto;}
}

/* ACCESS */
.top-access{width:100%;margin:0 auto;overflow:hidden;}
.t-acc-content p,.t-acc-map a{letter-spacing:.2rem;}
.t-acc-all{width:85%;margin:5% auto;}
/* .t-ac-title{width:15%;object-fit:cover;} */
.t-acc-main{width:80%;margin:0 auto;}
.t-acc-content{width:100%;margin:5% auto;}
.t-acc-acc{display:flex;}
.t-acc-acc p{margin-right:5%;}
.t-acc-content p{color:#DEDEDE;line-height:2rem;}
.t-acc-content .t-ac-comp{color:#98856A;}
.t-acc-content iframe{width:100%;height:200px;filter:grayscale(100%);position:relative;}
.acc-iframe{position:relative;width:100%;height:200px;}
.acc-iframe::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(66, 66, 66, 0.4);z-index:5;}
.t-acc-map{background:#9D8563;border:1px solid #9D8563;position:absolute;bottom:-5%;right:-3%;z-index:8;}
.t-acc-map a{position:relative;font-size:20px;padding:.7rem 1.5rem;color:#DEDEDE;z-index:10;display:inline-block;width:100%;box-shadow:0 4px 4px rgba(0, 0, 0, 0.282);}
.t-acc-map a::after{position:absolute;left:0;content:'';width:100%;height:100%;background:#ffffff;bottom:0px;transform:scale(0, 1);transform-origin:left top;transition:transform 0.5s;z-index:-1;}
.t-acc-map a:hover::after{transform:scale(1, 1);}
.t-acc-map a:hover{color:#9D8563;box-shadow:none;}

@media screen and (max-width:950px){
  .t-acc-content p{line-height:1.5rem;}
}
@media screen and (max-width:900px){
  .t-acc-main{width:90%;}
  .t-acc-acc{display:block;}
  .t-acc-acc p{margin-right:0;}
  .t-acc-map a{font-size:18px;}
}
@media screen and (max-width:700px){
  .t-acc-all{width:90%;}
  .t-acc-content{line-height:0;}
  .t-acc-map{position:static;text-align:center;}
}
@media screen and (max-width:500px){
  .t-acc-main{width:100%;}
  .acc-iframe{height:170px;}
  .t-acc-content iframe{height:170px;}
  .t-acc-map a{font-size:15px;padding:.5rem;}
}

/*--------------------- CONTACT ---------------------*/
/* パララックス */
.fixedwrap{position:relative;padding:7vw 0%;}
.fixedwrap::before{content:"";display:block;position:fixed;top:0;left:0;width:100%;height:100vh;background:url(./img/AdobeStock_729339251.png) center/cover no-repeat;z-index:-1;}
.fixedwrap::after{content:"";display:block;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1;background:#102f3e3d;}
.fixed-b-c{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1;}

.top-contact{width:100%;margin:0 auto;overflow:hidden;position:relative;background:#4f4f4f85;}
.cc-back1,.cc-back2,.cc-back3,.cc-back4{position:absolute;width:50px;height:50px;}
.cc-back1,.cc-back2{left:5%;border-left:1px solid rgba(255, 255, 255, 0.604);}
.cc-back3,.cc-back4{right:5%;border-right:1px solid rgba(255, 255, 255, 0.604);}
.cc-back1{border-top:1px solid rgba(255, 255, 255, 0.604);top:5%;}
.cc-back2{border-bottom:1px solid rgba(255, 255, 255, 0.604);bottom:5%;}
.cc-back3{border-top:1px solid rgba(255, 255, 255, 0.604);top:5%;}
.cc-back4{border-bottom:1px solid rgba(255, 255, 255, 0.604);bottom:5%;}
.t-co-title{text-align:center;color:#fff;}
/* .t-co-title img{width:20%;margin:0 auto 6vw;} */
.t-co-main{width:70%;display:flex;justify-content:center;align-items:center;margin:0 auto;}
/* .t-co-main a{ color:#fff;text-align:center;font-weight:bold;} */
.t-co-pp{font-size:20px;letter-spacing:.3rem;text-align:center;}
.t-co-main span{font-size:12px;letter-spacing:.2rem;}
.t-co-main a{position:relative;height:70px;display:flex;justify-content:center;align-items:center;color:#fff;z-index:10;width:100%;margin:0 4vw;padding:1rem 3rem;box-shadow:0 4px 4px rgba(0, 0, 0, 0.282);background:#9D8563;}
.t-co-main a::after{position:absolute;left:0;content:'';width:100%;height:100%;background:#ffffff;bottom:0px;transform:scale(0, 1);transform-origin:left top;transition:transform 0.5s;z-index:-1;}
.t-co-main a:hover::after{transform:scale(1, 1);}
.t-co-main a:hover{color:#9D8563;box-shadow:none;}

@media screen and (max-width:1200px){
  .fixedwrap{padding:4vw 0 11%;}
  .top-contact h6{font-size:170px;bottom:-4rem;}
  .t-co-pp{font-size:21px;}
  .t-co-main span{font-size:12px;letter-spacing:.1rem;}
}
@media screen and (max-width:1050px){
  .fixedwrap{padding:4vw 0 10%;}
  .top-contact h6{font-size:140px;bottom:-3.5rem;}
  .t-co-main{width:80%;}
}
@media screen and (max-width:950px){
  .fixedwrap{padding:8vw 0 11%;}
  .cc-back1,.cc-back2,.cc-back3,.cc-back4{width:40px;height:40px;}
}
@media screen and (max-width:900px){
  .t-co-pp{font-size:18px;}
  .t-co-main a{padding:1rem;height:60px;}
  .t-co-pp{line-height:1;}
}
@media screen and (max-width:700px){
  .t-co-pp{font-size:17px;}
}
@media screen and (max-width:600px){
  .fixedwrap{padding:11% 0 9%;}
  .t-co-main{display:block;}
  .t-co-main a{display:flex;width:60%;margin:5vw auto;justify-content:center;align-items:center;}
  .cc-back1,.cc-back2,.cc-back3,.cc-back4{width:30px;height:30px;}
}
@media screen and (max-width:500px){
  .t-co-main a{display:flex;width:70%;height:50px;}
  .t-co-pp{letter-spacing:.2rem;}
}
@media screen and (max-width:430px){
  .t-co-pp{font-size:15px;}
}


/* footer */
footer{width:100%;margin:0 auto;overflow:hidden;}
.footer-all{width:90%;padding:3% 0 1%;margin:0% auto;display:flex;}
footer h6{width:35%;height:100%;background:#9D8563;position:absolute;top:0;right:0;clip-path:polygon(14% 0%, 100% 0, 100% 100%, 0% 100%);}
.foo-left{width:20%;}
.foo-title-img{width:90%;}
.foo-contact{display:flex;justify-content:left;align-items:center}
.foo-contact{display:inline-block;}
.foo-contact img{width:20%;margin:4rem 0 0 2%;}
.foo-contact img:hover{transition:all .2s;opacity:.5;}
.foo-right{width:80%;display:flex;justify-content:center;align-items:center;}
.foo-pc{width:100%;}
.foo-pc ul{display:flex;flex-wrap:wrap;justify-content:right;align-items:center;}
.foo-pc li{margin:2%;}
.foo-pc a,.foo-res a{color:#fff;display:inline-block;font-size:17px;letter-spacing:.2rem;}

.foo-res{display:none;}

/***追従するトップへ戻るボタン***/
#page-top{position:fixed;right:20px;bottom:40px;height:50px;text-decoration:none;font-size:25px;font-weight:bold;line-height:2rem;transform:rotate(90deg);color:#fff;padding:0 0 0 2.5rem;border-top:solid 1px;z-index:99;}
#page-top::before{content:"";display:block;position:absolute;top:-1px;left:0px;width:15px;border-top:solid 1px;transform:rotate(35deg);transform-origin:left top;}

@media screen and (max-width:900px){
  #page-top{right:10px;bottom:35px;font-size:21px;}
}
/***トップへ戻るボタンここまで***/


.copy{text-align:right;position:relative;z-index:9;padding:0 1rem 1rem 0;}
.copy p{color:#fff;}

@media screen and (max-width:1200px){
  .foo-pc li{margin:2%;}
  .foo-pc a,.foo-res a{font-size:17px;}
}
@media screen and (max-width:1100px){
  .foo-pc li{margin:2% 1.5%;}
  .foo-pc a,.foo-res a{font-size:15px;}
}
@media screen and (max-width:950px){
  .footer-all{display:block;}
  footer h6{width:50%;clip-path:polygon(25% 0%, 100% 0, 100% 100%, 0% 100%);}
  .foo-left{width:27%;}
  .foo-title-img{width:100%;}
  .foo-contact img{margin:1rem 0 0 2%;}
  .foo-right{width:100%;}
  .foo-pc ul,.foo-res ul{justify-content:center;}
  .foo-pc li,.foo-res li{margin:2% auto;}
  .foo-pc{display:none;}
}
@media screen and (max-width:700px){
  
}
@media screen and (max-width:700px){
  .foo-res{display:block;}
  .foo-res li{margin:2%;}
  .foo-pc a,.foo-res a{font-size:13px;}
  .foo-contact img{width:28%;}
  .foo-res{display:flex;justify-content:center;flex-wrap:wrap;margin:4% auto;}
}
@media screen and (max-width:430px){
  .foo-left{width:35%;}
  .foo-res{margin:7% auto;}
}




/* ------------------------------------------------------------------------------------------ */
/*------------------------------ 下層ページ ------------------------------*/
/* ------------------------------------------------------------------------------------------ */
/* 下層TOP */
.kaso-top{width:100%;height:45vh;overflow:hidden;margin:0 auto;background:rgba(152, 133, 106, 1);}
.kaso-top h6{position:absolute;top:0;left:0;width:20%;height:100%;background:rgba(152, 133, 106, 1);clip-path:polygon(0% 0%, 100% 0, 68% 100%, 0% 100%);z-index:2;}
.kaso-top .top-logo{position:absolute;top:4%;left:2%;width:12%;z-index:9;object-fit:cover;}
.kaso-top .top-logo:hover{transition:all .2s;opacity:.5;}
.kaso-top .t-t-right{position:absolute;top:2rem;right:13%;z-index:9;}
.kaso-top .t-t-right a{color:#fff;}
.kaso-top-contents{position:absolute;bottom:10%;right:2.5%;width:3%;height:auto;z-index:9;display:flex;flex-direction:column;}
.kaso-top-contents a{display:inline-block;width:100%;}
.kaso-top-contents a:hover{transition:all .2s;opacity:.5;}
.kaso-top-contents img{width:100%;margin:1% auto;object-fit:cover;}
.kaso-top .is-layer-dot{position:absolute;top:0;left:0;width:90%;height:100%;margin-left:10%;overflow:hidden;background-image:url(./img/kaso-top-img.png);background-size:cover;background-position:center;}
.kaso-top .is-layer-dot:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;display:block;background-color:#3e3e3e59;background-image:radial-gradient(#3E3E3E 30%, transparent 31%), radial-gradient(#3E3E3E 30%, transparent 31%);background-position:0 0, 2px 2px;background-size:4px 4px;}
.kaso-top .kaso-top-title{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:99;}
.kaso-top .kaso-top-title h1{color:rgba(177, 177, 177, 1);font-size:40px;}
.kaso-top .kaso-top-title p{color:rgba(188, 167, 139, 1);letter-spacing:.4rem;}
.kaso-top .is-layer-dot .is-up-left,.kaso-top .is-layer-dot .is-down-left{position:absolute;left:15%;width:50px;height:50px;border-left:1px solid rgba(255, 255, 255, 0.4);z-index:9;}
.kaso-top .is-layer-dot .is-up-right,.kaso-top .is-layer-dot .is-down-right{position:absolute;right:15%;width:50px;height:50px;border-right:1px solid rgba(255, 255, 255, 0.4);z-index:9;}
.kaso-top .is-layer-dot .is-up-left{top:12%;border-top:1px solid rgba(255, 255, 255, 0.4);}
.kaso-top .is-layer-dot .is-down-left{bottom:15%;border-bottom:1px solid rgba(255, 255, 255, 0.4);}
.kaso-top .is-layer-dot .is-up-right{top:12%;border-top:1px solid rgba(255, 255, 255, 0.4);}
.kaso-top .is-layer-dot .is-down-right{bottom:15%;border-bottom:1px solid rgba(255, 255, 255, 0.4);}
@media screen and (max-width:1200px){
  .kaso-top .kaso-top-title h1{font-size:35px;}
}
@media screen and (max-width:1100px){
  .kaso-top .kaso-top-title h1{font-size:30px;}
}
@media screen and (max-width:950px){
  .kaso-top .kaso-top-title h1{font-size:30px;}
  .kaso-top .is-layer-dot .is-up-left,.kaso-top .is-layer-dot .is-down-left,
  .kaso-top .is-layer-dot .is-up-right,.kaso-top .is-layer-dot .is-down-right{width:40px;height:40px;}
}
@media screen and (max-width:950px){
  .kaso-top .top-contents{width:5%;}
  .kaso-top-contents a{line-height:0;}
  .kaso-top-contents img{margin:15% auto;}
}
@media screen and (max-width:800px){
  .kaso-top .top-logo{top:2%;left:3%;width:20%;}
  .kaso-top h6{width:30%;}
  .kaso-top-contents img{margin:20% auto;}
  .kaso-top .kaso-top-title h1{font-size:25px;}
  .kaso-top .is-layer-dot{width:100%;margin-left:0;}
  .kaso-top .is-layer-dot .is-up-left,.kaso-top .is-layer-dot .is-down-left{display:none;}
  .kaso-top .is-layer-dot .is-up-right,.kaso-top .is-layer-dot .is-down-right{width:40px;height:40px;}
}
@media screen and (max-width:700px){
  .kaso-top{height:30vh;}
  .kaso-top .is-layer-dot{width:100%;height:100%;margin-left:0%;}
  .kaso-top .is-layer-dot .is-upup,.kaso-top .is-layer-dot .is-down{display:none;}
  .kaso-top .is-layer-dot .is-up-left,.kaso-top .is-layer-dot .is-down-left,
  .kaso-top .is-layer-dot .is-up-right,.kaso-top .is-layer-dot .is-down-right{width:30px;height:30px;}
  .kaso-top .is-layer-dot .is-up-left,.kaso-top .is-layer-dot .is-up-right{top:18%;}
  .kaso-top .is-layer-dot .is-down-left,.kaso-top .is-layer-dot .is-down-right{bottom:18%;}
  .kaso-top h6{width:40%;height:70%;clip-path:polygon(0% 0%, 100% 0, 0% 100%, 0% 100%);}
  .kaso-top .kaso-top-title h1{font-size:23px;}
  .kaso-top .top-logo{width:20%;}
  .kaso-top-contents{display:none;}
  .kaso-top .is-layer-dot .is-down-left{display:block;}
}
@media screen and (max-width:600px){
  .kaso-top .kaso-top-title h1{font-size:20px;}
  .kaso-top .top-logo{top:3%;}
}
@media screen and (max-width:500px){
  .kaso-top{height:40vh;}
  .kaso-top .kaso-top-title{width:100%;}
  .kaso-top .is-layer-dot .is-up-left,.kaso-top .is-layer-dot .is-down-left,
  .kaso-top .is-layer-dot .is-up-right,.kaso-top .is-layer-dot .is-down-right{width:20px;height:20px;}
  .kaso-top .is-layer-dot .is-up-left,.kaso-top .is-layer-dot .is-down-left{left:20%;}
  .kaso-top .is-layer-dot .is-up-right,.kaso-top .is-layer-dot .is-down-right{right:20%;}
  .kaso-top .is-layer-dot .is-up-left,.kaso-top .is-layer-dot .is-up-right{top:25%;}
  .kaso-top .is-layer-dot .is-down-left,.kaso-top .is-layer-dot .is-down-right{bottom:25%;}
  .kaso-top .top-logo{width:25%;}
  .kaso-top-contents{bottom:1%;left:10%;width:7%;}
}


/* 背景線 */
.top-all,.top-foo-all{position:relative;background:#272727;}
.back-border1,.back-border2,.back-border3,.back-border4,.back-foo-border1,.back-foo-border2,.back-foo-border3{position:absolute;top:0;width:1px;height:100%;background:rgba(63, 63, 63, 0.4);}
.back-border1,.back-foo-border1{left:10%;}
.back-border2,.back-foo-border2{left:35%;}
.back-border3,.back-foo-border3{left:65%;}
.back-border4{left:90%;}


/* サブメニュー */
.kaso-sub{width:100%;margin:0 auto;overflow:hidden;display:flex;justify-content:right;align-items:center;padding:1rem 2rem;}
.kaso-sub a,.kaso-sub span,.kaso-sub p{font-size:20px;}
.kaso-sub a,.kaso-sub span{color:rgba(152, 133, 106, 1);}
.kaso-sub p{color:rgba(222, 222, 222, 0.5);}
@media screen and (max-width:1100px){
	.kaso-sub a,.kaso-sub span,.kaso-sub p{font-size:18px;}
}
@media screen and (max-width:900px){
	.kaso-sub a,.kaso-sub span,.kaso-sub p{font-size:16px;}
}
@media screen and (max-width:700px){
	.kaso-sub a,.kaso-sub span,.kaso-sub p{font-size:15px;}
}
@media screen and (max-width:500px){
	.kaso-sub a,.kaso-sub span,.kaso-sub p{font-size:14px;}
}

/*ーーーーーーーーーーーーーーーーーーーーーーーー 総合建築業ページ・解体・アスベスト工事ページ・リフォーム業ページ ーーーーーーーーーーーーーーーーーーーーーーーー*/
/* 現場管理・安全施工・品質チェックなどしっかり確認施工 */
.ks-con-con{width:100%;margin:0 auto;overflow:hidden;}
.ks-con-all{width:85%;margin:5% auto;}
.ks-con-con h2{color:rgba(152, 133, 106, 1);text-align:center;font-size:33px;}
.ks-con-res{display:none;}
.ks-con-con p{color:rgba(123, 123, 123, 0.8);width:80%;margin:5% auto;}
.ks-c-c-a{display:flex;justify-content:center;align-items:center;}
.ks-c-c-a a{position:relative;padding:.6rem 2rem;background:rgba(152, 133, 106, 1);color:rgba(222, 222, 222, 1);margin:0 4%;letter-spacing:.3rem;z-index:10;display:inline-block;box-shadow:0 4px 4px rgba(0, 0, 0, 0.282);background:#9D8563;border:1px solid #9D8563;text-align:center;}
.ks-c-c-a a::after{position:absolute;left:0;content:'';width:100%;height:100%;background:#ffffff;bottom:0px;transform:scale(0, 1);transform-origin:left top;transition:transform 0.5s;z-index:-1;}
.ks-c-c-a a:hover::after{transform:scale(1, 1);}
.ks-c-c-a a:hover{color:#9D8563;box-shadow:none;}

@media screen and (max-width:1300px){
  .ks-con-con h2{font-size:28px;}
}
@media screen and (max-width:1100px){
  .ks-con-con h2{font-size:25px;}
  .ks-c-c-a a{padding:.3rem 2rem;}
}
@media screen and (max-width:1000px){
  .ks-con-con h2{font-size:22px;}
}
@media screen and (max-width:800px){
  .ks-con-all{width:95%;}
  .ks-con-con h2{font-size:19px;}
  .ks-con-con p{width:85%;}
}
@media screen and (max-width:700px){
  .ks-con-con h2{font-size:16px;letter-spacing:.1rem;}
}
@media screen and (max-width:500px){
  .ks-con-pc{display:none;}
  .ks-con-res{display:block;}
  .ks-con-con h2{font-size:15px;}
  .ks-con-con p{margin:5% auto 10%;width:90%;}
}

/* 総合建築業とは? */
.ks-con-ind{width:100%;margin:0 auto;overflow:hidden;}
.ks-ind-all{width:80%;margin:5% auto;}
.ks-ind-up{width:85%;margin:0 auto;background:rgba(75, 75, 75, 1);padding:1rem 1rem 2rem 1rem;}
.ks-ind-up h3{color:rgba(152, 133, 106, 1);text-align:center;margin:1rem auto 1rem;}
.ks-ind-up p{width:90%;margin:0 auto;color:rgba(177, 177, 177, 1);line-height:2rem;}
.ks-ind-img{width:100%;text-align:right;margin-top:-2%;position:relative;line-height:0;}
.ks-ind-img img{width:25%;object-fit:cover;}
.ks-ind-img::before{content:"";position:absolute;top:0%;right:0;width:25%;height:100%;background:rgba(75, 75, 75, 0.4);z-index:99;}

@media screen and (max-width:1300px){
  .ks-con-ind{margin:5% auto;}
}
@media screen and (max-width:900px){
  .ks-ind-img img,.ks-ind-img::before{width:30%;}
  .ks-ind-up{width:90%;}
}
@media screen and (max-width:800px){
  .ks-ind-up{width:95%;}
}
@media screen and (max-width:700px){
  .ks-ind-img img,.ks-ind-img::before{width:45%;}
  .ks-ind-up p{width:95%;}
}
@media screen and (max-width:500px){
  .ks-ind-all{width:90%;}
  .ks-ind-up p{line-height:1.5rem;}
  .ks-ind-img{margin-top:0;text-align:center;}
  .ks-ind-img img,.ks-ind-img::before{width:95%;}
  .ks-ind-img::before{right:2.5%;}
}


/* PROCESS */
.ks-process{width:100%;margin:0 auto;overflow:hidden;}
.ks-pro-all{width:85%;margin:0% auto;}
.ks-pro-title{text-align:center;}
.ks-pro-title h1{color:rgba(39, 39, 39, 1);background:rgba(152, 133, 106, 1);padding:.6rem 2rem;display:inline-block;}
.ks-pro-contents{display:flex;justify-content:center;width:75%;margin:5% auto;align-items:baseline;}
.ks-pro-left{width:25%;position:relative;}
.ks-pro-left h3{font-size:36px;width:60px;height:60px;padding-left:2px;display:flex;justify-content:center;align-items:center;position:relative;border-radius:50%;border:2px solid rgba(60, 60, 60, 1);color:rgba(109, 109, 109, 1);}
.ks-pro-left::after{content:"";position:absolute;top:50%;left:60px;width:50%;height:2px;background:linear-gradient(to right,rgba(60, 60, 60, 1) 80%,rgba(152, 133, 106, 1) 80%);}
.ks-pro-right{width:75%;}
.ks-pro-right h2{color:rgba(152, 133, 106, 1);}
.ks-pro-right p{color:rgba(126, 126, 126, 1);margin:1% 0 0 4%;}

@media screen and (max-width:1300px){
  .ks-process{margin:3% auto;}
}
@media screen and (max-width:1050px){
  .ks-pro-left h3{font-size:20px;width:40px;height:40px;}
  .ks-pro-left::after{left:40px;}
}
@media screen and (max-width:800px){
  .ks-pro-contents{width:90%;}
}
@media screen and (max-width:700px){
  .ks-pro-all{width:95%;}
  .ks-pro-left h3{font-size:19px;width:35px;height:35px;}
  .ks-pro-left::after{left:35px;}
}
@media screen and (max-width:500px){
  .ks-process{margin:10% auto 3%;}
  .ks-pro-contents{display:block;}
  .ks-pro-left{width:100%;}
  .ks-pro-left::after{width:80%;background:linear-gradient(to right,rgba(60, 60, 60, 1) 60%,rgba(152, 133, 106, 1) 60%);}
  .ks-pro-right{width:90%;margin:5% auto 10%;}
}
@media screen and (max-width:430px){
  .ks-pro-left h3{font-size:17px;}
  .ks-pro-right{width:100%;margin:10% auto 15%;}
  .ks-pro-right p{margin:1% auto;}
}


/* WORKS */
.ks-work{width:100%;margin:0 auto;overflow:hidden;}
.ks-wor-all{width:90%;margin:5% auto;text-align:center;}
.ks-work-title{text-align:left;margin-left:5%;}
.ks-work-title h1{color:rgba(222, 222, 222, 1);background:rgba(152, 133, 106, 1);padding:.6rem 2rem;display:inline-block;}
.ks-wo-content{display:flex;justify-content:center;flex-wrap:wrap;}
.ks-wo-cont{width:30%;text-align:center;margin:5% auto 0;}
.ks-main-img{width:90%;height:200px;margin:0% auto;object-fit:cover;-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;opacity:.7;}
.ks-main-img:hover{-webkit-transform:scale(.95);transform:scale(.95);}
.ks-cont-com{background:#424242;position:absolute;bottom:-10%;left:-5%;padding:.7rem 2rem;box-shadow:0 4px 4px rgba(0, 0, 0, 0.282);}
.ks-cont-com h3{color:#fff;font-size:17px;margin-top:3%;}

.ks-wor-more{text-align:right;margin:7% 4% 0 0;}
.ks-wor-more a{position:relative;font-size:20px;letter-spacing:.2rem;color:rgba(115, 115, 115, 1);z-index:10;display:inline-block;}
.ks-wor-more a::before{content:"";position:absolute;bottom:0;right:0;width:150%;height:2px;background:linear-gradient(to right,rgba(152, 133, 106, 1) 30%,rgba(60, 60, 60, 1) 30%);}
.ks-wor-more a:hover:before{transition:all .6s;background:rgba(152, 133, 106, 1);}
/* .ks-wor-more a::after{position:absolute;left:0;content:'';width:100%;height:2px;background:rgba(152, 133, 106, 1);bottom:-1px;transform:scale(0, 1);transform-origin:left top;transition:transform 0.5s;}
.ks-wor-more a:hover::after{transform:scale(1, 1);} */

@media screen and (max-width:1300px){
  .ks-wo-content{margin-top:5%;}
  .ks-wo-cont{margin:2% auto;}
  .ks-cont-com h3{font-size:16px;}
  .ks-main-img{height:170px;}
}
@media screen and (max-width:1100px){
  .ks-cont-com{padding:1rem 1rem 1rem;}
  .ks-cont-com h3{font-size:15px;}
}
@media screen and (max-width:950px){
  .ks-cont-com{padding:.5rem;}
  .ks-main-img{height:150px;}
}
@media screen and (max-width:900px){
  .ks-wor-more a{font-size:17px;padding:.5rem;}
}
@media screen and (max-width:800px){
  .ks-wo-cont2 img,.t-wo-cont4 img{margin-top:0%;}
  .ks-wo-cont{width:40%;margin:3% auto;}
  .ks-main-img{width:100%;-webkit-transform:scale(1);transform:scale(1);}
  .ks-cont-com{position:static;}
  .ks-cont-com h3{margin-top:0%;}
  /* .ks-cont-com1,.ks-cont-com3,.ks-cont-com2,.ks-cont-com4{margin-bottom:0%;} */
  .ks-cont-com{width:100%;}
  .ks-wo-cont a{width:100%;display:block;line-height:0;}
  .ks-wor-more a{font-size:17px;padding:.5rem;}
}
@media screen and (max-width:700px){
  .ks-wor-all{width:90%;}
  .ks-cont-com h3{font-size:14px;margin-top:0%;}
  .ks-wor-more a{font-size:17px;padding:0;}
}
@media screen and (max-width:600px){
  .ks-main-img{height:130px;}
}
@media screen and (max-width:500px){
  .ks-wo-cont{width:47%;}
  .ks-wor-more a{font-size:15px;}
}
@media screen and (max-width:430px){
  .ks-wo-content{display:block;}
  .ks-wo-cont{width:85%;margin:7% auto;}
  .ks-main-img{height:150px;}
}


/*ーーーーーーーーーーーーーーーーーーーーーーーー 施工実績ページ ーーーーーーーーーーーーーーーーーーーーーーーー*/
.ks-achievements{width:100%;margin:0 auto;overflow:hidden;}
.ks-ach-top{width:80%;margin:5% auto;display:flex;justify-content:center;flex-wrap:wrap;}
.ks-ach-top a{text-align:center;width:30%;background:rgb(48, 48, 48);padding:1.5rem 1rem;margin:0 auto;box-shadow:0 4px 4px rgba(0, 0, 0, 0.25);z-index:9;}
.ks-ach-top a ruby{color:rgba(188, 167, 139, 1);letter-spacing:.1rem;}
.ks-ach-top a h1{color:rgba(222, 222, 222, 1);margin-top:5%;font-size:23px;}
.ks-ach-top a:hover{transition:all .2s;background:rgba(66, 66, 66, 1);}

@media screen and (max-width:1100px){
  .ks-ach-top a h1{font-size:20px;}
}
@media screen and (max-width:950px){
  .ks-ach-top{width:85%;}
  .ks-ach-top a{padding:1rem;}
  .ks-ach-top a h1{font-size:19px;}
}
@media screen and (max-width:800px){
  .ks-ach-top{width:90%;}
  .ks-ach-top a{padding:1rem 0;}
}
@media screen and (max-width:700px){
  .ks-ach-top{width:93%;}
  .ks-ach-top a ruby{font-size:11px;}
  .ks-ach-top a h1{font-size:16px;margin-top:2%;}
}
@media screen and (max-width:500px){
  .ks-ach-top a{width:70%;margin:3% auto;padding:.4rem 0;}
}
@media screen and (max-width:430px){
  .ks-ach-top a h1{font-size:15px;margin-top:1%;}
}

.ks-ach-general,.ks-ach-reform,.ks-ach-demolition{width:85%;margin:3% auto;overflow:hidden;}
.ks-ach-ge-title,.ks-ach-ref-title,.ks-ach-demo-title{width:100%;margin:3% auto;border-bottom:1px solid rgba(188, 167, 139, 1);}
.ks-ach-ge-title ruby,.ks-ach-ref-title ruby,.ks-ach-demo-title ruby{color:rgba(188, 167, 139, 1);letter-spacing:.1rem;}
.ks-ach-ge-title h1,.ks-ach-ref-title h1,.ks-ach-demo-title h1{color:rgba(222, 222, 222, 1);margin:1% auto;}
.ks-ach-g-contents-all,.ks-ach-r-contents-all,.ks-ach-d-contents-all{width:100%;display:flex;justify-content:left;flex-wrap:wrap;}
.ks-ach-g-contents ul,.ks-ach-r-contents ul,.ks-ach-d-contents ul{width:100%;display:flex;justify-content:left;flex-wrap:wrap;}
.ks-ach-g-contents,.ks-ach-r-contents,.ks-ach-d-contents{width:100%;}
/* .ks-ach-g-contents,.ks-ach-r-contents,.ks-ach-d-contents{width:22%;margin:2% 1.5%;} */
.ks-ach-g-contents li,.ks-ach-r-contents li,.ks-ach-d-contents li{width:22%;height:100%;margin:2% 1.5%;position:relative;}
.ks-ach-img img,.ks-ach-r-contents img,.ks-ach-d-contents img{width:100%;height:160px;position:relative;box-shadow:0 4px 4px rgba(0, 0, 0, 0.25);object-fit:cover;}
.t-n{}
.ks-ach-img::before{content:"";position:absolute;top:0;left:0;width:100%;height:160px;background:rgba(60, 60, 60, 0.4);z-index:99;}
.ks-ach-img{line-height:0;}
/* .ks-ach-img::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(60, 60, 60, 0.7);z-index:99;} */
.ks-ach-g-contents p,.ks-ach-r-contents p,.ks-ach-d-contents p{color:rgba(188, 167, 139, 0.7);margin:3% auto;}
.ks-ach-g-contents h4,.ks-ach-r-contents h4,.ks-ach-d-contents h4{color:rgba(177, 177, 177, 1);text-align:center;}

@media screen and (min-width:1400px){
  .ks-ach-g-contents img,.ks-ach-r-contents img,.ks-ach-d-contents img{width:230px;height:160px;}
  .ks-ach-img{text-align:center;}
  .ks-ach-img::before{left:6px;width:231px;height:160px;}
}
@media screen and (max-width:1100px){
  .ks-ach-ge-title h1,.ks-ach-ref-title h1,.ks-ach-demo-title h1{font-size:23px;}
  .ks-ach-g-contents h4,.ks-ach-r-contents h4,.ks-ach-d-contents h4{font-size:14px;}
}
@media screen and (max-width:950px){
  .ks-ach-ge-title h1,.ks-ach-ref-title h1,.ks-ach-demo-title h1{font-size:19px;}
  .ks-ach-g-contents p,.ks-ach-r-contents p,.ks-ach-d-contents p{font-size:13px;margin:3% auto 0;}
  .ks-ach-g-contents h4,.ks-ach-r-contents h4,.ks-ach-d-contents h4{font-size:13px;}
  .ks-ach-g-contents img,.ks-ach-r-contents img,.ks-ach-d-contents img{height:120px;}
  .ks-ach-img::before{height:120px;}
}
@media screen and (max-width:800px){
  .ks-ach-g-contents li,.ks-ach-r-contents li,.ks-ach-d-contents li{width:30%;height:100%;margin:2% 1.6%;}
  .ks-ach-g-contents img,.ks-ach-r-contents img,.ks-ach-d-contents img{width:100%;}
}
@media screen and (max-width:600px){
  .ks-ach-ge-title h1,.ks-ach-ref-title h1,.ks-ach-demo-title h1{font-size:18px;}
  .ks-ach-g-contents li,.ks-ach-r-contents li,.ks-ach-d-contents li{width:40%;margin:2% 5%;}
  .ks-ach-g-contents img,.ks-ach-r-contents img,.ks-ach-d-contents img{height:130px;}
  .ks-ach-img::before{height:130px;}
}
@media screen and (max-width:500px){
  .ks-ach-general,.ks-ach-reform,.ks-ach-demolition{width:95%;margin:5% auto;}
  .ks-ach-ge-title h1,.ks-ach-ref-title h1,.ks-ach-demo-title h1{font-size:17px;}
  .ks-ach-g-contents li,.ks-ach-r-contents li,.ks-ach-d-contents li{width:45%;margin:3% 2.5%;}
  .ks-ach-g-contents img,.ks-ach-r-contents img,.ks-ach-d-contents img{height:120px;}
  .ks-ach-img::before{height:120px;}
}
@media screen and (max-width:430px){
  .ks-ach-general,.ks-ach-reform,.ks-ach-demolition{margin:8% auto;}
  .ks-ach-ge-title ruby,.ks-ach-ref-title ruby,.ks-ach-demo-title ruby{font-size:11px;}
  .ks-ach-ge-title h1,.ks-ach-ref-title h1,.ks-ach-demo-title h1{font-size:15px;}
  .ks-ach-g-contents img,.ks-ach-r-contents img,.ks-ach-d-contents img{height:110px;}
  .ks-ach-img::before{height:110px;}
}


/*ーーーーーーーーーーーーーーーーーーーーーーーー SERVICEページ ーーーーーーーーーーーーーーーーーーーーーーーー*/
.ks-service{width:100%;margin:0 auto;overflow:hidden;}
.ks-ser-top{width:80%;margin:5% auto;display:flex;justify-content:center;flex-wrap:wrap;}
.ks-ser-top a{text-align:center;width:30%;background:rgb(48, 48, 48);padding:1.5rem 1rem;margin:0 auto;box-shadow:0 4px 4px rgba(0, 0, 0, 0.25);z-index:9;}
.ks-ser-top a ruby{color:rgba(188, 167, 139, 1);letter-spacing:.1rem;}
.ks-ser-top a h1{color:rgba(222, 222, 222, 1);margin-top:5%;font-size:23px;}
.ks-ser-top a:hover{transition:all .2s;background:rgba(66, 66, 66, 1);}

@media screen and (max-width:1100px){
  .ks-ser-top a h1{font-size:20px;}
}
@media screen and (max-width:950px){
  .ks-ser-top{width:85%;}
  .ks-ser-top a{padding:1rem;}
  .ks-ser-top a h1{font-size:19px;}
}
@media screen and (max-width:800px){
  .ks-ser-top{width:90%;}
  .ks-ser-top a{padding:1rem 0;}
}
@media screen and (max-width:700px){
  .ks-ser-top{width:93%;}
  .ks-ser-top a ruby{font-size:11px;}
  .ks-ser-top a h1{font-size:16px;margin-top:2%;}
}
@media screen and (max-width:500px){
  .ks-ser-top a{width:70%;margin:3% auto;padding:.4rem 0;}
}
@media screen and (max-width:430px){
  .ks-ser-top a h1{font-size:15px;margin-top:1%;}
}
/* SERVICE-総合建築業とは? */
.ser-con-ind{width:100%;margin:0 auto;overflow:hidden;}
.ser-ind-all{width:80%;margin:5% auto;}
.ser-ind-up{width:85%;margin:0 auto;background:rgba(75, 75, 75, 1);padding:1rem 1rem 2rem 1rem;}
.ser-ind-up h3{color:rgba(152, 133, 106, 1);text-align:center;margin:1rem auto 1rem;}
.ser-ind-up p{width:90%;margin:0 auto;color:rgba(177, 177, 177, 1);line-height:2rem;}
.ser-ind-img{width:100%;text-align:right;margin-top:-2%;position:relative;line-height:0;}
.ser-ind-img img{width:25%;object-fit:cover;}
.ser-ind-img::before{content:"";position:absolute;top:0%;right:0;width:25%;height:100%;background:rgba(75, 75, 75, 0.4);z-index:99;}

@media screen and (max-width:1300px){
  .ser-con-ind{margin:5% auto;}
}
@media screen and (max-width:900px){
  .ser-ind-img img,.ks-ind-img::before{width:30%;}
  .ser-ind-up{width:90%;}
  .ser-ind-img::before{width:30%;}
}
@media screen and (max-width:800px){
  .ser-ind-up{width:95%;}
}
@media screen and (max-width:700px){
  .ser-ind-img img,.ks-ind-img::before,.ser-ind-img::before{width:45%;}
  .ser-ind-up p{width:95%;}
}
@media screen and (max-width:500px){
  .ser-ind-all{width:90%;}
  .ser-ind-up p{line-height:1.5rem;}
  .ser-ind-img{margin-top:0;text-align:center;}
  .ser-ind-img img,.ks-ind-img::before,.ser-ind-img::before{width:95%;}
  .ser-ind-img::before{right:2.5%;}
}
.ser-con-con{width:100%;margin:0 auto;overflow:hidden;}
.ser-con-all{width:85%;margin:2% auto;}
.ser-con-con h2{color:rgba(152, 133, 106, 1);text-align:center;font-size:33px;}
.ser-con-res{display:none;}
.ser-con-con p{color:rgba(123, 123, 123, 0.8);width:80%;margin:5% auto;}
.ser-c-c-a{display:flex;justify-content:center;align-items:center;}
.ser-c-c-a a{position:relative;padding:.6rem 2rem;background:rgba(152, 133, 106, 1);color:rgba(222, 222, 222, 1);margin:0 4%;letter-spacing:.3rem;z-index:10;display:inline-block;box-shadow:0 4px 4px rgba(0, 0, 0, 0.282);background:#9D8563;border:1px solid #9D8563;text-align:center;}
.ser-c-c-a a::after{position:absolute;left:0;content:'';width:100%;height:100%;background:#ffffff;bottom:0px;transform:scale(0, 1);transform-origin:left top;transition:transform 0.5s;z-index:-1;}
.ser-c-c-a a:hover::after{transform:scale(1, 1);}
.ser-c-c-a a:hover{color:#9D8563;box-shadow:none;}

@media screen and (max-width:1300px){
  .ser-con-con h2{font-size:28px;}
}
@media screen and (max-width:1100px){
  .ser-con-con h2{font-size:25px;}
  .ser-c-c-a a{padding:.3rem 2rem;}
}
@media screen and (max-width:1000px){
  .ser-con-con h2{font-size:22px;}
}
@media screen and (max-width:800px){
  .ser-con-all{width:95%;}
  .ser-con-con h2{font-size:19px;}
  .ser-con-con p{width:85%;}
}
@media screen and (max-width:700px){
  .ser-con-con h2{font-size:16px;letter-spacing:.1rem;}
}
@media screen and (max-width:500px){
  .ser-con-pc{display:none;}
  .ser-con-res{display:block;}
  .ser-con-con h2{font-size:15px;}
  .ser-con-con p{margin:5% auto 10%;width:90%;}
}

/* SERVICE-WORKS */
.ser-work{width:100%;margin:0 auto;overflow:hidden;}
.ser-wor-all{width:90%;margin:5% auto;text-align:center;}
.ser-wo-content{display:flex;justify-content:center;flex-wrap:wrap;}
.ser-wo-cont{width:30%;text-align:center;margin:5% auto 0;}
.ser-main-img{width:90%;margin:0% auto;object-fit:cover;-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;opacity:.7;}
.ser-main-img:hover{-webkit-transform:scale(.95);transform:scale(.95);opacity:.4;}
.ser-cont-com{background:#424242;position:absolute;bottom:-10%;left:-5%;padding:.7rem 2rem;box-shadow:0 4px 4px rgba(0, 0, 0, 0.282);}
.ser-cont-com h3{color:#fff;font-size:17px;margin-top:3%;}

.ser-wor-more{text-align:right;margin:7% 4% 0 0;}
.ser-wor-more a{position:relative;font-size:20px;letter-spacing:.2rem;color:rgba(115, 115, 115, 1);z-index:10;display:inline-block;}
.ser-wor-more a::before{content:"";position:absolute;bottom:0;right:0;width:150%;height:2px;background:linear-gradient(to right,rgba(152, 133, 106, 1) 30%,rgba(60, 60, 60, 1) 30%);}
.ser-wor-more a:hover:before{transition:all .6s;background:rgba(152, 133, 106, 1);}

@media screen and (max-width:1300px){
  .ser-wo-content{margin-top:5%;}
  .ser-wo-cont{margin:2% auto;}
  .ser-cont-com h3{font-size:16px;}
}
@media screen and (max-width:1100px){
  .ser-cont-com{padding:1rem 1rem 1rem;}
  .ser-cont-com h3{font-size:15px;}
}
@media screen and (max-width:950px){
  .ser-cont-com{padding:.5rem;}
}
@media screen and (max-width:900px){
  .ser-wor-more a{font-size:17px;padding:.5rem;}
}
@media screen and (max-width:800px){
  .ser-wo-cont2 img,.t-wo-cont4 img{margin-top:0%;}
  .ser-wo-cont{width:40%;margin:3% auto;}
  .ser-main-img{width:100%;-webkit-transform:scale(1);transform:scale(1);}
  .ser-cont-com{position:static;}
  .ser-cont-com h3{margin-top:0%;}
  .ser-cont-com{width:100%;}
  .ser-wo-cont a{width:100%;display:block;line-height:0;}
  .ser-wor-more a{font-size:17px;padding:.5rem;}
}
@media screen and (max-width:700px){
  .ser-wor-all{width:90%;}
  .ser-cont-com h3{font-size:14px;margin-top:0%;}
  .ser-wor-more a{font-size:17px;padding:0;}
}
@media screen and (max-width:500px){
  .ser-wo-cont{width:47%;}
  .ser-wor-more a{font-size:15px;}
}
@media screen and (max-width:430px){
  .ser-wo-content{display:block;}
  .ser-wo-cont{width:85%;margin:7% auto;}
	
}

/*ーーーーーーーーーーーーーーーーーーーーーーーー 会社概要ページ ーーーーーーーーーーーーーーーーーーーーーーーー*/
/* 企業理念 */
.coph{width:100%;margin:5% auto;overflow:hidden;}
.coph-all{width:75%;margin:0 auto;}
.coph-title{display:flex;justify-content:left;align-items:center;color:rgba(178, 178, 178, 1);}
.coph-title h2{color:rgba(188, 167, 139, 1);}
.coph-title h1{position:relative;margin-left:8rem;}
.coph-title h1::before{content:"";position:absolute;top:50%;left:-80%;width:50%;height:1px;background:rgba(180, 180, 180, 1);}
.coph-all p{color:rgba(178, 178, 178, 1);margin-top:3%;}

@media screen and (max-width:900px){
  .coph-title h1,.coph-title h2{font-size:17px;}
  .coph-title h1{margin-left:6rem;}
  .coph-all p{font-size:14px;}
}
@media screen and (max-width:700px){
  .coph-all{width:85%;}
  .coph-title h1,.coph-title h2{font-size:16px;}
  .coph-title h1{margin-left:5rem;}
  .coph-all p{font-size:13px;}
}
@media screen and (max-width:500px){
  .coph-all p{margin:8% auto;}
}
@media screen and (max-width:380px){
  .coph-title h1{margin-left:3.5rem;}
  .coph-title h1::before{left:-65%;}
}

/* 会社概要 */
.com-pro{width:100%;margin:0 auto;overflow:hidden;background:rgba(74, 74, 74, 1);}
.com-pro-all{width:75%;margin:0 auto;}
/* 背景線 */
.sdgs-back .back-border1,.sdgs-back .back-border2,.sdgs-back .back-border3,.sdgs-back .back-border4{position:absolute;top:0;width:1px;height:100%;background:rgb(187 187 187 / 40%);}
.sdgs-back .back-border1{left:10%;}
.sdgs-back .back-border2{left:35%;}
.sdgs-back .back-border3{left:65%;}
.sdgs-back .back-border4{left:90%;}
@media screen and (max-width:500px){
  .sdgs-back .back-border1,.sdgs-back .back-border2,.sdgs-back .back-border3,.sdgs-back .back-border4{background:rgb(187 187 187 / 20%);}
}

.com-logo{position:absolute;top:1%;right:5%;width:10%;object-fit:cover;z-index:99;}
.com-pro-contents{display:flex;justify-content:center;width:100%;margin:5% auto;}
.com-pro-c-left{width:40%;position:relative;}
.com-pro-c-left h3{position:relative;color:rgba(188, 167, 139, 1);}
.com-pro-c-left::after{content:"";position:absolute;top:15px;right:15%;width:30%;height:1px;background:rgba(179, 179, 179, 1);}
.com-pro-c-right{width:60%;}
.com-pro-c-right h3{color:rgba(151, 151, 151, 1);}
.add2{margin:8% auto;}
.add h3{color:rgba(188, 167, 139, 1);}
.add h4{color:rgba(151, 151, 151, 1);}
.com-acc-iframe{margin:2% auto;}
.com-acc-iframe,.com-acc-iframe iframe{position:relative;width:100%;height:200px;box-shadow:0 4px 4px rgba(0, 0, 0, 0.25);}
.com-acc-iframe::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.25);z-index:5;}
.com-t-acc-map{background:#9D8563;border:1px solid #9D8563;position:absolute;bottom:-5%;right:-3%;z-index:8;}
.com-t-acc-map a{position:relative;font-size:20px;padding:.7rem 1.5rem;color:#DEDEDE;z-index:10;display:inline-block;width:100%;box-shadow:0 4px 4px rgba(0, 0, 0, 0.25);}
.com-t-acc-map a::after{position:absolute;left:0;content:'';width:100%;height:100%;background:#ffffff;bottom:0px;transform:scale(0, 1);transform-origin:left top;transition:transform 0.5s;z-index:-1;}
.com-t-acc-map a:hover::after{transform:scale(1, 1);}
.com-t-acc-map a:hover{color:#9D8563;box-shadow:none;}

@media screen and (min-width:1300px){
  .com-logo{width:120px;}
}
@media screen and (max-width:950px){
  .com-pro-c-left::after{right:10%;top:12px;}
  .t-acc-content p{line-height:1.5rem;}
}
@media screen and (max-width:900px){
  .com-pro-c-left h3,.com-pro-c-right h3{font-size:16px;}
  .add h4{font-size:14px;}
  .com-acc-iframe, .com-acc-iframe iframe{height:150px;}
  .com-t-acc-map a{font-size:16px;}
  .com-t-acc-map a{padding:.5rem 1.3rem;}
}
@media screen and (max-width:800px){
  .com-pro-all{width:85%;}
}
@media screen and (max-width:750px){
  .com-pro-c-left::after{right:8%;}
}
@media screen and (max-width:700px){
  .com-pro-c-left h3,.com-pro-c-right h3{font-size:14px;}
  .com-pro-c-left h3{font-weight:bold;}
  .com-pro-c-left::after{right:13%;width:20%;}
  .add h4{font-size:13px;}
  .com-acc-iframe, .com-acc-iframe iframe{height:130px;}
  .com-t-acc-map{position:relative;text-align:center;bottom:0;right:0;z-index:99;}
  .com-acc-iframe{margin:2% auto 0;}
}
@media screen and (max-width:600px){
  .com-pro-contents{display:block;}
  .com-pro-c-left::after{display:none;}
  .com-pro-c-left,.com-pro-c-right{width:100%;}
  .com-pro-c-left{border-bottom:1px solid rgba(151, 151, 151, 1);}
  .com-pro-c-left h3,.add h4{padding:.5rem;}
  .com-pro-c-right h3{padding:.5rem 0 0 .5rem;}
  .add2{margin:3% auto;}
}
@media screen and (max-width:500px){
  .com-logo{top:0.5%;right:3%;width:16%;}
  .com-t-acc-map a{font-size:16px;padding:.5rem;}
}

/* SDGS */
.com-sdgs{width:100%;margin:0 auto;padding:5% 0 0;overflow:hidden;background:rgba(218, 218, 218, 1);z-index:99;}
.sdgs-all{width:75%;margin:0 auto;}

@media screen and (max-width:800px){
  .sdgs-all{width:85%;}
}

.com-seac,.sdgs-attempt,.sdgs-17goal,.sdgs-urban,.contribution{margin:5% auto;}

/* SECURITY ACTION宣言 */
.com-seac h2{color:rgba(188, 167, 139, 1);}
.seac-flex{display:flex;justify-content:center;align-items:center;}
.seac-left{width:70%;}
.seac-left p{color:rgba(151, 151, 151, 1);width:100%;margin:2% auto 0;}
.seac-right{width:30%;text-align:center;}
.seac-right img{width:70%;object-fit:cover;}
.seac-res{display:none;}
/* SDGsへの取り組み */
.sdgs-attempt h2{color:rgba(188, 167, 139, 1);}
.sdgs-t-img{width:100%;object-fit:cover;}
.sdat-com h3,.sdat-com p{color:rgba(151, 151, 151, 1);}
.sdat-com p{width:100%;margin:0 auto;}
/* 17のゴール */
.sdgs-17-flex{display:flex;justify-content:center;align-items:center;}
.sdgs-17-left{width:60%;}
.sdgs-17-left img{width:85%;object-fit:cover;}
.sdgs-17-right{width:40%;color:rgba(151, 151, 151, 1);text-align:center;}
.sdgs-17-right img{width:90%;object-fit:cover;}
.sd17-ri-com{text-align:left;}
/* 住み続けられる街づくり */
.urban-flex{display:flex;justify-content:center;align-items:center;}
.urban-left{width:30%;}
.urban-left img{width:80%;object-fit:cover;}
.urban-right{width:70%;color:rgba(151, 151, 151, 1);}
.urban-right span{color:rgba(188, 167, 139, 1);}
/* SDGsの目標達成 */
.contribution{color:rgba(151, 151, 151, 1);}
.contribution h3{margin-bottom:3%;}
@media screen and (min-width:1300px){
  /* SECURITY ACTION宣言 */
  .seac-right img{width:200px;}
  /* 17のゴール */
  .sdgs-17-right img{width:350px;}
  /* 住み続けられる街づくり */
  .urban-left img{width:250px;}
}
@media screen and (max-width:1100px){
  /* SECURITY ACTION宣言 */
  .seac-left p{margin:3% auto 0;}
}
@media screen and (max-width:900px){
  .com-seac, .sdgs-attempt,.sdgs-17goal,.sdgs-urban,.contribution{margin:8% auto;}
  /* all */
  .seac-left p,.sd17-ri-com p,.urban-right p,.contribution p{font-size:14px;}
  /* SECURITY ACTION宣言 */
  .seac-left{width:75%;}
  .seac-right{width:25%;}
  /* 17のゴール */
  .sdgs-17-flex{align-items:self-start;}
  .sdgs-17-left,.sdgs-17-right{width:50%;}
  .sdgs-17-left img{width:90%;}
  .sdgs-17-right img{width:60%;}
  /* 住み続けられる街づくり */
  .urban-flex{align-items:self-start;}
  .urban-left{width:25%;}
  .urban-right{width:75%;}
  /* SDGsの目標達成 */
}
@media screen and (max-width:800px){
  /* 17のゴール */
  .sdgs-17-flex{display:block;}
  .sdgs-17-left,.sdgs-17-right{width:100%;text-align:center;}
}
@media screen and (max-width:700px){
  /* all */
  .seac-left p,.sd17-ri-com p,.urban-right p,.contribution p{font-size:13px;}
  /* SECURITY ACTION宣言 */
  .seac-flex{display:block;}
  .seac-res{display:block;}
  .seac-pc{display:none;}
  .seac-left{width:100%;}
  .seac-right{width:40%;text-align:left;}
  /* 住み続けられる街づくり */
  .urban-flex{display:block;}
  .urban-left{width:30%;margin-bottom:3%;}
  .urban-right{width:100%;}
}

/* -----------------PRIVACY POLICY----------------- */
.privacy{width:100%;margin:0 auto;padding:5% 0 0;overflow:hidden;}
.privacy-all{width:75%;margin:0 auto;}
/*  */
.pri-site{margin:3% auto 8%;}
.pri-site h2{color:rgba(188, 167, 139, 1);border-bottom:1px solid rgba(188, 167, 139, 1);}
.prsi-com h3{color:rgba(188, 167, 139, 1);margin-top:3%;}
.prsi-com p{color:rgba(151, 151, 151, 1);width:100%;margin:2% auto 0;}
.prsi-com a{color:rgba(151, 151, 151, 1);}

@media screen and (max-width:800px){
  .privacy-all{width:85%;}
}
@media screen and (max-width:500px){
  .pri-site h2{padding-bottom:1%;}
  .prsi-com h3{margin-top:5%;}
  .prsi-com p{margin:3% auto 0;}
}

/* -----------------サイトマップ----------------- */
.sitemap{width:100%;margin:0% auto;padding:5% 0;overflow:hidden;}
.site-all{width:75%;margin:0 auto;}
.site-contents{display:flex;justify-content:left;flex-wrap:wrap;}
.site-contents li{margin:3% 1%;width:23%;}
.site-contents h1,.site-contents a{color:rgba(151, 151, 151, 1);}

@media screen and (max-width:950px){
  .site-contents li{width:30%;}
}
@media screen and (max-width:900px){
  .site-all{width:85%;}
}
@media screen and (max-width:800px){
  .site-contents li{width:33%;margin:3% 0;}
}
@media screen and (max-width:700px){
  .site-contents li{width:50%;}
}
@media screen and (max-width:500px){
  .site-all{width:90%;}
  .site-contents li{width:49%;margin:3% 0 3% 1%;}
}

/* -----------------求人情報ページ----------------- */
.recruit-top{width:100%;margin:5% auto;overflow:hidden;text-align:center;}
.recruit-top h3{color:rgba(178, 178, 178, 1);}
.recruit-main{width:100%;margin:0 auto;padding:5% 0;overflow:hidden;background:rgba(74, 74, 74, 1);}
.recr-all{width:60%;margin:0 auto;}
.recr-title{text-align:center;}
.recr-title h1{color:rgba(152, 133, 106, 1);margin:0 auto 5%;}
.recr-contents{width:100%;margin:0 auto;}
.re-add-tit{color:rgba(151, 151, 151, 1);margin-bottom:2%;}
.recr-add-all{width:90%;display:flex;justify-content:left;flex-wrap:wrap;margin:0 auto;}
.recr-add-cont{width:50%;color:rgba(151, 151, 151, 1);margin-bottom:2%;}
.recr-add-cont span{color:rgba(188, 167, 139, 1);}

@media screen and (max-width:1200px){
  .recr-all{width:70%;}
}
@media screen and (max-width:950px){
  .recr-all{width:80%;}
}
@media screen and (max-width:900px){
  .recr-all{width:90%;}
}
@media screen and (max-width:800px){
  .recr-contents{text-align:center;}
  .recr-address{display:inline-block;text-align:left;width:70%;}
  .recr-add-all{display:block;}
  .recr-add-cont{width:100%;}
}
@media screen and (max-width:500px){
  .recruit-top h3{width:60%;text-align:left;display:inline-block;}
  .recr-address{width:90%;}
}
@media screen and (max-width:430px){
  .recruit-top h3{width:70%;}
  .recr-address{width:100%;}
}

/* -----------------ニュース一覧----------------- */
.news{width:100%;margin:0 auto;}
.blog-archive-box{width:85%;margin:2% auto;max-width:1200px;}
.blog-archive-box h1{margin-top:5%;padding-bottom:3%;border-bottom:1px solid rgba(219, 219, 219, 0.8);color:rgba(219, 219, 219, 0.8);}
.blog-archive-box h3{margin:2% auto;font-size:110%;color:rgba(219, 219, 219, 0.8);}
.nw-a{margin:0;color:#5c98f2;}
.nw-a a{color:rgba(219, 219, 219, 0.8);}
.nw-a a:hover{color:#D67171;}
.blog-archive-box .contents-main div{font-weight:normal;line-height:1.3rem;}
.blog-archive-box .contents-main p{font-weight:normal;line-height:1.3rem;}
.blog-archive-box .main-h1{font-size:130%;}

@media screen and (max-width:500px){
	.news{margin:10vw auto 0;}
	.blog-archive-box .main-h1{font-size:100%;}
	.blog-archive-box h3{font-size:90%;}
	.blog-archive-box .contents-main div{line-height:1.3rem;}
}
.blog-page-title a{color:rgba(219, 219, 219, 0.8);}
.blog-page-a{width:90%;margin:5vw auto;}
.blog-page-a li{padding:1.5vw 1vw;margin:1vw auto;display:flex;align-items:baseline;color:rgba(219, 219, 219, 0.8);border-bottom:1px solid rgba(219, 219, 219, 0.8);}
.blog-page-a a:hover{transition:all .3s;text-decoration:1px underline rgba(219, 219, 219, 0.8);}
.blog-page-a p{margin-right:3vw;}
@media screen and (max-width: 900px){
}
@media screen and (max-width:500px){
	.blog-page-a li{display:block;}
}
@media screen and (max-width:500px){
	.blog-page-a{width:100%;}
}
/* -----------------news----------------- */
.bg-ttl h1{top:150px;left:10vw;font-size:200%;}
.bg-ttl h1::after{position:absolute;content:"";width:180px;height:2px;background-color:#000000;transform:rotate(-15deg);top:55px;left:15vw;}
.bg-ttl h2{bottom:50px;left:42vw;font-size:180%;}

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

/* ニュース投稿 */
.blog{max-width:1200px;width:100%;margin:0 auto;}
.blog-main-box{width:85%;margin:2% auto;max-width:1200px;}
.blog-main-box h1{margin-top:5%;padding-bottom:3%;color:rgba(219, 219, 219, 0.8);border-bottom:1px solid rgba(219, 219, 219, 0.8);}
.blog-main-box h3{margin:4% auto;font-size:110%;color:rgba(219, 219, 219, 0.8);}
.bl-a{margin:5% 0;color:#D67171;}
.bl-a a{color:rgba(219, 219, 219, 0.8);}
.bl-a a:hover{color:#5c98f2;}
.blog-main-box .main-h1{font-size:130%;}
.blog-main-box .contents-main p{font-weight:normal;color:rgba(219, 219, 219, 0.8);}

@media screen and (max-width:500px){
	.blog-main-box h3{font-size:90%;}
	.blog-main-box .contents-main p{line-height:1.3rem;}
}



/*-------------------------------- お問い合わせフォーム --------------------------------*/
.contact-main{width:70%;margin:0 auto;padding:3vw 0;}
.table-contactform{overflow:hidden;width:100%;border-collapse:collapse;position:relative;z-index:9;}
.table-contactform th,.table-contactform .contact-naiyo-title{font-weight:bold;text-align:left;color:#564747;padding:2% 1.5% 2% 1.5%;width:30%;color:rgba(219, 219, 219, 0.8);}
.table-contactform td p{margin-top:3%;}
.table-contactform .contact-naiyo-title{vertical-align:top;}
/* .table-contactform .table-bottom{padding-bottom:3vw;} */
/* .table-contactform td{padding-top:3%;} */
.contactform7,.contactform8{float:right;text-align:center;padding:0 .5rem;font-size:14px;}
input[type="text"],input[type="email"],input[type="tel"], input[type="password"], textarea{width:100%;padding:10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;vertical-align:middle;}
.nndd label{display:block;}
.yykk label{display:flex;justify-content:left;}
.jjsy input{margin:0 0 1%;width:20%;}
.jjsy11 input{width:70%;}
.jjsy{color:rgba(219, 219, 219, 0.8);}
/* 上のお問い合わせありがとうございますコメント */
.screen-reader-response{display:none;}
.screen-reader-response,.wpcf7-response-output{text-align:center;color:#fff;}
/* 必須 */
.contactform7{background:#ff6e6e;}
/* 任意 */
.contactform8{background:#575757;}
.contact-main .contact-naiyo-main input{padding:1.5% 0 20% 0;}
/* .contact-main input,.contact-main textarea{border:solid 1px #564747;} */
/* .contact-main input{ width:100%;padding:1.5%;} */
.contact-main p{padding:0 1vw;color:#fff;}
textarea{width:100%;padding:1.5%;}
.doui{text-align:center;margin-top:5%;color:rgba(219, 219, 219, 0.8);}
.wpcf7-list-item{margin:0 1%;color:rgba(219, 219, 219, 0.8);}

.submitform input { width:20%; margin:5% 40%; padding:1% 0; border-radius:25px; }
.submitform input:hover{ cursor:pointer; }
.wpcf7-response-output{text-align:center;}

#wpcf7-f6-p26-o1-ve-checkbox-199,#wpcf7-f6-p26-o1-ve-checkbox-595,#wpcf7-f6-p26-o1-ve-checkbox-967,#wpcf7-f6-p26-o1-ve-checkbox-214,#wpcf7-f6-p26-o1-ve-text-918,#wpcf7-f6-p26-o1-ve-text-591,#wpcf7-f6-p26-o1-ve-tel-302,#wpcf7-f6-p26-o1-ve-your-zipcode,#wpcf7-f6-p26-o1-ve-your-pref,#wpcf7-f6-p26-o1-ve-your-address{display:none;}

.wpcf7-not-valid-tip{color:#e24848;}


@media screen and (max-width:1050px){
  .contactform7,.contactform8{font-size:11px;padding:0 .7rem;}
}
@media screen and (max-width: 900px){
  .contact-main{width:100%;}
  .table-contactform{ display:block; }
  .table-contactform th,.table-contactform .contact-naiyo-title{width:100%;}
  .table-contactform tbody,
  .table-contactform tr{ display: block; width: 100%;}
  .table-contactform th{ width:100%; display:block; margin:0 auto; padding:2%;}
  .table-contactform td{ display: list-item; list-style-type:none; margin:0; padding:2%; width:100%;}
  .contactform7,.contactform8{margin-right:2%;padding:.5% 1%;}
  .contact-main input{padding:2.5% 0;}
  .submitform input{ width:30%; margin:5% 35%; padding:1.5% 0; }
}
@media screen and (max-width:500px){
  .table-contactform td p{margin-top:0;}	
}

/* 保護内容 */
.hogo{width:70%;margin:5vw auto;}
.hogo p{text-align:left;color:rgba(219, 219, 219, 0.8);}
@media screen and (max-width: 900px){
	.hogo{width:90%;}
}
/* 同意（チェックボックス） */
.doui p {text-align:center;margin-top:5vw;}
/* 個人情報保護方針 */
.scroll-box { width:60%; margin:1% 20%; position:relative;z-index:9;}
.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%; font-size:1.3vw; }
.scroll-box h1,.scroll-box h2{font-weight:bold;color:#424242;}
.scroll-box h1{ font-size:25px;text-decoration:none; padding:1% 2%;margin-bottom:1em;}
.scroll-box h2 { font-size:23px;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;color:#424242;}
.scroll-box .lili:before{position: absolute; top:33%; left:-3%; 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:17px;text-align:center; }
	.scroll-box h2 { font-size:15px; }
	.bs{ font-size:15px;}
/* 	.scroll-box .lili,.scroll-box .no,.scroll-box p{ font-size:13px; } */
}
@media screen and (max-width: 500px){
	.scroll-box h1{ font-size:16px; }
	.scroll-box h2 { font-size:14px; }
	.bs { font-size:13px;}
/* 	.scroll-box .lili,.scroll-box .no,.scroll-box p{ font-size:13px;} */
}

.veu_socialSet{display:none;}



.slider-work{width:30%;margin:2% 1.6%;text-align:center;overflow:hidden;position:relative;}
.slider-work-button{position:absolute;bottom:10%;left:50%;z-index:99;transform:translate(-50%,0);display:flex;justify-content:center;width:40%;}
.slider-work-button a{background:#686868a6;display:flex;justify-content:center;align-items:center;border-radius:50%;width:11px;height:11px;color:#fff;margin:0 1%;}
.slider-up{position:relative;}
.slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;height:220px;}
.slides::-webkit-scrollbar{width:10px;height:10px;}
.slides::-webkit-scrollbar-thumb{background:black;border-radius:10px;}
.slides::-webkit-scrollbar-track{background:transparent;}
.slides > div{scroll-snap-align:start;flex-shrink:0;width:100%;height:100%;border-radius:10px;background:#eee;transform-origin:center center;transform:scale(1);transition:transform 0.5s;position:relative;display:flex;justify-content:center;align-items:center;}
.slides > div:target{/* transform: scale(0.8); */}
.author-info{background:rgba(0, 0, 0, 0.75);color:white;padding:0.75rem;text-align:center;position:absolute;bottom:0;left:0;width:100%;margin:0;}
.author-info a{color:white;}
.slides img{object-fit:cover;position:absolute;top:0;left:0;width:100%;height:210px;}
.slider-work > a{display:inline-flex;width:1.5rem;height:1.5rem;background:white;text-decoration:none;align-items:center;justify-content:center;border-radius:50%;margin:0 0 0.5rem 0;position:relative;}
.slider-work > a:active{top:1px;}
.slider-work > a:focus{background:#000;}
.work-slider-name{color:rgba(177, 177, 177, 1);margin-top:3%;}

@media screen and (max-width:950px){
  .slides{height:190px;}
  .slides img{height:180px;}
  .slider-work-button{width:100%;bottom:8%;}
}
@media screen and (max-width:800px){
  .slides{height:170px;}
  .slides img{height:160px;}
}
@media screen and (max-width:700px){
  .slider-work{width:45%;margin:2% 2.5% 5%;}
  .slides{height:190px;}
  .slides img{height:180px;}
  .slider-work-button{bottom:9%;}
}
@media screen and (max-width:600px){
  .slides{height:170px;}
  .slides img{height:160px;}
}
@media screen and (max-width:500px){
  .slider-work{width:85%;margin:2% auto 8%;}
  .slides{height:220px;}
  .slides img{height:210px;}
}
@media screen and (max-width:430px){
  .slider-work-button a{width:10px;height:10px;}
}


/* ニュース投稿内 */
.news-post-all,.news-post-all a{color:rgba(219, 219, 219, 0.8);;}
.mokuji{border:2px solid rgba(188, 167, 139, 1);padding:2rem;}
.mokuji_title,.mokuji a{color:rgba(219, 219, 219, 0.8);}
.mokuji li{margin-left:5%;}
.alignnone{width:100%;object-fit:cover;height:auto;z-index:99;position:relative;}
@media screen and (max-width:500px){
	.mokuji{padding:1rem;}
}