@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Homemade+Apple&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

/*
Theme Name: ZUIMEI 2.0.2
Theme URI: 
Author: the ZUUO DESIGN
Author URI: https://zuuo.org/
Description: by zuuo design
Requires PHP: 5.5
Version: 2.0.2
License: zuuo design
*/

*{
	margin: 0;
	padding: 0;
	list-style: none;
}
html{
	font-size: 62.5%; 
	font-family: 'Noto Sans JP', sans-serif;
	scroll-behavior: smooth;
	overflow:auto;
}
body{
  line-height: 1.8;
  position: relative;
  overscroll-behavior: none;
	font-size: clamp( 14px, calc( ( 100vw - 360px ) * ( ( 16 - 14 )  / ( 1200 - 360 ) ) + 14px ), 16px );
	color: #222;
	height: 100%;
}
.scroll-prevent body {
	height: 100%;
	overflow: hidden;
}
.cover {
	width: 100%;
	overflow: hidden;
}
#works .cover {
	overflow:unset;
}
h1 {
	height: 60px;
	display: block;
  text-indent: -9999px; 
  overflow: hidden;
	background-color: #fff;
	width: 100%;
	transition:all 0.2s;
}


.fixed h1 {
  width: 60px;
	background-color: rgba(0,0,0,0);
}
h1 .box {
	display: flex;
	justify-content: flex-end;
	gap:20px;
}
h1 .box a {
	display: flex;
	justify-content: flex-end;
	align-self: center;

}
.fixed h1 .box {
	display: none;
}
h2 {
	font-size: clamp( 25px, calc( ( 100vw - 360px ) * ( ( 30 - 25 )  / ( 1200 - 360 ) ) + 25px ), 30px );
    line-height: 1.2;
    font-weight: Bold;
}
h3 {
	font-size: clamp( 30px, calc( ( 100vw - 360px ) * ( ( 40 - 30 )  / ( 1200 - 360 ) ) + 30px ), 40px );
	line-height: 1.4;
	margin-bottom: 1rem;
}
h4 {
	font-size: clamp( 25px, calc( ( 100vw - 360px ) * ( ( 35 - 25 ) / ( 1200 - 360 ) ) + 25px ), 35px );
	line-height: 1.4;
	margin: 1rem 0;
}
h5 {
	font-size: clamp( 	18px, calc( ( 100vw - 360px ) * ( ( 22 - 18 ) / ( 1200 - 360 ) ) + 18px ), 22px );
	line-height: 1.4;
	margin: 1rem 0;
}

a {
	text-decoration: none;
	color: #222;
	transition:all 0.2s;
}
a:hover {
	color: #00B71A;
	cursor:pointer;
}
a.cap-bg:hover {
	color: #fff;
	background: #00B71A;
}
.credit {
	font-size: 8px;
	color: #CCC;
	line-height: 1;
}
/*----------------
	nabigation menu
	---------------*/
	
header {
	top:0;
	left: 0;
	position: fixed;
	display: grid;
	grid-template-columns: 1fr 60px;
	width: 100%;
	z-index: 10;
}
	

header a.logo {
	position: relative;
	height: 60px;
	display: flex;
  align-items: center;
}
header a.logo:before {
	display: block;
	content: "";
	width: 300px;
	height: 30px;
  background-image: url('images/20260521_logomark.png');
	background-repeat: no-repeat;
	background-size: auto 30px;
	background-position: 15px 0;
}

.fixed a.logo:before {
	width: 60px;
	transition:all 0.2s;
	background-size: auto 30px;
	background-position: center ;
	background-image: url('images/icon_bb.png');
}
.menu {
	text-align: center;
}
.drawer {
	width: 60px;
	height: 60px;
	right: 0;
	position: absolute;
}



.drawer-hidden {
  display: none;
}

.drawer-open {
  display: flex;
  height: 60px;
  width: 60px;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 9999;
  cursor: pointer;
  margin: 0;
}

.drawer-open span,
.drawer-open span:before,
.drawer-open span:after {
  content: '';
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background: #fff;
  transition: 0.5s;
  position: absolute;
}

.drawer-open span:before {
  bottom: 8px;
}

.drawer-open span:after {
  top: 8px;
}

#drawer-check:checked ~ .drawer-open span {
  background: rgba(255, 255, 255, 0);
}

#drawer-check:checked ~ .drawer-open span:before {
  bottom: 0;
  transform: rotate(45deg);
}

#drawer-check:checked ~ .drawer-open span:after {
  top: 0;
  transform: rotate(-45deg);
}
  
.drawer-content {
	width: 80%;
	height: 90%;
	position: fixed;
	top: 0;
	left: 100%;
	z-index: 99;
	background: rgba(0, 0, 0, 0.8);
	transition: .5s;
	color: #fff;
	padding: 10%;
}
.drawer-inner {
	font-weight: bold;
	width: 100%;
	height: 100%;
	overflow-y: auto;
  	overscroll-behavior-y: contain;
}
.drawer-content ul  {
	text-align: left;
	margin-bottom: 3rem;
}
.drawer-content ul li:last-child {
	margin-bottom: 20px;
}
.drawer-item {
	display: block;
	margin-bottom: 0.7em;
}
.drawer-item a {
	display: inline-block;
	font-size: 2rem;
	padding: 1rem;
}
.drawer-item a {
	background: #f4f4f4;
}


.drawer-content a b {
	font-size: 1.2rem;
	margin-left: 1em;
	display: inline-block;
}
.drawer-content ul:nth-child(2) a {
	font-size: 1.5rem;
}
.drawer-item a:hover {
	background: #00B71A !important;
	color: #fff;
}
.drawer-content .bt-mail {
   	background: #00B71A !important;
	display: block;
	font-size: 1.5rem;
	padding: 2rem 1.5rem;
	color: #fff;
}
.drawer-content .bt-mail a{
	display: flex;
}
.drawer-content .bt-mail:hover {
	background: #f4f4f4;
	color: #222;
}
.drawer-content .bt-mail span {
	display: inline;
}

.drawer-content .bt-mail b {
	display: inline;
}


#drawer-check:checked ~ .drawer-content {
  left: 0;
 }
 
 /*2021 10*/
.drawer-sns {
	display: flex;
	gap: 20px;
	margin-top: 20px;
 }

/*-------------------------
	GOOGLE material-icons 
-------------------------*/
.material-icons{
	display: inline-flex;
	align-items: center;
	display: inline-flex;
	vertical-align: middle;
}
.material-icons.phone {
	font-size: 30px;
}
/*-------------------------
	social-icons 
-------------------------*/
.icon-social {
	width: 20px;
	height: 20px;
	background-image: url(images/Instagram_Glyph_Gradient.png);
	background-repeat: no-repeat;
	background-size: 100%;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}
.icon-social.insta {
	background-image: url(images/Instagram_Glyph_Gradient.png);
}

/*-------------------
	フェードイン
----------------------*/
  
.fade,
.fade-up {
	opacity:0;
	transform:translateY(20%);
}		
.fade-l {
	opacity:0;
	transform:translateX(-50%);
	}	
.huwa {
animation:huwa 1s ease-out forwards;
}

@keyframes huwa {
	to {
	transform:initial;
	opacity:1;
	}
}

  
/*---------------
	BUTTONS
-----------------*/

.bt-nomal {
	transition:all 0.2s;
	line-height: 1;
	align-items: center;
	display: inline-flex;
	border-bottom: 2px solid #222;
}

