@charset "utf-8";
/* 共通 */
.article {
	background: url(../img/con_bg.png);
}
.article h3::after {
	left: 50%;
	transform: translateX(-50%);
}
.article .inner {
	max-width: 1200px;
	width: 95%;
	margin: auto;
}
h2#un_cover {
	width: 100%;
	margin: 0 auto 0;
	background: #ccc;
	position: relative;
	height: 560px;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	color: white;
	font-size: var(--font35);
	padding: 5% 5% 5% clamp(3%, 16%, 300px);
}
h2#un_cover span {
	font-family: 'Montserrat', sans-serif;
	font-size: var(--font23);
	font-weight: 500;
	letter-spacing: 0.08em;
	margin-bottom: var(--pad50);
}


#un_cover.un_works {
	background: url(../img/news/mv.jpg) no-repeat center center/cover;
	letter-spacing: 0.15em;
}
#un_cover.un_contact {
	background: url(../img/contact/mv.jpg) no-repeat center center/cover;
}

#un_main {
	background: url(../con_bg.png);
	text-align: center;
}
/* 会社概要 */
#un_main table {
	text-align: left;
	margin-bottom: var(--pad60);
}
#un_main table td,
#un_main table th {
	color: #705E54;
	font-size: var(--font16);
	font-weight: 500;
	background: none;
	font-family: "Noto Sans JP", sans-serif;
}
#un_main table th {
	border-bottom: 3px solid #CC5133;
	width: 250px;
	padding: 23px 20px 21px 30px;
	font-weight: 700;
}
#un_main table td {
	border-bottom: 1px solid #E2E2E2;
	width: calc(100% - 250px);
	padding: 23px 20px 21px 10px;
}
#un_main table td span {
	margin-right: 35px;
}
.company iframe {
	width: 100%;
	height: 370px;
	margin-top: 15px;
	border: none;
}
#un_main .access_map {
	background: white;
	padding: var(--pad100) 0 var(--pad120);
}
#un_main .access_map .boxGroupe {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: calc(var(--pad35) + 10px);
}
#un_main .access_map .left {
	width: 55%;
}
#un_main .access_map .left h4 {
	font-size: var(--font25);
	letter-spacing: 0.15em;
	color: var(--red);
	text-align: left;
	font-weight: 500;
}
#un_main .access_map .right {
	width: 45%;
	text-align: left;
	padding: 3% 2% 3% var(--pad100);
	display: flex;
	align-items: center;
}
#un_main .access_map .station {
	margin-top: var(--pad50);
}
#un_main .access_map .add {
	margin-top: var(--pad30);
}
/* about */
#un_cover.un_about {
	background: url(../img/un_cover_about.png) no-repeat center center/cover;
}
.about .LRcontent {
	margin-top: var(--pad80);
}
.about .LRcontent .boxGroupe {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: var(--pad100);
}
.about .LRcontent .boxGroupe dl {
	margin: 0 30px;
	text-align: left;
	min-width: 340px;
	width: 46.5%;
	max-width: 450px;
}
.about .LRcontent .boxGroupe img {
	/*width: 53.5%;*/
}
.about .LRcontent .boxGroupe dt {
	font-size: var(--font32);
	position: relative;
	line-height: 1.6;
}
	.about .LRcontent .boxGroupe dt span.un_subTit {
		font-family: 'Montserrat', sans-serif;
		font-size: var(--font18);
		color: var(--main);
		display: block;
		margin-bottom: var(--pad50);
	}
	.about .LRcontent .boxGroupe dt::after {
		content: url(../img/tit_under.svg);
		position: absolute;
		bottom: -35px;
		left: 0;
	}
.about .LRcontent .boxGroupe dd {
	margin-top: var(--pad80);
	max-width: 435px;
	margin-right: 5%;
}

