@charset "UTF-8";
/*
* 基本・共通
*/
body {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	font-size:16px;
	color:#231815;
}
.mincho {
	font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
p,ul,li{
	margin:0;
	padding:0;
}
a{
	color:#231815;
}
a:hover{
	opacity:0.8;
	color:#231815;
	text-decoration:none;
}
img{
	width:100%;
	vertical-align:bottom;
}
ul,li{
	list-style:none;
}
header{
	margin:0;
	padding:0 0 20px;
	position:relative;
	width:100%;
	min-width:1040px;
	height:790px;
}
.sub header{
	height:290px;
}
.fontsize18{
	font-size:18px;
}
.fontsize30{
	font-size:30px;
}
table{
	width:100%;
	font-size:20px;
}
table th{
	padding:1em;
	font-weight:normal;
	width: 15em;
	vertical-align:top;
	text-align:center;
}
table td{
	border:none;
	padding:1em;
	word-break: break-all;
}
table tr{
	border-top:#9fa0a0 1px solid;
	border-bottom:#9fa0a0 1px solid;
}
.top:after{
	background:none;
	height:0;
}
.wrap{
	width:1040px;
	margin:0 auto;
	position:relative
}
.wrap2{
	width:1040px;
	margin:0 auto;
	position:relative
}
.wrap3{
	width:790px;
	margin:0 auto;
}
.wrap4{
	width:665px;
	margin:50px auto;
}
.wrap5{
	width:660px;
	margin:30px auto;
}
.wrap6{
	min-width:960px;
	max-width:1440px;
	margin:0 auto;
}
.rs_img{
	width:100%;
}
.mb_30{
	margin-bottom:30px;
}
.text_red{
	color:red;
}
.mobile-navigation, .pure-drawer{
	display:none;
}
#inquiry{
	width:100%;
	margin:0 auto;
}
#inquiry table{
	width:100%;
	font-size:20px;
}
#inquiry table th{
	background:#EFEFEF;
	padding:0.5em 1em;
	border:#9fa0a0 1px solid;
	font-weight:normal;
	border:none;
	width: 15em;
	vertical-align:middle;
}
#inquiry table td{
	border:none;
	padding:1em;
	word-break: break-all;
}
#inquiry table tr{
	border-bottom:#9fa0a0 1px solid;
}
#inquiry .req{
	display:inline-block;
	background:#e50012;
	color:#fff;
	margin-right:0.2em;
	font-size:80%;
	padding:0.25rem 0.5rem;
}
#inquiry input[type=file]{
	width:100%;
}
#inquiry input[type=text]{
	width:100%;
	height:2.5em;
	border:#9fa0a0 1px solid;
}
#inquiry textarea{
	width:100%;
	height:10em;
}
#inquiry select{
	width:100%;
	height:2.5em;
	border:#9fa0a0 1px solid;
}
#inquiry input.i_post{
	width:10em;
}
#inquiry input.i_email{
	width:46%;
}
#inquiry .txt_alert{
	color:#e73828;
}
#inquiry .f_btn1,#inquiry .f_btn2{
	margin:5rem 0 0 ;
	text-align:center;
}
#inquiry .f_btn2{
	display:none;
}
#inquiry.confirm .f_btn1{
	display:none;
}
#inquiry.confirm .f_btn2{
	display:block;
}
#inquiry .confirm_btn:hover, #inquiry .reset_btn:hover, #inquiry .back_btn:hover, #inquiry .submit_btn:hover{
	opacity:0.8;
}
#inquiry #zip{
	background:#9fa0a0;
	border:none;
	color:white;
	padding:0.5em 1em;
	width:12em;
	margin:0 0.5em;
	cursor:pointer;
	font-size:14px;
	border-radius:5px;
}
#inquiry #zip:hover{
	opacity:0.8;
}
#inquiry .confirm_btn,#inquiry .submit_btn{
	background:#E75513;
	border:none;
	color:white;
	padding:0.5em 1em;
	width:10em;
	margin:0 1em;
	cursor:pointer;
	font-size:30px;
	height:100px;
}
#inquiry .reset_btn, #inquiry .back_btn{
	background:#9fa0a0;
	border:none;
	color:white;
	padding:0.5em 1em;
	width:10em;
	margin:0 1em;
	cursor:pointer;
	font-size:30px;
	height:100px;
}
#inquiry.confirm input[type=text], #inquiry.confirm textarea{
	border:none;
	outline: 0;
	resize: none;
}
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset;

}
.txt_warning{
	color:#e50012;
}
.column2{
	width:48%;
}
.column3{
	width:31%;
}
.flexwrap{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
/*
* ここからサイト毎のCSS
*/
.h_ttl{
	position:absolute;
	top:1.5rem;
	left:0;
	padding:1rem 2rem;
	border-radius:0 2rem 2rem 0;
	background:#fff;
	z-index:5;
}
.sub .h_ttl{
	box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.1);
}
.videoarea{
	width:100%;
	height:790px;
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	overflow:hidden;
}
.videoarea_inner{
	position:relative;
	width:100%;
	height:100%;
}
.videoarea video{
	min-width:100%;
	min-height:100%;
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 -webkit-transform: translate(-50%, -50%);
	 -moz-transform: translate(-50%, -50%);
	 transform: translate(-50%, -50%);
}
.g_navi{
	width:95%;
	margin-left:5%;
	padding-top:60px;
}
.g_navi li{
	text-align:center;
}
.g_navi a{
	display:block;
	padding:0.1rem 2rem;
}
.r_line{
	border-right:1px solid #231815;
}
#top .g_navi a{
	color:#fff;
}
#top .g_navi .r_line{
	border-color:#fff;
}
.header_inner{
	height:100%;
}
.mv_ttl{
	position:absolute;
	top:300px;
	left:0;
	color:#fff;
	z-index:1;
	font-size:44px;
	text-shadow: 1px 1px 2px #000;
}
.mv_ttl small{
	font-size:0.6em;
	display:block;
}
.mv_ttl strong{
	font-size:1.6em;
}
.mv_icon{
	width:445px;
	position:absolute;
	right:0;
	bottom:80px;
	z-index:1;
}
.top_cnt{
	position:relative;
	margin-top:3rem;
	padding-top:3rem;
}
.top_cnt .top_bg{
	width:60%;
	display:block;
	height:430px;
	position:absolute;
	left:0;
	top:0;
	background:rgba(68,173,53,0.1);
	border-radius:0 1rem 1rem 0;
	z-index:-1;
}
.top_cnt h2{
	font-size:70px;
	color:#44AD35;
	font-weight:bold;
}
.arrowicon{
	position: relative;
    display: inline-block;
    padding: 0 1.25em 0 0;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
}
.arrowicon::before,
.arrowicon::after{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.arrowicon::before{
    width: 1.1em;
    height: 1.1em;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #44AD35;
}
.arrowicon::after{
    right: 0.45em;
    width: 0.3em;
    height: 0.3em;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.top_cnt.top_demolition .top_bg{
	left:auto;
	right:0;
	background:rgba(0,148,221,0.1);
	border-radius:1rem 0 0 1rem;
}
.top_cnt.top_demolition h2{
	color:#0094DD;
}
.top_demolition .arrowicon::before{
	background:#0094DD;
}
.top_cnt.top_recruit .top_bg{
	background:rgba(235,132,177,0.1);
	height:215px;
}
.top_recruit img{
	max-width:710px;
}
.top_news{
	margin-top:5rem;
	padding:5rem 0;
	background:#EDEDED;
}
.top_news h2{
	font-size:36px;
	text-align:center;
	width:30%;
}
.top_news_inner{
	width:70%;
}
.top_news_inner p{
	text-indent:-3rem;
	padding-left:3rem;
	margin-bottom:0.5rem;
}
.top_news_inner time{
	display:inline-block;
	margin-right:1rem;
}
.top_news .flexwrap{
	align-items:center;
}
.top_access{
	margin-top:5rem;
}
.top_access h2{
	font-size:36px;
}
.top_access_img{
	margin-top:3rem;
}
footer{
	margin:5rem 0 0;
}
.footer_wrap{
	width:100%;
	background:#0094DD;
	min-width:1040px;
}
.footer_inner{
	align-items:center;
	padding:4rem 0;
	background:url(../images/footer_bg.png) no-repeat bottom right;
}
.footer_cnt{
	color:#fff;
	width:50%;
}
.footer_cnt h2 img{
	max-width:380px;
}
.footermenu{
	color:#fff;
	width:50%;
	
}
.footermenu ul{
	width:50%;
}
.footermenu li{
	margin:0.5rem 0;
}
.footermenu a{
	color:#fff;
}
.copyright{
	text-align:center;
	padding: 1rem 0;
}

footer a[href^="tel:"] {
  color: #fff;
  text-decoration: none;
  pointer-events: none;
}
/*
* サブページ
*/
.sub h1{
	font-size:40px;
	font-weight:bold;
	text-align:center;
	margin-bottom:5rem;
}
.g_navi .current{
	position:relative;
}
.g_navi .current::after{
	content:"";
	position:absolute;
	z-index:1;
	bottom:-20px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	width: 0;
	height: 0;
	display:block;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #44AD35;
}
.info_ttl{
	text-align:center;
	margin:5rem 0;
}
.info_ttl img{
	max-width:900px;
}
.sub_ttl1{
	font-weight:bold;
	font-size:30px;
	margin-bottom:1rem;
}
.sub_ttl2{
	color:#fff;
	font-size:40px;
	padding:1.5rem 0;
	text-align:center;
	background:#44AD35;
	min-width:1040px;
}
#demolition .sub_ttl2{
	background:#0094DD;
}
.sub_ttl3{
	font-size:40px;
	text-align:center;
	margin-bottom: 5rem;
}
.sub_ttl4{
	font-size:30px;
	margin:5rem 0 1rem;
}
#recruit .sub_ttl4{
	color:#EB84B1;
}
.sign{
	text-align:right;
	margin-top:1rem;
}
.sign img{
	max-width:400px;
}
.info_tbl, .info_access{
	margin-top:5rem;
}
#industrial h1{
	color:#44AD35;
}
#demolition h1{
	color:#0094DD;
}
#recruit h1{
	color:#EB84B1;
}
.project_list{
	position:relative;
	height:506px;
	min-width:1040px;
}
.project_bg1{
	position:absolute;
	width:50%;
	left:0;
	top:0;
	background:#44AD35;
	opacity:0.1;
	height:100%;
	z-index:-1;
}
.project_bg2{
	position:absolute;
	width:50%;
	right:0;
	top:0;
	background:#0094DD;
	opacity:0.1;
	height:100%;
	z-index:-1;
}
.industrial_wrap{
	margin:3rem 0 0;
}
.demolition_wrap{
	margin:3rem 0 0;
}
.industrial_wrap .project_ttl{
	color:#44AD35;
	font-size:50px;
	text-align:center;
}
.demolition_wrap .project_ttl{
	color:#0094DD;
	font-size:50px;
	text-align:center;
}
.demolition_cnt1{
	width:50%;
	background:#EEEEEE;
	border:3px solid #0094DD;
	color:#0094DD;
	padding:2rem 0;
	position:relative;
	margin:0 0 3rem;
	border-radius:0.5rem;
}
.demolition_cnt2{
	width:50%;
	background:#EEEEEE;
	border:3px solid #dc3545;
	color:#231815;
	padding:2rem 0;
	position:relative;
	margin:0 0 3rem;
	border-radius:0.5rem;
}
.demolition_cnt1 h3, .demolition_cnt2 h3{
	font-size:40px;
	text-align:center;
}
.demolition_cnt2 p{
	font-size:30px;
	text-align:center;
}
.demolition_cnt1::after{
	content:"";
	position:absolute;
	z-index:1;
	bottom:-1.5rem;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	width: 0;
	height: 0;
	display:block;
	border-left: 3rem solid transparent;
	border-right: 3rem solid transparent;
	border-top: 1.5rem solid #0094DD;
}
.demolition_cnt2::after{
	content:"";
	position:absolute;
	z-index:1;
	bottom:-1.5rem;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	width: 0;
	height: 0;
	display:block;
	border-left: 3rem solid transparent;
	border-right: 3rem solid transparent;
	border-top: 1.5rem solid #dc3545;
}
.demolition_cnt1.no_arrow::after{
	display:none;
}
.demolition_txt{
	width:48%;
}
.demo_arrow{
	position:relative;
}
.demo_arrow::after{
	content:"";
	position:absolute;
	z-index:1;
	right:-1.6rem;
	top: 50%;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	transform: translate(0,-50%);
	width: 0;
	height: 0;
	display:block;
	border-top: 2rem solid transparent;
	border-bottom: 2rem solid transparent;
	border-left: 1rem solid #0094DD;
}
.icon_pdf{
	width:24px;
	margin-right:0.25rem;
}
#permit table{
	width:100%;
	border:#9fa0a0 1px solid;
	font-size:16px;
	margin:1rem 0;
	text-align:center;
}
#permit table th{
	border:#9fa0a0 1px solid;
	background:#EDEDED;
	vertical-align:middle;
}
#permit table th.permit_item{
	padding:1rem 0rem;
	width:1rem;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
