a,h1,h2,h3,h4,h5,h6,nav,div,section,head,header,body,footer,span,html,main,ul,ol,li,table,tr,th,td,p,br{
	padding: 0;
	margin: 0;
	list-style: none;
	text-decoration: none;
}

.wrap-original{
	font-family: 'Cardo', serif;
	overflow: hidden;
}

.hamburger,.globalMenuSp{
	display: none;
}

#loading{
	display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    background-color: #000000;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}

#loading img{
	width: 100px;
}

.loaded{
	opacity: 0;
    visibility: hidden;
    transition: all .7s ease-in-out;
}

header section{
    width: 100%;
    background-color: #ffffff;
    z-index: 999;
    opacity: 1;
}

.first-container{
	position: relative;
	margin: auto;
	max-width: 1300px;
}

.header_scroll{
    display: none;
}

.down_scroll{
	position: fixed;
	background-color: #ffffff;
	color: #000000;
    width:100%;
    height: 140px;
    z-index: 990;
    opacity: 1;
    transform: translateY(0px);
}

.down_scroll div:first-child{
    width: 100%;
    max-width: 960px;
}

.down_scroll a{
	color: #000000;
	z-index: 999;
    opacity: 1;
}

.down_scroll .ol-one a,.down_scroll .ol-one li{
	color: #ffffff;
}

.down_scroll .header-first a{
	color: #000000;
}

.header-first{
	display: flex;
	justify-content: space-between;
	margin: 30px 60px;
	position: absolute;
	top: 0;
	right: 10px;
	z-index: 999;
	opacity: 1;
}

.header-first a{
	color: #ffffff;
}

.header-first ul{
	width: 400px;
}

.top-logo img{
	width: 80px;
	position: absolute;
    top: 0;
    left: 0;
    margin: 45px 60px;
	z-index: 1;
}

.header-first ul img{
	width: 30px;
}

.top-logo img:hover,.header-first li:hover{
    filter: opacity(50%);
    transition: 0.3s;
}

.ul-one{
	display: flex;
	justify-content: right;
	align-items: center;
	margin: 10px 0;
}

.ul-one li{
	margin: 0 5px;
}

.ul-one,.ul-two span{
	font-size: 12px;
}

.ul-two{
	font-size: 20px;
	height: 50px;
	width: 100%;
	display: flex;
    justify-content: space-between;
    text-align: left;
    position: relative;
}

.ul-two li{
	line-height: 1;
}

.ol-one{
	font-size: 15px;
	width: 220px;
	height: 120px;
	position: absolute;
	top: 50px;
	left: 230px;
	background-color: #333333;
	background-color: rgba(0, 0, 0, 0.7);
	align-items: center;
	padding: 10px;
}

.ol-one li{
	display: inline-block;
	align-items: center;
	line-height: 2.0;
	width: 100%;
}

.ol-one a{
	display: inline-block;
	width: 100%;
}

.ol-two{
	font-size: 15px;
	width: 220px;
	height: 120px;
	position: fixed;
	top: 110px;
	left: 230px;
	background-color: #333333;
	background-color: rgba(0, 0, 0, 0.7);
	align-items: center;
	padding: 10px;
}

.ol-two li{
	display: inline-block;
	align-items: center;
	line-height: 2.0;
	width: 100%;
}

.ol-two a{
	display: inline-block;
	width: 100%;
}


.fade img{	
    margin: auto;
    height: 100vh;
    object-fit: cover;
}

#container{
	max-width: 1300px;
	display: block;
	align-items: center;
	position: relative;
	margin: auto;
}

.header-second{
	margin: 50vh 60px;
	position: absolute;
    right: 0;
	z-index: 1;
	color: #ffffff;
}

.header-second h1{
	font-size: 38px;
	line-height: 1;
}

.header-second p{
	text-align: right;
}

.header-third ul{
	display: flex;
	justify-content: space-around;
	align-items: center;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
	font-size: 12px;
	width: 620px;
	height: 60px;
    background-color: #111111;
    color: #ffffff;
}

.header-third a{
	color: #ffffff;
}

.header-third li:last-child{
	width: 400px;
}

#top-wrapper{
	text-align: center;
	padding-top: 200px;
}

#top-wrapper h1{
	font-size: 40px;
	padding: 20px 0 80px 0;
	line-height: 2;
}

#concept-wrapper{
	max-width: 1300px;
    display: flex;
    align-items: center;
    text-align: center;
    margin: auto;
    justify-content: center;
    padding: 0 100px 100px 100px;
}

#concept-wrapper div{
	width: 50%;
}

#concept-wrapper p{
	font-size: 18px;
	line-height: 2.8;
	padding-top: 20px;
	font-weight: bold;
	text-align: left;
}

#concept-wrapper img{
    width: 100%;
    height: auto;
}

#business-wrapper{
	color: #ffffff;
	display: flex;
	justify-content: space-around;
	background-color: #000000;
	width: 100%;	
}

.br-hidden-a{
	display: none;
}

#business-wrapper div:first-child{
	width: 35%;
	padding: 250px 0 250px 100px;
}

#business-wrapper h1,wrapper h1,#company-wrapper h1{
    font-size: 36px;
    line-height: 0.8;
    font-weight: normal;
}

#business-wrapper div:first-child span,#works-wrapper h1 span,#company-wrapper h1 span,#contact-wrapper h1 span{
	border-bottom: solid 1px;
	font-size: 13px;
	padding-bottom: 30px;
}

#business-wrapper p{
	font-size: 15px;
	width: 100%;
}

#business-wrapper p:nth-child(2){
	padding-top: 80px;
}

#business-wrapper p:nth-child(3){
	padding-bottom: 100px;
}

#business-wrapper p a{
	border-bottom: solid 1px #ffffff;
	color: #ffffff;
	font-size: 20px;
	letter-spacing: 5px;
	display: block;
	position: relative;
	width: 150px;
	text-align: center;
	padding-bottom: 20px;
}

#business-wrapper p a:before{
	content: "";
	width: 50px;
	height: 50%;
	border-bottom: 3px solid #000000;
	position: absolute;
	top: 48%;
	left: -45%;
	transform-origin: right;
	transition: all .6s ease-in-out;
}

#business-wrapper p a:hover:before{
    transform:translate(230px);
}

.img_1{
	width: 100%;
	display: inline-block;
	transition: .3s;
	opacity: 1;
	transition-duration: 0.3s;
}

.img_2,.img_3,.img_4,.img_5{
	width: 100%;
	display: inline-block;
	transition: .3s;
	opacity: 1;
	transition-duration: 0.3s;
}

.img_1 img{
	object-fit: cover;
    width: 100%;
	height: 280px;
	overflow: hidden;
	transition: 0.3s;
}

.img_2 img,.img_3 img,.img_4 img,.img_5 img{
	object-fit: cover;
    width: 100%;
    height: 280px;
	overflow: hidden;
	transition: 0.3s;
}

.backimg-1 h2{
    font-size: 35px;
    color: #ffffff;
    line-height: 0.7;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 0 30px 20px;
    font-weight: normal;
}

.backimg-2 h2{
    font-size: 35px;
    color: #ffffff;
    line-height: 0.9;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 0 30px 20px;
    font-weight: normal;
}

.backimg-3 h2{
    font-size: 35px;
    color: #ffffff;
    line-height: 0.9;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 0 30px 20px;
    font-weight: normal;
}

.backimg-4 h2{
    font-size: 35px;
    color: #ffffff;
    line-height: 0.9;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 0 30px 20px;
    font-weight: normal;
}

.backimg-5 h2{
    font-size: 35px;
    color: #ffffff;
    line-height: 0.9;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 0 30px 20px;
    font-weight: normal;
}

.black-image nav{
	height: 280px;
	width: 100%;
	overflow: hidden;
}

.black-image nav:hover img{
    background-color: rgba(0,0,0,0.8);
    opacity: 0.7;
    transform: scale(1.2);
    transition: 0.5s;
}

.black-image{
	width: 65%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.black-image nav:first-child{
	position: relative;
}

.noneimg-1{
	position: relative;
	bottom: 110px;
	left: 20px;
	font-size: 20px;
	color: #ffffff;
	line-height: 0.9;
	z-index: 999;
}

.noneimg-2{
	position: relative;
	bottom: 110px;
	left: 20px;
	font-size: 20px;
	color: #ffffff;
	line-height: 0.9;
	z-index: 999;
}

.noneimg-3{
	position: relative;
	bottom: 110px;
	left: 20px;
	font-size: 20px;
	color: #ffffff;
	line-height: 0.9;
	z-index: 999;
}

.noneimg-4{
	position: relative;
	bottom: 110px;
	left: 20px;
	font-size: 20px;
	color: #ffffff;
	line-height: 0.9;
	z-index: 999;
}

.noneimg-5{
	position: relative;
	bottom: 110px;
	left: 20px;
	font-size: 20px;
	color: #ffffff;
	line-height: 1.1;
	z-index: 999;
}

.noneimg-1 span,.noneimg-2 span,.noneimg-3 span,.noneimg-4 span,.noneimg-5 span{
	font-weight: normal;
}

.black-image div{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.black-image nav{
	display: block;
}

.black-image div nav{
	position: relative;
}

.black-image div .br-hidden{
	display: none;
}

.black-image nav span:last-child{
	font-size: 14px;
	font-style: italic;
}

#works-wrapper{
	padding: 150px 0px;
	max-width: 1300px;
	margin: auto;
}

.padding-first{
	padding: 0 5%;
}

#works-wrapper h1 span{
	border-bottom: solid 1px #000000;
}

#works-wrapper p:nth-child(2),#works-wrapper p:nth-child(3){
	font-size: 14px;
	font-weight: bold;
}

#works-wrapper p:nth-child(2){
	padding-top: 80px;
}

.workimg-1{
	display: flex;
	justify-content: space-around;
	text-align: center;
    align-items: flex-start;
    height: 100%;
    width: 100%;
}

.workimg-2{
	display: flex;
	justify-content: space-around;
	text-align: center;
	align-items: flex-end;
	height: 100%;
	width: 100%;
}

.workimg-2 div{
	width: 450px;
}

.workimg-3{
	display: flex;
	justify-content: space-around;
	text-align: center;
    align-items: flex-start;
    height: 100%;
    width: 100%;
}

.work-image img{
	width: 450px;
	height: 100%;
    filter: brightness(60%) saturate(50%);
}

.work-image img:hover{
	filter: brightness(30%) saturate(50%); 
	transition: 0.3s; 
}

.work-image ul img:first-child{
	filter: brightness(100%) saturate(100%);
}

.work-image p{
	font-size: 35px;
	width: 100%;
	display: block;
	color: #000000;
	line-height: 1.2;
	font-style: italic;
	text-align: right;
}

.work-image a{
	color: #ffffff;
}

.work-image li{
	font-size: 20px;
	color: #ffffff;
	line-height: 1.0;
	font-weight: bold;
	text-align: left;
}

.work-image li span{
	font-size: 15px;
	font-style: italic;
	text-align: left;
}

.phrase-1{
	position: relative;
	bottom: 140px;
	left: 30px;
}

.phrase-2{
	position: relative;
	bottom: 160px;
	left: 30px;
}

.work-image ul{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	position: relative;
	width: 100%;
	bottom: 110px;
	left: 30px;
}

