@charset "utf-8";
body{background-color:#e8ecf5;}
main > *:not([data-full]){width:100%;}
#product{background-color:#f2eae6;}
#mvLead{text-align:center;}
#mvLead .mvTtl{
	display:table;
	margin:0 auto;
	background-color:#fff;
	color:#6888b8;line-height:1.0;
}
#mvLead .leadTxt{line-height:2.2;}
#prevention{}
#prevention figure{margin:0 auto;}
#prevention figure img{
	max-width:initial;
	overflow:hidden;
}
#prevention p{
	display:block;
	margin:0 auto;
	line-height:2.111;
}
#ourService .serviceList li{
	position:relative;
	display:block;
	border:4px solid #bfd0ea;
}
#ourService .serviceList li .listNum,
#ourService .serviceList li .listNum > *{
	line-height:1.0;
	text-align:center;
	color:#6888b8;
}
#ourService .serviceList li .listNum{
	position:absolute;
	display:table;
}
#ourService .serviceList li .listNum > *,
#ourService .serviceList li figure{display:block;}
#ourService .serviceList li figure{overflow:hidden;}
#ourService .serviceList li p{
	text-align:center;
	line-height:1.6;
	color:#6888b8;
}
#orderFlow{background:url("../img/page-corp/flow-bg.jpg") no-repeat;}
#orderFlow .flowList li{
	position:relative;
	display:block;
	background-color:#e8ecf5;
	text-align:center;
}
#orderFlow .flowList li+li:before{
	content:"";
	display:block;
	position:absolute;
	background:url("../img/page-corp/flow-arrow.svg") no-repeat center center / contain;
}
#orderFlow .flowList li h3{
	display:block;
	width:100%;
	line-height:1.0;
	text-align:center;
}
#orderFlow .flowList li h3 span{
	display:block;
	margin:0 auto;
	background-color:#6888b8;
	text-align:center;
	color:#fff;
}
#orderFlow .flowList li figure img{
	width:auto;
	margin:0 auto;
}
#orderFlow .flowList li p{
	display:block;
	margin:0 auto;
	color:#6888b8;
	line-height:1.777;
	text-align:left;
}
#results #resultsSlider .swiper-slide{
	position:relative;
	height:auto;
	background-color:#fff;
}
#results #resultsSlider .swiper-slide .slideIn{height:100%;}
#results #resultsSlider .swiper-slide .resultsTag{
	position:absolute;
	display:table;
	background-color:#6888B8;
	color:#fff;
	line-height:1.0;
	text-align:center;
}
#results #resultsSlider .swiper-slide h3{
	display:block;
	border:3px solid #edd3c5;
	line-height:1.58;
	text-align:center;
	color:#d29576;
	vertical-align:top;
}
#results #resultsSlider .swiper-slide figure{text-align:center;}
#results #resultsSlider .swiper-slide figcaption{
	display:block;
	line-height:1.666;
}
#results #resultsSlider .swiper-slide .txtBox dl{line-height:1.0;}
#results #resultsSlider .swiper-slide .txtBox dl dt{
	display:table;
	background-color:#e8ecf5;
	color:#6888b8;
}

