@charset "UTF-8";
/* CSS Document */
header{
	margin-top: 8.5rem;
}


/*---------- タイトル ----------*/
.title div{
	background: url("../img/work1-titleimg.jpg");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
	position: relative;
	padding: 4rem;
	height: 450px;
}
.title div::before{
	content: "";
	position: absolute;
	display: inline-block;
	height: 150px;
	width: 150px;
	background: url("../img/work1-parts-01.svg");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
	bottom: 0;
	left: 0;
}
.title div h3{
	position: relative;
	display: inline-block;
	font-size:  80px;
	font-weight: 200;
	text-align: left;
	color: #fff;
	letter-spacing: 0.5rem;
	line-height: 8.5rem;
}
.title div h3::after{
	content: "";
	position: absolute;
	display: inline-block;
	width: 200px;
	height: 50px;
	background: url("../../since2021/img/top-subtitle1.svg");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
	bottom: -35px;
	right: -120px;
}


/*---------- about ----------*/
#work1-about{
	display: flex;
	flex-wrap: wrap;
	margin-top: 8rem;
}
#work1-about div.about1{
	background: url("../img/work1-aboutimg02.png");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
	position: relative;
	padding: 4rem;
	height: 350px;
}
#work1-about div.about1 img{
	width: 60%;
}
#work1-about div.about2{
	background: url("../img/work1-aboutimg01.jpg");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	position: relative;
	padding: 4rem;
	margin-top: -5rem;
	height: 500px;
	z-index: -1;
}
#work1-about div.about2 img{
	width: 310px;
	position: absolute;
	top: 8rem;
	right: 0;
}
#work1-about div.tategaki p{
	display: block;
	-ms-writing-mode: tb-rl;
 	writing-mode: vertical-rl;
	line-height: 5.5rem;
	letter-spacing: 3px;
	font-size: 33px;
	color: #08287E;
	margin: auto;
    padding-right: 10rem;
	text-align: left;
}
#work1-about div.tategaki + ul + div{
	background: url("../img/work1-aboutimg04.jpg");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
	position: relative;
	padding: 4rem;
}
#work1-about div.tategaki + ul + div p{
	color: #08287E;
	font-size: 14px;
}
#work1-about div.tategaki + ul + div span,
#work1-about div.tategaki + ul + div + div span{
	color: #08287E;
	font-size: 23px;
	font-weight: 500;
	line-height: 3rem;
}
#work1-about div.tategaki + ul + div + div{
	background: url("../img/work1-aboutimg05.jpg");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	position: relative;
	padding: 4rem;
}
#work1-about p,
#work1-about div ul li{
	text-shadow: 0 0 5px white,-1px -1px 2px white,1px 1px 2px white;
}
#work1-about div ul{
	padding-top: 1rem;
}
#work1-about div ul li{
	line-height: 3.5rem;
}
#work1-about div ul li::before{
	color: #08287E;
	content: "❖";
	padding-right: 0.5rem;
}
#work1-about ul.gallery{
	display: none;
}

/*---------- 選べるメンテナンス ----------*/
#maintenance{
	background: url("../img/work1-maintenance.jpg");
	background-position: center;
	background-size: cover;
	position: relative;
	padding: 4rem;
}
#maintenance div{
	display: flex;
	flex-wrap: wrap;
}
#maintenance h4{
	display: block;
	color: #08287E;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	line-height: 2rem;
	margin-top: 1rem;
	margin-bottom: 3rem;
}
#maintenance h4 img{
	display: inline;
	width: 45px;
	padding-right: 0.5rem;
}
#maintenance h4 span{
	color: #878787;
	font-size: 14px;
}
#maintenance dl{
	background: url("../img/work1-parts-06.svg");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
	margin:0 1rem;
	padding: 1rem;
}
#maintenance dt{
	color: #08287E;
	text-align: center;
	font-size: 22px;
	font-weight: normal;
	padding: 2rem;
	border: 1px solid #08287E;
	margin-bottom: 1.5rem;
	background: url("../img/work1-parts-04.svg") ,url("../img/work1-parts-05.svg");
	background-repeat: no-repeat;
	background-position: left,right;
	background-size: contain;
}
#maintenance dt span{
	font-size: 30px;
}
#maintenance dd{
	color: #08287E;
	text-align: justify;
}
#maintenance p{
	margin-top: 3rem;
	text-align: center;
	font-size: 14px;
}


