@charset "utf-8";

.about .page_title{background-image:url(/laubel-nakano-saginomiya/img/about/h1_about.jpg);}

.greeting{
	padding:95px 75px 75px;
	margin:100px 0;
	background:#FFF9F2 url(/laubel-nakano-saginomiya/img/common/bg_deco.png) repeat;
}
.img_txt{display:flex;}
.img_txt div:first-child{
	flex-shrink:0;
	width:300px;
	margin-right:65px;
}
.img_txt div:last-child{width:100%;}
.greeting h3{
	font-family:var(--font_serif);
	font-size:2.8rem;
	letter-spacing:2.8px;
	line-height:3.4rem;
	margin:15px 0 25px;
}
.greeting p{
	font-family:var(--font_serif);
	letter-spacing:1.6px;
	line-height:3rem;
	margin-bottom:0;
}
.greeting_sign{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	margin-top:35px;
	color:#6E7718;
	font-family:var(--font_serif);
	letter-spacing:1.6px;
}
.greeting_sign span{
	color:#333;
	font-size:2.8rem;
	letter-spacing:2.8px;
	line-height:4rem;
	margin-left:15px;
}

.one_day_life{
	position:relative;
	padding:95px 0 55px;
	margin:220px 0 100px;
}
.one_day_life::before{
	content:'';
	position:absolute;
	z-index:-1;
	top:0;
	left:calc(50% - var(--vw_50));
	width:var(--vw_100);
	height:100%;
	background:#FFF9F2 url(/laubel-nakano-saginomiya/img/common/bg_deco.png) repeat;
}
.flow_item{background:#fff;}
.flow_item h2, .flow_item h3{
	color:#6E7718;
	font-weight:normal;
}


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

.greeting p.greeting_sign{
	font-size:1.6rem;
	letter-spacing:1.6px;
	line-height:2.3rem;
}

}


@media screen and (min-width:768px) and (max-width:1024px){

.greeting{
	padding:65px 45px 50px;
	margin:80px 0 90px;
}
.img_txt div:first-child{
	width:220px;
	margin-right:40px;
}
.greeting h3{
	font-size:2.5rem;
	letter-spacing:2.5px;
	margin:5px 0 20px;
}
.greeting p{
	letter-spacing:1.5px;
	line-height:2.7rem;
}
.greeting p.greeting_sign{margin-top:25px;}
.column_item h3::after{left:85px;}

.one_day_life{
	padding:65px 0 30px;
	margin:140px 0 90px;
}

}


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

.greeting{
	padding:35px 20px 25px;
	margin:60px 0 80px;
}
.img_txt{display:block;}
.img_txt div:first-child{
	max-width:300px;
	width:auto;
	margin:auto;
}
.greeting h3{
	font-size:2.2rem;
	letter-spacing:2.2px;
	line-height:3.3rem;
	margin:40px 0 20px;
}
.greeting p{
	letter-spacing:1.4px;
	line-height:2.5rem;
}
.greeting p.greeting_sign{margin-top:15px;}
.greeting_sign span{
	font-size:2.4rem;
	letter-spacing:2.4px;
	line-height:3.4rem;
}

.one_day_life{
	padding:35px 0 10px;
	margin:60px 0 80px;
}

}