@charset "utf-8";
/* CSS Document */
/* !bg
---------------------------------------------------------- */
body:before {
	position: absolute;
    top: 0;
    right: 50%;
    width: 50%;
	z-index: -1;
    height: 95rem;
    background: #f4f4f4;
	content: '';
}
/* !top-h-group
---------------------------------------------------------- */
h2.top_ttl {
	margin-bottom: 5.5rem;
	font-family: josefin-sans,sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 3.5rem;
	line-height: 0.7;
	text-align: center;
}
h2.top_ttl span {
	font-weight: normal;
	font-size: 1.5rem;
}
h3.top_sub_ttl {
	margin-bottom: 3rem;
	font-weight: bold;
	font-size: 1.8rem;
}
h3.top_sub_ttl span {
	color: #8ca0af;
	font-family: josefin-sans,sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 1rem;
	letter-spacing: 0.1em;
}

/* !kv
---------------------------------------------------------- */
#top_kv {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	height: 25rem;
	width: 100%;
	background: url("/assets/img/pages/index/top__kv__sp.jpg") no-repeat center center;
	background-size: cover;
	text-align: center;
} 
#top_kv h1 {
	margin-top: 5rem;
	color: #fff;
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 1;
	}
#top_kv h1 span {
	font-family: josefin-sans,sans-serif;
	font-size: 0.9rem;
	letter-spacing: 0.1em
}
/* !message
---------------------------------------------------------- */
#message {margin-top: 25rem}

/* !SERVICE
---------------------------------------------------------- */
#service {position: relative;}
#service:before {
	position: absolute;
    bottom: 0;
	z-index: -1;
    width: 100%;
    height: 55%;
    background: url("/assets/img/pages/index/wave__sp.png") right bottom #8ca0af no-repeat;    
	content: '';
}
#service .img_box {
	margin-bottom: 2.5rem;
	text-align: center;
}
#service .img_box .img01 {width: 19.65rem;}
#service .img_box .img02 {width: 23.65rem;}
#service .blu_box {color: #ffffff;}
#service .blu_box h3 span {color: #dde3e7;}
/* ---------------------------------------------------------- */
/* !PC                                                        */
/* ---------------------------------------------------------- */
@media screen and (min-width: 768px) {
body:before {height: 130rem;}
/* !kv
---------------------------------------------------------- */
#top_kv {
	height: 60rem;
	background: url("/assets/img/pages/index/top__kv__pc.jpg") no-repeat center center;
	background-size: cover;
	} 
#top_kv h1 {
	margin-top: 10rem;
	font-size: 3.6rem;
	}
#top_kv h1 span {font-size: 1.3rem;}
/* !message
---------------------------------------------------------- */
#message {margin-top: 60rem}
/* !SERVICE
---------------------------------------------------------- */
#service:before {
    height: 40%;
    background: url("/assets/img/pages/index/wave__pc.png") right bottom #8ca0af no-repeat;    
}
#service .img_box .img01 {width: 39.3rem;}
#service .img_box .img02 {width: 47.3rem;}
#service .text_box {
	width: 60%;
	padding-left: 5rem;
	align-self: center;
	}
#service .blu_wrp {width: 48%;}
#service .text_box p,
#service .blu_wrp p {
	margin-bottom: 2.5rem;
	}
}/*768px*/