.workimg-2 div:first-child ul{
    width: 80%;
    flex-wrap: wrap;
    padding-bottom: 5px;
	position: relative;
	bottom: 130px;
	left: 30px;
}

.workimg-2 div:last-child ul{
    width: 70%;
    flex-wrap: wrap;
    padding-bottom: 5px;
	position: relative;
	bottom: 130px;
	left: 30px;
}

.work-image ul li{
	font-size: 14px;
	font-style: normal;
	position: relative;
}

.work-image ul img{
	width: 10px;
	height: 10px;
}

.green{
	background-color: #008080;
	padding: 7px;
	margin-right: 5px;
}

.black{
	background-color: #000000;
	padding: 7px;
	margin-right: 5px;
}

.more-works{
	display: block;
	justify-content: center;
	text-align: center;
	align-items: center;
	margin: 250px auto auto auto; 
	width: 200px;
	color: #000000;
	font-size: 20px;
	letter-spacing: 5px;
	padding-bottom: 15px;
	border-bottom: 1px solid #000000;
	position: relative;
}

.more-works:before{
	content: "";
	width: 50px;
	height: 50%;
	border-bottom: 3px solid #ffffff;
	position: absolute;
	top: 48%;
	left: -30%;
	transform-origin: right;
	transition: all .6s ease-in-out;
}

.more-works:hover:before{
    transform:translate(280px);
}

#company-wrapper{
	background-image: url(../image/company_bg.jpg);
	background-color: #000000;
	background-position: top;
	background-size: 100% 65%;
	background-repeat: no-repeat;
	padding: 250px 60px 100px 60px;
}

#company-wrapper div{
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1300px;
	margin: auto;
}

#company-wrapper h1{
	color: #ffffff;
	max-width: 1300px;
	margin: auto;
}

#company-wrapper h1{
	padding-bottom: 80px;
}

#company-wrapper a{
	color: #000000;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    width: 25%;
    height: 270px;
    padding: 50px 30px 0px 30px;
    position: relative;
}

#company-wrapper h2{
	font-size: 20px;
	font-weight: normal;
	line-height: 1.3;
}

#company-wrapper h2 span{
	border-bottom: solid 1px;
	font-size: 14px;
	padding-bottom: 40px;
}

#company-wrapper a p:nth-child(2){
	padding-top: 60px;
	font-size: 14px;
    font-weight: bold;
    line-height: 2.0;
}

#company-wrapper a p:last-child{
    text-align: right;
    color: #C0C0C0;
    font-size: 20px;
    padding-top: 20px;
	align-items:center;
	display: block;
    position: absolute;
    bottom: 5%;
    left: 77%;
    transition: all .2s ease-in-out;
}

#company-wrapper a p:last-child:before{
	content: "";
	width: 60px;
	height: 50%;
	border-bottom: 1px solid #C0C0C0;
	position: absolute;
	top: 20%;
	right: 130%;
	transform-origin: right;
	transition: all .3s ease-in-out;
	overflow: hidden;
}

#company-wrapper a:hover p:last-child:before{
    transform:scaleX(0);
}

#recruit-wrapper{
	padding: 200px 100px;
	height: 100%;
	max-width: 1300px;
	margin: auto;
	position: relative;
}

#recruit-wrapper div{
	overflow: hidden;
	width: 80%;
	margin: auto;
}

#recruit-wrapper a:first-child:hover img:first-child{
    transform: scale(1.2);
    transition: 0.3s;
}

#recruit-wrapper a:first-child img{
	display: block;
	justify-content: center;
	text-align: center;
	margin: auto;
    height: 450px;
    width: 100%;
    transition: 0.3s;
    filter: invert(10%) sepia(87%) saturate(2000%) hue-rotate(110deg) brightness(100%) contrast(120%);
}

#recruit-wrapper a:nth-child(2){
	display: inline-block;

}

#recruit-wrapper a:nth-child(2) img{
	width: 60%;	
	position: absolute;
    bottom: 38%;
    left: 20%;
}

#recruit-wrapper img:nth-child(3){
	width: 45%;
	display: block;
	position: absolute;
	bottom: 50%;
	left: 50%;
}

#contact-wrapper{
	color: #ffffff;
	display: flex;
	justify-content: center;
	background-color: #000000;
	width: 100%;
	height: 800px;
	object-fit: cover;
	position: relative;
}

#contact-wrapper div:last-child nav:last-child .br-hidden-a{
	display: block;
}

#contact-wrapper h1{
	font-size: 34px;
    line-height: 0.8;
    font-weight: normal;
}

#contact-wrapper h2{
	font-size: 30px;
	color: #ffffff;
	line-height: 0.6;
    font-weight: normal;
}

#contact-wrapper div:first-child{
	width: 50%;
	padding: 300px 0;
	position: relative;
}

#contact-wrapper div:last-child{
    width: 100%;
    position: relative;
}

#contact-wrapper div:first-child aside{
	position: relative;
	padding: 0 10%;
}

#contact-wrapper img{
	object-fit: cover;
	vertical-align: bottom;
    width: 100%;
	height: 400px;
	transition: 0.3s;
}

#contact-wrapper nav:hover img{
	background-color: rgba(0,0,0,0.9);
    opacity: 0.5;
    transition: 0.3s;
    transform: scale(1.2);
    transition-duration: 0.3s;
}

#contact-wrapper nav a{
	display: block;
	color: #ffffff;
}

#contact-wrapper div:first-child p{
    padding-top: 80px;
}

#contact-wrapper nav{
	overflow: hidden;
	position: relative;
}

#contact-wrapper nav aside{
	position: absolute;
	top: 120px;
	left: 60px;
    z-index: 1;
}

#contact-wrapper h2 span{
	display: inline-block;
	padding: 15px 0px 30px 0px;
	font-size: 13px;
}

#contact-wrapper nav p{
	line-height: 1.8;
}

.top-page{
	background-color: #222222;
	font-size: 13px;
	padding: 30px 0;
	color: #666666;
	font-weight: bold;
	position: relative;
}

.top-page p{
	max-width: 1300px;
	position: relative;
	margin: auto;
	width: 80%;
}

#summary-wrapper{
	background-color: #111111;
	color: #ffffff;
	padding: 80px 0px;
	font-weight: bold;
	width: 100%;
}

#summary-wrapper .first-container{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 80%;
}

#summary-wrapper div nav:first-child div{
	display: flex;
	flex-wrap: wrap;
}

#summary-wrapper div nav:last-child{
	display: block;
	justify-content: flex-end;
}

#summary-wrapper h3{
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
	font-size: 16px;
	transition: 0.3s;
}

#summary-wrapper h3:before{
	content: '';
	position: absolute;
	left: 5px;
	bottom: -10px;/*線の上下位置*/
	display: inline-block;
	width: 15px;/*線の長さ*/
	height: 1px;/*線の太さ*/
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #ffffff;/*線の色*/
}

#summary-wrapper a{
	color: #ffffff;
}

#summary-wrapper nav:last-child div:first-child img{
	width: 80px;
}

#summary-wrapper nav:last-child div:nth-child(2) img{
	width: 30px;
}

#summary-wrapper nav:last-child div:last-child img{
	width: 250px;
}

#summary-wrapper nav:first-child li,#summary-wrapper nav:last-child div:nth-child(2) li,#summary-wrapper nav:last-child div:first-child p{
	font-size: 13px;
	width: 100%;
	padding-top: 8px;
	transition: 0.3s;
}

#summary-wrapper nav:last-child div:nth-child(2) img{
    padding-top: 8px;	
}

#summary-wrapper nav:last-child div:first-child{
	display: block;
}

#summary-wrapper nav:first-child ul{
	padding-right: 10%;
	padding-bottom: 20%;
	width: 185px;
}

#summary-wrapper nav:last-child div:last-child img,#summary-wrapper nav:last-child div:last-child li{
	background-color: #222222;
	height: 75px;
	width: 240px;
	margin-top: 20px;
	display: block;
	align-items: center;
	text-align: center;
	justify-content: center;
	transition: 0.3s;
}

#summary-wrapper nav:last-child div:last-child a:nth-child(2) p{
	font-size: 13px;
	position: relative;
	top: 40%;
}

#summary-wrapper nav:last-child div:last-child a:last-child p{
	font-size: 12px;
	line-height: 1.3;
	position: relative;
	top: 20%;
}

#summary-wrapper span{
	font-size: 25px;
	font-weight: normal;
}

#summary-wrapper nav:first-child ul li:hover,#summary-wrapper nav:first-child div:last-child ul h3:hover{
	color: #008080;
	transition: 0.3s;
}

#summary-wrapper nav:last-child div a:hover,#summary-wrapper nav:last-child li:hover,#summary-wrapper nav:last-child div:last-child a:hover{
    filter: invert(10%);
    transition: 0.2s;
}

footer{
	background-color: #000000;
	color: #ffffff;
	padding: 30px 0px;
	font-size: 14px;
	letter-spacing: 1.2px;
	position: relative;
}

footer .first-container{
	width: 80%;
}








#header_concept section{
	position: fixed;
	background-color: #ffffff;
	color: #000000;
    width: 100%;
    height: 135px;
    z-index: 990;
    opacity: 1;
    transform: translateY(0px);
}

#header_concept .first-container{
    width: 100%;
    max-width: 1300px;
}

#header_concept .ol-one a{
	color: #ffffff;
}

#header_concept a{
	color: #000000;
	z-index: 999;
    opacity: 1;
}










/*私たちについて*/
#statement-wrapper{
	width: 100%;
	max-width: 1300px;
	margin: auto;
	padding-bottom: 150px;
}

#statement-wrapper div{
	width: 100%;
	text-align: center;
	margin: auto;
}

#statement-wrapper h2{
	padding-top: 300px;
	line-height: 1.2;
}

.span-1st{
	font-size: 38px;
    letter-spacing: 6px;
}

.span-2nd{
	font-size: 16px;
	font-weight: 400;
}

#statement-wrapper h1{
	padding: 200px 0 20px 0;
}

#statement-wrapper h1 .br-hidden{
    display: none;
}


#statement-wrapper h1 span:first-child{
    font-size: 56px;
    letter-spacing: 6px;
}

#statement-wrapper h1 span:last-child{
    font-size: 18px;
    font-weight: normal;
    font-style: italic;
}

#statement-wrapper p{
	padding-top: 40px;
	font-size: 18px;
	font-weight: bold;
}

#woman-image{
    height: 800px;
	background-image: url(../image/statement_bg.jpg);
    background-position: center;
    background-size: cover;
	background-repeat: no-repeat;
}

#corporate-wrapper{
	width: 100%;
	max-width: 1300px;
	margin: auto;
	padding-bottom: 200px;
}

#corporate-wrapper div{
	width: 100%;
	margin: auto;
	text-align: center;
}

#corporate-wrapper h2{
	padding: 150px 0;
    line-height: 1.2;
}

#corporate-wrapper p{;
	font-size: 30px;
	font-weight: normal;
	line-height: 1.8;
}

#mission-wrapper{
	width: 100%;
	margin: auto;
	padding-bottom: 250px;
    background-color: #EEEEEE;
}

#mission-wrapper div{
	width: 100%;
	margin: auto;
	text-align: center;
	max-width: 1300px;
}