.bt-nomal:hover {
	margin-left: 10px;
	color:  #00B71A;
	border-bottom: 2px solid #00B71A;
}
.bt-nomal b{
	font-weight: normal;
}
.bt-nomal.vert {
	width: auto;
	display: block;
	transform: rotate(90deg);
	position: absolute;
	right: 0px;
	top: 40px;
	margin: 0;
	z-index: 6;
	font-size: 1rem;
}
.bt-nomal.vert .material-icons {
	
	transform: rotate(-90deg);
}
.bt-box {
	background: #222;
	color: #fff;
	display: inline-flex;
	height: 50px;
	min-width: 200px;
	align-items: center;
	box-sizing: border-box;
	transition:all 0.2s;
	position: relative;
	padding: 0 20px;
	border-radius: 1px;
	font-weight: bold;
}
.bt-box:after {
	display: block;
	content: "";
	width:25px;
	height: 2px;
	background-color: #00b71a;
	position: absolute;
	top: 50%;
	right: -20px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.bt-box:hover {
	margin-left: 10px;
}
.bt-inline {
	text-align: right;
	margin-top: 1rem;
	transition:all 0.2s;	
}

.bt-inline b{
	position: relative;
	display: inline-block;
	border-bottom: 2px solid #222;
}
.bt-inline:hover {
	margin-right: -1rem;
	color:  #00B71A;
}
.wrap-recruite a {
	margin-bottom: 2px;
}
.wrap-recruite a:hover,
.wrap-banners a:hover .case {
	background-color: #fcfcfc;
}

.bt-r {
	position: absolute;
	top:15%;
	right: 5%;
}
a:hover .bt-r {
	right: 4%;
	transition:0.5s all;
}

/* 画像hover 拡大*/
/*
a:hover img {
	transform:scale(1.1,1.1);
	transition:0.5s all;
}
*/
/* 画像hover ライン */
.image-line{
	display:block;
	position:relative;
  }
.image-line{
	display:block;
	width:100%;
}
.image-line:before{
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	z-index:2;
	opacity:0;
	transition:0.3s;
}
.image-line:after{
	content:"";
	display:block;
	width:0;
	height:100%;
	position:absolute;
	bottom:0;
	left:0;
	z-index:3;
	transition:0.3s;
	background:#00B71A;
}
.image-line:hover:before{
	opacity:0.5;
}
.image-line:hover:after{
	width:100%;
}

/* 画像hover ぼやける*/

.image-blur{
	display:block; 
	position:relative;
	text-decoration:none;
}
.image-blur img{
	display:block;
	width:100%;
	transition:0.3s;
}

.image-blur:before{
	content:"READ MORE";
	display:block;
	color:#00B71A;
	border-radius:5px;
	text-align:center;
	position:absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	opacity:0;
	z-index:3;
	transition:0.3s;
	font-weight:bold;
	font-size: clamp( 18px, calc( ( 100vw - 360px ) * ( ( 22 - 18 )  / ( 1200 - 360 ) ) + 18px ), 22px );
	line-height: 1.2;
}
.image-blur:hover img{
	filter:blur(5px);
}
.image-blur:hover:before{
	opacity:1;
	margin-top:-0.5em;
}



/*---------------
	main visual
-----------------*/
.visual {
  	position: fixed;
  	top:0;
  	overflow: hidden;
  	width: 100%;
  	height: 100vh;
  	background-position: center top;
  	background-size: cover;
  	background-repeat: no-repeat;
	z-index: -3;
	
}
video,
.visual img,
.visual .image {
	min-height: 100%;
 	height: 100vh;
}
video {
	top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
 	position: absolute;
	
}
.visual {
	background-image: url("images/img-office-01.jpg");
}
#company .visual {
	background-image: url("images/img-company.jpg");
}
.home .mission .visual {
	background-image: url("http://www.zuimei.biz/wp-content/uploads/2008/09/h19douro2-2.jpg");
}
#products .visual {
	background-image: url("images/2888854_m.jpg");
	background-position: center top;
}
#works .visual {
	background-image: url("images/img-works.jpg");
}
#recruite .visual {
	background-image: url("images/img-recruite.jpg");
	background-position: center top;
}

#privacy-policy .visual{
	background-image: url("images/img-privacy.jpg");
}
#privatecustomer .visual {
	background-image: url("images/img-private.jpg");
	background-position: left center;
}
#news .visual,
#post-news .visual  {
	background-image: url("images/img-office-01.jpg");
}
.home .mission .visual {
	background-image: url("images/img-office-01.jpg");
}
#contact .visual,
#conform .visual,
#thanks .visual {
	background-image: url("images/3422456_m.jpg");
}
#architect-top .visual {
	background-image: url("images/img-a-housing02.jpg");
}
#works.category-exterior .visual {
	background-image: url("images/img-a-gaiko.jpg");
}
	
.overlay {
	width: 100%;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
	background-image: linear-gradient(45deg, rgba(0,0,0,.3) 30%, rgba(0,0,0,.4) 30%);
	background-size: 4px 4px;
}
.page-title {
	height: 100vh;
	color: #FFF;
	z-index:3;
	position: relative;
}

