@charset "UTF-8";
#contents{
margin-top: 70px;
position: relative;
	z-index: 1;
}
#contents:before {
    content: "";
    position: fixed;
    background: url("../img/bg.png")center center no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    top: 5vh;
    z-index: 0;
}
#service_area{
  max-width: 1000px;
  width: 95%;
  margin: 0 auto;
	position: relative;
}
.service_box .box{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 100px;
}
.service_box .box .txt_box{
	width: 480px;
}
.service_box .box .txt_box .tl {
    font-size: 2rem;
	line-height: 1.6;
    display: inline;
    color: #008ecc;
    background: linear-gradient(transparent 90%, #95d1fa6b 0%);
}
.service_box .box .txt_box .txt{
	font-size: 1.2rem;
	line-height: 1.6;
	margin-top: 30px;
}
.service_box .box .img_box{
	width: 450px;
}
.service_box .box.pink .txt_box{
	order: 2;
}
.service_box .box.pink .img_box{
	order: 1;
}
.service_box .box.pink .tl{
	color: #ff8286;
	background: linear-gradient(transparent 90%, #f78da75e 0%);
}
footer {
    position: relative;
    z-index: 1;
}
@media screen and (max-width: 767px) {
	/*spのみ*/
#contents:before {
    background: url("../img/bg_sp.png")center center no-repeat;
    top: 5vh;
    background-size: contain;
	opacity: 0.7;
}
.service_box .box{
	display: block;
	margin-bottom: 40px;
}
.service_box .box .txt_box{
	width: 100%;
	margin-bottom: 20px;
}
.service_box .box .img_box{
	width: 100%;
}
.service_box .box .txt_box .tl {
    font-size: 1.5rem;
}
.service_box .box .txt_box .txt {
    font-size: 1rem;
    margin-top: 20px;
}
}