#mission-wrapper h2{
	padding-top: 200px;
	line-height: 1.2;
}

#mission-wrapper h2 .br-hidden{
	display: none;
}


#mission-wrapper p{
	font-size: 30px;
	font-weight: normal;
	line-height: 1.8;
	padding-top: 40px;
}

#solution-wrapper{
	width: 100%;
	max-width: 1300px;
	margin: auto;
}

#solution-wrapper div{
	width: 100%;
	margin: auto;
	text-align: center;
}

#solution-wrapper h2{
	padding-top: 200px;
	line-height: 1.2;
}

#solution-wrapper h1{
	font-size: 52px;
	font-weight: bold;
	line-height: 1.8;
    padding: 200px 0 50px 0;
}

#solution-wrapper div:nth-child(2) img{
    width: auto;
    height: 650px;
}

#solution-wrapper div:nth-child(3){
	padding: 100px 0;
}

#solution-wrapper div:nth-child(3) p{
    width: 48%;
    margin: auto;
    text-align: left;
    font-weight: bold;
    font-size: 15px;
    line-height: 2.0;
}

#solution-wrapper div:last-child{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 65%;
    height: 200px;
    margin: auto;
    padding: 100px 0;
}

#solution-wrapper div:last-child a{
    color: #000000;
    width: 100%;
    height: 200px;
    line-height: 1.2;
    margin: auto;
    position: relative;
}


#solution-wrapper div:last-child li{
	width: 100%;
	font-size: 20px;
	font-weight: bold;
    margin: auto;
    position: absolute;
    top: 40%;
}

#solution-wrapper div:last-child a:first-child{
	border-right: 1px solid #000000;
}
/*私たちについて*/







/*企業情報*/
.wrap-original-2{
	font-family: 'Cardo', serif;
	overflow: unset;
}

#com_info-wrapper{
    width: 100%;
    max-width: 1300px;
    margin: auto;
}

#com_info-wrapper div:first-child{
	width: 100%;
	margin: auto;
	text-align: center;
}

#com_info-wrapper h2{
	padding-top: 300px;
	line-height: 1.2;
}

#com_info-wrapper div:last-child{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 70%;
	height: 80px;
	margin: auto;
	text-align: center;
	padding:  150px 0 200px 0;
}

#com_info-wrapper div:last-child a{
    display: block;
    justify-content: center;
    align-items: center;
	margin: auto;
    width: calc(100%/3);
    height: 100%;
    background-color: #000000;
    color: #ffffff;
}

#com_info-wrapper div:last-child a li{
	display: flex;
	justify-content: center;
	align-items: center;
    width: 100%;
    height: 100%;
}


#com_overview-wrapper,#history-wrapper,#garelly-wrapper{
	width: 80%;
	max-width: 1300px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

#com_overview-wrapper nav:first-child{
	display: flex;
	width: 34%;
	height: auto;
}

#com_overview-wrapper nav:first-child div{
	width: 100%;
	height: fit-content;
	position: -webkit-sticky;
	position: sticky;
	top: 150px;
}

#com_overview-wrapper nav:first-child div h2{
	width: 100%;
	font-size: 36px;
}

#com_overview-wrapper nav:last-child{
	width: 66%;
}

#com_overview-wrapper nav:last-child div:first-child{
	width: 100%;
	text-align: left;
	line-height: 2.0;
	border-bottom: 1px solid #888888;
}

#com_overview-wrapper nav:last-child div:first-child p{
	width: 100%;
	text-align: left;
	font-size: 14.5px;
	font-weight: bold;
}

#com_overview-wrapper nav:last-child div:first-child p:first-child{
    padding-bottom: 20px;
}

#com_overview-wrapper nav:last-child div:first-child p:last-child{
    padding-bottom: 40px;
}

#com_overview-wrapper nav:last-child div:last-child{
    width: 100%;
}

#com_overview-wrapper nav:last-child div:last-child table,#history-wrapper div:last-child table{
    width: 100%;
}

#com_overview-wrapper nav:last-child div:last-child table tr,#history-wrapper div:last-child table tr{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding: 30px 0;
    font-size: 14.5px;
    font-weight: bold;
    border-bottom: 1px solid #888888;
}

#com_overview-wrapper nav:last-child div:last-child table tr td:first-child,#history-wrapper div:last-child table tr td{
	width: 25%;
	padding: 0 10px;
}

#com_overview-wrapper nav:last-child div:last-child table tr td:last-child,#history-wrapper div:last-child table tr td:last-child{
	width: 75%;
}

.tr-second td:last-child li{
	padding-bottom: 20px;
}

.tr-second iframe{
	width: 100%;
	height: 350px;
	padding-bottom: 20px;
}

#history-wrapper div:first-child,#garelly-wrapper nav:first-child{
	width: 34%;
	height: auto;
}

#history-wrapper div:first-child div,#garelly-wrapper nav:first-child div{
	width: 100%;
	height: fit-content;
	position: -webkit-sticky;
	position: sticky;
	top: 150px;
}

#history-wrapper div:first-child h2,#garelly-wrapper nav:first-child div h2{
	width: 100%;
	line-height: 1.4;
}

#history-wrapper div:first-child h2 span:first-child,#garelly-wrapper nav:first-child div h2 span:first-child{
	font-size: 56px;
    font-weight: 400;
    letter-spacing: 4px;
}

#history-wrapper div:first-child h2 span:last-child,#garelly-wrapper nav:first-child div h2 span:last-child{
	font-size: 38px;
	font-weight: 400;
}

#history-wrapper div:last-child{
	width: 66%;
	height: 100%;
	text-align: left;
	line-height: 2.0;
}

#history-wrapper div:last-child table tr:first-child{
	border-top: 1px solid #888888;
}

#garelly-wrapper nav:last-child{
    width: 66%;
	height: 100%;
	text-align: left;
	line-height: 2.0;
}

#garelly-wrapper nav:last-child div{
    width: 100%;
}

#garelly-wrapper nav:last-child div img{
	width: 100%;
	height: auto;
	padding-bottom: 10px;
}

#TCL{
	width: 80%;
	height: 200px;
	max-width: 1300px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	text-align: center;
	padding: 100px 0;
}

#TCL .br-hidden{
	display: none;
}

#TCL a{
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000000;
    width: 100%;
    height: 200px;
    line-height: 1.2;
    margin: auto;
}

#TCL li{
	width: 100%;
	font-size: 20px;
	font-weight: bold;
    margin: auto;
}

#TCL a:first-child,#TCL a:nth-child(2){
	border-right: 1px solid #000000;
}
/*企業情報*/





/*事業紹介*/
#bus_introduce-wrapper{
	width: 100%;
	margin: auto;
}

#bus_introduce-wrapper div:first-child{
	width: 100%;
	max-width: 1300px;
	padding: 300px 0 150px 0;
	line-height: 1.2;
	margin: auto;
	text-align: center;
}

#bus_introduce-wrapper div:nth-child(2){
	width: 100%;
}

#bus_introduce-wrapper div:nth-child(2) img{
	width: 100%;
	height: 650px;
	margin: auto;
	object-fit: cover;
}

#bus_introduce-wrapper div:last-child{
	width: 80%;
	max-width: 1300px;
	margin: auto;
	padding: 150px 0;
	border-bottom: 1px solid #C0C0C0;
}

#bus_introduce-wrapper div:last-child h1{
	width: 100%;
	margin: auto;
	font-size: 50px;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: 4px;
	padding-bottom: 50px;
	max-width: 860px;
}

#bus_introduce-wrapper div:last-child p{
	width: 100%;
	margin: auto;
	font-weight: bold;
	line-height: 2.2;
	max-width: 860px;
}

#fourth_bus-wrapper{
	width: 80%;
	max-width: 1300px;
	margin: auto;
	padding: 200px 0 150px 0;
}

#nava{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin: auto;
}

.div-first{
	width: 34%;
	position: sticky;
	top: 180px;
}

.div-first h2{
	width: 100%;
	font-size: 34px;
	font-weight: bold;
	letter-spacing: 4px;
	max-width: 350px;
}

.div-second{
	width: 66%;
	margin: auto;
}

.div1{
    width: 100%;
    margin: auto;
}

.div1 h2,.div2 h2{
	width: 100%;
	font-size: 34px;
	font-weight: bold;
	letter-spacing: 2px;
}

.div1 p,.div2 p{
	font-size: 14px;
	font-weight: bold;
	padding-top: 15px;
	line-height: 2.0;
}

.div1 img{
	width: 100%;
	height: auto;
	padding: 50px 0;
	border-bottom: 1px solid #C0C0C0;
}

.div2{
	width: 100%;
	margin: auto;
	padding: 100px 0;
}

.div3{
	width: 100%;
	margin: auto;
}

.div3 .backimg-5 .br-hidden{
	display: block;
}

.div3 div{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
}

.div3 div nav{
	display: block;
	position: relative;
	overflow: hidden;
}

.div3 .backimg-2 span:last-child,.div3 .backimg-3 span:last-child,.div3 .backimg-4 span:last-child,.div3 .backimg-5 span:last-child{
	font-size: 16px;
}

.div3 nav a:last-child span:first-child{
    font-size: 42px;
    font-weight: bold;
}

.div3 nav span:last-child{
	font-size: 14px;
	font-style: italic;
}

.div3 .backimg-2 h2,.div3 .backimg-3 h2,.div3 .backimg-4 h2,.div3 .backimg-5 h2{
	padding: 0 0 20px 10px;
	font-size: 32px;
}

.div3 .noneimg-2{
	position: absolute;
	bottom: 40px;
	left: 10px;
	font-size: 20px;
	color: #ffffff;
	line-height: 0.9;
	z-index: 999;
}

.div3 .noneimg-3{
	position: absolute;
	bottom: 40px;
	left: 10px;
	font-size: 20px;
	color: #ffffff;
	line-height: 0.9;
	z-index: 999;
}

.div3 .noneimg-4{
	position: absolute;
	bottom: 40px;
	left: 10px;
	font-size: 20px;
	color: #ffffff;
	line-height: 0.9;
	z-index: 999;
}

.div3 .noneimg-5{
	position: absolute;
	bottom: 40px;
	left: 10px;
	font-size: 20px;
	color: #ffffff;
	line-height: 1.1;
	z-index: 999;
}

.div3 nav:hover img{
    filter: brightness(60%) saturate(50%);
    transform: scale(1.2);
    transition: 0.4s;
}

#bus_feature_wrapper{
	width: 100%;
	margin: auto;
	background-color: #f5f5f5;
	padding: 200px 0 100px 0;
}

#navb{
	width: 80%;
	margin: auto;
	max-width: 1300px;
}


#navc{
	width: 100%;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.div4{
	width: 34%;
	position: sticky;
	top: 180px;
}

.div4 h2{
	width: 100%;
	text-align: left;
	font-size: 34px;
	font-weight: bold;
	letter-spacing: 4px;
}

.div5{
	width: 66%;
	margin: auto;
}

.div5_1,.div5_2,.div5_3,.div5_4,.div5_5{
	width: 100%;
	margin: auto;
}

.div5_1 h2{
	width: 100%;
	font-size: 34px;
	font-weight: bold;
	letter-spacing: 2px;
}

.div5_1 p{
	font-size: 14px;
	font-weight: bold;
	padding-top: 15px;
	line-height: 2.0;
}