/*---------- ８つのシーン ----------*/
#scene8 div.scene8-title{
	width: 560px;
	margin-top: 10rem;
	margin-bottom: 8rem;
}
#scene8 div.scene8-title p{
	text-align: center;
	color: #878787;
	font-size: 14px;
}
#scene8 .order-3{order: 4!important;}
#scene8 .order-4{order: 3!important;}
#scene8 ul li{
	margin-bottom: 15rem;
}
#scene8 ul li h5{
background: #fff;
    color: #08287E;
    font-size: 20px;
    display: inline-block;
    margin-top: -3.5rem;
    padding: 0 2rem;
    position: absolute;
    top: 0;
    left: 50px;
	z-index: 2
}
#scene8 ul li h5 span{
	font-size: 50px;
	padding-left: 2rem;
	vertical-align:-15%;
}
#scene8 ul li dl{
    color: #08287E;
    border-top: 2px solid #08287E;
    position: relative;
    z-index: 1;
}
#scene8 ul li dl dt{
	font-size: 30px;
	padding: 5rem 0 3rem 0;
}
#scene8 ul li dl dd{
	font-size: 14px;
	text-align: justify;
}
#scene8 ul li:nth-child(4) dl dl{
	border: none;
	background: #E6E9F2;
	padding: 2rem;
	margin-top: 2rem;
}
#scene8 ul li:nth-child(4) dl dl dt{
	font-size: 16px;
	padding: 0 0 1rem 0;
}
#scene8 ul li:nth-child(5) dl dt{
	line-height: 4rem;
}
#scene8 div.order-2,
#scene8 div.order-4{
	position: relative;
}
#scene8 div.order-2::after{
	content: "";
	position: absolute;
	display: inline-block;
	width: 250px;
	height: 250px;
	background: url("../img/work1-parts-09.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	top: 0;
	right: 0;
	z-index: 1;
}
#scene8 div.order-4::after{
	content: "";
	position: absolute;
	display: inline-block;
	width: 250px;
	height: 250px;
	background: url("../img/work1-parts-08.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	bottom: 0;
	left: 0;
	z-index: 1;
}
#scene8 dd a {
	color: #08287e;
	border-bottom: solid 1px #08287e;
}



/*---------- SUSTAINABLE ----------*/
#sustainable {
	padding-top: 70px;
    margin-top: -70px;
}

section#sustainable > div{
	background: url("../img/work1-sustainable.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	padding: 4rem;
}
#sustainable h4{
	font-size: 50px;
	color: #595757;
	letter-spacing: 0.5rem;
	display: inline-block;
	position: relative;
	margin-bottom: 5rem;
}
#sustainable h4::after{
	content: "";
	position: absolute;
	display: inline-block;
	width: 100px;
	height: 35px;
	background: url("../../since2021/img/top-subtitle0.svg");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
	bottom: -15px;
	right: -65px;
}
#sustainable div img{
	width: 100%;
}
#sustainable div p{
	text-shadow: 0 0 5px white,-1px -1px 2px white,1px 1px 2px white;
}
#sustainable div a{
	margin: 2rem 0;
}
#sustainable div + p{
	font-size: 16px;
	text-align: center;
	margin: 5rem 0;
}
#sustainable div.d-flex > div{
	margin-left: 50%;
}

#sustainable p.line {
	font-size: 20px;
	font-size: 2rem;
	font-weight: 500;
	color: #08287E;
	position: relative;
}