.page-title h2 {
	margin: 85px 30px 30px 30px;
	font-size: clamp( 25px, calc( ( 100vw - 360px ) * ( ( 50 - 25 )  / ( 1200 - 360 ) ) + 25px ), 50px );
	font-weight: bolder;
}
.page-title h2 b {
	display: block;
	font-size: clamp( 15px, calc( ( 100vw - 360px ) * ( ( 20 - 15 )  / ( 1200 - 360 ) ) + 15px ), 20px );
	margin-top: 2rem;
}
.page-title h2 a {
	color: #fff;
}
.page-title h2 a:hover {
	color: #00B71A;
}
.home .page-title h2 {
	position: absolute;
	top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.home .page-title h2 strong,
.home .page-title h2 b {
	background: #222;
	display: inline-grid;
	line-height: 1;
	padding: 5px;
	border-radius: 1px;
	margin: 0 0 8px 0;
	position:relative;
	align-items: center;
}

.home .page-title h2 b {
	font-weight: normal;
}
.banner-sdgs {
	display: grid;
	grid-template-columns: 50px 1fr;
	gap: 10px;
	align-items: center;
	padding: 8%;
	background: #fff;
	margin-top: 10px;
}
.banner-sdgs b {
	font-size: 2rem
}
.banner-sdgs:hover {
	background-color: #f9f9f9;
}
.banner-sdgs img {
	width: 100%;
}
/*------------------
	page title animation
*/
/*
.page-title b:before{
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	z-index:2;
	opacity:0;
	transition:0.3s;
  }
  .page-title b:after{
	content:"";
	display:block;
	width:0;
	height:100%;
	position:absolute;
	bottom:0;
	left:0;
	z-index:3;
	transition:0.3s;
	background:#00B71A;
  }*/
/*-----------------
 GRID
------------------*/

.grid li .image {
	height: 0;
	padding-bottom: 100%;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}

.grid li .image img  {
	background: #fff;
	display: inline-block;
	position: absolute;
	width: 90%;
	height: 90%;
	object-fit: cover;
	left: 0;
	border: 5px #ececec solid;
	border-radius: 10px;
}




/*--------------------
	main home
*/
.main{
	background: linear-gradient(180deg,transparent 0%,transparent 100px,#f4f4f4 100px,#f4f4f4 100%);
}
.cap-eng,
.cap {
	line-height: 1.2;
	font-size: clamp( 12px, calc( ( 100vw - 360px ) * ( ( 15 - 12 )  / ( 1200 - 360 ) ) + 12px ), 15px );
	margin-bottom: 10px;
}
.cap-eng:before {
	width: 2px;
	height:1.5rem;
	content: "";
	display: block;
	background: #00B71A;
	position: absolute;
	top:0;

}

.cap-bg,
.link-bg a {
	background: #222;
	color: #fff;
	font-weight: bold;
	padding: 0 0.5em;
	margin: 0 0.2em 0.2em 0;
	display: inline-block;
	font-size: clamp( 15px, calc( ( 100vw - 360px ) * ( ( 20 - 15 )  / ( 1200 - 360 ) ) + 15px ), 20px );
}
.link-bg li {
	display: inline-block;	
}
.link-bg a:hover {
	background: #00B71A;
}
.cap-bg-g {
	background: #00B71A;
	color: #fff;
	font-weight: bold;
	padding: 0 0.5em;
	margin: 0.2em;
	display: inline-block;
}
.page-title .cap  {
	display: flex;
	gap: 10px;
	margin-top: 1rem;
}
.main {
	z-index: 4;
	position: relative;
	background: linear-gradient(180deg,transparent 0%,transparent 100px,#f4f4f4 100px,#f4f4f4 100%);
}
/*------------------
	引用元
-------------------*/

/*------------------
	home > What's new 
---------------------*/

.wrap-news {
	padding: 0;
	margin-top: 50px;
}
.index .content {
	position: relative;
	padding:  50px 20px;
	height: auto;
	background: #fff;
}
.index .grid {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 20px;
	row-gap: 40px;
}
.index .grid .text {
	padding: 5px;
	font-size: clamp( 12px, calc( ( 100vw - 360px ) * ( ( 14 - 12 )  / ( 1200 - 360 ) ) + 12px ), 14px );
	line-height: 1.5;
	width: 100%;
}

.wrap-news .cap {
	display: flex;
	align-items: center;
	gap: 10px;
}
.wrap-news .icon-social {
	display: inline-block;
	margin-left: 5px;
}


.bt-nomal b {
	font-size: clamp( 12px, calc( ( 100vw - 360px ) * ( ( 15 - 12 )  / ( 1200 - 360 ) ) + 12px ), 15px );
}
.case-title {
	position: relative;
	box-sizing: border-box;
	margin: 0 20px;
	padding-bottom: 20px;
}
.case-title:after {
	display: block;
	content: "";
	width: 2px;
	height: calc( 100% + 10px );
	position: absolute;
	top: 0;
	left: -10px;
	background: #00B71A;
	z-index: 3;
	bottom: -5px;
}

.case-title .cap,
.case-title h3 {
	margin-bottom: 0;
}
.case-title .cap b,
.case-title h3 b {
	background-color: #f4f4f4;
	padding: 5px;
	display: inline-block;
	margin-bottom: 5px;
}
.case-title .description{
	font-weight: normal;
	font-size: 20px;
}
.case-title .bt-nomal {
	margin-top: 1rem;
}
/*---------------------
	home > what's new 
----------------------*/


.home .wrap-news.index li {
	display: flex;
	gap: 10px;
	padding: 10px;
}
.home .wrap-news.index li:hover {
	background-color: #f4f4f4;
}
.home .wrap-news.index .date {
	color: #00B71A;
}
.home .wrap-news.index li a {
	display: grid;
	grid-template-columns: 1fr 20px;
	align-items: center;
	width: 100%;
}

.home .wrap-news.index .image img {
	width: 100%;
	object-fit: cover;
	height: 50px;
}
/*------------------
	flag
--------------------*/
.flag {
	background-color: #00B71A;
	color: #fff;
	font-weight: bold;
	text-align: center;
	width: 12rem;
	height: 12rem;
	border-radius: 6rem;
	position: absolute;
	top:-6rem;
	right: 10px;
	font-size: 2rem;
	line-height: 1.2;
	display: grid;
	align-items: center;
	justify-content: center;
}

/*------------------
	home > works 
---------------------*/



.home .wrap-works  {
	background-repeat: no-repeat;
	background-position:right top;
	padding-top: 80px;
	position: relative;
	margin-bottom: 10rem;
}
.home .wrap-works .deco {
	left: 0;
	right: auto;
}
.home .wrap-works .illust {
	position: absolute;
	right: 0;
	top: 0;
	width: 30%;
}
.home .wrap-works .content {
	margin-right: 0;
}
.home .works-civil .content {
	padding: 50px 0;
}
.home .wrap-works .bt-nomal,
.wrap-news .bt-nomal {
	display: inline-block;
}
.home .works-civil {
	background-size: 30%;
}
.home .works-civil .slick-slide {
	opacity: .5;
}
.home .works-civil .slick-active {
	opacity: 1;
}
.home .works-architect {
	background-size: 20%;
}
.home .works-architect .content {
	background: transparent !important;
	padding: 50px 20px;
}
.home .works-architect .grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}
.home .works-architect .grid a {
	position: relative;
	display: block;
	overflow: hidden;
}
.home .works-architect li:nth-child(even) {
	margin-top: 30px;
}
.home .works-architect .grid .text{
	position: absolute;
	top:0;
	left: 0;
	font-size: clamp( 15px, calc( ( 100vw - 360px ) * ( ( 20 - 15 ) / ( 1200 - 360 ) ) + 15px ), 20px );
	margin: auto;
	color: #fff;
    background:rgba(0,0,0,0.4);
	text-align:center;
	width: 100%;
	height: 100%;
	display: grid;
	align-items: center;
	text-align: center;
	border-radius: 1px;
	transition:0.3s;
	z-index: 4;
}
.home .works-architect .grid a:hover .text{
	background: transparent;
}
.home .works-architect .grid .text b {
	font-size: clamp( 18px, calc( ( 100vw - 360px ) * ( ( 25 - 18 ) / ( 1200 - 360 ) ) + 18px ), 25px );
	display: block;
}

/*----*/

.wrap-b,
.wrap-works  {
	position: relative;
}
.wrap-recruite {
	padding-left: 30%;
	position: relative;
}



.wrap-a .content {
	position: relative;
	padding: 8%;
	background: #fff;
	height: auto;
}
.deco {
	color:  rgba(255, 255, 255, 0.8);
	font-size: 50px;
	font-weight: bold;
	line-height: 1;
	position: absolute;
	top:-1em;
	left: calc(100% - 50px);
	white-space: nowrap;
	transform:rotate(90deg);
	transform-origin:bottom left; 
	overflow: hidden;
	z-index: 3;
}
.single .deco {
	z-index: 0;
}
/* animation */

@keyframes width-slide {
    0%{
        width: 0;
    }
    100%{
        width: 100%;
    }
}
/* アニメーション　テキスト*/
@keyframes loop {
	0% {
	  transform: translateX(100%);
	}
	to {
	  transform: translateX(-100%);
	}
  }
  
  @keyframes loop2 {
	0% {
	  transform: translateX(0);
	}
	to {
	  transform: translateX(-200%);
	}
  }
  

.move {
	width: 100vw;
	overflow: hidden;
	display: flex;
}
.move div {
	
	font-size: clamp( 60px, calc( ( 100vw - 360px ) * ( ( 80 - 60 )  / ( 1200 - 360 ) ) + 60px ), 80px );
	font-weight: bold;
	color: #fff;
	line-height: 1;
	white-space: nowrap;
	display: flex;
  }
.move div:first-child {
	animation: loop 50s -25s linear infinite;
  }
  
.move div:last-child {
	animation: loop2 50s linear infinite;
  }
  .move .material-symbols-outlined {
	font-size: 80px;
  }
.wrap-b .content {
	padding: 6% 8%;
	background: #fff;
}
.wrap-c .content {
	display: block;
	padding: 6% 8%;
	background: #fff;
	z-index: 3;
	position: relative;
}

.wrap-mission,
.wrap-company  {
	background: linear-gradient(180deg,transparent 0%,transparent 100px,#f4f4f4 100px,#f4f4f4 100%);	
	display: grid;
	grid-template-columns: 1fr;
	padding-bottom: 5rem;
	position: relative;
	padding-right: 50px;
}
.wrap-mission .deco {
	left: calc(100% );
}
.wrap-a h3 {
	margin:10px 0;
}
.wrap-a .text {
	margin-top: 30px;
}
.wrap-mission .imgs {
	margin-top: 6rem;
}
.home .wrap-mission .text {
	margin-bottom: 3rem;
}
.wrap-mission .imgs img {
	width: 100%;
}
.wrap-recruite .content,
.content-title {
	display: grid;
	grid-template-columns: 9fr 1fr;	
	position: relative !important;
}
.wrap-recruite .content.first {
	background-image: url(https://zuimei.biz/site2/wp-content/uploads/2026/06/img_bb_01.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	padding-bottom: 20%;
	background-size: 30%;
}
.wrap-works .bt-nav {
	text-align: right;
	display: grid;
	grid-template-columns: 5fr 5fr;
	
}
.wrap-works .bt-nav a {
	height: 100%;
	display: inline-block;
	text-align: center;
	position: relative;
	display: table;
}
.wrap-works .bt-nav a:hover {
	background: #f4f4f4;
}

.wrap-works .bt-nav .material-icons {
	font-size: 3rem;
	display: table-cell;
	vertical-align: middle;
}
.wrap-works .move {
	bottom: 0;
	position: absolute;;
}
.wrap-recruite {
	background-image: url("images/img-sokuryo.jpg");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 100%;
	background-color: #222222;
}
.wrap-banners {
	background: #f4f4f4;
}
.wrap-banners .private {
	margin-bottom: 1rem;
}

.case {
	background: #fff;
	padding: 50px;
	display: grid;
	grid-template-columns: 9fr 1fr;
	position: relative;
	margin-bottom: 1rem;
}
.wrap-banners .case {
	margin-right: 50px;
}
.wrap-banners .imgs {
	overflow: hidden;	
}
.wrap-banners img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}




.wrap-group {
	background-image: url("images/test06.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	padding-top:100px;
}
.wrap-banners .group .imgs {
		position: relative;
		height: auto;
	}
	

.wrap-contact {
	display: grid;
	grid-template-columns: 80% 20%;
	padding: 30px 50px 0 0;
}
.wrap-contact .cap-eng {
	display: flex;
	align-items: center;
}
.wrap-contact .cap-eng img {
	width: 20px;
	margin: 0 5px;
}
.wrap-contact .content {
	background: #fff;
	padding: 30px;
	position: relative;
}
.wrap-contact h3 {
	margin: 20px 0;
	font-size: clamp( 14px, calc( ( 100vw - 360px ) * ( ( 18 - 14 )  / ( 1200 - 360 ) ) + 14px ), 18px );
}
.wrap-contact .bt-mail {
	width: 100%;
	height: 100%;
	background-color: #222 !important;
}

.wrap-contact .bt-mail a {
	width: 100%;
	height: 100%;
	display: grid;
	align-content:center;
	justify-content:center;
}

.wrap-contact .link {
	transform: rotate(90deg);
	color: #fff;
	white-space: nowrap;
}
.wrap-contact .material-icons:first-child {
	margin-right: 0.5rem; 
}
.wrap-contact .material-icons:last-child {
	margin-left: 0.5rem; 
	transform: rotate(-90deg);
}
.wrap-contact a:hover {
	background: #00B71A;
}
.wrap-map {
	padding: 30px 50px 0 0;
}
.wrap-map iframe {
	width: 100%;
	height: 300px;
}
/*-----------------
	page
------------------*/

 .nav-links{
	margin-top: 30px;
	display:flex;
	gap: 10px;
	justify-content: center;
	align-items: center;
 }
 .screen-reader-text {
	display: none; 
 }
 .pagination .page-numbers{
	display: flex;
	align-items: center;
	justify-content:center;
	padding: 10px;
	width: 2rem;
	height: 2rem;
	font-size: clamp( 14px, calc( ( 100vw - 360px ) * ( ( 18 - 14 )  / ( 1200 - 360 ) ) + 14px ), 18px );

 }
 .pagination .current{
	background: transparent;
	border-radius:999px;
	background: #f4f4f4;
 }
 .pagination .prev,
 .pagination .next{
	background: transparent;
 }
 .pagination .dots{
 }
/*----------------
	page works
-------------------*/
.works-index {
	background: #f4f4f4;
	padding-bottom: 200px;
	position: relative;
}
.wrap-slider {
	background: #fff;
	padding: 20px;
	margin-top: calc(55px + 7rem); 
}
.works .wrap-a {
	margin-right: 50px;
}

h3.works-title {
	font-size: 1.6rem;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}
h3.works-title small {
	margin-left: 1rem;
}

.nav-child {
	background: #222;
	padding: 1rem;
	z-index: 19;
	top: 55px;
    position: sticky;
}
.nav-child ul li {
	display: inline-block;
	font-size: clamp( 14px, calc( ( 100vw - 360px ) * ( ( 18 - 14 )  / ( 1200 - 360 ) ) + 14px ), 18px );
	padding: 0 1rem;
	position: relative;
}

.nav-child a {
	color: #fff;
	display: inline-block;
}

.slider-cat {
	background: #fff;
}
.works-index .slick-slide {
	margin: 0 0.8%;
	height: auto !important;
	width: 90vw;
}

.works-index .item a {
	display: block;
	width: 100%;
	height: 300px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.works-index .slick-list {
	padding: 0;
	width: 100%;
}
.works .wrap-slider .text {
	margin-top: 1rem;
	font-size: 1rem;
} 
.works-index .slide-arrow {
	right:0;
	z-index: 9;
	font-size: 30px;
	width: 30px;
	height: 30px;
	top: -40px;
	position: absolute;
}
.works-index .prev-arrow {
	right:30px;

}

.works-index .slide-arrow:hover {
	cursor: pointer;
}
.works-index .nopage {
	margin: 0 6%;
}
/*------------------------------
	page products （建材の販売）
------------------------------*/

.page-products .wrap-b .content {
	margin-right: 50px;
}
.page-products .wrap-c {
	background: #f4f4f4;
	padding-bottom: 2rem;
}
.page-products .content {
	position: relative;
}
.page-products .wrap-b .content small{
	display: block;
	margin-top: 1.5rem;
}
.page-products .item {
	margin-bottom: 2rem;
}
.page-products h3 {
	font-size: 3rem;
	margin-bottom: 2rem;
	list-style: 1.5;
}
.page-products .item img {
	width: 100%;
}
.slder-kenzai {/*
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90%;*/
	background-color:#fcfcfc;
}
.page-products .slick-prev {
	left: 10px;
	z-index: 10;
	width: 30px;
	height: 30px;
}
.page-products .slick-next {
	right: 10px;
	width: 30px;
	height: 30px;
}
.page-products .slick-arrow:before {
	font-size: 30px;
}
.page-products .slick-slide {
	height: auto !important; 
}

.page-products .price {
	font-weight: bold;
}
.page-products .list {
	border-top: 1px solid #ccc;
}
.page-products .list li {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.page-products .list .title,
.page-products .list .price {
	border-bottom: 1px solid #CCC;
	padding: 2rem 1rem;
	display: block;
}
.page-products .list e {
	color: #999;
	display: block;
	font-weight: normal;
}
.page-products .list-2 .title {
	grid-column: 1 / 3;
	background: #f4f4f4;
}
.page-products .note {
	padding: 2rem 1rem;
}
.page-products .note e {
	color: #999;
	font-weight: normal;
	display: inline-block;
	margin-right: 1rem;
	
}
.slder-kenzai img {
	width: 100%;
	height: 300px;
	object-fit: cover;
}
/*-------------------------
	before after > slider
-------------------------*/
.wrap-works .content {
	background: #fff;
}

.wrap-works .slick-slide {
	height: auto;
	position: relative;
}
#post-works .wrap-works .slick-slide {
	margin: 0 5px;

}
.wrap-works .slick-slide .box a {
	display: block;
	height: 400px;
	background-size: cover;
}

.wrap-works .slick-slide .box{
	position: relative;
}


.wrap-works .slick-slide .box .text {
	padding: 5px 2rem;
	background: rgba(0,0,0,0.3);
	color: #fff;
	font-size: 3rem;
	position: absolute;
	line-height: 1;
	z-index: 100;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	display: block;
}


.wrap-works .slick-slide .box-before {
	margin-bottom: 1px;
	
}

.wrap-works .slick-prev:before,
.wrap-works .slick-next:before {
	font-size: 50px;
}
.wrap-works .slick-slide img{
	width: 100%;
}
.wrap-works .slick-prev {
	left: 3%;
	z-index: 9;
	width: 50px;
}
.wrap-works .slick-next {
	right: 3%;
	z-index: 20;
}
.wrap-works .slick-prev, .slick-next {
	width: 50px;
	height: 50px;
}
.wrap-works .slick-slide .title {
	background: #fff;
	font-weight: bold;
	font-size: 1.5rem;
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 9;
	padding: 0 1rem;
}
.be-af {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}
/*--------------
	single
----------------*/

.post-navi {
	margin: 50px 0;
}
.post-navi a {
	padding: 5px;
	display: block;
}
.post-content .space {
	margin: 50px 0;
}

/*-----------------------
	NEWS
-------------------------*/

.index .grid .text {
	display: grid;
	grid-template-columns: 1fr 20px;
	gap:10px;
}

#insta .page-title .cap {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 20px;
}
.single-news .post-title {
	/*display: inline-box;
	padding: 8%;
	background: #fff;*/
	margin-bottom: 5rem;
}
.single-news .post-content {
	margin-top: 20px;
	padding: 8%;
	background: #fff;
}
.single-news .post-content img {
	width: 300px;
	display: block;
	margin-bottom: 30px;
	height: auto;
} 
.single-news .box {
	max-width: 1000px;
	margin: auto;

}
.single-news .date {
	font-size: clamp( 20px, calc( ( 100vw - 360px ) * ( ( 23 - 20 ) / ( 1200 - 360 ) ) + 20px ), 23px );
	margin:10px 0;
}
.single-news .post-content button {
	padding: 10px 20px;
	border: none;
	font-size: 1em;
	cursor:pointer
}
/*------------------------
 Instagrum Feed  area
 -----------------------*/
 .home .box-insta {
	margin-top: 50px;
}
.box-insta h3 {
	display: inline-block;
	overflow-wrap: break-word;
	width:100%;	
	max-width:100%;
	font-size: 12px !important;
}

.single-news .box-insta,
.category-news .box-insta  {
	background: #ececec;
	padding: 30px;
	margin-top: 50px !important;
	max-width: 1000px;
	margin: auto;
}


#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_hashtag_icon .sbi_new_logo, .sb_instagram_header.sbi_medium .sbi_header_hashtag_icon .sbi_new_logo {
	width: 20px !important;
	height: 20px !important;
}


#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3, .sb_instagram_header.sbi_medium .sbi_header_text h3 {

	word-break: break-all;
	margin-left: 40px !important;

}
#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text.sbi_no_bio h3, .sb_instagram_header.sbi_medium .sbi_header_text.sbi_no_bio h3 {
	padding-top: 0 !important;

}
.sbi_header_hashtag_icon,
#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img, .sb_instagram_header.sbi_medium .sbi_header_img
 {
	display: grid !important;
	align-self: center;
	width: 30px !important;
	height: 30px !important;

}
#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_hashtag_icon .sbi_new_logo, 
.sb_instagram_header.sbi_medium .sbi_header_hashtag_icon .sbi_new_logo {
	width: 30px;
	height: 30px;
	margin-top:auto !important;
	margin-left: auto !important;
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
/*----------------
	single works
-------------------*/
.single-works .wrap-a  {
	position: relative;
	padding-right: 50px;
}
.single-works .slider {
	margin-bottom: 30px;
}
.single-works .cats_link {
	margin-bottom: 20px;
}
.single-works .wrap-works {
	background: #fff;
	padding-top: 5rem;
	padding-bottom: 0;
}
.single-works .slick-slide,
.single-news .slick-slide {
	 position: relative;
	 margin: 0 20px;
}
.single-works .slick-slide img,
.single-news .slick-slide img {
	width: 100%;
	height: 400px;
	object-fit: cover;
}
.single-works .wrap-works .slick-slide .text
 {
	padding: 5px 2rem;
	background: rgba(0,0,0,0.3);
	color: #fff;
	font-size: 3rem;
	position: absolute;
	line-height: 1;
	z-index: 100;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}


.single-works .wrap-works .slick-slide .text b,
.single-works .wrap-works .slick-slide .text P {
	width: 100%;
}

.single-works .note {
	margin: 0 30px 30px 30px;
}
.single-works .note .image {
	 display: flex;
	 gap: 20px;
	 align-items: center;
	 justify-content:flex-start;
	 margin-bottom: 30px;
}
.single-works .note img {
	width: 100% !important;
	max-width: 500px;
	object-fit: cover;
}
.page-nav {
	padding: 6% 3rem 6% 0;
}
.page-nav a {
	display: block;
	margin-bottom: 1rem;
	background: #f4f4f4;
	padding: 1rem 1rem 1rem 3rem;

	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.page-nav a:hover {
	background: #222;
	color: #fff;
}
.page-nav b {
	margin: 0 1rem;
	font-weight: normal;
	display: none;
}
.breadcrumbs {
	padding: 6% 3rem;
	background: #f4f4f4;
}

.breadcrumbs .material-icons {
	color: #cacaca;
}
.breadcrumbs span[property="name"] {
    display: inline-block;
    padding: 0;
    margin-top: -3px;
    vertical-align: middle;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*------------
	footer
	--------------*/
footer{
	font-weight: bold;
	position: relative;
}

address {
	padding-top: 6%;
	display: block;
	font-style:normal;
	z-index: 5;
	position: relative;
	font-weight: normal;
}
.logo {
	position: relative;
	padding-left: 0;
	font-weight: bold;
}
.logo:before {
	display: block;
	content: "";
	width: 35px;
	height: 35px;
	background-image: url("images/logo_g.png");
	background-repeat: no-repeat;
	background-size: 100%;
	float: left;
}
address .text {
	padding-left: 40px;
}
address b {
	margin-right: 2rem;
	font-weight: normal;
}

footer ul {
	margin: 0;
}
footer li  {
	display: inline-block;
	margin-bottom: 0.5em;
}
footer li a  {
	background: #f4f4f4;
	display: inline-block;
	font-size: 2rem;
	padding: 0 1rem;
}
footer li:hover {
	background: #fff;
	cursor: pointer;
	
}/*2021 10*/
.menu-foot {
	padding: 30px;
}
footer .end {
	font-size: 1.5rem;
	padding: 100px 8%;
	font-weight: normal;
	background: #f4f4f4;
	text-align: center;
	position: relative;
}
footer .copyright {
	text-align: left;
	display: flex;
	align-items: center;
	height:20%;
	position: absolute;
	left:8px;
	bottom:20%;
}
footer .end .bb {
	width: 20%;
	margin-right: 10px;
}
/*-----------------
	left buttons
-------------------*/
.site-nav {
    position: relative;
}

/* banner-recuruit */

.banner-rec {
	color: #fff;
	right: 0;
	bottom:50px;
	z-index: 9;
    position: fixed;
    height: 50px;
}
.banner-rec .imgs {
	overflow: hidden;
	display: block;
	float: right;
}
.banner-rec .imgs img {
	width: 50px;
}
.banner-rec b {
	display: block;
	background-color : #00B71A;
	text-align: center;
	float: right;
	height: 50px;
	padding: 0 10px;
	line-height: 50px;
}
.fixed .banner-rec b {
	width: 0;
	padding: 0;
	overflow: hidden;
	transition:all 0.2s;
}


.fixed .banner-rec:hover {
	bottom:110px;
	transition:all 0.2s;
	color: #beffc7;
}

/*  page up  */

.pageup {
	display: none;
}
.fixed .pageup {
	position: absolute;
	right: 0;
	bottom: 0;
	color: #fff;
	width:50px;
	height: 50px;
	display: table;
	z-index: 20;
    position: fixed;
    background-color: #222;
    font-size: 4rem;
	transition:all 0.2s;
}
.pageup span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.pageup:hover {
	background-color: #444;
	bottom:30px;
}

/*---------------------
	page recruite
----------------------*/

.page-recruite .wrap-a {
	display: grid;
	grid-template-columns: 1fr;
	position: relative;
}
.page-recruite .content .bb {
	position: absolute;
	margin-top:  -30%;
	width:30%;	
	right:10%;
}
.page-recruite .banners .wrap-c {
	margin: 50px;
}
.banners .content:first-child {
	margin-bottom: 10px;
}
.wrap-recruite .content:first-child {
	margin-bottom: 2rem;
}
.wrap-recruite .overlay {
	height: 100%;
}
.content.black {
	background: #222;
	color: #fff;
}
.content.black .cap-bg {
	background-color: #fff;
	color: #222;
}
.page-recruite .banners {
	background-position: left 250px;
	background-size: 100%;
}
	

.page-recruite .banners h3 {
	font-size: 3rem;
}

.page-recruite .banners .content {
	padding: 6%;
}
.page-recruite .banners .content span {
	margin-left: -1.5rem;
	margin-top: 0;
	margin-bottom: 2rem;
	transition:all 0.2s;
}
.page-recruite .banners a:hover span {
	margin-bottom: 0;
	margin-top: 2rem;
	transition:all 0.2s;
}

.page-recruite .wrap-motto {
	position: relative;
	margin-bottom: 4rem;
	min-height: 50rem;
}
.page-recruite .wrap-motto .imgs img {
	width: 100%;
}

.page-recruite .wrap-motto .imgs .box {
	display: grid;
	gap: 30px;
	grid-template-columns: 1fr 1fr;
	padding: 40px;
}
.page-recruite .wrap-motto .imgs .box a{
	background: #fff;
	padding: 20px;
	display: flex;
	text-align: center;
	align-items: center;
}

.page-recruite .wrap-motto .imgs .box img {
	margin: 0 !important;
	width: 100%;
}
.wrap-b.wrap-title {
	margin-bottom: 20px;
	padding-bottom: 0 !important;
}

.schedule {
	background: #222;
	padding-bottom: 100px;
}
.wrap-b.wrap-sc {
	margin: 0 20px;
	padding-bottom: 0 !important;
}
.wrap-sc .text {
	margin-bottom: 3rem;
}
.wrap-sc .slick-slide {
	 height: auto !important;
 }
 .wrap-sc .last img {
	width: 100%;
 }
.wrap-lunch {
	background-image: url("images/1683048_m.jpg");
	background-repeat: no-repeat;
	background-size: 100%;
	margin: 20px;
}
.wrap-lunch .content {
	background-color: transparent;
	min-height: 10rem;
}

.wrap-sc .slide-arrow {
	right:30px;
	z-index: 9;
	font-size: 30px;
	width: 30px;
	height: 30px;
	top:-30px;
	position: absolute;
}
.wrap-sc .prev-arrow {
	right:60px;
}

.wrap-intervew {
	margin-bottom: 4rem;
}

.page-recruite .wrap-intervew img {
	width: 100%;
}
.page-recruite .content .text {
	margin-top: 2rem;
} 
.page-recruite .list {
		margin: 6% 0;
}
.page-recruite .list li {
		padding: 3rem 0;
		border-bottom: 1px solid #ccc;
}
.page-recruite .list li:nth-child(odd){
	font-weight: bold;
}
.page-recruite .wrap-dorone {
	background-image: url("images/road-4564817_1920.jpg");
	background-repeat: no-repeat;
	margin-bottom: 3rem;
	margin-top: 0;
	background-size: cover;
	background-position: center center;
	}
.page-recruite .wrap-dorone .content{
	background-color: transparent;
}
.page-recruite .wrap-dorone img {
	width: 50%;
	margin-top: 3rem;
	display: block;
}
.page-recruite .wrap-dorone p {
	margin-top: 1rem;
	margin-bottom: 1rem;
}
/* 2021 */

/* 2021 */
.home .wrap-movie:before {
	width: 200px;
	height: 200px;
	content: "";
	display: block;
	position: absolute;
	top:0px;
	right: 100px;
	background-image: url("images/title-movie.png");
	background-repeat: no-repeat;
	background-size: 100%;
}		
	
.wrap-movie {
	position: relative;
	padding: 50px 6rem 0 6rem;
}
.wrap-movie .base {
	margin-bottom: 4rem;
}
.iframe-box {
	position: relative;
}
.wrap-movie .iframe-box {
	width: 100%;
	padding-top: 56.25%;
}
	
.iframe-box:before {
	width: 20px;
	height: 20px;
	content: "";
	border-top: 2px solid black;
	border-left: 2px solid black;
	display: block;
	position: absolute;
	top:-1rem;
	left: -1rem;
}
	
.iframe-box:after {
	width: 20px;
	height: 20px;
	content: "";
	border-bottom: 2px solid black;
	border-right: 2px solid black;
	display: block;
	position: absolute;
	bottom:-1rem;
	right: -1rem;
}
.wrap-movie .iframe-box iframe {
  	position: absolute;
  	top: 0;
  	right: 0;
  	width: 100%;
  	height: 100%;
}
.wrap-movie h4 {
	text-align: center;
}
/* footer > sns　*/
.wrap-sns {
	margin: 100px 50px;
}
.wrap-sns .box {
	display:flex;
	gap: 10px;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
}

.wrap-sns .box {
	display:flex;
	gap: 10px;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
}
.wrap-sns .box a {
	display: block;
	background: #fff;
	padding: 20px;
	width: 25px;
	height: 25px;
}

.wrap-sns .box img {
	width: 25px;
}
.end .box {
	display:flex;
	gap: 20px;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px;
}
.icon-sns {
	display: block;
}
footer .icon-sns,
.drawer-sns .icon-sns {
	display: flex;
	background-color: #fff;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.icon-sns img {
	width: 20px;
	-webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    filter:grayscale(100%);
}
.icon-sns:hover img,
.wrap-sns .box a:hover img {
	-webkit-filter:grayscale(0%);
    -moz-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    filter:grayscale(0%);
}

/*------------------
	contact link
*/
.wrap-contact.entry {
	padding: 20rem 0 5rem 0;
	background-image: url("images/3422456_m.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 5rem;
	position: relative;
}


.page-contact .wrap-private .text {
	margin-bottom: 50px;
}
.wrap-contact.entry .content {
	padding: 4rem;
}

.page-contact .flag {
	top:-60px;
	right:50px;
	left: auto;
}
.page-contact .flag span {
	display: block;
	font-size: .8em;
}
.page-contact .flag b {
	font-size: 1.5em;
	font-weight: bold;
}
.material-icons.phone {
	font-size: 25px;
}

.wrap-contact.entry:before {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image: linear-gradient(45deg, rgba(0,0,0,.3) 30%, rgba(0,0,0,.4) 30%);
	background-size: 4px 4px;
	display: block;	
	content: "";
}

/*-----------------
	page contact
----------------*/

.page-contact .wrap-a {
	position: relative;
	background: url("images/back_illust_home.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 300px;
}
.page-contact .wrap-private {
	background-image: none;
}
.wrap-phone h4 {
	font-size: 3rem;
}
.fax {
	width: 30px;
	text-align: center;
	display: inline-block;
	font-size: 1rem;
}

.form-box {
	margin-top: 3rem;
}
.form-box li {
	padding: 1rem 0;
}
.form-box label {
	font-weight: bold;
}
.page-contact label span {
	color: red;
	display: block;
	font-size: 1rem;
}
.form-box input[type="text"],
.form-box input[type="email"] {
	padding: 5%;
	width: 90%;
	font-size: 1.8rem;
}
.page-contact textarea {
	padding: 5%;
	width: 90%;
	font-size: 1.8rem;
	border: 1px solid #ccc;
	line-height: 1.8;
}

.btn-submit {
	 margin-bottom: 2rem;
	 
 }
.page-contact .btn-submit .note {
	display: block;
	margin: 1.5rem;
	}
.btn-submit input {
	padding: 2rem;
	background: #222;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	border: none;
	font-size: 1.5rem;
	margin: 1rem;	
}
.btn-submit input:hover {
		cursor: pointer;
		background: #666;
	}
.btn-submit input.green {
	background: #00B71A;
	}
.btn-submit input.green:hover {
	background: #009f19;
	}
.wpcf7c-conf {
	background-color: #ececec;
	border:none;
}
.wpcf7-back {
	background-color: #666 !important;
}
.form-box .privacy {
	padding:0 1rem !important;
}
.acd-check{
    display: none;
}
.acd-label{
    display: block;
    position: relative;
    font-weight: normal !important;
    text-align: right;
    padding-right: 2rem;

}
.acd-label:hover {
	cursor: pointer;
}
.acd-label:after{
    box-sizing: border-box;
    display: block;
    content:'keyboard_arrow_down';
	font-family: "Material Icons";
    height: 1rem;
    position: absolute;
    right: 0;
    top: 0px;
}
.acd-content{
    display: block;
    height: 0;
    opacity: 0;
    padding: 2rem 0;
    transition: .5s;
    visibility: hidden;
}
.acd-check:checked + .acd-label:after{
    content: 'keyboard_arrow_up';
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    visibility: visible;
}
/*--------------------------
	page contact > conform
-------------------------*/
#conform .form-box li {
	border-top: 1px solid #cacaca;
	}


/*---------------------------
	page contact > conform
--------------------------*/

#conform .page-title,
#thanks .page-title {
	  height: auto !important;
}

/*--------------------------
	page private customer
*/

.page-privatecustomer .wrap-a {
	margin-bottom: 10rem;
}

.page-privatecustomer .backimg {
	padding-bottom: 75%;
	background-position: center bottom;
	background-size: 100%;
}
.page-privatecustomer .wrap-a {
	background-image: url("https://www.zuimei.biz/wp-content/uploads/2009/01/kh2.jpg");
	background-repeat: no-repeat;
}
.page-privatecustomer .wrap-2 {
	background-image: url("https://www.zuimei.biz/wp-content/uploads/jisseki/minkan/100901/02.jpg");
	background-repeat: no-repeat;
	}

	

.page-privatecustomer .wrap-contact .flag span {
	font-size: 1.8rem;
		}
		
/*----------------
	page mission
*/
.wrap-mission1 {
	background-image: url("images/img-mission01");
	background-size:  100%;
	padding-bottom: 0 ;
	margin-bottom: 2rem;
	background-repeat: no-repeat;
	background-color: #222222;
}
.wrap-mission3 {
	background-image: url("images/img-oniiwa-after2.jpg");
	background-size: cover;
	background-position: center center;
	padding-bottom: 0 ;
	margin-bottom: 2rem;
}

.wrap-mission3.mamoru {
	background-image: url("images/img-akiyosi-after.jpg");
	
}
.wrap-mission1 {
	padding-top:75%;
	padding-bottom: 0;
}
.wrap-mission1 .content .text {
	margin-top: 2rem;
}
.home .mission .bt-box {
	position: absolute;
	bottom: -25px;
	left: 30px;
}
.home .mission .wrap-type li {
	margin-bottom: 50px;
	position: relative;
	background-image: url("https://zuimei.biz/site/wp-content/themes/zuimei/images/img-mission01");
	background-size: 100%;
	background-repeat: no-repeat;
	padding-top: 300px;
}
/* RECOVERY */
.home .mission .wrap-type .m-02 {
	background-image: url("images/img-recovery02.jpg");
}
/* ARCHITECT */
.home .mission .wrap-type .m-03 {
	background-image: url("images/img-a-housing02.jpg");
	
}
/* RENOVATION */
.home .mission .wrap-type .m-04 {
	background-image: url("images/img-a-reno01.jpg");
}
/* EXTERIOR */
.home .mission .wrap-type .m-05 {
	background-image: url("images/img-a-gaiko.jpg");
}

.home .mission .wrap-a .imgs {
	width: 100%;
	z-index: -1;
	position: relative;
}
.home .mission .wrap-a .imgs img {
	width: 100%;

}
.home .mission .wrap-a .content {
	background: #fff;
	padding: 50px 50px 80px 50px;
  }
  
.home .mission .wrap-illust {
	position: relative;
	text-align: center;
	margin-bottom: 100px;
	margin: 6% 8%;
}
.home .mission .wrap-illust img {
	width: 100%;
}
.home .mission .wrap-illust .move {
	z-index: -1;
	position: absolute;
	top: 50%;
}

.home .mission .wrap-a .works-index {
	margin-top: 2rem;
}
.home .mission .cap-hand {
	color: #635daf;
	font-size: clamp( 40px, calc( ( 100vw - 360px ) * ( ( 50 - 40 )  / ( 1200 - 360 ) ) + 40px ), 50px );
	transform:   rotate(-15deg);
	display: inline-block;
	position: absolute;
	bottom: -50px;
	font-family: 'Homemade Apple', cursive;
	line-height: 1;
	white-space: nowrap;
}
.page-mission .wrap-slider {
		margin-top: 0;
	}
.wrap-mission3 .title {
	background-color: rgba(0,0,0,0.3);
	color: #fff;
	padding-bottom: 20rem;
}
.wrap-mission3 .cap-bg {
	background: #fff;
	color: #222;
	margin-bottom: 2rem;
}
.wrap-mission3 .text {
	background: #fff;
	color: #222;
}
/*----------------
	page pryvacy poricy
*/

.page-privacy-policy .wrap-c {
	margin-bottom: 3rem;
}

.page-privacy-policy .content.text {
	margin: 0 5rem 0 0;
}

#contact .select {
	overflow: hidden;
	width: 100%;
	text-align: center;
}
#contact .select select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	font-size: 1.6rem;
}
#contact .select {
	position: relative;
	border: 1px solid #bbbbbb;
	border-radius: 2px;
	background: #ffffff;
}
#contact .select:before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 8px;
	height: 8px;
	padding: 0;
	content: '';
	pointer-events: none;
	border-bottom: 2px solid #222222;
	border-right: 2px solid #222222;
	transform: rotate(45deg);
}
#contact .select select {
	padding: 8px 38px 8px 8px;
	color: #666666;
}
#contact option {
	padding: 1rem 0;
}