.div5_2{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding-top: 100px;
}

.div5_3{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding: 100px 0;
	border-bottom: 1px solid #C0C0C0;
}

.div5_2 nav:first-child,.div5_3 nav:first-child{
	width: 100px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.div5_2 nav:first-child li,.div5_3 nav:first-child li{
	height: 24px;
	background-color: #000000;
	margin-top: 5px;
	width: 100%;
}

.div5_2 nav:first-child li p,.div5_3 nav:first-child li p{
	text-align: center;
	font-size: 14px;
	color: #ffffff;
    letter-spacing: 1.2px;
}

.div5_2 nav:last-child,.div5_3 nav:last-child{
	width: 82%;
	padding-left: 10px;
}

.div5_2 nav:last-child h3,.div5_3 nav:last-child h3{
	width: 100%;
	font-size: 24px;
}

.div5_2 nav:last-child p,.div5_3 nav:last-child p{
	font-size: 14px;
	font-weight: bold;
	line-height: 2.0;
	padding-bottom: 30px;
}

.div5_2 nav:last-child div,.div5_3 nav:last-child div{
	width: 100%;
	margin: auto;
	background-color: #EEEEEE;
	padding: 20px 0;
}

.div5_2 nav:last-child div h4,.div5_3 nav:last-child div h4{
	font-size: 20px;
	text-align: center;
	padding-bottom: 20px;
}

.div5_2 nav:last-child div img,.div5_3 nav:last-child div img{
	display: block;
	justify-content: center;
	width: 95%;
	height: auto;
	text-align: center;
	margin: auto;
}

.div5_4{
	padding: 100px 0 50px 0;
	border-bottom: 1px solid #C0C0C0;
}

.div5_4 h2{
	width: 100%;
	font-size: 34px;
	font-weight: bold;
	letter-spacing: 2px;
}

.div5_4 p{
	font-size: 14px;
	font-weight: bold;
	padding-top: 15px;
	line-height: 2.0;
	padding-bottom: 50px;
}

.div5_4 div img{
	width: 100%;
	height: auto;
}

.div5_5{
	padding-top: 100px;
}

.div5_5_headline h2{
    width: 100%;
	font-size: 34px;
	font-weight: bold;
	letter-spacing: 2px;
}

.div5_5_headline p{
	font-size: 14px;
	font-weight: bold;
	padding-top: 15px;
	line-height: 2.0;
	padding-bottom: 50px;
}

.eighth_image{
	width: 100%;
	margin: auto;
	text-align: center;
}

.eighth_image div{
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	margin: auto;
	padding-bottom: 6px;
}

.eighth_image div nav{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 24%;
	height: auto;
	position: relative;
	padding-bottom: 5px;
}

.eighth_image div nav img{
	width: 100%;
}

.eighth_image div nav p{
	width: 100%;
	margin: auto;
	position: absolute;
	top: 70%;
	left: 0;
	font-size: 14px;
}
/*事業紹介*/




/*実績紹介*/
#works_introduce-wrapper{
	width: 100%;
	max-width: 1300px;
	margin: auto;
	padding: 300px 0 150px 0;
}

#works_introduce-wrapper .works_div1{
	width: 90%;
	line-height: 1.2;
	margin: auto;
	text-align: center;
    padding-bottom: 150px;
}

#works_introduce-wrapper nav{
	width: 80%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin: auto;
	flex-wrap: wrap;
}

#works_introduce-wrapper nav div{
	width: 100%;
	display: flex;
	margin: auto;
}

#works_introduce-wrapper nav div a{
	display: block;
	justify-content: center;
	align-items: center;
	margin: auto;
    width: 19.8%;
    height: 75px;
    background-color: #000000;
}

#works_introduce-wrapper nav div:first-child{
	display: none;
}

#works_introduce-wrapper nav div a li{
	display: flex;
	justify-content: center;
	align-items: center;
    width: 100%;
    height: 100%;
    color: #ffffff;
    text-align: center;
    margin: auto;
    font-size: 14px;
    font-weight: bold;
}

#all_pic1-wrapper{
	width: 100%;
	height: 400vw;
	margin: 0 auto;
}

#all_pic1-wrapper nav{
	max-width: 1300px;
	width: 80%;
	height: 400vw;
	margin: auto;
	position: relative;
}

#all_pic1-wrapper nav div{
	width: 45%;
	height: fit-content;
	display: block;
	justify-content: center;
	align-items: flex-start;
}

#all_pic1-wrapper nav div:first-child{
	position: absolute;
	top: 0;
	left: 0;
}

#all_pic1-wrapper nav div:nth-child(2){
	position: absolute;
	top: 0;
	left: 55%;
}

#all_pic1-wrapper nav div:nth-child(3){
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 50%;
}

#all_pic1-wrapper nav div:nth-child(4){
	position: absolute;
	top: 0;
	left: 55%;
	padding-top: 83%;
}

#all_pic1-wrapper nav div:nth-child(5){
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 121%;
}

#all_pic1-wrapper nav div:nth-child(6){
	position: absolute;
	top: 0;
	left: 55%;
	padding-top: 143%;
}

#all_pic1-wrapper nav div:nth-child(7){
	position: absolute;
	top: 0;
	left: 55%;
	padding-top: 186%;
}

#all_pic1-wrapper nav div:nth-child(8){
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 205%;
}

#all_pic1-wrapper nav div:nth-child(9){
	position: absolute;
	top: 0;
	left: 55%;
	padding-top: 232%;
}

#all_pic1-wrapper nav div:nth-child(10){
	position: absolute;
	top: 0;
	left: 55%;
	padding-top: 278%;
}

#all_pic1-wrapper nav div:nth-child(11){
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 296%;
}

#all_pic1-wrapper nav div:nth-child(12){
	position: absolute;
	top: 0;
	left: 55%;
	padding-top: 354%;
}

#all_pic1-wrapper nav div:nth-child(13){
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 373%;
}

#all_pic1-wrapper nav div:nth-child(14){
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 423%;
}

#all_pic1-wrapper nav div:last-child{
	position: absolute;
	top: 0;
	left: 55%;
	padding-top: 430%;
}

#all_pic1-wrapper nav div a{
	width: 100%;
	display: block;
	justify-content: center;
	align-items: center;
	margin: auto;
	position: relative;
	color: #000000;
	z-index: 900;
}

#all_pic1-wrapper nav div a:nth-child(2){
	background-color: #990000;
}

#all_pic1-wrapper nav div a p{
	width: 100%;
	font-size: 36px;
	font-style: italic;
	text-align: right;
}

#all_pic1-wrapper nav div a:nth-child(2) img{
	display: block;
	width: 100%;
    opacity: 0.95;
    filter: brightness(75%) saturate(90%);
}

#all_pic1-wrapper nav div a h2{
	width: 90%;
	color: #ffffff;
	padding-bottom: 20px;
	line-height: 1.0;
}

#all_pic1-wrapper nav div a h2 span:first-child{
	font-size: 22px;
}

#all_pic1-wrapper nav div a h2 span:last-child{
	font-size: 14px;
	font-style: italic;
}

#all_pic1-wrapper nav div a ul{
	width: 90%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	margin: auto;
	position: absolute;
	bottom: 30px;
	left: 30px;
}

#all_pic1-wrapper nav div a ul li{
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: fit-content;
	height: 28px;
	color: #ffffff;
	background-color: #000000;
	margin: 0 5px 5px 0;
	padding: 3px 5px;
}

#all_pic1-wrapper nav div a ul .green{
	background-color: #008080;
	padding: 3px 5px;
}

#all_pic1-wrapper nav div a ul .green img{
	width: 15%;
	height: auto;
}

#all_pic1-wrapper nav div a ul li p{
	width: 100%;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
}

#all_page1-wrapper{
	width: 100%;
	max-width: 1300px;
	margin: auto;
	padding: 100px 0;
}

#all_page1-wrapper div{
	width: 340px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
}

#all_page1-wrapper div nav{
	display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin: auto;
}

#all_page1-wrapper div nav li{
	width: 45px;
	height: 45px;
	background-color: #000000;
	color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}

#all_page1-wrapper div a{
	display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin: auto;
}

#all_page1-wrapper div a li{
	width: 45px;
	height: 45px;
	background-color: #BBBBBB;
	color: #ffffff;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}
/*実績紹介*/







@media screen and (min-width:1600px){

	#all_pic1-wrapper {
	    height: 477vh;
	}

}





@media screen and (min-width:1300px){

	#all_pic1-wrapper nav {
	    height: 675vh;
	}

}







@media screen and (max-width:1300px){
    
    #company-wrapper .br-hidden{
    	display: none;
    }
}






@media screen and (max-width:1024px){
    
    #concept-wrapper p{
	    font-size: 17px;
	    line-height: 2.2;
	}

    #concept-wrapper img{
	    width: 100%;
	    height: 100%;
	}

    #business-wrapper{
    	display: block;
    }

    #business-wrapper div:first-child span, #works-wrapper h1 span, #company-wrapper h1 span, #contact-wrapper h1 span{
	    border-bottom: solid 1px;
	    font-size: 18px;
	    padding-bottom: 30px;
	}

    #business-wrapper div:first-child{
    	width: 100%;
    	padding: 100px 0 100px 80px;
    }

    #business-wrapper div:last-child{
    	width: 100%;
    }

	.br-hidden{
		display: none;
	}

	.img_2 img,.img_3 img,.img_4 img,.img_5 img{
		object-fit: cover;
	    width: 100%;
		overflow: hidden;
		transition: 0.3s;
	}

	#business-wrapper p a{
	    letter-spacing: 3px;
	    width: 15%;
	    padding-bottom: 15px;
	}

    .black-image{
		width: 100%;
	}

	#works-wrapper{
		padding: 150px 50px;
	}

	#works-wrapper h1{
		font-size: 36px;
		line-height: 0.7;
	}

	.work-image ul{
		flex-wrap: wrap;
		width: 90%;
	}

	.work-image img{
	    width: 90%;
	}

	.work-image p{
		width: 95%;
	}

	.workimg-1 div:last-child ul{
		bottom: 90px;
	}

	.workimg-1 div:last-child .phrase-1{
		bottom: 100px;
	}

	.phrase-1{
		position: relative;
		bottom: 120px;
		left: 40px;
	}

	.phrase-2{
		position: relative;
		bottom: 150px;
		left: 40px;
	}

	.workimg-2 div:last-child .phrase-2{
		bottom: 120px;
	}

	.workimg-2 div:first-child ul{
        width: 85%;
        bottom: 135px;
	}

	.workimg-2 div:last-child ul{
		width: 85%;
		bottom: 110px;
	}

	#company-wrapper{
	    padding: 20% 5%;
	}

	#company-wrapper div{
		width: 100%;
	}

	#company-wrapper a{
	    width: 22%;
	    padding: 5%;
	}

	#recruit-wrapper{
	    height: 300px;
	}

	#recruit-wrapper div{
		width: 100%;
		height: auto;
	}

	#contact-wrapper div:first-child{
		min-width: unset;
	}

	#recruit-wrapper a:first-child img{
	    height: 320px;
	}

    #contact-wrapper div:first-child p{
	    padding-top: 60px;
	    font-size: 15px;
	}

	#contact-wrapper div:first-child aside {
	    position: relative;
        right: 0;
        width: unset;
	    padding: 0 10%;
	}    

	#contact-wrapper div:last-child{
	    width: 65%;
	}

    #contact-wrapper nav:first-child aside,#contact-wrapper nav:last-child aside{
        left: 0;
		padding: 0 5%;
	}

	#summary-wrapper nav:first-child div ul{
	    width: 35%;
	}

	#summary-wrapper nav:first-child ul{
	    padding-right: 50px;
	    padding-bottom: 50px;
	}

	footer{
	    padding: 30px 0 30px 50px;
	}

