/* 内部画面設定1*/
.page01-ttl{
	height: 460px;
	width:100%;
	position: relative;
}
.img-warehouse,
.img-store,{
	position: relative;
}
.img-warehouse{
/* 	background:url("../../images/renewal/bg_warehouse.jpg") no-repeat; */
	background-size: cover;
	background-position: center;
}
.img-store{
/* 	background:url("../../images/renewal/bg_store.jpg") no-repeat; */
	background-size: cover;
	background-position: bottom;
}
.img-store [class^="img_"],
.img-warehouse [class^="img_"] {
	position: absolute;
	top: 0;
	left: 0;
	height: 460px;
	width:100%;
	z-index: 0;
}
.img-store .img_1 {
	background: url("../../images/renewal/store_01.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}
.img-store .img_2 {
	background: url("../../images/renewal/store_02.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}
.img-store .img_3 {
	background: url("../../images/renewal/store_03.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}
.img-store .img_4 {
	background: url("../../images/renewal/store_04.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}
.img-store .img_5 {
	background: url("../../images/renewal/store_05.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}
.img-warehouse .img_1 {
	background: url("../../images/renewal/warehouse_01.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}
.img-warehouse .img_2 {
	background: url("../../images/renewal/warehouse_02.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}
.img-warehouse .img_3 {
	background: url("../../images/renewal/warehouse_03.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}
.img-warehouse .img_4 {
	background: url("../../images/renewal/warehouse_04.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}
.img-warehouse .img_5 {
	background: url("../../images/renewal/warehouse_05.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}

.page01-ttl__in{
	position: relative;
	z-index: 100;
	height: 460px;
	width:100%;
	max-width: 1600px;
	margin:0 auto;
	background:url("../../images/renewal/bg_page01.png") no-repeat;
	background-size: cover;
	background-position: center;
	display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}
.page01-ttl__in h1 {
    font-size: 3.5rem;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0.2rem;
    line-height: 3.5rem;
}
.page01-ttl__in p {
	color: #fff ;
}
.page01-ttl__in span {
    color: #fff;
    margin-top: 10px;
}

/* 内部画面設定2*/
.page02-ttl{
	height: 460px;
	width:100%;
	display: flex;
	justify-content: flex-end;
}
.img-mortex_bealstone,
.img-mortex{
	position: relative;
/* 	background: url("../../images/renewal/bg_mortex.jpg") no-repeat; */
    background-size: auto 100%;
    background-position: left;
}
.img-house{
	position: relative;
/*
	background: url("../../images/renewal/bg_house.jpg") no-repeat;
    background-size: auto 150%;
    background-position: left;
*/
}
.img-house [class^="img_"],
.img-mortex_bealstone [class^="img_"] {
	position: absolute;
	top: 0;
	left: 0;
	height: 460px;
	width:100%;
	display: flex;
	justify-content: flex-end;
    background-size: auto 150%;
    background-position: left;
}
.img-house .img_1 {
	background: url("../../images/renewal/house_01.jpg") no-repeat;
}
.img-house .img_2 {
	background: url("../../images/renewal/house_02.jpg") no-repeat;
}
.img-house .img_3 {
	background: url("../../images/renewal/house_03.jpg") no-repeat;
}
.img-house .img_4 {
	background: url("../../images/renewal/house_04.jpg") no-repeat;
}
.img-house .img_5 {
	background: url("../../images/renewal/house_05.jpg") no-repeat;
}
.img-house .img_6 {
	background: url("../../images/renewal/house_06.jpg") no-repeat;
}
.img-mortex_bealstone .img_1 {
	background: url("../../images/renewal/bg_mortex.jpg") no-repeat;
}



.page02-ttl__in{
	height: 100%;
	width: 62.5%;
	position: relative;
	background:url("../../images/renewal/bg_page02.png") no-repeat;
	background-size: cover;
    background-position: left;
    padding-left: 220px;
    display: flex;
    justify-content: center;
    flex-flow: column;

}
.page02-ttl__in h1 {
    font-size: 3rem;
    font-weight: bold;
    color: #15a33c;
    letter-spacing: 0.2rem;
    line-height: 3.5rem;
}
.page02-ttl__in p {
    color: #fff;
    margin-top: 10px;
	max-width: 600px;
	padding-right: 10px;
}

/* ブロック　*/
.box-ttl02.cl-w{
	color:#fff;
}
.box-ttl02.cl-g{
	color:#15A33C;
}
.box-ttl03.cl-g{
	color:#6BBD65;
}
.box-ttl02__in{
	display: flex;
	font-weight: bold;

}
.box-ttl02__in .box-ttl02__no{
	font-size: 1.1rem;
	font-weight: bold;
    display: flex;
    flex-flow: column;
    justify-content: center;
	align-items: center;
    padding: 7px;
    height: 115px;
}
.box-ttl02.cl-w .box-ttl02__no{
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.box-ttl02.cl-g .box-ttl02__no{
	border-right: 1px solid #15A33C;
	border-bottom: 1px solid #15A33C;
}
.box-ttl02__in .box-ttl02__no span{
	font-size: 4rem;
	line-height: 4rem;
}
.box-ttl02__content{
	max-width: 400px;
	margin-left: 28px;
    display: flex;
    justify-content: center;
    flex-flow: column;
    padding-top: 12px;
}
.box-ttl02__content h2{
	font-size: 2.6rem;
	line-height: 2.6rem;
	font-weight: bold;

}
.box-ttl02__content p{
	margin-top:10px;
}

.box-ttl02.cl-g .box-ttl02__content p{
	color:#000;
}

.box-ttl03{
	width: 684px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.box-ttl03__in{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-weight: bold;

}
.box-ttl03__in .box-ttl03__no{
	font-size: 1.1rem;
	font-weight: bold;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    display: flex;
    flex-flow: column;
    justify-content: center;
	align-items: center;
    padding: 7px;
    height: 115px;
}
.box-ttl03.cl-g .box-ttl03__no{
	border-right: 1px solid #15A33C;
	border-bottom: 1px solid #15A33C;
}
.box-ttl03__in .box-ttl03__no span{
	font-size: 4rem;
	line-height: 4rem;
}

.box-ttl03__img{
	margin-left:15px;
}
.box-ttl03__bland img{
    width: 50%;
    margin: 0 20px;
}
.box-ttl03__content{
	margin-left: 28px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    display: flex;
    justify-content: center;
	flex-flow: column;
    padding-top: 12px;
    width: 100%;
}
.box-ttl03__content p{
	margin-top:10px;
}

.box-ttl03__content h2{
	font-size: 2.6rem;
	line-height: 2.6rem;
	font-weight: bold;

}
.box-ttl03__content p{
	color: #fff;
}
.box-ttl03__bland{
	
	margin-top: 45px;
	padding: 0 80px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}
.dis-fx{
	
    display: flex;
}
a.btn--01 {
    width: 228px;
    display: block;
	color: #15A33C;
	font-weight: bold;
    background: #fff;
    text-align: center;
    padding: 12px;
    border-radius: 30px;
	transition: all 0.3s ease;
    border: 4px solid #15A33C;
}
a.btn--01::after {
    margin-left: 15px;
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition: .3s;
}
a.btn--02 {
    width: 228px;
    display: block;
    color: #15A33C;
	font-weight: bold;
    background: #fff;
    text-align: center;
    padding: 12px;
    border-radius: 30px;
	border: 4px solid #15A33C;
	transition: all 0.3s ease;
}
a.btn--02::after {
    margin-left: 15px;
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition: .3s;
}
a.btn--03 {
    width: 390px;
    display: block;
    color: #fff;
    font-size: 1.2rem;
	font-weight: bold;
    background: #FF0C0C;
    text-align: center;
    padding: 12px 24px;
    border-radius: 30px;
	border: 4px solid #B60C0C;
	transition: all 0.3s ease;
}
a.btn--03::after {
    margin-left: 15px;
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition: .3s;
}
.txt-address{
    font-size: 1.3rem;
    font-weight: bold;
	letter-spacing: 0.1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.txt-address span{
	font-size: 1.1rem;
	margin-right:10px;
}
.txt-tel{
	font-size: 2rem;
	line-height: 2rem;
	font-weight: bold;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
    letter-spacing: 0.1rem;
    margin-top: 5px;
}
.txt-tel span{
	font-size: 1.3rem;
	line-height: 1.3rem;
	font-weight: bold;
}
.dis-d{
	display: none !important;
}
.m-center{
    margin-left:auto;
    margin-right:auto;
}
.mt-10{
	margin-top:10px;
}
.mt-20{
	margin-top:20px;
}
.mb-10{
	margin-bottom:20px;
}
.mb-20{
	margin-bottom:20px;
}
@media screen and (min-width: 768px) {
	.pageTop a {
	  right: 5%
	}
	.pageTop a:hover {
	  opacity: 0.6;
	}
	.footer-copy {
	  display: none
	}
	.btn--01:hover {
	  background-color: #15A33C;
	  color: #fff;
	  border: 4px solid #fff;
	}
	.btn--02:hover {
	  background-color: #15A33C;
	  color: #fff;
	  border: 4px solid #15A33C;
	}
	.btn--03:hover {
	  background-color: #fff;
	  color: #FF0C0C;
	}
	.dis-w{
		display: none;
	}
}
@media screen and (max-width: 767px) {

	/* 内部画面設定1*/
	.page01-ttl{
		height: 40vw;
		position: relative;
	}
	.img-warehouse{
/* 		background:url("../../images/renewal/bg_warehouse.jpg") no-repeat; */
		background-size: cover;
		background-position: center;
	}
	.img-store{
/* 		background:url("../../images/renewal/bg_store.jpg") no-repeat; */
		background-size: cover;
		background-position: bottom;
	}
	.img-warehouse [class^="img_"],
	.img-store [class^="img_"] {
		height: 40vw;
		width:100%;
		background-size: cover;
		background-position: center;
	}
	
	
	
	
	.page01-ttl__in{
		position: relative;
		z-index: 999;
		height: 100%;
		width:100%;
		max-width: auto;
	}
	.page01-ttl__in h1 {
		font-size: 2rem;
		letter-spacing: 0.2rem;
		line-height: 2rem;
	}
	.page01-ttl__in span {
		color: #fff;
		margin-top: 0px;
		font-size: 0.5rem;
	}
	
	/* 内部画面設定2*/
	.page02-ttl{
		height: 100vw;
		width: 100%;
		max-height: 700px;
		display: flex;
		justify-content: flex-end;
		flex-flow: column;
	}
	.img-mortex_bealstone,
	.img-mortex{
		position: relative;
/* 		background: url("../../images/renewal/bg_mortex.jpg") no-repeat; */
		background-size: 100%;
		background-position: top;
	}
	.img-house{
		position: relative;
/* 		background: url("../../images/renewal/bg_house.jpg") no-repeat; */
		background-size: 100%;
		background-position: top;
	}
	.img-house [class^="img_"],
	.img-mortex_bealstone [class^="img_"] {
		height: 100vw;
		width:100%;
		background-size: 100%;
		background-position: top;
	}
	
	
	
	
	.page02-ttl__in{
		height: 53vw;
		width: 100%;
		position: relative;
		background:none;
		display: flex;
		justify-content: center;
		flex-flow: column;
		background: #1e1d17;
		padding: 0 15px;
		max-height: 320px;

	}
	.page02-ttl__in::before {
		height: 21vw;
		width: 100%;
		position: absolute;
		background: url("../../images/renewal/bg_page02_sp.png") no-repeat;
		background-size: cover;
		content: "";
		left: 0;
		top: -21vw;
	}
	.page02-ttl__in h1 {
		font-size: 1.8rem;
		line-height: 1.8rem;
	}

	
	.box-ttl02.cl-w{
		color:#fff;
		margin: 0 auto;
	}
	.box-ttl02.cl-g{
		margin: 0 auto;
	}
	.box-ttl02__in .box-ttl02__no{
		padding: 7px;
		height: 82px;
	}
	.box-ttl02__in .box-ttl02__no span{
		font-size: 3.5rem;
		line-height: 3.5rem;
	}
	.box-ttl02__content{
		margin-left: 16px;
		padding-top: 0px;
	}
	.box-ttl02__content h2{
		font-size: 2rem;
		line-height: 2rem;
	}
	.box-ttl02__content p{
		margin-top:10px;
		line-height: 2rem;
		letter-spacing: 0.1rem;
	}
	
	.box-ttl02.cl-g .box-ttl02__content p{
		color:#000;
	}
	
	.box-ttl03{
		width: 100%;
	}
	.box-ttl03__in{
		flex-flow: column;
		align-items: center;
		justify-content: center;
	}
	.box-ttl03__in .box-ttl03__no{
		font-size: 1.1rem;
		font-weight: bold;
		display: flex;
		flex-flow: column;
		justify-content: center;
		align-items: center;
		padding: 7px;
		height: 75px;
	}
	.box-ttl03__in .box-ttl03__no span{
		font-size: 3.5rem;
		line-height: 3.5rem;
	}
	.box-ttl03__content{
		margin-left: 0;
		padding: 0 15px;
	}
	.box-ttl03__content p{
		margin-top:10px;
	}
	.box-ttl03__content h2{
		font-size: 2rem;
		line-height: 2rem;
		text-align: center;
		margin-top:10px;
	}
	.box-ttl03__content p{
		color: #fff;
		line-height: 2rem;
		letter-spacing: 0.1rem;
	}
	.box-ttl03__bland{
		margin-top: 15px;
		padding: 0 15px;
		margin-bottom: 40px;
	}
	.box-ttl03__bland img {
		width: 45%;
		margin: 0;
	}
	.box-ttl03__img{
		margin: 0 15px;
	}
	.dis-fx{
		display: flex;	
		flex-flow: column;
	}
	a.btn--01 {
		width: 228px;
		display: block;
		color: #15A33C;
		font-weight: bold;
		background: #fff;
		text-align: center;
		font-size: 1.3rem;
		padding: 12px;
		border-radius: 30px;
		transition: all 0.3s ease;
		border: 4px solid #15A33C;
	}
	a.btn--01::after {
		margin-left: 15px;
		content: "\f054";
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		transition: .3s;
	}
	a.btn--02 {
		width: 228px;
		display: block;
		color: #15A33C;
		font-weight: bold;
		background: #fff;
		text-align: center;
		font-size: 1.3rem;
		padding: 12px;
		border-radius: 30px;
		border: 4px solid #15A33C;
		transition: all 0.3s ease;
	}
	a.btn--02.dis-n {
		display: none;
	}
	a.btn--02::after {
		margin-left: 15px;
		content: "\f054";
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		transition: .3s;
	}
	a.btn--03 {
		width: 80%;
		display: block;
		color: #fff;
		font-weight: bold;
		background: #FF0C0C;
		text-align: center;
		font-size: 1.3rem;
		padding: 12px 24px;
		border-radius: 30px;
		border: 4px solid #B60C0C;
		transition: all 0.3s ease;
	}
	a.btn--03::after {
		margin-left: 15px;
		content: "\f054";
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		transition: .3s;
	}
	.txt-address{
		font-size: 1.3rem;
		font-weight: bold;
		letter-spacing: 0.1rem;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-flow: column;
	}
	.txt-address span{
		font-size: 1.1rem;
		margin-right:10px;
	}
	.txt-tel{
		font-size: 2rem;
		line-height: 2rem;
		font-weight: bold;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		letter-spacing: 0.1rem;
		margin-top: 5px;
	}
	.txt-tel span{
		font-size: 1.3rem;
		line-height: 1.3rem;
		font-weight: bold;
	}
	
	.mt-10{
		margin-top: 5px;
	}
	.mt-20{
		margin-top:20px;
	}
	.dis-w{
		display: block;
	}
	.dis-n {
		display: none;
	}
	.dis-d {
		display: block !important;
	}

}