.elementor-kit-5{--e-global-color-primary:#000000;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#000000;--e-global-color-accent:#FFFFFF7D;--e-global-color-33a0e71:#991529;--e-global-color-f0b20e1:#B0B0B0;--e-global-typography-primary-font-family:"Noto Serif JP";--e-global-typography-primary-font-size:2rem;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-letter-spacing:10px;--e-global-typography-secondary-font-family:"Noto Serif JP";--e-global-typography-secondary-font-size:1.1rem;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-letter-spacing:7px;--e-global-typography-text-font-family:"Noto Serif JP";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:1.8em;--e-global-typography-text-letter-spacing:2.5px;--e-global-typography-accent-font-family:"Noto Serif JP";--e-global-typography-accent-font-weight:400;--e-global-typography-accent-text-decoration:none;--e-global-typography-877670f-font-family:"Noto Serif JP";--e-global-typography-877670f-font-size:1.1rem;--e-global-typography-877670f-font-weight:300;--e-global-typography-877670f-letter-spacing:2px;background-color:#FFFFFF;font-family:"Noto Serif JP", Sans-serif;font-size:1rem;text-decoration:none;line-height:2.1em;letter-spacing:2.6px;--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-exit-animation:e-page-transition-fade-in;--e-preloader-width:100%;--e-preloader-max-width:215px;--e-preloader-opacity:0.9;}.elementor-kit-5 e-page-transition{background-color:#FFFFFF;}.elementor-kit-5 a{color:#000000;font-family:"Noto Serif JP", Sans-serif;text-decoration:none;}.elementor-kit-5 a:hover{text-decoration:none;}.elementor-kit-5 h1{font-family:"Noto Serif JP", Sans-serif;font-size:2rem;font-weight:700;line-height:4.3em;letter-spacing:10px;}.elementor-kit-5 h2{font-family:"Noto Serif JP", Sans-serif;font-size:2rem;font-weight:500;line-height:2.5em;letter-spacing:3px;}.elementor-kit-5 h3{font-family:"Noto Serif JP", Sans-serif;font-size:1.3rem;font-weight:500;text-decoration:none;line-height:2.2em;letter-spacing:2px;}.elementor-kit-5 h4{font-family:"Noto Serif JP", Sans-serif;font-size:1.2rem;font-weight:500;line-height:1.5em;}.elementor-kit-5 h5{font-family:"Noto Serif JP", Sans-serif;font-size:1.2rem;font-weight:400;letter-spacing:1.3px;}.elementor-kit-5 h6{font-family:"Noto Serif JP", Sans-serif;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-family:"Noto Serif JP", Sans-serif;text-decoration:none;text-shadow:0px 0px 0px rgba(0,0,0,0.3);box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-kit-5 input:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea,.elementor-kit-5 .elementor-field-textual{background-color:#F4F4F4;}.elementor-kit-5 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea:focus,.elementor-kit-5 .elementor-field-textual:focus{accent-color:#333333;background-color:#F4F4F4;border-style:solid;border-color:#333333;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}.elementor-kit-5{--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-preloader-max-width:1%;--e-preloader-opacity:1;}}/* Start custom CSS */html{ overflow-x:hidden;}
body{ overflow-x:hidden;}

.grecaptcha-badge {
visibility: hidden;
}

.page-id-62 .grecaptcha-badge { 
visibility: visible;}
.page-id-7129 .grecaptcha-badge { 
visibility: visible;}

 .displayyes{ display:block;}   
 .displayno{ display:none;}

a:link {color:#000; text-decoration:none;}
.omoitext {display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;}
.omoitext2 {display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;}	

.historybtn a:link{background:#000; padding:0.8rem 1rem; color:#fff; border:1px solid #000; font-size:0.9rem; text-decoration:none;}
.historybtn a:hover{background:#fff; padding:0.8rem 1rem; color:#000; border:1px solid #000; text-decoration:none;}

.sf-field-category{clear:both; display:block; width:100%;}
.sf-level-0{ clear:both; display:block; width:100%; margin-top:0rem; padding-bottom:1rem; }

.sf-level-1{ clear:both; display:block; width:100%; margin-top:3rem; }
.sf-level-2{ float: left; width:24%; margin-top:10rem;}
.children { width:100%;}

.sf-count{color:#ccc;}

.widget-area .searchandfilter li, .widget-area .searchandfilter p{display:block;}


.achievement_list{ vertical-align: middle; width:100%;
}

.achievement_list figure{height:150px; vertical-align: middle; overflow:hidden; background: url(/wp-content/uploads/2021/10/noimage.svg) #fff center no-repeat;}
.achievement_list figure img{width:100%; /*height:200px; object-fit: cover;*/ vertical-align: top; }
.achievement_list a{ text-decoration: none; color:#333; display:block;min-height:400px; padding-bottom:1rem; overflow-x:hidden; background:#fff;box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.1);}
.achievement_list a:hover {box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.3);}
.achievement_list_h3{ padding:1.0rem; text-align:left; text-decoration: none; font-size:0.7rem; line-height:1.8em ;/*overflow: hidden;text-overflow: ellipsis;white-space: nowrap;*/}
.achievement_list p{ padding:0 1.0rem; text-align:left; text-decoration: none; margin-top:-1.4rem; font-size:0.8rem; line-height:1.9em ;    /*overflow: hidden;text-overflow: ellipsis; white-space: nowrap;*/}

.user_listarea:nth-child(2n+1) {width:150vw; margin-left: -50%; padding-left: 50%;}
.user_listarea:nth-child(2n) {/*background: #E7E5D7; background-size: cover; width:200vw; margin-left: -50%; padding-left: 50%;*/}
.user_list{ width:100%; max-width:980px;}
.userstitle_2{font-family: 'Noto Serif JP', sans-serif;font-size:2.2rem; font-weight:600; text-decoration:none; color:#000;}
.userstitle_2 a:link {text-decoration:none; color:#000;}
.usersname_2{font-size:1.3rem; font-weight:600;}
.usersimage_2{display:inline-block; width:30%;  padding-right:1rem ; padding-top:3.5rem ; padding-bottom:2.5rem ; vertical-align: middle;text-align:center;}
.usersimage_2 img{ width:100%;}
.userscomment_2{display:inline-block; width:65%;vertical-align: top; padding-top:3.5rem ; padding-bottom:2.5rem ;}

.linkbutton{color:#000;}
.linkbutton a:link {display:block; text-decoration:none; color:#000;padding:0.2rem 0rem; border:1px solid #000; background:#fff;  width:200px; text-align:center;margin-top: 2rem;}
.linkbutton a:hover {display:block; background:#000; text-decoration:none; color:#fff;}

.usersarea_outline{ width: auto; text-align: center;padding:0rem }
.usersarea_outline h3{letter-spacing:0.8rem }
.usersarea{ background:#fff; padding:1.5rem;}
.usersarea_left{display: inline-block; width:75%; vertical-align: top ; text-align: left }
.usersarea_left h4{padding-bottom:1.5rem;}
.usersarea_right{display: inline-block; width:24%; vertical-align: top;}
.usersarea_right img{width:100%;}


.beforeafter_outline{ width: auto; text-align: center;padding:0rem }
.beforeafter_outline h3{ border-bottom:1px solid #333; padding-bottom:0.2rem;margin-bottom:1rem; text-align:left;}
.beforeafter_outline img{ max-height:350px; height:auto; width:auto; max-width:100%;}
.beforeafterarea{ background:#fff; padding:0rem;}
.beforearea{width:35%; display:inline-block; vertical-align:middle;}
.afterarea{width:45%; display:inline-block; background: url(/wp-content/uploads/2022/01/arrow.svg) no-repeat left 15px center ; background-size:25px; padding-left:55px; vertical-align:middle;}
.beforeafter_text{text-align:left;}
.title_2ndarea {border-bottom: solid 1px #ccc;position: relative;}
.title_2ndarea:after {position: absolute;content: " ";display: block;border-bottom: solid 1px #000;bottom: -1px;width: 30%;}
.maps_text{font-size:0.9rem; line-height: 1.9em;padding-top: 1rem;}
.newmark{position:absolute; top:0; left:0;padding: 0.0rem  0.2rem  0.0rem  0.5rem; color: #fff; background: #992e36; font-size:0.8rem;}
.newmark2{position:absolute; top:0; left:0; margin-top:-1.0rem; margin-left:-0.1rem ; font-size:0.8rem; padding: 0.3rem  0.2rem  0.2rem  0.5rem; color: #fff; background: #992e36;}






.sf-field-taxonomy-area{position:absolute; width:20%; left:0%;}
.sf-field-category{position:absolute; left:21%;}
.sf-field-search{position:absolute; left:52%;}
.sf-field-submit{position:absolute; left:53%;}
.sf-field-reset{position:relative; left:87%;}


@media screen and (max-width: 767px) {


.achievement_list{ vertical-align: middle;}

.achievement_list figure{height:120px; vertical-align: middle; overflow:hidden; background: url(/wp-content/uploads/2021/10/noimage.svg) #fff center no-repeat;}
.achievement_list figure img{width:100%; /*height:200px; object-fit: cover;*/ vertical-align: top; }
.achievement_list a{ text-decoration: none; color:#333; display:block;min-height:290px; background:#fff;box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.1); padding-bottom:1rem; overflow-x:hidden;}
.achievement_list a:hover {box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.3);}
.achievement_list_h3{ padding:1.0rem; text-align:left; text-decoration: none; font-size:0.7rem; line-height:1.8em ;/*overflow: hidden;text-overflow: ellipsis;white-space: nowrap;*/}
.achievement_list p{ padding:0 1.0rem; text-align:left; text-decoration: none; margin-top:-1.4rem; font-size:0.8rem; line-height:1.9em ;    /*overflow: hidden;text-overflow: ellipsis; white-space: nowrap;*/}





.sf-field-taxonomy-area{position:relative; width:20%; left:0%; top:5%; }
.sf-field-category{position:relative;  left:0%;}
.sf-field-search{position:relative; left:0%;}
.sf-field-reset{position:relative; left:0%;}
.sf-field-submit{position:relative; left:0%;}
    
}

@media screen and (max-width: 320px) {
 

.achievement_list{ vertical-align: middle;
display:block;
}

.achievement_list figure{height:120px; vertical-align: middle; overflow:hidden; background: url(/wp-content/uploads/2021/10/noimage.svg) #fff center no-repeat;}
.achievement_list figure img{width:100%; /*height:200px; object-fit: cover;*/ vertical-align: top; }
.achievement_list a{ text-decoration: none; color:#333; display:block;min-height:290px; background:#fff;box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.1); padding-bottom:1rem; overflow-x:hidden;}
.achievement_list a:hover {box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.3);}
.achievement_list_h3{ padding:1.0rem; text-align:left; text-decoration: none; font-size:0.7rem; line-height:1.8em ;/*overflow: hidden;text-overflow: ellipsis;white-space: nowrap;*/}
.achievement_list p{ padding:0 1rem; text-align:left; text-decoration: none; margin-top:-1.4rem; font-size:0.8rem; line-height:1.9em ;    /*overflow: hidden;text-overflow: ellipsis; white-space: nowrap;*/}


}



/*以下制作実績のスライダー*/
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.container {
  margin: 0px auto 0;
  max-width: 900px;
  text-align: center;
}
.main-img {
 background-color: #f3f3f3;
  width: auto;
  height: 500px;
  text-align: center;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center; 
}
.main-img img {
  height: auto;
  max-height: 500px;
  width:  auto;
  vertical-align:middle;
}
.sub-img {
  display: flex;
  width: 100%;
  margin-top: 2%;

}
.sub-img li {
  background-color: #f3f3f3;
  margin-right: 2%;
  width: calc(96% / 4);
  overflow: hidden;
  height: 100px;
  border: solid 2px #f3f3f3;
  box-sizing: border-box;
}
.sub-img li.slider-active {
  border-color: #000;
}
.sub-img li:nth-child(3n) {
  margin-right: 0;
}

.sub-img img {
  height: 100px;
  width: auto;
  object-fit: cover;    
}
.js-main-img {
  position: relative;
}
.slider-change-arrow {
  color: #fff;
  background-color: #000;
  position: absolute;
  padding: 10px 15px;
  top: calc(50% - 20px);
}
#slider-change-arrow__previous {
  left: 0;  
}
#slider-change-arrow__next {
  right: 0;  
}


@media screen and (max-width: 767px) {
.main-img {
 background-color: #f3f3f3;
  width: auto;
  height: 400px;
  text-align: center;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center; 
}
.main-img img {
  height: auto;
  max-height: 400px;
  width:  auto;
  vertical-align:middle;
}
.usersarea_outline{ width: auto; text-align: center;padding:0rem }
.usersarea_outline h3{letter-spacing:0.8rem }
.usersarea{ background:#fff; padding:0.5rem;}
.usersarea_left{display:block; width:100%; vertical-align: top ; text-align: left }
.usersarea_left h4{padding-bottom:1.5rem;}
.usersarea_right{display: block; width:100%; vertical-align: top;}
.usersarea_right img{width:100%;}

}

@media screen and (max-width: 360px) {
.main-img {
 background-color: #f3f3f3;
  width: auto;
  height: 400px;
  text-align: center;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center; 
}
.main-img img {
  height: auto;
  max-height: 400px;
  width:  auto;
  vertical-align:middle;
}
.usersarea_outline{ width: auto; text-align: center;padding:0rem }
.usersarea_outline h3{letter-spacing:0.8rem }
.usersarea{ background:#fff; padding:0.5rem; width:auto;}
.usersarea_left{display:block; width:100%; vertical-align: top ; text-align: left }
.usersarea_left h4{padding-bottom:1.5rem;}
.usersarea_right{display: block; width:100%; vertical-align: top;}
.usersarea_right img{width:100%;}


}



table{border:none;}
table th{border:none;
    border-bottom:1px solid #333; text-align:left;}
table tr{border:none;
    border-bottom:1px solid #333;text-align:left;}
table td{border:none;
    border-bottom:1px solid #ccc;text-align:left;}

/*制作実績のスライダー*/



@media print{
    /* 印刷用CSSを指定する*/
header{display:none;}
footer{display:none;}
.printnone{display:none;}
}


.jmap a :hover{color:#333;}/* End custom CSS */