@import '../head.spe.css';

/*banner part*/
.banner { position: relative;background:url('/images/service/banner.jpg') center;background-size:cover;user-select:none;}
.banner .auto-box {height:650px;position:relative;}
.banner .auto-box > div { position: absolute; top:50%;margin-top:-80px;left:50%;margin-left:20vw; color: #fff; text-shadow: rgba(0,0,0,0.8) 3px 3px 3px; }
.banner .auto-box > div > h6 {font-family: 'Wulkan Display Italic'; font-size: 56px;font-style:italic; line-height: 2em; position: relative; font-weight:400;}

.service-part-s1 { padding:235px; background: url('/images/service/service-s1-bg.jpg') center no-repeat;background-size:cover;height:970px;}
.service-part-s1 .txt { width: 550px; font-size: 48px; line-height:1.5em; color: #fff; font-style: italic; font-family: 'Wulkan Display Italic'; }

.home-lr-txt {background:#fff;}
.home-lr-txt .left-part {align-content:center;}

@media only screen and (max-width:1640px) {
	.banner .auto-box {height: 41vw;min-height:240px;}
	.banner .auto-box > div {margin-top:-5vw;}
	.banner .auto-box > div > h6 {font-size:3.5vw;}

	.service-part-s1 { padding:14.7vw;height:60vw;}
	.service-part-s1 .txt { width:34.375vw; font-size:3vw;}
}
@media only screen and (max-width:768px){
	.banner .auto-box > div > h6 {font-size:22px;text-indent:20px;}
}
@media only screen and (max-width:560px){
	.banner .auto-box > div {margin-top:-28px;margin-left:5vw;}
}