/*事業紹介*/
    #bus_introduce-wrapper div:last-child {
	    width: 90%;
	}

	#fourth_bus-wrapper {
	    width: 90%;
	}
/*事業紹介*/

}


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

	.div3 div {
	    display: block;
	}
/*実績紹介*/
	#all_pic1-wrapper nav div a h2 {
		padding-bottom: 10px;
	    line-height: 0.8;
	}

	#all_pic1-wrapper nav div a h2 span:first-child {
	    font-size: 18px;
	}

	#all_pic1-wrapper nav div a h2 span:last-child {
	    font-size: 12px;
	}

	#all_pic1-wrapper nav div a ul {
	    bottom: 20px;
	    left: 20px;
	}

	#all_pic1-wrapper nav div a ul .green {
	    padding: 0px 3px;
	}

	#all_pic1-wrapper nav div a ul li {
	    padding: 0px 3px;
	}

	#all_pic1-wrapper nav div a ul li p {
	    font-size: 11px;
	}
/*実績紹介*/

}




@media screen and (max-width:768px){
    
    #header section ul{
		display: none;
	}

	.down_scroll{
		height: 80px;
	}

	.down_scroll .hamburger{
		z-index: 1000;
	}

	.down_scroll .hamburger span{
		background-color: #000000;
	}

	.down_scroll .hamburger_second span{
		background-color: #000000;
	}

	.down_scroll .first-container{
		z-index: 998;
	}

	.hum_fixed{
		overflow: hidden;
	}


	/*　ハンバーガーボタン　*/
	.hamburger {
	  display : block;
	  position: absolute;
	  z-index : 989;
	  right : 40px;
	  top   : 20px;
	  width : 42px;
	  height: 42px;
	  cursor: pointer;
	  text-align: center;
	}
	.hamburger span {
	  display : block;
	  position: absolute;
	  width   : 50px;
	  height  : 2px ;
	  left    : 6px;
	  background : #ffffff;
	  font-weight: normal;
	  -webkit-transition: 0.3s ease-in-out;
	  -moz-transition   : 0.3s ease-in-out;
	  transition        : 0.3s ease-in-out;
	  z-index: 1000;
	}

	.hamburger_second{
	  display : block;
	  position: absolute;
	  z-index : 990;
	  right : 40px;
	  top   : 20px;
	  width : 42px;
	  height: 42px;
	  cursor: pointer;
	  text-align: center;
	}
	.hamburger_second span{
	  display : block;
	  position: absolute;
	  width   : 50px;
	  height  : 2px ;
	  left    : 6px;
	  background : #ffffff;
	  font-weight: normal;
	  -webkit-transition: 0.3s ease-in-out;
	  -moz-transition   : 0.3s ease-in-out;
	  transition        : 0.3s ease-in-out;
	  z-index: 1000;
	}

		/* ナビ開いてる時のボタン */
    .hamburger_second.active span:nth-child(1){
	  top: 16px;
	  left: 6px;
	  -webkit-transform: rotate(-30deg);
	  -moz-transform   : rotate(-30deg);
	  transform        : rotate(-30deg);
	}
	.hamburger_second.active span:nth-child(2),
	.hamburger_second.active span:nth-child(3){
	  top: 16px;
	  -webkit-transform: rotate(30deg);
	  -moz-transform   : rotate(30deg);
	  transform        : rotate(30deg);
	}

	.hamburger span:nth-child(1) {
	  top: 10px;
	}
	.hamburger span:nth-child(2) {
	  top: 20px;
	}
	.hamburger span:nth-child(3) {
	  top: 30px;
	}


	.down_scroll div:first-child{
		width: 42px;
	}




	nav.globalMenuSp {
	  position: fixed;
	  z-index : 2;
	  top  : 0;
	  left : 58%;
	  color: #ffffff;
	  background: #000000;
	  text-align: left;
	  transform: translateX(100%);
	  transition: all 0.6s;
	  height: 100%;
	  padding: 70px 30px 0px 30px;
	  line-height: 1;
	  display: block; 
	  overflow: hidden;
	  z-index: 999;
	}

	nav.globalMenuSp ul {
	  background: #000000;
	  margin: 0;
	  padding: 0;
	}

	nav.globalMenuSp ul li {
	  list-style-type: none;
	  padding-top: 30px;
	  width: 100%;
	  font-size: 18px;
	}

	.global-1st{
		padding-bottom: 50px;
		border-bottom: 1px solid #ffffff;
	}

	nav.globalMenuSp ul li span{
		font-size: 11px;
		font-weight: bold;
	}

	nav.globalMenuSp ol li{
		font-size: 11px;
		padding-top: 15px;
		font-weight: bold;
	}

	nav.globalMenuSp ul li a {
	  display: block;
	  color: #ffffff;
	  padding: 0;
	  text-decoration :none;
	}

	nav.globalMenuSp img{
		width: 20px;
	}

	nav.globalMenuSp ul:last-child{
		display: flex;
		justify-content: right;
	}

	nav.globalMenuSp ul:last-child li{
		display: flex;
		justify-content: right;
		align-items: center;
		font-size: 11px;
		width: fit-content;
	    padding-left: 10px;
	    font-weight: bold;
	}

	nav.globalMenuSp ul:last-child a{
		display: inline-block;
	}

	/* このクラスを、jQueryで付与・削除する */
	nav.globalMenuSp.active {
	  transform: translateX(0%);
	}


	.top-logo img{
		width: 60px;
        margin: 20px;
	}

	.header-second{
	    width: 100%;
	    text-align: center;	
	    margin: 50vh 0;
	}

	.header-second h1{
		font-size: 32px;
	}

	.header-second p{
		text-align: center;
	}

	.header-third ul{
		width: 100%;
	}

	.header-third li:last-child{
		width: auto;
	}

	.fade img{
		height: 100vh;
		width: auto;
		object-fit: cover;
		object-position: 40% 50%;
	}

	#top-wrapper{
		padding-top: 100px;
	}

	#top-wrapper p{
		font-size: 18px;
	}

	#top-wrapper h1{
		font-size: 30px;
		padding: 20px 0;
	}

	.br-hidden-a{
		display: block;
	}

	#concept-wrapper{
		display: block;
        text-align: center;
	}

	#concept-wrapper div{
		width: 100%;
		text-align: center;
		margin: auto;
	}

	#concept-wrapper p{
		font-size: 15px;
		line-height: 2.0;
	}

	.br-hidden{
		display: none;
	}

	#concept-wrapper img{
		width: 100%;
		height: auto;
		text-align: center;
		margin: auto;
	}

	#business-wrapper{
		display: block;
	}

	#business-wrapper div:first-child span, #works-wrapper h1 span, #company-wrapper h1 span, #contact-wrapper h1 span{
	    border-bottom: solid 1px;
	    font-size: 18px;
	    padding-bottom: 20px;
	}

	#business-wrapper .br-hidden{
		display: block;
	}

	#business-wrapper p a{
		width: 22%;
	}

	#business-wrapper p a:before,.more-works:before{
	    display: none;
	}

	#business-wrapper div:first-child{
		width: 80%;
		padding: 150px 0 100px 0;
		margin: auto;
	}

	#business-wrapper p:nth-child(3){
		padding-bottom: 60px;
	}

	.img_2 img, .img_3 img, .img_4 img, .img_5 img{
	    width: 100%;
	    height: 280px;
	}

	.backimg-1 h2,.backimg-2 h2,.backimg-3 h2,.backimg-4 h2,.backimg-5 h2{
	    line-height: 1.0;
	    padding: 0 0 10px 20px;
	}

	.black-image{
		width: 100%;
	}

	.black-image nav span:last-child{
		position: relative;
		bottom: 10px;
	}

	#works-wrapper{
		padding: 120px 0;
	}

	#works-wrapper h1{
		font-size: 32px;
	}

	#works-wrapper h1,#works-wrapper p:nth-child(2),#works-wrapper p:nth-child(3){
		padding-left: 50px;
	}

	.work-image ul{
		bottom: 100px;
		left: 20%;
	}

	.work-image img{
		width: 70%;
		height: auto;
	}

	.work-image p{
		width: 85%;
	}

	.workimg-1,.workimg-2,.workimg-3{
		display: block;
		justify-content: center;
		margin: auto;
		position: relative;
	}

	.phrase-1,.phrase-2{
		bottom: 130px;
		left: 20%;
	}

	.workimg-1 div:last-child .phrase-1{
		bottom: 130px;
	}

	.workimg-1 div:last-child ul{
		bottom: 100px;
	}

	.workimg-2 div{
		width: 100%;
	}

	.workimg-2 div:first-child ul{
		bottom: 120px;
		left: 20%;
		width: 65%;
	}

	.workimg-2 div:last-child ul{
		bottom: 100px;
		left: 20%;
		width: 65%;
	}

	.workimg-2 div:first-child .phrase-2{
        bottom: 140px;
	}

    #company-wrapper{
    	padding: 100px 30px;
    }

    #company-wrapper div{
		display: block;
		justify-content: space-between;
		align-items: center;
	}

	#company-wrapper a{
		display: block;
		justify-content: center;
		color: #000000;
	    border: 1px solid #ffffff;
	    background-color: #ffffff;
	    width: 100%;
	    height: fit-content;
	    padding: 0;
	    margin-bottom: 10px;
	}

	#company-wrapper a h2{
		padding: 50px 30px 0px 30px;
	}

	#company-wrapper a p{
		padding: 10% 5%;
	}

	#company-wrapper a p:last-child{
		bottom: -15%;
		padding-top: 0;
	}

	#company-wrapper a p:last-child:before{
		content: "";
		width: 60px;
		height: 50%;
		border-bottom: 1px solid #C0C0C0;
		position: absolute;
		top: -35%;
		right: 80%;
		transform-origin: right;
		transition: all .3s ease-in-out;
		overflow: hidden;
	}

	#recruit-wrapper{
	    padding: 100px 50px 50px 50px;
	    height: 280px;
	}

	#recruit-wrapper a:first-child img{
		height: 230px;
	}

	#contact-wrapper{
		display: block;
		width: 100%;
	}

	#contact-wrapper .br-hidden,#contact-wrapper .br-hidden-a{
		display: none;
	}

	#contact-wrapper div:last-child nav:last-child .br-hidden-a{
		display: none;
	}

    #contact-wrapper h1,#contact-wrapper h2{
        font-size: 26px;
        width: 100%;
        line-height: 1.2;
    }

	#contact-wrapper div:first-child{
	    width: 100%;
	    padding: 80px 0px;
	    margin: auto;
	}

	#contact-wrapper div:last-child{
	    width: 100%;
	}

	#contact-wrapper img{
	    width: 100%;
		height: 350px;
	}

	#contact-wrapper nav{
		width: 100%;
	}

	#contact-wrapper nav a{
		width: 100%;
	}

	#contact-wrapper nav:first-child aside,#contact-wrapper nav:last-child aside{
		top: 25%;
        left: 5%;
        padding: 0 5%;
	}

	.top-page{
		position: relative;
		top: 230px;
		left: 0;
	}

	#summary-wrapper{
		display: block;
		width: 100%;
		padding: 0;
		margin: auto;
		padding-bottom: 100px;
	}

	#summary-wrapper .first-container{
		display: block;
		width: 100%;
	}

	#summary-wrapper nav:first-child{
		padding: 65% 0 5% 0;
		width: 80%;
		margin: auto;
	}

	#summary-wrapper nav:first-child div{
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		border-bottom: 1px solid #666666;
	}

	#summary-wrapper nav:first-child div ul{
	    width: 30%;
	}

	#summary-wrapper nav:first-child ul{
		padding: 0 20px 50px 0;
	}

	#summary-wrapper nav:last-child{
        width: 80%;
        margin: auto;
	}

	#summary-wrapper nav:last-child div:last-child a:first-child{
		display: block;
	}

	#summary-wrapper nav:last-child div:last-child{
		position: relative;
	}

	#summary-wrapper nav:last-child div:last-child img{
		position: absolute;
		top: -620%;
		width: 100%;
		height: auto;
	}

	#summary-wrapper nav:last-child div:last-child li{
		width: 100%;
	}

	footer{
	    padding: 30px 0 30px 30px;
	}