/*-----------------------------
	404
*/
.page-404 .wrap-b {
	margin: 0 5rem;
}
.page-404 .srech-area {
	margin: 3rem 0;
}
.page-404 .search-field {
	width: 100%;
	padding: 5%;
	font-size: 1.8rem;
}
.page-404 .search-submit {
	cursor: pointer;
    padding: 2rem;
	background: #222;
	color: #fff;
	font-weight: bold;
	border: none;
	font-size: 1.5rem;
	margin: 1rem;
	width: 20%;
	margin: 1rem 0;
}


.gaiyou {
	display:grid;
	grid-template-columns: 1fr;
}
.gaiyou div {
	text-align:left;
	vertical-align:top;
	border-bottom:#CCC 1px solid;
	padding:5rem 0;
}
.gaiyou div.abs {
	font-weight:bold;
}

.wrap-recruite2 {
	display:block;
	grid-template-columns: 1fr 1fr;
	padding:2rem 5rem 5rem 0;
	background: #f4f4f4;
}



/*---------------------------
	page architect
----------------------------*/


.page-architect .wrap-b .text {
	padding: 30px 0;
}
.page-architect .wrap-a{
	padding: 20px;
}

.page-architect .wrap-a .box {
	margin-bottom: 30px;
}
.page-architect .wrap-a .image img {
	width: 100%;
}
.page-architect .text {
	margin-bottom: 30px;
}
	
	
/*-------------------
	reCaptcha
--------------------*/	
 	