#results #resultsSlider .swiper-slide .txtBox dl dd{
	color:#6888b8;
	border-left:5px solid #6888b8;
}
#results #resultsSlider .swiper-slide .txtBox p{line-height:2.0;}
#results #resultsSlider .swiper-button-prev{
	background:url("../img/page-corp/slider-prev.svg") no-repeat center center / contain;
	cursor:pointer;
	z-index:10;
}
#results #resultsSlider .swiper-button-next{
	background:url("../img/page-corp/slider-next.svg") no-repeat center center / contain;
	cursor:pointer;
	z-index:10;
}
#results #resultsSlider .swiper-button-prev:after,
#results #resultsSlider .swiper-button-next:after{content:none;}
#results #resultsSlider .swiper-pagination,
#results #resultsSlider .swiper-pagination-bullet{
	line-height:1.0;
	vertical-align:top;
	opacity:1;
}
#results #resultsSlider .swiper-pagination-bullet{background-color:#fff;}
#results #resultsSlider .swiper-pagination-bullet-active{background-color:#bfd0ea;}
@media screen and (max-width:1159.999px){
	main > *:not([data-full]){padding:0 8vw;}
	#mvLead .mvTtl{
		margin:-29px auto 36px;
		padding:12px 14px;
		font-size:2.2rem;
	}
	#mvLead .leadTxt{font-size:1.6rem;}
	#prevention{
		margin:75px 0 85px;
		background:url("../img/page-corp/corp-bg01-sp.png") no-repeat center 29vw;
	}
	#prevention figure{width:100%;}
	#prevention figure img{
		width:93.334vw;
		height:42.666vw;
		margin:0 -4.667vw;
		object-fit:cover;
		object-position:center center;
		border-radius:10px;
	}
	#prevention .pageTtl{margin-top:48px;}
	#prevention p{font-size:1.5rem;}
	#ourService{
		padding-bottom:80px;
		background:url("../img/page-corp/corp-bg02-sp.png") no-repeat;
		background-position:center bottom -41.6vw;
	}
	#ourService .serviceList{margin-top:82px;}
	#ourService .serviceList li{
		width:100%;
		max-width:314px;
		margin:0 auto;
		border-radius:12px;
	}
	#ourService .serviceList li+li{margin-top:80px;}
	#ourService .serviceList li .listNum{
		left:29px;
		top:-58px;
	}
	#ourService .serviceList li .listNum span{font-size:1.6rem;}
	#ourService .serviceList li .listNum strong{font-size:6.9rem;}
	#ourService .serviceList li figure{border-radius:8px 8px 0 0;}
	#ourService .serviceList li p{
		padding:26px 1vw;
		font-size:1.5rem;
	}
	#ourService .serviceList li p i{padding:0 16px;}
	#orderFlow{
		padding-top:88px;
		padding-bottom:230px;
		background-size:130vw auto;
		background-position:right bottom;
		background-color:#f7f8fc;
	}
	#orderFlow .flowList{margin-top:64px;}
	#orderFlow .flowList li{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		align-items:center;
		width:100%;
		max-width:328px;
		margin:0 auto;
		padding:0 20px 36px;
		border-radius:20px;
	}
	#orderFlow .flowList li+li{margin-top:56px;}
	#orderFlow .flowList li+li:before{
		width:36px;
		height:18px;
		transform:rotate(90deg);
		left:calc(50% - 18px);
		top:-61px;
	}
	#orderFlow .flowList li h3{
		margin-bottom: 24px;
		font-size:1.8rem;
	}
	#orderFlow .flowList li h3 span{
		width:204px;
		padding:15px 2px;
		margin-top:-24px;
		border-radius:24px;
	}
	#orderFlow .flowList li figure{width:135px;}
	#orderFlow .flowList li figure img{
		height:100%;
		object-fit:contain;
		object-position:center center;
	}
	#orderFlow .flowList li p{
		width:calc(100% - 155px);
		font-size:1.5rem;
	}
	#results{padding:88px 0 132px;}
	#results #resultsSlider{margin-top:76px;}
	#results #resultsSlider .swiper-slide{
		width:300px;
		margin:0 10px;
		padding:25px;
		border-radius:0 11px 11px 11px;
	}
	#results #resultsSlider .swiper-slide .resultsTag{
		top:-41px;
		left:0;
		width:110px;
		padding:13px;
		border-radius:11px 11px 0 0;
	}
	#results #resultsSlider .swiper-slide h3{
		width:100%;
		padding:8px 20px;
		border-radius:8px;
		font-size:1.8rem;
	}
	#results #resultsSlider .swiper-slide figure{
		display:flex;
		justify-content:space-between;
		align-items:center;
		width:100%;
		margin:12px auto 30px;
	}
	#results #resultsSlider .swiper-slide figure img{width:96px;}
	#results #resultsSlider .swiper-slide figcaption{
		margin-left:20px;
		text-align:left;
	}
	#results #resultsSlider .swiper-slide .txtBox dt{
		padding:6px 14px;
		border-radius:2px;
	}
	#results #resultsSlider .swiper-slide .txtBox dd{
		margin-top:16px;
		padding:5px 0 5px 14px;
		font-size:1.8rem;
	}
	#results #resultsSlider .swiper-slide .txtBox p{margin-top:20px;}
	#results #resultsSlider .swiper-pagination{bottom:-62px;}
	#results #resultsSlider .swiper-pagination-bullet{
		width:12px;
		height:12px;
		margin:0 10px;
	}
}
@media screen and (min-width:1160px){
	main > *:not([data-full]){
		padding-right:calc(50vw - 572px);
		padding-left:calc(50vw - 572px);
	}
	#mvLead .mvTtl{
		margin:-34px auto 54px;
		padding:18px 24px;
		font-size:3.6rem;
	}
	#mvLead .leadTxt{font-size:2.0rem;}
	#prevention{
		margin:150px auto 8px;
		background:url("../img/page-corp/corp-bg01.png") no-repeat center bottom;
	}
	#prevention figure{width:100%;}
	#prevention figure img{border-radius:18px;}
	#prevention .pageTtl{margin-top:96px;}
	#prevention p{
		width:87.719%;
		font-size:1.8rem;
	}
	#ourService{
		margin-top:123px;
		padding-bottom:160px;
		background:url("../img/page-corp/corp-bg02.png") no-repeat;
		background-position:center bottom -328px;
	}
	#ourService .serviceList{
		display:flex;
		justify-content:space-between;
		align-items:flex-start;
		margin-top:128px;
	}
	#ourService .serviceList li{
		width:360px;
		border-radius:12px;
	}
	#ourService .serviceList li:nth-child(odd){margin-top:40px;}
	#ourService .serviceList li .listNum{
		left:24px;
		top:-61px;
	}
	#ourService .serviceList li .listNum span{font-size:1.8rem;}
	#ourService .serviceList li .listNum strong{font-size:8.0rem;}
	#ourService .serviceList li figure{border-radius:8px 8px 0 0;}
	#ourService .serviceList li p{
		padding:30px 5px;
		font-size:2.6rem;
	}
	#ourService .serviceList li p i{padding:0 16px;}
	#orderFlow{
		padding-top:154px;
		padding-bottom:180px;
		background-size:cover;
		background-position:center top;
	}
	#orderFlow .flowList{
		display:flex;
		justify-content:space-between;
		margin-top:110px;
	}
	#orderFlow .flowList li{
		width:360px;
		padding-bottom:72px;
		border-radius:18px;
	}
	#orderFlow .flowList li+li:before{
		width:26px;
		height:52px;
		left:-30px;
    top:240px;
	}
	#orderFlow .flowList li h3{font-size:2.8rem;}
	#orderFlow .flowList li h3 span{
		width:280px;
		padding:17px 2px;
		margin-top:-31px;
		border-radius:31px;
	}
	#orderFlow .flowList li figure{margin-top:42px;}
	#orderFlow .flowList li figure img{height:221px;}
	#orderFlow .flowList li p{
		width:288px;
		margin-top:15px;
		font-size:1.8rem;
	}
	#results{padding:150px 0 200px;}
	#results #resultsSlider{margin-top:140px;}
	#results #resultsSlider .swiper-slide{
		width:1000px;
		margin:0 38px;
		padding:45px 50px 60px;
		border-radius:0 16px 16px 16px;
	}
	#results #resultsSlider .swiper-slide .slideIn{
		width:100%;
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	#results #resultsSlider .swiper-slide .resultsTag{
		top:-63px;
		left:0;
		width:250px;
		padding:18px 10px;
		border-radius:10px 10px 0 0;
		font-size:2.6rem;
	}
	#results #resultsSlider .swiper-slide h3{
		width:100%;
		margin-bottom:40px;
		padding:16px 10px;
		border-radius:8px;
		font-size:2.4rem;
	}
	#results #resultsSlider .swiper-slide figure{
		width:220px;
		margin-left:30px;
	}
	#results #resultsSlider .swiper-slide figcaption{
		margin-top:16px;
		font-size:1.8rem;
	}
	#results #resultsSlider .swiper-slide .txtBox{width:600px;}
	#results #resultsSlider .swiper-slide .txtBox dt{
		padding:6px 18px;
		border-radius:3px;
		font-size:1.8rem;
	}
	#results #resultsSlider .swiper-slide .txtBox dd{
		margin-top:16px;
		padding:15px 0 15px 20px;
		font-size:2.2rem;
	}
	#results #resultsSlider .swiper-slide .txtBox p{
		margin-top:28px;
		font-size:1.6rem;
	}
	#results #resultsSlider .swiper-button-prev,
	#results #resultsSlider .swiper-button-next{
		width:17px;
		height:53px;
	}
	#results #resultsSlider .swiper-button-prev{left:calc(50% - 551px);}
	#results #resultsSlider .swiper-button-next{right:calc(50% - 551px);}
	#results #resultsSlider .swiper-pagination{bottom:-62px;}
	#results #resultsSlider .swiper-pagination-bullet{
		width:12px;
		height:12px;
		margin:0 10px;
	}
}
@media screen and (min-width:1160px) and (max-width:1553.98px){
	#prevention figure img{
		width:96vw;
		margin-right:calc(-48vw + 575px);
		margin-left:calc(-48vw + 575px);
	}
}
@media screen and (min-width:1554px){
	#prevention figure img{
		width:1550px;
		margin:0 -205px;
	}
}