#sustainable p.line::before {
    content: '';
    position: absolute;
    top: -18px;
    left: 0%;
    background: rgb(229,0,30);
    background: linear-gradient(90deg, rgba(229,0,30,1) 0%, rgba(229,0,30,1) 5.9%, rgba(215,166,0,1) 5.9%, rgba(215,166,0,1) 11.8%, rgba(0,151,59,1) 11.8%, rgba(0,151,59,1) 17.4%, rgba(198,15,40,1) 17.4%, rgba(198,15,40,1) 23.2%, rgba(232,56,25,1) 23.2%, rgba(232,56,25,1) 29%, rgba(0,166,217,1) 29%, rgba(0,166,217,1) 34.8%, rgba(250,189,0,1) 34.8%, rgba(250,189,0,1) 40.6%, rgba(151,11,49,1) 40.6%, rgba(151,11,49,1) 46.4%, rgba(237,106,2,1) 46.4%, rgba(237,106,2,1) 52.2%, rgba(220,0,122,1) 52.2%, rgba(220,0,122,1) 58.5%, rgba(245,162,0,1) 58.5%, rgba(245,162,0,1) 64.2%, rgba(211,146,0,1) 64.2%, rgba(211,146,0,1) 69.9%, rgba(66,121,53,1) 69.9%, rgba(66,121,53,1) 75.7%, rgba(0,117,186,1) 75.7%, rgba(0,117,186,1) 81.4%, rgba(40,168,56,1) 81.4%, rgba(40,168,56,1) 87.2%, rgba(0,76,136,1) 87.2%, rgba(0,76,136,1) 92.9%, rgba(0,48,103,1) 92.9%, rgba(0,48,103,1) 100%);
    display: block;
    width: 70%;
    height: 4px;
}

#sustainable .botton-read-more {
	text-align: right;
}

#sustainable .yobou-mark {
    position: absolute;
    width: 135px;
    bottom: -2%;
	left: 50%;
}


/*---------- ReFINE STONE ----------*/
#stone {
	padding-top: 70px;
    margin-top: -70px;
}

section#stone > div{
	background: url("../img/work1-stone.jpg");
	background-position: right center;
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	padding: 4rem;
}
#stone h4{
	font-size: 50px;
	color: #595757;
	letter-spacing: 0.5rem;
	display: inline-block;
	position: relative;
	margin-bottom: 5rem;
}
#stone h4::after{
	content: "";
	position: absolute;
	display: inline-block;
	width: 100px;
	height: 35px;
	background: url("../../since2021/img/top-subtitle3.svg");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
	bottom: -15px;
	right: -65px;
}
#stone div img{
	width: 100%;
}
#stone div p{
	text-shadow: 0 0 5px white,-1px -1px 2px white,1px 1px 2px white;
}
#stone div a{
	margin: 2rem 0;
}
#stone div + p{
	font-size: 16px;
	text-align: center;
	margin: 5rem 0;
}
#stone div.d-flex > div{
	margin: auto;
}


/*---------- QandA ----------*/
#QandA{
	background: url("../img/work1-Q&A.jpg");
	background-position: top center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	position: relative;
	padding: 4rem 4rem 7rem 4rem;
}
#QandA h4{
	display: block;
	color: #08287E;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	line-height: 2rem;
	margin-top: 3rem;
	margin-bottom: 3rem;
}
#QandA h4 img{
	display: inline;
	width: 45px;
	padding-right: 0.5rem;
}
#QandA h4 span{
	color: #878787;
	font-size: 14px;
}
/*---------アコーディオン部分---------*/
.accordion-container {
	margin-top: 7rem;
  	position: relative;
  	width: 100%;
	cursor: pointer
}
.accordion-container .accordion-title {
	display: block;
	position: relative;
	margin: 1rem 0;
	padding: 2.5rem;
	background: #08287E;
	cursor: pointer;
	font-size: 18px;
	color: #ffffff;
	text-align: left;
}
.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-container .content-entry.open .accordion-title {
  background-color: #8393BE;
  color: #ffffff;
}
.accordion-title,.accordion-content{
  position: relative;
}
.accordion-title::after {
	content: "＋";
	font-size: 30px;
	position: absolute;
	right: 25px;
	top: 20%;
	display: block;
}
.accordion-title.open::after {
    content: "−";
    font-size: 40px;
    top: 12%;
    right: 29px;
    font-weight: 400;
}
.accordion-content {
	display: none;
    margin-bottom: 1rem;
    padding: 2.5rem;
    border: 1px solid #B3B3B4;
    background: #ffffff;
    text-indent: -1em;
    padding-left: 5rem;
}
.accordion-content dt{
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 1.5rem;
}
.accordion-content dd{
	font-size: 14px;
	text-align: justify;
	color: #727171;
	line-height: 2.5rem;
	text-indent: 0;
}

