/* CSS Document */
.page_title .contents_title::before{
	content: "Service";
}
/*コンテンツ*/
.service_wrap{
	box-sizing: border-box;
}
body[wc-view-code="sp"] .service_wrap{
	padding: var(--headerHeight) 7vw;
}
body[wc-view-code="tb"] .service_wrap{
	padding: var(--headerHeight) 5vw;
}
body[wc-view-code="pc"] .service_wrap{
	padding: var(--headerHeight) calc((100vw - 1100px) / 2);
}
.service_wrap > article{
	display: flex;
	transition: opacity 600ms cubic-bezier(0.25, 1, 0.5, 1),transform 600ms cubic-bezier(0.25, 1, 0.5, 1);
	opacity: 0;
	transform: translateY(1.5rem);
}
.service_wrap > article.wcvisible{
	opacity: 1;
	transform: translateY(0);
}
.service_wrap > article:first-of-type{
	margin-top: calc(var(--headerHeight) * -1);
	padding-top: var(--headerHeight);
}
.service_wrap > article:not(:first-of-type){
	margin-top: calc((var(--headerHeight) / 2.5) * -1);
	padding-top: var(--headerHeight);
}
body[wc-view-code="sp"] .service_wrap > article{
	flex-direction: column;
}
body:not([wc-view-code="sp"]) .service_wrap > article:nth-of-type(even){
	flex-direction: row-reverse;
}
.service_wrap > article .s_text{
	box-sizing: border-box;
}
body[wc-view-code="sp"] .service_wrap > article .s_text{
	padding-bottom: 1rem;
}
body:not([wc-view-code="sp"]) .service_wrap > article .s_text{
	width: 50%;
}
body[wc-view-type="tb"] .service_wrap > article:nth-of-type(odd) .s_text{
	padding-right: 1rem;
}
body[wc-view-type="tb"] .service_wrap > article:nth-of-type(even) .s_text{
	padding-left: 1rem;
}
body[wc-view-type="tb-l"] .service_wrap > article:nth-of-type(odd) .s_text{
	padding-right: 1.5rem;
}
body[wc-view-type="tb-l"] .service_wrap > article:nth-of-type(even) .s_text{
	padding-left: 1.5rem;
}
body[wc-view-code="pc"] .service_wrap > article:nth-of-type(odd) .s_text{
	padding-right: 2rem;
}
body[wc-view-code="pc"] .service_wrap > article:nth-of-type(even) .s_text{
	padding-left: 2rem;
}
.service_wrap > article .s_text .s_title{
	display: flex;
	flex-direction: column-reverse;
	margin-bottom: 0.5rem;
}
.service_wrap > article .s_text .s_title > h2{
	font-size: 1.25rem;
	font-weight: 700;
}
.service_wrap > article .s_text .s_title > .s_num{
	font-family: "Oswald";
	font-size: 0.85rem;
	letter-spacing: 1px;
	color: var(--accentColor);
	font-weight: 700;
}
.service_wrap > article .s_text .s_in_text{
}
.service_wrap > article .s_text .s_in_text p{
	line-height: 1.8rem;
}
.service_wrap > article .s_text .s_in_text p:not(:first-of-type){
	margin-top: 0.5rem;
}
.service_wrap > article figure{
}
body:not([wc-view-code="sp"]) .service_wrap > article figure{
	width: 50%;
}
.service_wrap > article figure img{
}
body[wc-view-code="sp"] .service_wrap > article figure img{
	aspect-ratio:2/1;
}
body:not([wc-view-code="sp"]) .service_wrap > article figure img{
	aspect-ratio:1.414/1;
}