@charset "UTF-8";
#inner {position: relative;	padding: 5rem 0;	margin-bottom: 5rem;}
.service-contents-img {width: 60%;	height: 40vw;	position: relative;	background-image: url("../img/service01.jpg");	background-size: cover;	background-attachment: fixed;	background-position: center center;	background-repeat: no-repeat;	z-index: 1;}
.text-box { background: linear-gradient(135deg, #003026, #599c8e);	border-radius: 10px;	position: absolute;	bottom: 0 ;	right: 10px;	width: 70%;	padding: 3rem; z-index: 5; transition: .6s ease-out; transform: translateY(40px); opacity: 0;}
.text-box.delighter.started { transform: translateY(0); opacity: 1;}
#service-contents h2 {color: #ffffff;	font-size: 140%;	font-weight: bold;	border-bottom: 1px solid #fff;}
@media (min-width: 768px){}
@media (min-width: 1200px){}
@media (max-width: 767px){.service-contents-img {width: 100%;	height: 80vw;	background-attachment: scroll;}
.text-box {position: relative;	bottom: 0 ;	right: 0;	width: 100%;	padding: 1rem;	margin-bottom: 1rem;}}
@media (max-width: 575px){}