/*私たちについて*/
    #header_concept .header-first{
      display: none;
    }

    #header_concept section {
	    height: 90px;
	}

    .hamburger-2{
	  display : block;
	  position: fixed;
	  z-index : 998;
	  right : 40px;
	  top   : 20px;
	  width : 42px;
	  height: 42px;
	  cursor: pointer;
	  text-align: center;
    }

    .hamburger-2 span{
	  display : block;
	  position: absolute;
	  width   : 50px;
	  height  : 2px ;
	  left    : 6px;
	  font-weight: normal;
	  -webkit-transition: 0.3s ease-in-out;
	  -moz-transition   : 0.3s ease-in-out;
	  transition        : 0.3s ease-in-out;
	  z-index: 1000;
    }

    .hamburger-2 span:nth-child(1) {
	  top: 10px;
	  background: #000000;
    }

    .hamburger-2 span:nth-child(2) {
	  top: 20px;
	  background: #000000;
    }

    .hamburger-2 span:nth-child(3) {
	  top: 30px;
	  background: #000000;
    }

  /* ナビ開いてる時のボタン */
    .hamburger_third{
	  display : block;
	  position: absolute;
	  z-index : 990;
	  right : 40px;
	  top   : 20px;
	  width : 42px;
	  height: 42px;
	  cursor: pointer;
	  text-align: center;
	}
	.hamburger_third span{
	  display : block;
	  position: absolute;
	  width   : 50px;
	  height  : 2px ;
	  left    : 6px;
	  background : #ffffff;
	  font-weight: normal;
	  -webkit-transition: 0.3s ease-in-out;
	  -moz-transition   : 0.3s ease-in-out;
	  transition        : 0.3s ease-in-out;
	  z-index: 1000;
	}

    .hamburger_third.active span:nth-child(1){
	  top: 16px;
	  left: 6px;
	  -webkit-transform: rotate(-30deg);
	  -moz-transform   : rotate(-30deg);
	  transform        : rotate(-30deg);
	}
	.hamburger_third.active span:nth-child(2),
	.hamburger_third.active span:nth-child(3){
	  top: 16px;
	  -webkit-transform: rotate(30deg);
	  -moz-transform   : rotate(30deg);
	  transform        : rotate(30deg);
	}
  /* ナビ開いてる時のボタン */

    #statement-wrapper h1 span:first-child {
	    font-size: 44px;
	    letter-spacing: 0px;
	}

	#statement-wrapper h1 span:last-child {
	    font-size: 14px;
	}

	#statement-wrapper p {
	    padding-top: 34px;
	    font-size: 16px;
	}

	#corporate-wrapper p,#mission-wrapper p{
	    font-size: 26px;
	    line-height: 1.6;
	}

	#solution-wrapper h1 {
	    font-size: 40px;
	}

	#solution-wrapper div:nth-child(2) img {
	    width: 80%;   
	    height: auto;
	}

	#solution-wrapper div:nth-child(3) p {
	    width: 80%;
	}

	#solution-wrapper div:last-child {
	    width: 80%;
	}
/*私たちについて*/


/*企業情報*/
#com_info-wrapper div:last-child {
	    width: 80%;
	    padding: 150px 0 100px 0;
	}

    #com_overview-wrapper, #history-wrapper, #garelly-wrapper{
	    width: 80%;
	    display: block;
	}

	#com_overview-wrapper nav:first-child {
	    width: 100%;
	    margin: auto;
	    text-align: center;
	    padding-bottom: 50px;
	}

	#com_overview-wrapper nav:first-child div h2 {
	    font-size: 30px;
	}

	#com_overview-wrapper nav:last-child {
	    width: 100%;
	}

	#com_overview-wrapper nav:last-child div:first-child p {
	    font-size: 13.5px;
	}

	#com_overview-wrapper nav:last-child div:last-child table tr td:first-child, #history-wrapper div:last-child table tr td {
	    width: 30%;
	}

	#com_overview-wrapper nav:last-child div:last-child table tr td:last-child, #history-wrapper div:last-child table tr td:last-child {
	    width: 70%;
	}

	#history-wrapper div:first-child, #garelly-wrapper nav:first-child {
	    width: 100%;
	    padding-bottom: 50px;
	}

	#history-wrapper div:first-child h2 span:last-child, #garelly-wrapper nav:first-child div h2 span:last-child {
	    font-size: 30px;
	    margin: auto;
	    display: block;
	    text-align: center;
	}

	#history-wrapper div:last-child {
        width: 100%;
	}

	#garelly-wrapper nav:last-child {
	    width: 100%;
	}
/*企業情報*/


/*事業紹介*/
	#bus_introduce-wrapper div:nth-child(2) img{
		height: 60vw;
	}

	#bus_introduce-wrapper div:last-child {
	    border-bottom: none;
	}

	#fourth_bus-wrapper {
		width: 80%;
	    padding: 150px 0;
	    border-top: 1px solid #C0C0C0;
	}

	#nava {
	    display: block;
	}

	.div-first {
	    width: 100%;
	    position: relative;
	    top: 0px;
	    margin: auto;
	}

	.div-first h2 {
		font-size: 28px;
		text-align: center;
	    max-width: unset;
	}

	.div-second {
	    width: 100%;
	}

	.div1 h2{
	    font-size: 28px;
	    padding-top: 50px;
	}

	.div2 {
	    padding: 50px 0;
	}

	.div2 h2 {
		font-size: 28px;
		padding-top: 20px;
	}

	.div3 div {
	    display: block;
	}

	#bus_feature_wrapper {
	    padding: 150px 0;
	}

	#navc {
	    display: block;
	}

	.div4 {
	    width: 100%;
	    position: relative;
	    top: unset;
	}

	.div4 h2{
		text-align: center;
		font-size: 28px;
	}

	.div5 {
	    width: 100%;
	}

	.div5_1{
		padding-top: 50px;
	}

	.div5_1 h2 {
	    font-size: 28px;
	}

	.div5_3 {
	    padding: 100px 0 70px 0;
	}

	.div5_4 {
	    padding: 70px 0 50px 0;
	}

	.div5_4 h2 {
	    font-size: 28px;
	}

	.div5_4 div{
		overflow: scroll;
	}

	.div5_4 div img{
		min-width: 730px;
	}

	.div5_5 {
	    padding-top: 70px;
	}

	.div5_5_headline h2 {
	    font-size: 28px;
	}
/*事業紹介*/


/*実績紹介*/
    #works_introduce-wrapper {
	    padding: 200px 0 150px 0;
	}

    
    #all_pic1-wrapper nav div a {
	    line-height: 1.2;
	}

	#all_pic1-wrapper nav div a p {
	    font-size: 28px;
	}

	#all_pic1-wrapper nav div a h2 {
	    padding-bottom: 7px;
	    line-height: 0.6;
	}

    #all_pic1-wrapper nav div a h2 span:first-child {
	    font-size: 16px;
	}

	#all_pic1-wrapper nav div a h2 span:last-child {
	    font-size: 11px;
	}

	#all_pic1-wrapper nav div a ul {
	    bottom: 10px;
	    left: 15px;
	}

	#all_pic1-wrapper nav div a ul li {
	    height: 20px;
	    margin: 0 2px 2px 0;
	}

	#all_pic1-wrapper nav div a ul li p {
	    font-size: 9px;
	}
/*実績紹介*/


}





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

	#summary-wrapper nav:first-child{
		padding: 500px 0 50px 0;
	}

	#summary-wrapper nav:first-child ul{
	    padding: 0 3% 7% 0;
	}

}




@media screen and (max-width:500px){
  /*私たちについて*/

    #statement-wrapper{
	    width: 90%;
	}

    #statement-wrapper h1 .br-hidden{
    	display: block;
    }

    #statement-wrapper h1 span:first-child {
	    font-size: 38px;
	}

	.span-1st {
	    font-size: 30px;
	}

	#woman-image {
	    height: 400px;
	}

	#corporate-wrapper{
	    width: 90%;
	    padding-bottom: 100px;
	}

	#corporate-wrapper h2 {
	    padding: 100px 0;
	}

	#corporate-wrapper p,#mission-wrapper p{
	    font-size: 20px;
	}

	#mission-wrapper{
	    padding-bottom: 100px;
	}

	#mission-wrapper div{
		width: 90%;
	}

	#mission-wrapper h2 {
	    padding-top: 100px;
	}

	#mission-wrapper h2 .br-hidden{
		display: block;
	}

	#mission-wrapper p {
	    padding-top: 30px;
	}

	#solution-wrapper {
	    width: 90%;
	}

	#solution-wrapper h1 {
	    font-size: 34px;
	    padding: 100px 0 50px 0;
	}

	#solution-wrapper h2 {
	    padding-top: 100px;
	}

	#solution-wrapper div:nth-child(3) {
	    padding: 50px 0;
	}

	#solution-wrapper div:last-child {
		height: 150px;
	    padding: 0 0 50px 0;
	}

	#solution-wrapper div:last-child a {
	    height: 150px;
	}

	#solution-wrapper div:last-child li {
	    font-size: 16px;
	}

	#solution-wrapper div:last-child a:first-child li{
	    width: 90%;
	}

	#solution-wrapper div:last-child a:last-child li{
	    width: 90%;
	}

	.span-2nd {
	    font-size: 14px;
	}
  /*私たちについて*/