#permit table td{
	border:#9fa0a0 1px solid;
	vertical-align:middle;
	padding:1rem 0;
}
.recruit_video #video{
	width:100%;
}
.recruit_wrap{
	position:relative;
	padding:3rem 0;
	min-height:523px;
}
.recruit_img{
	position:absolute;
	width:520px;
	top:3rem;
	left:50%;
	-webkit-transform: translate(-780px, 0);
	-moz-transform: translate(-780px, 0);
	transform: translate(-780px, 0);
}
.recruit_cnt{
	margin-left:300px;
	font-size:18px;
}
.recruit_cnt h3{
	display:inline-block;
	font-size:24px;
	color:#fff;
	background:#EB84B1;
	border-radius:3rem;
	padding:0.25rem 3rem;
	margin-bottom:1rem;
}
.bg_pink{
	background:rgba(235, 132, 177, 0.1);
}
/*
* 画面（小）
*/
@media screen and (max-width: 1400px){
	.g_navi{
		display:none;
	}
	.m_menu{
		margin:100px 0 0 ;
	}
	.m_menu li{
		border-bottom:1px solid #ccc;
		list-style:none;
	}
	.m_menu li a{
		display:block;
		color:#000;
		padding:1em 2em;
		font-size:15px;
		text-decoration:none;
		display:block;
	}
	.m_menu li a span{
		display:block;
		font-size:0.8em;
	}
	.m_menu .current{
		position:relative;
	}
	.m_menu .current::after{
		content:"";
		position:absolute;
		z-index:1;
		left:10px;
		top: 50%;
		-webkit-transform: translate(0,-50%);
		-moz-transform: translate(0, -50%);
		transform: translate(0, -50%);
		width: 0;
		height: 0;
		display:block;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 10px solid #44AD35;
	}
	.mobile-navigation,.pure-drawer{
		display:block;
	}
}
@media screen and (max-width: 1056px){
	.recruit_img{
		left:-260px;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
/*
* タブレット
*/
@media screen and (max-width: 960px){
	
}
/*
* SP
*/
@media screen and (max-width: 768px){
	/*
	* 共通
	*/
	footer{
		min-width:100%
	}
	.wrap{
		width:96%;
	}
	.wrap4,.wrap5{
		width:96%;
		margin:30px 2%;
	}
	.wrap2,.wrap3{
		width:100%;
	}
	.wrap6{
		min-width:0;
		width:96%;
		margin:0 2%;
	}
	#inquiry{
		width:100%;
	}
	#inquiry .confirm_btn, #inquiry .reset_btn, #inquiry .back_btn, #inquiry .submit_btn{
		width:44%;
		margin:0 1%;
		font-size:24px;
	}
	#inquiry table tr,#inquiry table td,#inquiry table th{
		display:block;
		width:100%;
	}
	.column2{
		width:100%;
		float:none;
	}
	.column3{
		width:100%;
		float:none;
	}
	/*
	* ここからサイトごと
	*/
	.videoarea, header{
		height:500px;
		min-width:100%;
	}
	.h_ttl{
		width:200px;
		border-radius:0 1rem 1rem 0;
	}
	.mv_ttl{
		top:250px;
		font-size:24px;
	}
	.mv_icon{
		width:200px;
		bottom:20px;
	}
	.top_cnt .top_bg{
		width:100%;
		border-radius:0;
	}
	.top_cnt h2{
		font-size:35px;
	}
	.spblock{
		display:block !important;
	}
	 .spfull{
	 	width:100% !important;
	 }
	 .top_news_inner p{
	 	text-indent:0;
	 	padding-left:0;
	 }
	 .top_news_inner p time{
	 	display:block;
	 }
	 .footer_wrap, .sub_ttl2{
	 	min-width:100%;
	 }
	 .footermenu{
	 	margin-top:3rem;
	 }
	 .info_tbl table tr,.info_tbl table th,.info_tbl table td {
	 	display:block;
	 	width:100%;
	 	text-align:left;
	 }
	.sub_ttl2{
		font-size:20px;
	}
	.project_list{
		height:auto;
		min-width:100%;
	}
	.project_bg1, .project_bg2{
		display:none;
	}
	.industrial_wrap{
		background:rgba(68,173,53, 0.1);
		padding:1.5rem 0.5rem 0.5rem;
	}
	.demolition_wrap{
		margin:0;
		background:rgba(0,148,221, 0.1);
		padding:1.5rem 0.5rem 0.5rem;
	}
	.demolition_cnt1, .demolition_cnt2, .demolition_txt{
		width:100%;
	}
	.demolition_txt{
		margin-bottom:3rem;
	}
	.demo_arrow::after{
		display:none;
	}
	#permit table{
		width:1040px;
	}
	.recruit_img{
		position:relative;
		width:100%;
		left:0;
		top:0;
		display:block;
		margin-bottom:1rem;
	}
	.recruit_cnt{
		margin-left:0;
	}
	
	#permit table th.permit_item{
		writing-mode: horizontal-tb;
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: horizontal-tb;
	}
}
/*
* iphone5以下
*/
@media screen and (max-width: 480px){
	/*
	* 共通
	*/
}
/*
* 共通
*/
@media screen and (min-width: 576px){
	.col-sm-45 {
		-ms-flex: 0 0 45%;
		flex: 0 0 45%;
		max-width: 45%;
	}
	.col-sm-55 {
		-ms-flex: 0 0 55%;
		flex: 0 0 55%;
		max-width: 55%;
	}
}
@media screen and (min-width: 768px){
	.top_cnt.container,.company_cnt1.container,.purchase_cnt.container{
		max-width:100%;
	}
}