/*---------- contact ----------*/
#contact{
	margin-top: 0rem!important;
}



@media (max-width: 1199px) {
}
#sustainable p.line::before {
    width: 100%;
}



@media (max-width: 991px) {
/*---------- about ----------*/
	#work1-about div.about1 img {
		width: 70%;
	}
	#work1-about div.about1 {
		height: 200px;
	}
	#work1-about div.about2 {
		height: 400px;
		margin-top: -2.5rem;
	}
	#work1-about div.about2 img{
		width: 230px;
		top: 7rem;
	}
	#work1-about div.tategaki p{
		line-height: 4.5rem;
		letter-spacing: 0px;
		font-size: 27px;
		padding-right: 3rem;
	}
/*---------- 選べるメンテナンス ----------*/
	#maintenance dl{
		background: url("../img/work1-parts-06.svg");
		background-repeat: no-repeat;
		background-position: bottom left;
		background-size: cover;
	}
	#maintenance dt{
		font-size: 20px;
		padding: 1rem;
	}
	#maintenance dt span{
		font-size: 25px;
	}
	
/*---------- ８つのシーン ----------*/	
	#scene8 ul li{
		margin-bottom: 8rem;
	}
	#work1-about div.about1 {
		height: 200px;
	}
	#scene8 ul li dl dt{
		font-size: 25px;
		padding: 5rem 0 2rem 0;
	}

/*---------- SUSTAINABLE ----------*/
	#sustainable p.line::before {
		width: 100%;
	}
/*
	#sustainable div.d-flex > div {
		margin-left: 48%;
	}
	#sustainable .yobou-mark {
		left: 53%;
	}
*/
	#sustainable div.d-flex > div {
		margin-left: 33%;
	}
	#sustainable .yobou-mark {
		left: 69%;
	}
}



@media (max-width: 767px) {
/*---------- タイトル ----------*/
	.title div{
		background: url("../img/work1-titleimg.jpg");
		background-repeat: no-repeat;
		background-position: left center;
		background-size: cover;
		position: relative;
		padding: 2rem 3rem;
		height: 350px;
	}
/*---------- about ----------*/
	#work1-about div.about1 img {
		width: 80%;
	}
	#work1-about div.about2 img{
		width: 200px;
		top: 5rem;
	}
	#work1-about div.about1{
		background: url("../img/work1-aboutimg02.png");
		background-repeat: no-repeat;
		background-position: right top;
		background-size: contain;
		position: relative;
		padding: 2rem;
		height: 200px;
	}
	#work1-about div.about2{
		background: url("../img/work1-aboutimg01.jpg");
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size: cover;
		position: relative;
		margin-top: -3rem;
		height: 400px;
		z-index: -1;
	}
	#work1-about div.tategaki + ul + div{
		background: url("../img/work1-aboutimg04-mini.jpg");
		background-repeat: no-repeat;
		background-position: right center;
		background-size: cover;
		position: relative;
		padding: 4rem 2rem;
	}
	#work1-about div.tategaki + ul + div + div{
		background: url("../img/work1-aboutimg05-mini.jpg");
		background-repeat: no-repeat;
		background-position: left center;
		background-size: cover;
		position: relative;
		padding: 4rem 2rem;
	}
/*---------- 選べるメンテナンス ----------*/
	#maintenance dl{
		background: url("../img/work1-parts-06.svg");
		background-repeat: no-repeat;
		background-position: left bottom;
		background-size: cover;
		margin:0;
	}
	#maintenance div.col-md-6{
		margin-bottom: 4rem;
	}
	#maintenance div.col-md-6 + div{
		margin-bottom: 0rem;
	}
/*---------- ８つのシーン ----------*/
	#scene8 div.scene8-title{
		width: 80%;
		margin-top: 6rem;
		margin-bottom: 7rem;
	}
	#scene8 .order-3{order: 3!important;}
	#scene8 .order-4{order: 4!important;}
	#scene8 .order-1,
	#scene8 .order-2,
	#scene8 .order-3,
	#scene8 .order-4{
		margin-bottom: 2rem;
	}