.grecaptcha-badge { 
	visibility: hidden; 
}

/*--------------------
	light box 
----------------------*/
#fancybox-img {
	max-width: 90%;
}


/*--------------------------
	社会貢献
-----------------------------*/
.wrap-contribution {
	margin-right: 50px;
}
.wrap-contribution .content {
	margin-bottom: 5rem;
}
#contribution .desc {
	margin: 5rem 0;
}
.wrap-contribution .top-box {
	display: grid;
	margin-bottom: 5rem;
	grid-template-columns: ;
}
.wrap-contribution .top-box div {
	font-size: clamp( 50px, calc( ( 100vw - 360px ) * ( ( 60 - 50 ) / ( 1200 - 360 ) ) + 50px ), 60px );
	font-weight: bold;
	padding: 5rem 0;
	display: grid;
	justify-items: center;
	align-items: center;
}

.wrap-contribution .sdgs {
	border-bottom: solid 2px #ccc;
}
.wrap-contribution .top-box img {
	display: block;
	margin: 0 auto;
}

.wrap-contribution .top-box img{
	width: 80%;

}
.wrap-contribution .sdg-icon {
	display: grid;
	gap: 20px;
	grid-template-columns: 1fr 1fr;
}
.wrap-contribution .box {
	margin-bottom: 5rem;
}