.about .about_white {
	background: white;
	padding: var(--pad100) 0;
	position: relative;
}
.about .about_white::before {
	content: url(../img/un_about_white_img.png);
	position: absolute;
	left: 0;
	bottom: 0;
}
.about .about_white ul.boxGroupe {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: var(--pad60);
}
.about .about_white ul.boxGroupe li {
	display: flex;
	width: calc(100% / 3 - 2%);
	flex-direction: column;
}

.about .about_white ul.boxGroupe li dt {
	font-size: var(--font25);
	line-height: 1;
	margin-bottom: 25px;
}
	.about .about_white ul.boxGroupe li dt span {
		font-size: var(--font18);
		font-family: 'Montserrat', sans-serif;
		color: var(--main);
		display: block;
		margin: 25px auto 12px;
	}
.about .about_white dd p {
	text-align: left;
}
.flow {
	padding: var(--pad100) 0 var(--pad35);
}

.flow .boxGroupe {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
ol.flowGroupe {
	margin: var(--pad80) 0;
	display: flex;
	flex-direction: column;
}
ol.flowGroupe.left {
	justify-content: right;
	text-align: right;
	border-right: #3E3E3E 4px solid;
	padding-right: 130px;
	position: relative;
}
ol.flowGroupe.left li:last-child {
	margin-bottom: 0;
}
	ol.flowGroupe.left::after {
		content: "";
		background: url(../img/con_bg.png);
		width: 4px;
		height: 43px;
		bottom: 0;
		right: -4px;
		position: absolute;
	}
ol.flowGroupe.right {
	justify-content: left;
	text-align: left;
	padding-left: 130px;
	padding-top: 105px;
}

ol.flowGroupe li {
	position: relative;
	margin-bottom: 146px;
}
	ol.flowGroupe li::before {
		content: "";
		background: var(--main);
		height: 4px;
		width: 80px;
		position: absolute;
		top: 23px;
		right: -110px;
	}
	ol.flowGroupe li::after {
		content: url(../img/flow_brown.png);
		position: absolute;
		right: -154px;
		top: 0;
	}

.flowGroupe h5 {
	font-size: clamp(23px, 5vw, 50px);
	font-family: 'Montserrat', sans-serif;
	color: var(--main);
	font-weight: 500;
	display: inline-block;
	line-height: 1;
	display: flex;
    line-height: 1;
    flex-direction: column;
    align-items: flex-end;
}
	.flowGroupe.right h5 {
		align-items: flex-start;
	}
	.flowGroupe h5 span.number {
		display: block;
	}
	.flowGroupe h5 span.flowTit {
		font-size: var(--font18);
		font-family: 'Zen Kaku Gothic New', sans-serif;
		color: #333;
		display: inline-block;
		position: relative;
		line-height: 2;
	}
	.flowGroupe h5 span.flowTit::after {
		content: "";
		width: 100%;
		height: 2px;
		background: var(--main);
		display: block;
		left: 0;
		bottom: 0;
	}
/* 赤色 */
ol.flowGroupe.right li::before {
	left: -110px;
}
ol.flowGroupe.right li::after {
	left: -154px;
}
ol.flowGroupe li.red::after {
	content: url(../img/flow_red.png);
}
ol.flowGroupe li.red h5 {
	color: var(--red);
	position: relative;
}
	ol.flowGroupe li.red h5::after {
		content: "無料";
		font-size: 18px;
		color: white;
		background: var(--red);
		border-radius: 50%;
		position: absolute;
		height: 71px;
		width: 71px;
		display: flex;
		justify-content: center;
		align-items: center;
		left: 10px;
		top: 50%;
		transform: translateY(-50%);
	}
	ol.flowGroupe.right li.red h5::after {
		left: 160px;
	}
ol.flowGroupe li.red::before {
    content: "";
    background: var(--red);
}
ol.flowGroupe li.red h5 span.flowTit::after {
	background: var(--red);
}
/* 赤色ここまで */
.dawn414 {
	display: none;
}

/* 施工事例 */
.works .conteBox {
	padding-bottom: var(--pad120);
}
.works .inner.flexinner {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.works ul.works_list {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 100%;
}
.works ul.works_list li {
	width: 31.399%;
	margin-bottom: calc(var(--pad60) + 5px);
	margin-right: 2.9015%;
}
.works ul.works_list li:nth-child(3n+3){
	margin-right:0;
}
.works ul.works_list dl {
	width: 100%;
}
.works ul.works_list dt {
	width: 100%;
}
.works ul.works_list dt img {transform: scale(1);transition: all 1.3s ease-in-out;object-fit: cover;width: 100%;height: auto;aspect-ratio: 1/0.7329;}
.works ul.works_list dd {
	margin-top: 15px;
	text-align: left;
}
.works ul.works_list dd .date{
	line-height: 1.5;
	font-size: 1.6rem;
	font-weight: 500;
	letter-spacing: 0.08em;
}
.works ul.works_list dd .title1{
	margin-top: 5px;
	font-size: 1.6rem;
	font-weight: 500;
	letter-spacing: 0.08em;
	line-height:1.9375;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.works .sideMenu {
	width: 200px;
	margin-left: 2%;
	text-align: left;
	flex-shrink: 0;
}
	.works .sideMenu a {
		text-decoration: none;
		display: block;
	}
	.works .sideMenu a:hover {
		color: #999;
	}
.works .sideMenu .ul {
	width: 100%;
}
.works .sideMenu .side_category {
	margin-bottom: 65px;
	line-height: 1;
}
.works .sideMenu ul li {
	padding-bottom: 12px;
	line-height: 1.4;
}
.works .sideMenu .categoryTit {
	border-bottom: 2px solid #D19B65;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
/* 施工事例（詳細） */
.works .works_content {
	width: 100%;
	text-align: left;
	max-width: 930px;
}
.works .works_content p.worksTit {
	font-size: clamp(2rem, 3vw, 2.5rem);
	padding-bottom: 10px;
}
.works .works_content ul.works_data {
	width: 100%;
	border-top: 1px solid var(--main);
	border-bottom: 1px solid var(--main);
	padding: 20px 0;
}
.works .works_content ul.works_data li {
	display: inline;
}
	.works .works_content ul.works_data li {
		display: inline;
		margin-right: var(--pad35);
	}
	.works .works_content ul.works_data li p {
		display: inline;
		position: relative;
		padding-left: 40px;
	}
	.works .works_content ul.works_data li p::before {
		content: url(../img/i_data.svg);
		position: absolute;
		top: -3px;
		left: 7px;
	}
	.works .works_content ul.works_data li.category p::before {
		content: url(../img/i_tag.svg);
		position: absolute;
		top: -3px;
		left: 7px;
	}
.works .works_content .workscon_inner {
	width: 100%;
	max-width: 720px;
	margin: var(--pad60) auto var(--pad50);
}
.workscon_inner h3 {
	border-bottom: 1px solid #E2E2E2;
	padding: var(--pad50) 0 20px;
	margin-bottom: var(--pad50);
	font-size: var(--font25);
}
.workscon_inner h3::after {
	content: none;
}
.workscon_inner li {
	margin-bottom: var(--pad60);
}
.workscon_inner dt {
	color: var(--main);
	font-size: var(--font18);
	margin-bottom: 12px;
}
p.works_con_imgP {
	font-family: 'Zen Kaku Gothic New', sans-serif;
	position: relative;
	padding-left: 30px;
	color: var(--red);
}
	p.works_con_imgP::before {
		content: url(../img/i_plus.svg);
		top: 4px;
		position: absolute;
		left: 0;
		}
ul.works_con_img {
	margin-top: 15px;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: var(--pad60);
}
ul.works_con_img li img {
	max-height: 215px;
}
ul.works_con_img li {
	width: calc(100% / 3 - 2%);
	height: auto;
	text-align: center;
	padding: 0 1%;
	margin-bottom: 20px;
}
ul.works_con_img li a {
	text-decoration: none;
}
.works_orner {
	background: #FCFCFC;
	padding: var(--pad50) var(--pad80) var(--pad50) var(--pad100);
}
.works_orner .ornerTit {
	font-size: var(--font18);
	color: var(--red);
	position: relative;
	margin-bottom: var(--pad35);
}
.works_orner .ornerTit::before {
	content: url(../img/i_message.svg);
	top: -5px;
	left: -50px;
	position: absolute;
}
.works #un_main table {
	margin: var(--pad60) auto 0;
	width: 100%;
	max-width: 720px;
}
.works #un_main table th {
	border-bottom: #E2E2E2 1px solid;
	width: 140px;
}
.works .returnBtn {
	margin: var(--pad80) auto 0;
	text-align: center;
}
.works .returnBtn a {
	text-decoration: none;
}
.works .returnBtn a:nth-child(2) {
	margin: 0 var(--pad120) 0;
}
.works .works_list li a {
	text-decoration: none;
}

.otherhouse {
	background: #FCFCFC;
	padding: var(--pad80) 0;
}
.otherhouse h3 {
	margin-bottom: 25px;
	text-align: left;
}
.otherhouse h3::after {
	content: none;
}
.otherhouse ul {
	display: flex;
	width: 100%;
	max-width: 1200px;
	align-items: flex-start;
	justify-content: left;
	flex-wrap: wrap;
}
.otherhouse ul li {
	width: calc(100% / 4 - 2%);
	text-align: left;
	margin: 0 1%;
	position: relative;
}

.otherhouse ul li:hover{
	opacity:0.7;
}

.otherhouse ul li a{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
}

/* スタッフ */
.staff .conteBox {
	padding-bottom: var(--pad120);
}
.staff h3 {
	display: inline;
}
.staff h3::after {
	content: url(../img/staff_under.png);
	display: block;
	width: 100%;
	bottom: -28px;
	left: 50%;transform: translateX(-50%);
}
.staff ul.staffimgTit {
	width: 95%;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin: calc(var(--pad35) + 10px) auto var(--pad35);
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}
.staff ul.staffimgTit li {
	width: calc(100% / 5 - 25px);
	min-width: 120px;
	margin: 0 10px;
	height: auto;
}
.staff ul.staffimgTit li a {
	text-decoration: none;
}
.staff ul.staffimgTit li dd {
	font-size: var(--font25);
	text-align: left;
	margin-top: 15px;
}
.staff ul.staffimgTit li dd span {
	display: block;
	font-size: var(--font15);
}
.staff .staffGroupe li {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	text-align: left;
	padding: var(--pad80) 0;
	border-bottom: 1px solid #E2E2E2;
}
.staff .staffGroupe li .right {
	width: 100%;
	max-width: 710px;
	margin-left: 30px;
}
.staff .staffGroupe li dt {
	font-size: var(--font25);
	margin-bottom: var(--pad35);
}
.staff .staffGroupe li dt span {
	font-size: var(--font15);
	display: block;
	margin-bottom: 2px;
}
.staff .staffGroupe li dt span.subEN {
	font-size: var(--font16);
	color: var(--main);
	font-family: 'Montserrat', sans-serif;
	display: inline-block;
	margin-left: var(--pad35);
	letter-spacing: 0.08em;
}
.staff .staffGroupe li dd .hobby {
	margin-top: var(--pad35);
	font-family: 'Zen Kaku Gothic New', sans-serif;
}
/* お知らせ */
ul.news_all {
	width: 100%;
}
ul.news_all li {
	border-bottom: 1px solid #E2E2E2;
	padding: 23px 40px 25px 0;
}
ul.news_all li:first-child {
	padding-top: 0;
}
ul.news_all li a {
	display: block;
	text-decoration: none;
}
ul.news_all li dl {
	position: relative;
	width: 100%;
	display: flex;
}
ul.news_all li dl::after {
	content: url(../img/news_arrow.svg);
	top: 50%;transform: translateY(-50%);
	right: -20px;
	position: absolute;
	transition: .2s;
}
	ul.news_all li a:hover dl::after {
		right: -24px;
	}
ul.news_all li dt {
	display: flex;
	width: 30%;
	max-width: 200px;
	justify-content: space-between;
	align-items: center;
	margin-right: 7%;
}
ul.news_all li dt span {
	color: #957248;
	margin-left: 5%;
	min-width: 61px;
}
	ul.news_all li a:hover dt span {
		color: #c3baaf;
	}
ul.news_all li dd {
	display: inline;
	width: 70%;
}
.infonews .returnBtn {
	margin-top: var(--pad80);
}
.works_content .returnBtn .pager,
.infonews .returnBtn .pager {
	padding: 8px 13px;
	background: var(--main);
	color: white;
	border: 1px solid var(--main);
	transition: .2s;
}
.works .returnBtn a:nth-child(2).pager {
	margin: 0 25px;
}
.works .returnBtn a:nth-child(2).pager:hover {
	margin: 0 25px;
	background: white;
	color: var(--main);
}

.pagination-list{
	text-align: center;
	margin-top: var(--pad80);
}

.page-numbers.current{
		padding: 8px 13px;
		background: #EA8B6E;
		color: white;
		border: 1px solid #EA8B6E;
		transition: .2s;
}

.page-numbers{
		color: white;
		border: 1px solid #EA8B6E;
		transition: .2s;
		padding: 8px 13px;
		text-decoration: none;
}

.page-numbers.prev,.page-numbers.next{
	border:none;
}

.page-numbers.prev:hover,.page-numbers.next:hover{
	background:none;
	color: #EA8B6E;
}

.page-numbers:hover {
	background: #EA8B6E;
	color:#fff;
}

/* お知らせ詳細 */
.infonews .newsTit {
	font-size: var(--font26);
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	border-bottom: 1px solid #EA8B6E;
	max-width: 875px;
	margin: auto;
}
	.infonews .newsTit span {
		font-size: clamp(15px, 1.7vw, 17px);
	}
	.infonews .news_inner {
		max-width: 720px;
		width: 100%;
		margin: calc(var(--pad35) + 10px) auto;
	}
	.infonews .news_inner p {
		margin-top: calc(var(--pad35) + 10px);
	}
.conteBox .news_inner img{
    contain-intrinsic-size: revert;
    width: revert-layer;
}

/* 求人 */
.recruit .recGroupe {
	padding-top: var(--pad120);
	max-width: 960px;
	margin: auto;
}
.recruit .recGroupe:not(.first) {
	padding-top: 0;
}
.recruit .recGroupe h4 {
	border-left: 5px solid var(--main);
	padding-left: 25px;
	text-align: left;
	font-size: var(--font25);
	font-weight: 500;
	line-height: 1.6;
}
.recruit .recGroupe h4 span {
	font-family: 'Montserrat', sans-serif;
	color: var(--main);
	font-size: 14px;
	display: block;
}
.recruit #un_main .recGroupe table {
	margin-top: 30px;
	margin-bottom: calc(var(--pad35) + 10px);
	width: 100%;;
}
.recruit #un_main .recGroupe table th {
	background: #A38566;
	color: white;
	max-width: 280px;
	width: 30%;
	border-bottom: 1px solid #e0e0e0;
}
.recruit #un_main .recGroupe table td {
	width: 70%;
	background: white;
	border-bottom: 1px solid #E0E0E0;
}
a.btn03 {
	background: #FEA626;
	color: white;
	max-width: 320px;
	width: 70%;
	font-size: var(--font16);
	font-weight: 700;
	display: block;
	margin: auto;
	text-decoration: none;
	border: 1px solid #FEA626;
	border-radius: 35px;
	padding: 18px;
	line-height: 1.4;
	margin-bottom: var(--pad100);
	transition: .2s;
}
a.btn03:hover {
	background: white;
	color: #FEA626;
}