/*---------- SUSTAINABLE ----------*/
	section#sustainable > div {
		background: url("../img/work1-sustainable.jpg");
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		position: relative;
		padding: 2rem;
	}
/*
	#sustainable div a{
		display: block;
		margin: 2rem 0;
		width: auto;
	}
*/
	#sustainable h4::after{
		bottom: -15px;
		right: -55px;
	}
	#sustainable div.d-flex > div {
		margin: auto;
	}
	#sustainable .yobou-mark {
		left: 69%;
	}
/*---------- ReFINE STONE ----------*/
	section#stone > div {
		background: url(../img/work1-stone.jpg);
		background-position: right center;
		background-size: cover;
		background-repeat: no-repeat;
		position: relative;
		padding: 2rem;
	}
	#stone div a{
		display: block;
		margin: 2rem 0;
		width: auto;
	}
	#stone h4::after{
		bottom: -15px;
		right: -55px;
	}
}
@media (max-width: 575px) {
/*---------- タイトル ----------*/
	.title div{
		background: url("../img/work1-titleimg-mini.jpg");
		background-repeat: no-repeat;
		background-position: right center;
		background-size: cover;
		position: relative;
		padding: 4rem;
			height: 250px;
	}
	.title div::before{
		height: 100px;
		width: 100px;
	}
	.title div h3{
		font-size:  60px;
		letter-spacing: 0.5rem;
		line-height: 6.5rem;
	}
	.title div h3::after{
		width: 150px;
		height: 40px;
		bottom: -30px;
		right: -90px;
	}
	
/*---------- about ----------*/
	#work1-about{
		margin-top: 5rem;
	}
	#work1-about div.about1 p{
		font-size: 20px;
		line-height: 4rem;
		color: #08287E;
	}
	#work1-about div.about1 img {
		width: 320px;
		filter: drop-shadow(0px 0px 3px #ffffff);
	}
	#work1-about div.about2 img{
		width: 150px;
		top: 4rem;
	}
	#work1-about div.about1{
		background: url(../img/work1-aboutimg01-mini.jpg);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: cover;
		position: relative;
		padding: 2rem;
		height: 500px;
	}
	#work1-about div.about2{
		display: none;
	}
	#work1-about div.tategaki p{
		line-height: 4rem;
		letter-spacing: 0px;
		font-size: 23px;
		padding: 0;
	}
	#work1-about div.tategaki + ul + div{
		background: url("../img/work1-aboutimg04.jpg");
		background-repeat: no-repeat;
		position: relative;
		padding: 3rem 2rem 32rem;
        background-size: contain;
        background-position: bottom;
	}
	#work1-about div.tategaki + ul + div + div{
		background: url("../img/work1-aboutimg05.jpg");
		background-repeat: no-repeat;
		position: relative;
		padding: 3rem 2rem 17rem;
        background-size: contain;
        background-position: bottom;
	}
	#work1-about div.tategaki + ul + div span,
	#work1-about div.tategaki + ul + div + div span{
		font-size: 20px;
		letter-spacing: -0.5px;
	}
	#work1-about div.tategaki + div span,
	#work1-about div.tategaki + div + div span{
		font-size: 18px;
		line-height: 0rem;
	}
	#work1-about div.tategaki + div + div p{
		text-align: center;
	}
	#work1-about div ul{
		padding: 0;
		padding-top: 1rem;
	}
	#work1-about div ul li{
		text-indent: -1.4em;
		padding-left: 1.4em;
		font-size: 14px;
		line-height: 2rem;
		margin-bottom: 1rem;
	}
	#work1-about ul.gallery{
		display: flex;
		margin: 0;
		padding: 0;
	}
	#work1-about ul.gallery li{
		padding: 0;
	}

/*---------- 選べるメンテナンス ----------*/
	#maintenance{
		padding: 2rem;
	}
	#maintenance h4 {
		font-size: 23px;
		margin-bottom: 2rem;
	}
	#maintenance div {
		padding: 0;
	}
	#maintenance dd {
    font-size: 14px;
	}
	#maintenance dt {
		font-size: 20px;
		padding: 1.5rem;
	}
	#maintenance p {
		text-align: justify;
	}