/*企業情報*/
  #com_info-wrapper div:last-child {
	    width: 90%;
	    height: 60px;
	    padding: 50px 0 50px 0;
	}

	#com_overview-wrapper, #history-wrapper, #garelly-wrapper {
	    width: 90%;
	}

	#com_overview-wrapper nav:first-child div h2 {
	    font-size: 26px;
	}

	#com_overview-wrapper nav:last-child div:last-child table tr, #history-wrapper div:last-child table tr {
	    font-size: 13.5px;
	}

	#history-wrapper div:first-child, #garelly-wrapper nav:first-child {
	    padding-bottom: 25px;
	}


	#history-wrapper div:first-child h2 span:first-child, #garelly-wrapper nav:first-child div h2 span:first-child {
	    font-size: 42px;
	}

	#history-wrapper div:first-child h2 span:last-child, #garelly-wrapper nav:first-child div h2 span:last-child {
	    font-size: 26px;
	}

	#history-wrapper div:last-child table tr{
		padding: 20px 0;
	}

	#garelly-wrapper nav:first-child {
	    padding-bottom: 50px;
	}

	#TCL{
		width: 90%;
	}

	#TCL .br-hidden{
		display: block;
	}

	#TCL a {
	    height: 130px;
	}

	#TCL li {
	    font-size: 14.5px;
	    top: 40%;
	}
/*企業情報*/


/*事業紹介*/
	#bus_introduce-wrapper div:first-child{
	    padding: 150px 0 50px 0;
	}

	#bus_introduce-wrapper div:nth-child(2) img{
		height: 90vw;
	}

	#bus_introduce-wrapper div:last-child{
	    padding: 50px 0 100px 0;
	}

	#bus_introduce-wrapper div:last-child h1 {
	    font-size: 24px;
	    padding-bottom: 30px;
	}

	#bus_introduce-wrapper div:last-child p {
	    font-size: 14px;
    }

    #fourth_bus-wrapper {
	    width: 90%;
	    padding: 100px 0;
	}

    .div-first h2 {
	    font-size: 24px;
	}

	.div1 h2 {
	    font-size: 22px;
	    letter-spacing: 1px;
	}

	.div2 h2 {
	    font-size: 22px;
	    letter-spacing: 1px;
	}

	.div3 .backimg-2 h2, .div3 .backimg-3 h2, .div3 .backimg-4 h2, .div3 .backimg-5 h2 {
	    padding: 0 0 15px 15px;
	    font-size: 26px;
	}

	.div4 h2 {
	    font-size: 24px;
	}

	#bus_feature_wrapper {
	    padding: 100px 0;
	}

	.div5_1 h2 {
	    font-size: 22px;
	    letter-spacing: 0;
	}

	.div5_1 .br-hidden{
		display: none;
	}

	#navb {
	    width: 90%;
	}

	.div5_2 {
	    display: block;
	    padding-top: 50px;
	}

	.div5_2 nav:last-child, .div5_3 nav:last-child {
	    width: 100%;
	    padding-left: 0;
	}

	.div5_3 {
		display: block;
	    padding: 50px 0 70px 0;
	}

	.div5_4 h2 {
	    font-size: 22px;
	}

	.div5_5_headline h2 {
	    font-size: 22px;
	}


	.eighth_image div{
		justify-content: left;
	}

	.eighth_image div nav{
		justify-content: center;
		width: 32%;
		padding-right: 1.2%;
	}

    .div5_5_headline p {
	    padding-bottom: 20px;
	}
/*事業紹介*/



/*実績紹介*/
    #works_introduce-wrapper {
	    padding: 150px 0 100px 0;
	}

	#works_introduce-wrapper .works_div1 {
	    padding-bottom: 100px;
	}

	#works_introduce-wrapper nav{
		display: block;
	}

	#works_introduce-wrapper nav div {
        display: block;
	}

	#works_introduce-wrapper nav div:first-child{
	    display: block;
	}

	#works_introduce-wrapper nav div a{
		width: 100%;
	    height: 50px;
	    margin-bottom: 1px;
	}

	#works_introduce-wrapper nav div a li{
	    font-size: 11px;
	    justify-content: left;
	    padding-left: 25px;
	}

	#works_introduce-wrapper nav div:first-child a li:after{
	    content: "";
	    display: block;
	    width: 10px;
	    height: 10px;
	    border-top: 1px solid;
	    border-right: 1px solid;
	    transform: rotate(135deg);
	    position: absolute;
        top: 332px;
        left: 82%;
		color: #ffffff;
	}

	#works_introduce-wrapper nav div:last-child{
		display: none;
	}

	#all_pic1-wrapper{
		height: unset;
	}

	#all_pic1-wrapper nav {
	    display: block;
	    justify-content: center;
	    align-items: center;
	    height: auto;
	}

   #all_pic1-wrapper nav div {
	    width: 100%;
	}

	#all_pic1-wrapper nav div:first-child,#all_pic1-wrapper nav div:nth-child(n+1):nth-child(-n+14),#all_pic1-wrapper nav div:last-child{
		position: unset;
		top: 0;
		left: 0;
		padding-top: 0;
		padding-bottom: 25px;
	}

	#all_page1-wrapper {
	    padding: 50px 0;
	}
/*実績紹介*/

}







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


    #business-wrapper p a:before,.more-works:before{
	    display: none;
	}

	header{
		width: 100%;
		margin: auto;
	}

	#header section ul{
		display: none;
	}

	.down_scroll{
		height: 85px;
	}

/*　ハンバーガーボタン　*/
	.hamburger {
	  display : block;
	  position: absolute;
	  z-index : 3;
	  right : 25px;
	  top   : 30px;
	  width : 50px;
	  height: 42px;
	  cursor: pointer;
	  text-align: center;
	}
	.hamburger span {
	  display : block;
	  position: absolute;
	  width   : 50px;
	  height  : 2px ;
	  left    : 0px;
	  background : #ffffff;
	  font-weight: normal;
	  -webkit-transition: 0.3s ease-in-out;
	  -moz-transition   : 0.3s ease-in-out;
	  transition        : 0.3s ease-in-out;
	}
	.hamburger span:nth-child(1) {
	  top: 10px;
	}
	.hamburger span:nth-child(2) {
	  top: 20px;
	}
	.hamburger span:nth-child(3) {
	  top: 30px;
	}

	/* ナビ開いてる時のボタン */
	.hamburger.active span:nth-child(1) {
	  top : 16px;
	  left: 0px;
	  -webkit-transform: rotate(-30deg);
	  -moz-transform   : rotate(-30deg);
	  transform        : rotate(-30deg);
	}

	.hamburger.active span:nth-child(2),
	.hamburger.active span:nth-child(3) {
	  top: 16px;
	  -webkit-transform: rotate(30deg);
	  -moz-transform   : rotate(30deg);
	  transform        : rotate(30deg);
	}

	.hamburger_second{
		right: 90px;
	}

	nav.globalMenuSp {
	  position: fixed;
	  z-index : 999	;
	  top  : 0;
	  left : 0;
	  color: #ffffff;
	  background: #000000;
	  text-align: left;
	  transform: translateX(100%);
	  transition: all 0.6s;
	  max-width: 100%;
	  width: 100%;
	  line-height: 1;
	  display: block; 
	}

	nav.globalMenuSp ul {
	  background: #000000;
	  margin: 0;
	  padding: 0;
	}

	nav.globalMenuSp ul li{
	  list-style-type: none;
	  padding-top: 30px;
	  width: 80%;
	  font-size: 18px;
	}

	.global-1st{
		padding-bottom: 50px;
		border-bottom: 1px solid #ffffff;
	}

	nav.globalMenuSp ul li span{
		font-size: 11px;
		font-weight: bold;
	}

	nav.globalMenuSp ol li{
		font-size: 11px;
		padding-top: 15px;
		font-weight: bold;
	}

	nav.globalMenuSp ul li a {
	  display: block;
	  color: #ffffff;
	  padding: 0;
	  text-decoration :none;
	}

	nav.globalMenuSp img{
		width: 20px;
	}

	nav.globalMenuSp ul:last-child{
		display: flex;
		justify-content: left;
		width: 320px;
	}

	nav.globalMenuSp ul:last-child li{
		display: flex;
		justify-content: left;
		align-items: center;
		font-size: 11px;
		width: fit-content;
	    padding-left: 10px;
	    font-weight: bold;
	}

	nav.globalMenuSp ul:last-child a{
		display: inline-block;
	}