.wrap-contribution .sdg-icon img {
	width: 100%;
}
.wrap-contribution .g-box .text {
	margin-bottom: 50px;
}

.wrap-contribution .image-box img {
	width: 100%;

}
.wrap-contribution .g-box img {
	width: 100%;
	border: solid 1px #ccc;
}

/*------------------------------
	解像度　600px以上
	（PC）
------------------------------*/

@media screen and (min-width: 935px) {
	
	.visual {
	  	height: 100vh;
	 }
		
	video,
	.visual img,
	.visual .image {
	 	min-width: 100%;
	 	min-height: 100vh;
	 	height: auto;
	}

	.home .page-title h2 {
		top: auto;
		left: auto;
		transform: translateY(auto);
		-webkit-transform: translateY(auto);
		-ms-transform: translateY(auto);
	
		bottom: 0px;
	}
	.banner-sdgs {
		padding: 3rem 8rem;
	}
	.grid {
		display: grid;
	}
	.wrap-contact.entry .content {
		padding: 8rem;
	}
	
	.wrap-a .content {
		padding: 8rem;
	}
	
	.wrap-b,
	.wrap-works  {
		margin-bottom: 50px;
		position: relative;
	}
	
	.overlay {
		height: 100vh;
	}
	.page-title {
		height: 100vh;
		}
	.page-title h2 {
		margin: 85px 6% 6% 6%;
	}
	
	
	
	.wrap-contact.entry h4 {
	font-size: 3rem;
	}

	.wrap-mission {
		grid-template-columns: 4.1fr 5.1fr;
		grid-template-areas: "img cont";
		
	}
	
	.wrap-mission .imgs {
		grid-area: img;
	}
	
	.wrap-mission .content {
		grid-area: cont;
	}
	
	.wrap-mission .imgs img {
		margin-top: 6rem;
	}
	
	.wrap-works .content {
		margin-right: 30%;
	}
	
	.wrap-works .slick-slide .box {
		width: 49%;
		float: left;
		margin: 0 0.5%;
	}

	
	.wrap-works .slick-slide img {
		width: 49%;
		float: left;
		margin: 0 0.5%;
	}
	.single-works .slick-slide img, 
	.single-news .slick-slide img {
		width: 100%;
		object-fit: cover;
		height: 600px;
	}
	.wrap-works .slick-slide .text b {
		display: block;
		font-size: 2rem;
		color:  rgba(255, 255, 255, 0.8);
		line-height: 1;
		width: 50%;
		float: left;
	}
	
	.wrap-works .slick-slide .text p {
		display: block;
		font-size: 2rem;
		color:  rgba(255, 255, 255, 0.8);
		line-height: 1;
		font-weight: bold;
		width: 50%;
		float: left;
	}

	
	.wrap-banners {
		display: grid;
		grid-template-columns: 5fr 5fr;
	}
	
	
	.wrap-banners .private {
		margin-right: 0.5rem;
	}
	.wrap-banners .kenzai {
		margin-left: 0.5rem;
	}
	
	.wrap-banners .imgs {
	    height: 350px;
	}
	
	.wrap-banners .private .case {
		margin-top:-4rem;
	}
	
	.wrap-banners .kenzai .case {
		margin-top:-4rem;
		margin-right:5rem;
	}
	.trading {
		background-image: url('images/img-zuimeitrading.jpg');
		padding-top: 30% !important;
	}

	.wrap-banners .trading .content {
		padding: 3% 4%;
		margin: -4rem 5rem 0 5rem;
		background: #fff;
		z-index: 9;
		position: relative;
	}
	
	.trading .shops {
		padding: 0 50px 2rem 50px;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-column-gap:2rem;
}
	.wrap-banners .trading .case .vert {
		width: auto;
		display: block;
		transform: rotate(90deg);
		position: absolute;
		right: 0px;
		top: 50px;
		margin: 0;
		z-index: 6;
		font-size: 1rem;
	}
	
	.wrap-banners h3 {
		font-size:2.5rem;
	}
	
	.wrap-banners .trading,
	.wrap-banners .group {    
		grid-column-start: 1;
	    grid-column-end: 3;
	}
	
	
	.wrap-recruite {
		padding-right: 50px;
	}
	.wrap-recruite .content.first {
	background-position: right 8% bottom;
	padding-right: 40%;
	background-size: 200px;
		padding-bottom: 6%;
}	
	.wrap-contact {
		grid-template-columns: 80% 20%;
		padding: 60px 100px 0 0;
	}
	.wrap-contact .content {
		padding: 50px;
	}
	.drawer-inner {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 20px;
	}
	
	.fixed .banner-rec {
		transition:all 0.2s;
		transform:rotate(90deg);
		transform-origin:bottom right; 
		right: 50px;
		transition:all 0.2s;
	}
	
	.fixed .banner-rec b {
		width: auto;
		background-color : #00B71A;
		text-align: center;
		float: right;
		height: 50px;
		padding: 0 10px;
		line-height: 50px;
	}
	
	
	.wrap-works .slick-slide .text {
		top: 50%;
	}
	
	.cap-eng:before {
		height:2rem;
		}
	
		
/* slider */
	.single-news .slick-slide img,
	.slder-kenzai img {
		height: 600px;
	}
/* page works */
	.works .wrap-a {
		margin-left: 30%;
	}
	
	.slider-cat {
	padding-right: 50px;
	}
		
	.works-index .slick-slide {
		margin: 0 20px;
		height: auto !important;
		width: 370px;
	}
	.works-index .slick-track {
		margin-left: -10%;	
	}
	.category-works .wrap-a {
		margin-left: calc( 10% + 3rem );
	}
	
	.nav-child {
		background: #222;
		width: 10%;
		padding: 3rem;
		z-index: 19;
		top: 50px;
		position: -webkit-sticky;
	    position: sticky;
	    float: left;
	}
	
	.nav-child ul li {
		padding: 2rem 0;
		border-bottom: 1px solid #373737;
		font-size: 1.6rem;
		display: block;
	}
	.category-works .wrap-slider {
		padding: 30px 0;
	}
	h3.works-title {
		margin-left: 20%;
		}
	
	.works-index .nopage {
		margin-left: 20%;
	}	
	.nav-child ul li:after {
		content: "";
		display: block;
		position: absolute;
		top:50%;
		right: -35px;
		width: 0;
		height: 2px;
		background: #00B71A;
		transition:0.5s all;
		}
		
	.nav-child ul .on:after {
		content: "";
		display: block;
		position: absolute;
		top:50%;
		right: -35px;
		width: 35px;
		height: 2px;
		background: #00B71A;
		}
		
	.works-index .slick-next {
		top:-35px;
		right: 50px;
	}
	
	.works-index .slick-prev {
		top:-35px;
		right:80px;
		left: auto;
	}
	
	.works-index .slide-arrow {
	right:80px;
	}
	.works-index .prev-arrow {
	right:110px;
	}
	
/*--------
	products 建材の販売
*/
	.page-products .wrap-b .content {
		margin-right: 30%;
	}
	.page-products .wrap-c {
		padding-right: 50px;
	}
	.page-products .wrap-c .item {
		display: grid;
		grid-template-columns: 50% 50%;
	}
	.page-products .content.list {
		margin:0 0 0 5rem;
	}
	
	.page-products .list-2 li {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		
	}	
	.page-products .list .head {
		color: #999;
		display: grid;
		}
	.page-products .list-2 .title {
		grid-column: inherit;
	}
	.slder-kenzai img {
		width: 100%;
		height: 400px;
		object-fit: cover;
	}
	

/*-------------------
	SINGLE WORKS
*/
	
	.single-works .wrap-a .content  {
		margin-right: 200px;
	}
	.single-works .slider {
		margin-bottom: 50px;
	}
	.single-works .note {
		padding: 0 5rem 6% 5rem;
		max-width: 1000px;
		margin: auto;
	}

	
	.single-works .note .text {
		margin: 0 30px;
	}
	.page-nav {
		padding: 6% 5rem 6% 5rem;
		display: flex;
		gap: 20px;
	}
	.single-news .page-nav {
		padding: 6% 0 6% 0;
	}
	.single-news .box .images {
		display: flex;
		gap: 30px;
	}
	.images-custum {
		margin: 30px 0;
		display: flex;
		gap: 30px;
	}
	.page-nav a {
		display: inline-block;
		margin-bottom: 0;
		text-align: left;
		padding: 1rem;
		width: 50%;
	}
	.bread {
		padding: 6% 5rem;
	}
	.bread .activ {
		display: inline;
	}
	.content-nav {
	margin-right: 30%;
	}
/*-----------------
	page recruite
*/
	
	.page-recruite .wrap-a {
		padding-bottom: 10rem;
	}
	
	.page-recruite .wrap-a .banners {
		grid-area: banners;
	}
	
	.page-recruite .wrap-a .cont {
		grid-area: cont;
	}
	.page-recruite .banners .wrap-c {
		margin: 0 0 0 50px;
	}
	.page-recruite .banners .content {
		-webkit-box-shadow: inset -10px 0px 5px 0 #f6f6f6; /* Safari, Chrome用 */
		-moz-box-shadow: inset -10px 3px 5px 0 #f6f6f6; /* Firefox用 */
		box-shadow: inset -10px 0px 5px 0 #f6f6f6; /* CSS3 */

	}
	.page-recruite .wrap-a {
		display: grid;
		grid-template-columns: 4.1fr 5.1fr;
		grid-template-areas: "banners cont";	
	}
	
	.page-recruite .wrap-a .banners {
		margin-top: 15rem;
	}
	
	.page-recruite .backimg .imgs {
	    width: 100%;
	}
	.wrap-sc .content {
		padding: 0;
	}
	.wrap-sc {
		margin-right: 50px;
		display: grid;
		gap: 50px;
		grid-template-columns: 50% 50%;
		position: relative;
	}
	.wrap-sc .slide-arrow {
		top:-30px;
	}
	.wrap-lunch  {
		margin: 20px 50px 20px 50px !important;
	}
	
	.wrap-lunch .content {
		padding: 100px 50px ;
	}
	.wrap-sc img {
		width: 70%;
	}
	.page-recruite .list {
		display: grid;
		grid-template-columns: 1fr 3fr;
		margin: 6% 0;
	}
	.page-recruite .wrap-intervew .content {
		display: grid;
		grid-template-columns: 2fr 1fr;
		margin-right: 50px;
	}
	
	.page-recruite .wrap-intervew .content .img {
		padding-left: 6rem;
	}
	.wrap-contact.entry {
		padding: 5rem 50px 5rem 40%;
	}
	
	
	.page-recruite .wrap-dorone .content{
		margin-right: 30%;
	}
	.page-recruite .wrap-dorone img {
		width: 50%;
		margin-top: 5rem;
		margin-left: 10%;
	}
	
/* 2021 10 */
	.wrap-movie:before {
	top:-150px;
	}	
	.wrap-movie {
		display: grid;
		grid-template-columns:1fr 1fr;
		padding: 0 10rem 3rem 10rem;
		column-gap:8%;
	}

	/*----------------
		page privatecustomer
	*/
	.page-privatecustomer .backimg {
		padding-bottom: 0;
		background-position: left top;
		background-size: 100%;
		position: relative;
	}
	.page-privatecustomer .backimg .content {
		margin-left: 40%;
		margin-right: 50px;
		top: -5rem;
	}
	.page-privatecustomer .wrap-2  {
		
	background-position: left center;
	}
	
	
	
	/*-------------
		page-contact
	*/
	.page-contact .wrap-phone .content {
		margin-left: 40%;
		margin-right: 50px;
	}

	.page-contact .wrap-b {
		margin-right: 50px;
	}
	.page-contact .wrap-private .content {
		margin-left: 0;
		margin-right: 20%;
	}
	.form-box {
		display: grid;
		grid-template-columns: 2fr 8fr;
	}
	.form-box li {
		padding: 3rem 1rem;
	}	
	.wrap-contact .link {
		right: 10%;
	}
	.wrap-contact.entry h4.phone-no {
		font-size: 4rem;
		}
		
/*--------------
	home >  mission
*/	
	
	
	.wrap-mission1 {
		padding-top:75%;
		padding-bottom: 0;
	}
	.wrap-mission1 .content {
		background-color: rgba(0,0,0,0.3);
		min-height: 84%;
		position: absolute;
		top:0;
		color: #fff;
		width: 30%;
	}
	.page-recruite .backimg {
		grid-template-columns: 1.5fr 1fr;
		
	}
	.page-recruite .backimg .imgs {
		width: auto;
	}
	.wrap-b.wrap-sc {
		margin: 0 50px 0 50px;
		padding: 50px;
		background: #fff;
	}
	.wrap-mission1 .cap-bg {
		background: #fff;
		color: #222;
		margin-bottom: 2rem;
	}
	.wrap-mission3 .title {
		padding-top: 6%;
	}
	.wrap-mission3 .content {
		margin-right: 50%;
	}
	.wrap-mission3 .text {
		background-color: rgba(0,0,0,0.3);
		color: #fff;
	}
	.home .mission .wrap-type li {
		margin-bottom: 50px;
		background-image: url("https://zuimei.biz/site/wp-content/themes/zuimei/images/img-mission01");
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: calc( 100vh - 50px );
		display: grid;
		align-items: center;
		padding: 0;
		position: relative;
	}
	.home .mission .wrap-type .content {
		margin: 0;
		background: transparent;
		border:0;
		/*background-color:rgba(0,0,0,0.1);*/
		box-sizing: border-box;
		position: absolute;
		bottom: 0px;
		padding: 50px;
	  }
	.home .mission .wrap-type .content .text{
		color: #fff;
		text-align: left;
		background-color:rgba(0, 0, 0, 0.1);
		padding: 10px;
		margin-top: 10px;

	}
	
	.home .mission .wrap-type .content h3,
	.home .mission .wrap-type .content h4{
		margin: 0;
	}
	.home .mission .wrap-type .content b {
		display: inline-block;
		background-color:rgba(255,255,255,0.9);
		padding: 7px;
		line-height: 1;
		margin-bottom: 5px;
		border-radius: 1px;
	}
	.home .mission .wrap-type .content h4 b {
		padding: 5px 7px;
	}
	
	.home .mission .bt-box  {
		bottom: auto;
		padding-left: 60px;
		left: 0;
		bottom: -50px;
	}

	.home .mission .bt-box:hover {
		left: 10px;
	}
	
	
	.home .mission .wrap-philosophy .content {
		width: 35%;
		margin-bottom: 200px;
	}
	.home .mission .cap-hand {
		margin-left: 70%;
		bottom: 0;
	}
	.home .mission .wrap-philosophy li {
		position: relative;
	}
	.home .mission .wrap-philosophy .imgs {
		position: absolute;
		top: -50px;
		width: 60%;
		right: 0;
		z-index: -1;
	}

	
	.wrap-mission3 {
		margin-bottom: 0;
	}
	
	.page-mission h3.works-title {
		margin-left: 6%;
	}
	/*---------------
		page piyvasy
	*/
	.page-privacy-policy .wrap-c {
	margin-bottom: 10rem;
	}
	.page-privacy-policy .content.text {
		margin: 0 5rem 0 5rem;
	}
	.wrap-news .content {
		padding: 50px;
	}
	/*-------------
		footer
	*/
	
	footer address b {
		margin-right: 2rem;
		display: inline;
	}
	.home .wrap-movie:before {
		top:-180px;
	}
	.menu-foot {
		padding: 60px;
	}
	.wrap-map {
		padding: 60px 100px 0 0;
	}
	.wrap-banners .group .case {
		right:0;
		position: absolute;
		top:0;
		width: calc(50% - 55px) ;
		box-sizing: border-box;
	}
	
	
	.wrap-works .slick-prev {
		left: 10%;
	}
	.wrap-works .slick-next {
		right: 10%;
	}
	/*-------------------
		category
	---------------------*/
	
	/*-------------------
		single
	*/
	.post-navi {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	.post-navi a:nth-child(2) {
		text-align: right;
		border-left: 1px solid #222;
	}
	
	/*----------
		news
	------------*/

	.single-news .post-title {
		/*width: calc(70% - 30px );
		box-sizing: border-box;
		padding: 8% 6%;*/
	}
	.single-news .post-content {
		padding: 8% 50px 8% 6%;
	}
	

	/* renew 2023*/
	.home .wrap-works  {
		background-size: auto;
	}
	.home .wrap-works .illust {
		width: auto;
	}
	.home .works-architect .grid {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.home .case-title {
		margin: 0 50px;
	}
	.home .works-architect .case-title {
		margin-left: 50px;
	}
	.wrap-news {
		background-image: url("images/img-illust-nami.png");
		background-repeat: no-repeat;
		background-position-x: right;
		
	}
	.wrap-news,
	.index-works {
		padding: 0 50px 50px 0;
		
	}
	.index .content {
		padding:  50px;
		
	} 
	.home .works-architect {
		padding: 0 50px 0 0;
	}
	.home .works-architect li:nth-child(even) {
		margin-top: 50px;
	}
	.home .wrap-sns {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	.home .works-civil .case-title,
	.wrap-news .case-title{
		margin: 0 50px;
		padding-bottom: 50px;
	}
	
	.index .grid {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.bt-box {
		min-width: 250px;
	}
	.company {
		margin:0 0 0 5rem;
	}
	.gaiyou {
		display:grid;
		grid-template-columns: 1fr 3fr;
		padding:20px 50px 20px 20px;
	}
	.wrap-recruite2 {
		display: grid;
		grid-template-columns: 1fr 1fr;
	
		background: #f4f4f4;
		gap: 5rem;
	}
/*
	.wrap-c .content:first-child {
		margin-bottom: 0px;
	}*/
	.page-architect .wrap-b .content {
		margin-right: 30%;
	}
	.page-architect .wrap-a {
		padding: 8%;
		max-width: 1000px;
		margin: auto;
	}
	.page-architect .wrap-a .box{
		display: grid;
		grid-template-columns: 1fr 1.5fr;
		margin-bottom: 100px;
	}
	.page-architect .wrap-a .content {
		margin-top: 50px;
	}
	.flag {
		top:6rem;
		left: -6rem;
	}
	.page-contact .flag {
		right: -60px;
		top: 60px;
	}

	/*------社会貢献活動　-----------*/
	.wrap-contribution .top-box {
		grid-template-columns: 1fr 1fr;
	}
	.wrap-contribution .top-box .sdgs,
	.wrap-contribution .sdg-icon {
		border-bottom: none;
		border-right: solid 2px #ccc;

	}
	.wrap-contribution .box {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	.wrap-contribution .sdg-icon {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	
	.wrap-contribution .top-box img{
		width: 50%;
	
	}
	.wrap-contribution .g-box {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 70px;
	}
	.wrap-contribution .box div {
		padding: 5rem;
	}
}