/*---------- ８つのシーン ----------*/
	#scene8 div.scene8-title{
		width: 95%;
	}
	#scene8 ul li h5 span {
		font-size: 40px;
	}
	#scene8 ul li h5 {
		font-size: 20px;
		margin-top: -2.5rem;
		position: absolute;
		top: 0;
		left: 0;
	}
	#scene8 div.order-2::after,
	#scene8 div.order-4::after{
		width: 150px;
		height: 150px;
	}
/*---------- QandA ----------*/
	#QandA{
		background: url("../img/work1-Q&A.jpg");
		background-position: top center;
		background-size: auto;
		background-repeat: no-repeat;
		position: relative;
		padding: 2rem;
	}
	.accordion-container {
		margin-top: 3rem;
	}
	.accordion-container .accordion-title {
		padding: 1.5rem 2.5rem 1.5rem 4.5rem;
		font-size: 14px;
		text-indent: -2.6em;
	}
	.accordion-title::after {
		content: "＋";
		font-size: 20px;
		position: absolute;
		right: -10px;
		top: 23%;
		bottom: 0;
	}
	.accordion-title.open::after {
		content: "−";
		font-size: 30px;
		right: -12px;
		top: 9%;
	}
	.accordion-content dt {
		font-size: 14px;
		margin-bottom: 1rem;
	}
	.accordion-content {
		padding: 1.5rem;
		padding-left: 3rem;
	}
/*---------- SUSTAINABLE ----------*/
	section#sustainable > div {
		background: url("../img/work1-sustainable-mini.jpg");
		background-position: top center;
		background-size: auto;
		background-repeat: no-repeat;
		position: relative;
	}
	#sustainable h4 {
/*
		font-size: 36px;
		font-size: 3.6rem;
*/
		margin-bottom: 8rem;
	}
	#sustainable h4::after{
		content: "";
		position: absolute;
		display: inline-block;
		width: 100px;
		height: 35px;
		background: url("../../since2021/img/top-subtitle0.svg");
		background-repeat: no-repeat;
		background-position: left center;
		background-size: cover;
		bottom: -40px;
		right: 0px;
	}
	#sustainable div{
		display: block!important;
	}
	#sustainable div a{
		margin: auto;
		width: 200px;
		margin-bottom: 4rem;
/*		margin-top: 2rem;*/
	}
	#sustainable div.col-md-4.col-sm-6{
		text-align: center;
	}
	#sustainable div img{
		width: 90%;
		margin-bottom: 2rem;
	}
	#sustainable div p{
		color: #000;
    	margin-bottom: 2rem;
		text-align: justify;
	}
	#sustainable div + p{
		font-size: 14px;
		text-align: center;
		margin: 5rem 3rem;
	}
	#sustainable div.d-flex > div {
		margin: auto;
		margin-top: 21rem;
	}
/*---------- ReFINE STONE ----------*/
	section#stone > div {
		background: url(../img/work1-stone-mini.jpg);
		background-position: top center;
		background-size: auto;
		background-repeat: no-repeat;
		position: relative;
	}
	#stone h4::after{
		content: "";
		position: absolute;
		display: inline-block;
		width: 100px;
		height: 35px;
		background: url("../../since2021/img/top-subtitle3.svg");
		background-repeat: no-repeat;
		background-position: left center;
		background-size: cover;
		bottom: -15px;
		right: -55px;
	}
	#stone div{
		display: block!important;
	}
	#stone div a{
		margin: auto;
		width: 200px;
	}
	#stone div.col-md-4.col-sm-6{
		text-align: center;
	}
	#stone div img{
		width: 90%;
		margin-bottom: 2rem;
	}
	#stone div p{
		color: #000;
    	margin-bottom: 2rem;
	}
	#stone div + p{
		font-size: 14px;
		text-align: center;
		margin: 5rem 3rem;
	}
}
@media (max-width: 520px) {
/*---------- sustainable ----------*/
	#sustainable h4 {
		font-size: 39px;
	}
	#sustainable div.d-flex > div {
		padding: 0;
	}
}