/* このクラスを、jQueryで付与・削除する */
	nav.globalMenuSp.active {
	  transform: translateX(0%);
	}


	#top-wrapper,#concept-wrapper,#works-wrapper,#company-wrapper,#recruit-wrapper,#contact-wrapper,#summary-wrapper{
		width: 90%;
	}

	#business-wrapper h1,#works-wrapper h1,#company-wrapper h1{
	    font-size: 28px;
	    width: 100%;
	}

	.top-logo img{
		width: 50px;
		position: absolute;
		top: 15px;
		left: 20px;
	}

	.header-first ul{
		width: 100vw;
	}

	.header-second h1{
	    font-size: 28px;
	    font-weight: normal;
	    letter-spacing: 2.5px;
	}

	.header-second p{
		font-size: 12px;
		text-align: center;
	}

	.header-third{
		width: 100%;
	}

	.header-third ul{
		display: flex;
		justify-content: center;
		font-size: 12px;
		font-weight: bold;
	} 

	.header-third li:last-child{
		padding-left:20px;
	}

	.fade img{
		width: 100vw;
		object-fit: cover;
		object-position: 40% 30%;
	}

	#top-wrapper{
		padding-top: 100px;
		text-align: center;
		margin: auto;
	}

	#top-wrapper p{
		font-size: 18px;
	}

	#top-wrapper span{
		text-align: center;
		display: inline-block;
	}

	#top-wrapper h1{
		width: 100%;
		font-size: 24px;
		line-height: 1.8;
		padding: 20px 0 0 0; 
	}

	#concept-wrapper{
	    display: block;
	    justify-content: center;
	    padding:  20px 0 80px 0;
	}

	#concept-wrapper div{
		width: 100%;
		text-align: center;
	}

	#concept-wrapper p{
		width: 90%;
		margin: auto;
		line-height: 2.2;
		font-size: 14px;
		padding-bottom: 20px;
	}

	.br-hidden{
		display: none;
	}

	#concept-wrapper img{
	    width: 100%;
	    height: 100%;
	}

	#business-wrapper{
		display: block;
		justify-content: center;
		margin: auto;
		width: 100%;
	}

	#business-wrapper div:first-child span, #works-wrapper h1 span, #company-wrapper h1 span, #contact-wrapper h1 span{
	    border-bottom: solid 1px;
	    font-size: 14px;
	    padding-bottom: 20px;
	}

	.br-hidden-a{
		display: block;
	}

	#business-wrapper div:first-child{
		width: 80%;
		padding: 100px 19.5px;
		margin: auto;
	}

	#business-wrapper p:nth-child(3){
		padding-bottom: 40px;
	}

	#business-wrapper p a{
		font-size: 16px;
		letter-spacing: 3px;
		padding-bottom: 15px;
		width: 37%;
	}

	#business-wrapper p a:before{
		display: none;
	}

	.black-image{
		width: 100%;
	}

	.black-image div{
		display: block;
	}

	.img_1 img,.img_2 img,.img_3 img,.img_4 img,.img_5 img{
		height: 200px;
	}

	.black-image nav{
		height: 200px;
	}

	.black-image nav span:last-child{
		font-size: 12px;
	}

	#works-wrapper{
		display: block;
		justify-content: center;
		width: 100%;
		padding: 100px 0px;
	}

	#works-wrapper h1{
		width: 90%;
		margin: auto;
	}

	#works-wrapper h1, #works-wrapper p:nth-child(2), #works-wrapper p:nth-child(3){
		padding-left: 0;
	}

	#works-wrapper p:nth-child(2),#works-wrapper p:nth-child(3){
		width: 90%;
		margin: auto;
	}

	.workimg-1,.workimg-2,.workimg-3{
		display: block;
		justify-content: center;
		width: 90%;
	}

	.work-image{
		display: block;
		align-items: center;
		justify-content: center;
	}

	.work-image nav{
		width: 100%;
		height: 570px;
		margin: auto;
	}

	.work-image div{
		width: 90%;
		margin: auto;
	}

	.work-image img{
		width: 90%;
	}

	.work-image a{
		display: block;
		width: fit-content;
	}

	.work-image p{
		font-size: 30px;
		margin: auto;
		text-align: right;
		width: 90%;
	}

	.work-image ul{
		display: flex;
		align-items: center;
		justify-content: left;
		flex-wrap: wrap;
		width: fit-content;
		position: relative;
		bottom: 110px;
		left: 10%;
	}

	.work-image  ul li{
		font-size: 12px;
	}


	.workimg-1 div:first-child{
		height: 256.33px;
		width: 320px;
		padding-bottom: 10px;
	}

	.workimg-1 div:last-child{
		height: 283px;
		width: 320px;
		padding-bottom: 10px;
	}

	.workimg-2 div:first-child{
		height: 290px;
		width: 320px;
		padding-bottom: 10px;
	}

	.workimg-2 div:last-child{
		height: 256.44px;
		width: 320px;
		padding-bottom: 10px;
	}

	.workimg-3 div:first-child{
		height: 475.52px;
		width: 320px;
		padding-bottom: 10px;
	}

	.workimg-3 div:last-child{
		height: 283px;
		width: 320px;
		padding-bottom: 10px;
	}

	.workimg-2 div:first-child ul,.workimg-2 div:last-child ul{
		position: relative;
		left: 10%;
		width: 100%;
	}

	.workimg-2 p{
		position: relative;
		right: 0px;
	}

	.phrase-1{
		left: 10%;
	}

	.phrase-2{
		bottom: 130px;
		left: 10%;
	}

	.phrase-3{
		position: relative;
		bottom: 130px;
		left: 50px;
	}

	.green{
		padding: 5px;
	}

	.black{
		padding: 5px;
	}

	.more-works{
		font-size: 15px;
		margin: 400px auto auto auto;
		letter-spacing: 3px;
	}

	.more-works:before{
		left: 0;
	}

	#company-wrapper{
		background-size: 160% 72%;
		padding: 100px 19.5px;
		width: 90%;
		margin: auto;
	}

	#company-wrapper div{
		display: block;
		align-items: center;
	}

	#company-wrapper h2{
		font-size: 18px;
		font-weight: normal;
		line-height: 1.3;
		position: relative;
        padding: 40px 0 0 0;
	}

	#company-wrapper h2 span{
		border-bottom: solid 1px;
		font-size: 14px;
		padding-bottom: 40px;
	} 

	#company-wrapper a{
		display: block;
		color: #000000;
	    border: 1px solid #ffffff;
	    background-color: #ffffff;
	    padding: 0px 0px 30px 0px;
	    margin-bottom: 30px;
	    height: 220px;
	}

	#company-wrapper a p:nth-child(2){
		font-size: 13px;
		position: relative;
	}

	#company-wrapper a p:last-child{
	    bottom: -12%;
	    padding-top: 0;
	}

	#company-wrapper a p:last-child:before{
		content: "";
		width: 50px;
		height: 50%;
		border-bottom: 1px solid #C0C0C0;;
		position: absolute;
		top: -28%;
		right: 90%;
		transform-origin: right;
		transition: all .3s ease-in-out;
		overflow: hidden;
	}

	#recruit-wrapper{
		padding: 60px 0px;
		width: 80%;
		height: 200px;
		margin: auto;
	}

	#recruit-wrapper div{
		width: 100%;
	}

	#recruit-wrapper a{
		display: block;
	}

	#recruit-wrapper a:first-child img{
	    height: 200px;
	}

	#recruit-wrapper a:nth-child(2) img{
		width: 80%;
		left: 11%;
	}

	#recruit-wrapper img:nth-child(3){
		display: inline-block;
		width: 60%;
	}

	#contact-wrapper{
		display: block;
		width: 100%;
		height: 600px;
		object-fit: cover;
	}

	#contact-wrapper .br-hidden-a{
		display: none;
	}

	#contact-wrapper h1 span{
		font-size: 16px;
		padding-bottom: 20px;
	}

	#contact-wrapper h2{
		font-size: 18px;
		color: #ffffff;
		line-height: 0.6;
	    font-weight: bold;
	    letter-spacing: 2px;
	}

	#contact-wrapper div:first-child{
		padding: 50px 0px;
		margin: auto;
	}

	#contact-wrapper div:last-child{
	    width: 100%;
	}

	#contact-wrapper nav:first-child img{
	    width: 100%;
		height: 300px;
	}

	#contact-wrapper nav:last-child img{
	    width: 100%;
		height: 300px;
	}

	#contact-wrapper div:first-child p{
		font-size: 14px;
		padding-top: 40px;
		width: 100%;
		font-weight: bold;
	}

	#contact-wrapper h2 span{
		display: inline-block;
		padding: 15px 0px 30px 0px;
		font-size: 13px;
	}

	#contact-wrapper nav p{
		line-height: 1.6;
		font-size: 13px;
		font-weight: bold;
	}

	.top-page{
		font-size: 13px;
		padding: 20px 0px;
		position: relative;
		top: 270px;
		left: 0px;
		width: 100vw;
	}

	#summary-wrapper{
		display: block;
		justify-content: space-between;
		align-items: center;
		font-weight: bold;
		width: 100%;
	}

	#summary-wrapper nav:first-child{
		padding: 510px 0 0 0;
		width: 80%;
		margin: auto;
	}

	#summary-wrapper nav:first-child div{
		display: block;
		width: 100%;
	}

	#summary-wrapper nav:first-child ul{
		padding-right: 0px;
		padding-bottom: 20px;
		width: 185px;
	}

	#summary-wrapper nav:last-child div:last-child img{
		top: -720%;
	}

	#summary-wrapper nav:first-child div{
	    display: flex;
	    justify-content: space-between;
	    flex-wrap: wrap;
	    border-bottom: 0.1px solid #555555;
	}

	#summary-wrapper nav:first-child div ul{
		width: 45%;
		padding-bottom: 45px;
	}


	#summary-wrapper nav:first-child div ul li{
		font-size: 12px;
		color: #BBBBBB;
		padding-top: 12px;
	}

	#summary-wrapper nav:last-child{
		padding-top: 30px;
		width: 80%;
		margin: auto;
	}

	#summary-wrapper nav:last-child ul{
		padding-top: 20px;
	}

	#summary-wrapper nav:last-child div:last-child li{
		width: 100%;
	}

	footer{
		padding: 30px 0px 30px 20px;
		font-size: 8px;
	}

/*私たちについて*/
	.hamburger-2 {
	    top: 35px;
	}

    .hamburger_third{
	    right: 100px;
	}

	#woman-image {
	    height: 300px;
	}
/*私たちについて*/

}







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

	.header-second h1{
	    font-size: 26px;
	}

	.header-third ul{
		width: 620px;
	}

	.header-third li:first-child{
	    padding-left: 285px;
	}

	#concept-wrapper p{
	    width: 95%;
	    padding-bottom: 50px;
	}

	#works-wrapper h1, #works-wrapper p:nth-child(2), #works-wrapper p:nth-child(3){
	    padding-left: 0;
	}

	#works-wrapper{
	    padding: 100px 0px;
	}

	#contact-wrapper h1{
	    line-height: 0.8;
	}

	#contact-wrapper h1 span{
        font-size: 14px;
    }

    #contact-wrapper h2 span{
	    letter-spacing: 0px;
	}

	.top-page{
		top: 250px;
	}

	#summary-wrapper nav:first-child{
	    padding: 470px 0 0 0;
	}

}


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

    #summary-wrapper nav:first-child{
	    padding: 420px 0 0 0;
	}

	#all_page1-wrapper div {
	    width: 90%;
	}

	#all_page1-wrapper div nav li {
	    width: 35px;
	    height: 35px;
	}

	#all_page1-wrapper div a li {
	    width: 35px;
	    height: 35px;
	}

}

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

	.top-page{
		top: 272px;
	}
}




@media screen and (max-width:320px){
    
    nav.globalMenuSp ul:last-child {
	    width: 80%;
	}

    nav.globalMenuSp ul:last-child li{
    	padding-left: 10px;
    }

	.header-second p{
        top: 50px;
	}

	.header-third ul {
	    justify-content: space-evenly;
	}

	.header-third li:first-child {
	    padding-left: 300px;
	}

	.header-third li:last-child {
	    width: fit-content;
	    padding-left: 0;
	}

	#works-wrapper{
		width: auto;
	}

	#works-wrapper p:nth-child(2), #works-wrapper p:nth-child(3) {
	    width: 100%;
	    margin: auto;
	}

	.work-image img {
	    width: 270px;
	}

	.workimg-1 div:first-child{
		width: 270px;
	}

	.workimg-1 div:last-child{
		width: 270px;
	}

	.workimg-2 div:first-child{
		width: 270px;
	}

	.workimg-2 div:last-child{
		width: 270px;
	}

	.workimg-3 div:first-child{
		width: 270px;
	}

	.workimg-3 div:last-child{
		width: 270px;
	}

	.work-image ul{
		width: 100%;
		bottom: 120px;
		left: 30px;
	}

	.workimg-1 div:last-child ul{
		bottom: 100px;
	}

	.workimg-2 div:first-child ul{
	    width: 90%;
		bottom: 140px;
		left: 30px;
	}

	.workimg-2 div:last-child ul{
		bottom: 120px;
		left: 30px;
	}

	.phrase-1{
		position: relative;
		bottom: 130px;
		left: 30px;
	}

	.workimg-1 div:last-child a:nth-child(2){
		bottom: 115px;
	}

	.phrase-2{
		position: relative;
		bottom: 150px;
		left: 30px;
	}

	.phrase-3{
		position: relative;
		bottom: 130px;
		left: 30px;
	}

	#company-wrapper {
	    padding: 100px 16.5px;
	}

	#company-wrapper h2 span {
	    padding-bottom: 20px;
	}

	#company-wrapper a p:nth-child(2) {
	    padding-top: 50px;
	}

	#company-wrapper a p:last-child {
	    bottom: -12%;
	    padding-top: 0;
	    font-size: 18px;
	}

	#company-wrapper a p:last-child:before {
	    width: 40px;
	    top: -25%;
	    right: 90%;
	}

	#recruit-wrapper {
	    padding: 40px 0px;
	    height: 173px	;
	}

	#recruit-wrapper div {
	    width: fit-content;
	}

	#recruit-wrapper a:first-child img {
	    height: 174px;
	}

	#recruit-wrapper a:nth-child(2) img {
	    width: 70%;
	}

	#summary-wrapper nav:first-child {
	    padding: 420px 0 0 0;
	}




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

    #summary-wrapper nav:first-child{
	    padding: 390px 0 0 0;
	}

}











}