.thx_div{
	padding:0px 0 100px;
}

/* ここまで */

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

}
@media screen and (max-width: 1200px) {
	.pankuzu {
		padding-left: 3%;
	}
	.cont02.bggr .lead {
		margin-bottom: var(--pad35);
	}
	.contact #un_main table {
		margin-bottom: var(--pad60);
	}
}
@media screen and (max-width: 1000px) {
	/* お知らせ */
}
@media screen and (max-width: 768px) {
	/* 会社概要 */
	#un_main .access_map .boxGroupe {
		flex-direction: column;
	}
	#un_main .access_map .left {
		width: 100%;
	}
	#un_main .access_map .right {
		width: 100%;
		padding: 3% 5%;
	}
	/* about */
	.about .LRcontent .boxGroupe {
		flex-direction: column;
	}
	.about .LRcontent .boxGroupe img {
		order: 1;
		width: 100%;
		max-width: 500px;
	}
	.about .LRcontent .boxGroupe dl {
		order: 2;
		width: 95%;
		max-width: 480px;
		margin: 20px auto 0;
		min-width: auto;
	}
	.about .LRcontent .boxGroupe dd {
		margin-right: 0;
		max-width: 100%;
	}
	/* flow */
	ol.flowGroupe.left {
		padding-right: 60px;
	}
	ol.flowGroupe.right {
		padding-left: 60px;
		padding-top: 96px;
	}
	ol.flowGroupe li {
		margin-bottom: 125px;
	}
	ol.flowGroupe li::after {
		right: -85px;
	}
	ol.flowGroupe li::before {
		width: 23px;
		right: -40px;
	}
	ol.flowGroupe.right li::after {
		left: -85px;
	}
	ol.flowGroupe.right li::before {
		left: -40px;
	}
	ol.flowGroupe.left::after {
		height: 25px;
	}
	ol.flowGroupe li.red h5::after {
		left: 0px;
	}
	ol.flowGroupe.right li.red h5::after {
		left: 135px;
	}
	/* 施工事例 */
	.works #un_main .inner {
		flex-direction: column;
	}
	.works .sideMenu {
		width: 95%;
		text-align: center;
		margin: var(--pad60) auto 0;
	}
	.works .sideMenu .side_category {
		margin-bottom: var(--pad60);	
	}
	/* スタッフ紹介 */
	.staff .staffGroupe li {
		flex-direction: column;
		align-items: center;
	}
	.staff .staffGroupe li .right {
		margin: var(--pad35) auto 0;
		width: 95%;
	}


}
@media screen and (max-width: 591px) {
	h2#un_cover {
		padding: 5% 5% 5% clamp(3%, 10%, 300px);
		height: 280px;
	}
	/* 会社概要 */

	#un_main table th {
		padding: 12px 3% 0;
		border-bottom: none;
		font-weight: 700;
	}
	#un_main table td {
		padding: 12px 3%;
		border-bottom: 3px solid #CC5133;
	}
	#un_main table td span {
		display: block;
		margin: 10px 0 0 0;
	}
	/* 会社概要ここまで */
	/* about */
	.about .about_white ul.boxGroupe {
		flex-direction: column;
	}
	.about .about_white ul.boxGroupe li {
		width: 100%;
	}
	.about .about_white ul.boxGroupe li img {
		max-width: 480px;
		width: 100%;
		margin: auto;
	}
	.about .about_white ul.boxGroupe li dl {
		width: 95%;
		margin: 0 auto 20px;
	}
	/* flow */
	ol.flowGroupe li.red h5::after {
		font-size: 16px;
		height: 60px;
		width: 60px;
	}
	ol.flowGroupe.right li.red h5::after {
		left: 58px;
		top: -5px;
	}
	/* 施工事例 */
	.works ul.works_list{
		justify-content:space-between;
	}
	
	.works ul.works_list li {
		width: 48%;
		margin-right: 0;
	}
	.works ul.works_list dd {
		margin-top: 10px;
	}
	/* 施工事例(詳細) */
	.works_orner .ornerTit {
		padding-left: 20px;
		margin-bottom: 12px;
	}
	.works_orner .ornerTit::before {
		left: -20px;
		transform: scale(0.6);
	}
	#un_main table.works_detail th {
		border-bottom: none;
	}
	#un_main table.works_detail td {
		border-bottom: 1px solid #e2e2e2;
	}
	.works .returnBtn {
		margin: 40px auto;
	}
	.otherhouse ul li {
		width: calc(100% / 2 - 2%);
		margin-bottom: 20px;
	}
	/* スタッフ */
	.staffimgTit::-webkit-scrollbar {
		display:none;
	}
	.staff ul.staffimgTit {
		margin-bottom: 0;
	}
	.staff ul.staffimgTit li dd {
		text-align: center;
	}
	.staff .staffGroupe li dt span.subEN {
		display: block;
		margin-left: 0;
	}
	/* お知らせ */
	ul.news_all li dl {
		flex-direction: column;
	}
	ul.news_all li dd {
		width: 100%;
	}
	/* 求人 */
	.recruit #un_main .recGroupe table th {
		width: 100%!important;
		max-width: 100%;
		padding: 18px 0 18px 20px;
	}
	.recruit #un_main .recGroupe table td {
		width: 100%!important;
		padding: 18px 0 18px 20px;
	}


}
@media screen and (max-width: 414px) {
	/* カバー */

	/* about */

	.about .LRcontent .boxGroupe dt::after {
		bottom: -25px;
	}
	.about .about_white ul.boxGroupe li dt {
		margin-bottom: 15px;
	}
	.about .about_white ul.boxGroupe li dt span {
		margin-top: 15px;
	}
	/* flow */
	ol.flowGroupe li {
		margin-bottom: 100px;
	}
	ol.flowGroupe.right {
		padding-top: 73px;
	}
	ol.flowGroupe.right li:first-child {
		margin-bottom: 77px;
	}
	ol.flowGroupe.left li:nth-child(3) {
		margin-bottom: 77px;
	}
	ol.flowGroupe.left {
		padding-right: 50px;
		width: 50%;
	}
	ol.flowGroupe.right {
		padding-left: 45px;
		width: 50%;
	}
	ol.flowGroupe li.red h5 {
		display: inline;
	}
	.flowGroupe h5 span.flowTit {
		line-height: 1.6;
	}
	ol.flowGroupe.left li.red h5::after {
		left: -14vw;
	}
	ol.flowGroupe li.red h5::after {
		font-size: 12px;
		height: 42px;
		width: 42px;
	}
	ol.flowGroupe li::after {
		transform: scale(0.6);
		right: -74px;
	}
	ol.flowGroupe.right li::after {
		left: -118px;
	}
	ol.flowGroupe li.red h5::after {
		left: -15px;
		top: 6px;
	}
	ol.flowGroupe.right li.red h5::after {
		left: 23vw;
		top: 4px;
	}
	ol.flowGroupe li::before {
		right: -38px;
	}
	ol.flowGroupe.right li::before {
		left: -38px;
	}
	ol.flowGroupe.left::after {
		height: 35.8px;
	}
	ol.flowGroupe.left::before {
		content: "";
		background: url(../img/con_bg.png);
		width: 4px;
		top: 0;
		right: -4px;
		position: absolute;
		height: 35.8px;
	}
	.dawn414 {
		display: block;
	}

	/* 施工事例(詳細) */
	.works .works_content ul.works_data li {
		display: block;
	}
	ul.works_con_img li {
		width: calc(100% / 2 - 2%);
	}
	.works .returnBtn a:nth-child(2) {
		margin: 0 20px 0;
	}
	.otherhouse ul li {
		width: calc(100% / 2 - 2%);
	}
	/* 求人 */
	.recruit #un_main .recGroupe table th {
		padding: 12px 0 12px 20px;
	}
	.recruit #un_main .recGroupe table td {
		padding: 12px 0 12px 20px;
	}

}

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