@charset "UTF-8";

/*--------------------------------------------------------------------------------
	top
--------------------------------------------------------------------------------*/

/* override */




/* mainv */

.p-top-mainv{
	margin:-54px 0 0 0;
	width:100vw;
/*	height:100vh;*/
	height:700px;
	background:#ffffff;
	position:relative;
}

.p-top-mainv:before{
	position:absolute;
/*	top:calc( 100vh - 100px );*/
	top:600px;
	left:0;
	width:100%;
	height:100px;
	content:"";
	background:#5fcedf;
	z-index:1;
}

.p-top-mainv:after{
	position:absolute;
	top:25.1%;
	left:0;
	width: 0;
	height: 0;
	content:"";
	border-style: solid;
/*	border-width: 0 0 calc( 75vh - 100px ) 100vw;*/
	border-width: 0 0 425px 100vw;
	border-color: transparent transparent #5fcedf transparent;
	z-index:1;
}

.p-top-mainv-inner{
	width:100%;
	max-width:1180px;
	height:100%;
	margin:0 auto;
	position:relative;
}

.p-top-mainv-01{
	position:absolute;
	top:65px;
	left:0;
	width:100%;
	z-index:3;
}

.p-top-mainv-01-txt{
	font-size:36px;
	line-height:1.3;
	font-weight:700;
	text-align:center;
}

.p-top-mainv-01-txt > span{
	color:#14B7D0;
}

.p-top-mainv-02{
	position:absolute;
	z-index:2;
	top:211px;
	left:0;
	width:100%;
	text-align:center;
}

.p-top-mainv-02 img{
	width:75%;
	max-width:320px;
}

.p-top-mainv-03{
	position:absolute;
	top:500px;
	left:0;
	width:100%;
	text-align:center;
	z-index:3;
}

.p-top-mainv-03-list{
	max-width:330px;
	margin:0 auto;
	display:flex;
}

.p-top-mainv-03-list-item{
	width:33.3333%;
	padding:0 5px;
}

.p-top-mainv-03-list-item-box{
	width:100px;
	height:100px;
	background:#ffffff;
	border-radius:50%;
	box-shadow:0 3px 10px rgba(0,0,0,0.16);
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}

.p-top-mainv-03-list-item-box > div{
	width:100%;
}

.p-top-mainv-03-list-item-box-txt-01{
	display:block;
	text-align:center;
	font-size:9px;
	line-height:1.3;
	font-weight:700;
	color:#14B7D0;
}

.p-top-mainv-03-list-item-box-txt-02{
	display:block;
	text-align:center;
	font-size:14px;
	line-height:1.3;
	font-weight:700;
	color:#14B7D0;
}

.p-top-mainv-03-list > .p-top-mainv-03-list-item:nth-of-type(1) .p-top-mainv-03-list-item-box-txt-02{
	font-size:15px;
}

.p-top-mainv-03-list > .p-top-mainv-03-list-item:nth-of-type(1) .p-top-mainv-03-list-item-box-txt-02 > span{
	font-size:26px;
}

.p-top-mainv-03-list > .p-top-mainv-03-list-item:nth-of-type(1) .p-top-mainv-03-list-item-box-txt-03 {
	color:#14B7D0;
	font-size: 8px;
}

.p-top-mainv-04{
	position:fixed;
	bottom:0;
	left:0;
	width:100vw;
	z-index:99;
}

.p-top-mainv-04-list{
	display:flex;
	width:100%;
	border-top:solid 1px #ffffff;
}

.p-top-mainv-04-list > .p-top-mainv-04-list-item{
	width:33.3333%;
	border-right:solid 1px #ffffff;
}

.p-top-mainv-04-list > .p-top-mainv-04-list-item:last-child{
	border-right:none;
}

.p-top-mainv-04-list > .p-top-mainv-04-list-item > a{
	display:flex;
	width:100%;
	height:54px;
	align-items:center;
	font-size:13px;
	line-height:1.3;
	color:#ffffff;
	text-align:center;
	background:#33C57E;
}

.p-top-mainv-04-list > .p-top-mainv-04-list-item:nth-of-type(1) > a{
	background:#FF276C;
}

.p-top-mainv-04-list > .p-top-mainv-04-list-item > a > span{
	display:inline-block;
	margin:0 auto;
}

@media only screen and (min-width: 768px){

	.p-top-mainv{
		margin:-96px 0 0 0;
		height:780px;
	}

	.p-top-mainv:before{
		position:absolute;
		top:0;
		left:calc(100vw * .72 );
		width:28vw;
		height:780px;
		content:"";
		background:#5fcedf;
	}

	.p-top-mainv:after{
		position:absolute;
		top:0;
		left:38.1vw;
		width: 0;
		height: 0;
		content:"";
		border-style: solid;
		border-width: 0 0 780px 34vw;
		border-color: transparent transparent #5fcedf transparent;
	}

	.p-top-mainv-01{
		position:absolute;
		top:182px;
		left:2px;
		width:auto;
	}

	.p-top-mainv-01-txt{
		font-size:57px;
		text-align:left;
		text-shadow:1px 0 8px #ffffff;
	}

	.p-top-mainv-02{
		position:absolute;
		top:153px;
		left:initial;
		right:10px;
		width:633px;
	}

	.p-top-mainv-02 img{
		width:100%;
		max-width:initial;
	}

	.p-top-mainv-03{
		top:438px;
		left:2px;
		width:482px;
		max-width:initial;
		margin:0 0;
	}

	.p-top-mainv-03-list{
		max-width:initial;
		margin-left:-8px;
		margin-right:-8px;
	}

	.p-top-mainv-03-list-item{
		padding:0 8px;
	}

	.p-top-mainv-03-list-item-box{
		width:150px;
		height:150px;
		background:#14B7D0;
		border-radius:50%;
		box-shadow:0 3px 10px rgba(0,0,0,0.16);
		display:flex;
		flex-wrap:wrap;
		align-items:center;
	}

	.p-top-mainv-03-list-item-box-txt-01{
		font-size:15px;
		color:#ffffff;
	}

	.p-top-mainv-03-list-item-box-txt-02{
		font-size:22px;
		color:#ffffff;
	}

	.p-top-mainv-03-list > .p-top-mainv-03-list-item:nth-of-type(1) .p-top-mainv-03-list-item-box-txt-02{
		font-size:24px;
	}

	.p-top-mainv-03-list > .p-top-mainv-03-list-item:nth-of-type(1) .p-top-mainv-03-list-item-box-txt-02 > span{
		font-size:40px;
	}
	
	.p-top-mainv-03-list > .p-top-mainv-03-list-item:nth-of-type(1) .p-top-mainv-03-list-item-box-txt-03 {
		color: #fff;
		font-size: 13px;
	}

	.p-top-mainv-04{
		position:absolute;
		bottom:initial;
		top:620px;
		left:2px;
		width:770px;
		z-index:2;
	}

	.p-top-mainv-04-list{
		display:flex;
		width:auto;
		border-top:none;
	}

	.p-top-mainv-04-list > .p-top-mainv-04-list-item{
		width:275px;
		margin:0 15px 0 0;
		background:#ffffff;
		border-radius:31px;
		border-right:none;
	}

	.p-top-mainv-04-list > .p-top-mainv-04-list-item:last-child{
		width:260px;
		margin:0 0 0 0;
		border-right:none;
	}

	.p-top-mainv-04-list > .p-top-mainv-04-list-item > a{
		display:flex;
		width:100%;
		height:62px;
		align-items:center;
		font-size:19px;
		line-height:1.3;
		color:#ffffff;
		text-align:center;
		background:#33C57E;
		border-radius:31px;
		box-shadow:0 3px 10px rgba(0,0,0,0.16);
		transition:all 0.3s;
	}

	.p-top-mainv-04-list > .p-top-mainv-04-list-item > a:hover{
		opacity:0.7;
		box-shadow:0 0 0 rgba(0,0,0,0);
	}

	.p-top-mainv-04-list > .p-top-mainv-04-list-item:nth-of-type(1) > a{
		background:#FF276C;
	}

	.p-top-mainv-04-list > .p-top-mainv-04-list-item > a > span{
		display:inline-block;
		margin:0 auto;
	}


}



/* lead */

.p-top-lead{
	background: rgba(20,183,208,0.1);
	padding:40px 15px 0 15px;
	position:relative;
}

.p-top-lead:before{
	position:absolute;
	top:calc( 100% - 140px );
	left:0;
	width:100%;
	height:140px;
	content:"";
	background:#ffffff;;
	z-index:1;
}

.p-top-lead:after{
	position:absolute;
	top:calc( 100% - 140px );
	left:0;
	width:0;
	height:0;
	content:"";
	border-style: solid;
	border-width: 140px 50vw 0 50vw ;
	border-color: rgba(20,183,208,0.1) transparent transparent transparent;
	z-index:1;
}

.p-top-lead-inner{
	width:100%;
	max-width:1040px;
	margin:0 auto;
	position:relative;
	z-index:2;
}

.p-top-lead-inner-ttl{
	margin:0 0 24px 0;
}

.p-top-lead-inner-ttl-inner{
	font-size:26px;
	line-height:1.3;
	font-weight:700;
	text-align:center;
}

.p-top-lead-inner-ttl-lead{
	margin:8px 0 0 0;
	font-size:15px;
	line-height:1.5;
	font-weight:700;
	text-align:center;
}

.p-top-lead-inner-list{
	display:flex;
	flex-wrap:wrap;
	margin-left:-7px;
	margin-right:-7px;
}

.p-top-lead-inner-list-item{
	width:50%;
	padding:0 7px;
	display:flex;
	flex-direction:column;
}

.p-top-lead-inner-list-item:nth-of-type(n+3){
	margin-top:20px;
}

.p-top-lead-inner-list-item-box{

}

.p-top-lead-inner-list-item-box-txt{
	background:#ffffff;
	border-radius:10px;
	width:100%;
	flex-grow:1;
	padding:16px 16px;
	box-shadow:0 3px 10px rgba(0,0,0,0.08);
	font-size:13px;
	line-height:1.3;
	position:relative;
}

.p-top-lead-inner-list-item-box-txt:before{
	position:absolute;
	top:100%;
	left:25%;
	width: 0;
	height: 0;
	content:"";
	border-style: solid;
	border-width: 0 8px 15px 0;
	border-color: transparent #ffffff transparent transparent;
	box-shadow:0 3px 10px rgba(0,0,0,0.08);
}

.p-top-lead-inner-list .p-top-lead-inner-list-item:nth-of-type(3) .p-top-lead-inner-list-item-box-txt:before{
	position:absolute;
	top:100%;
	left:50%;
	width: 0;
	height: 0;
	content:"";
	border-style: solid;
	border-width: 15px 8px 0 0;
	border-color: #ffffff transparent transparent transparent;
	box-shadow:0 3px 10px rgba(0,0,0,0.08);
}

.p-top-lead-inner-list .p-top-lead-inner-list-item:nth-of-type(4) .p-top-lead-inner-list-item-box-txt:before{
	position:absolute;
	top:100%;
	left:65%;
	width: 0;
	height: 0;
	content:"";
	border-style: solid;
	border-width: 15px 8px 0 0;
	border-color: #ffffff transparent transparent transparent;
	box-shadow:0 3px 10px rgba(0,0,0,0.08);
}

.p-top-lead-inner-list-item-box-txt > p > span{
	font-weight:700;
	color:#14B7D0;
}

.p-top-lead-inner-list-item-box-pic{
	width:100%;
/*	height:224px;*/
	height:160px;
	vertical-align:bottom;
	text-align:center;
	padding:15px 0 0 0;
}

.p-top-lead-inner-list-item-box-pic img{
	width:auto;
	height:140px;
}

.p-top-lead-inner-list .p-top-lead-inner-list-item:nth-of-type(1) .p-top-lead-inner-list-item-box-pic img{

}

.p-top-lead-inner-list .p-top-lead-inner-list-item:nth-of-type(2) .p-top-lead-inner-list-item-box-pic img{

}

.p-top-lead-inner-list .p-top-lead-inner-list-item:nth-of-type(3) .p-top-lead-inner-list-item-box-pic img{
	transform:translate(-7px,0);
}

.p-top-lead-inner-list .p-top-lead-inner-list-item:nth-of-type(4) .p-top-lead-inner-list-item-box-pic img{
	transform:translate(-15px,0);
}

.p-top-lead-inner-list-item-box-label{
	text-align:center;
	font-size:11px;
	line-height:1.3;
	font-weight:500;
}

@media only screen and (min-width: 768px){

	.p-top-lead{
		padding:60px 40px 0 40px;
	}

	.p-top-lead-inner-ttl{
		margin:0 0 48px 0;
	}

	.p-top-lead-inner-ttl-inner{
		font-size:46px;
	}

	.p-top-lead-inner-ttl-lead{
		margin:12px 0 0 0;
		font-size:18px;
	}

	.p-top-lead-inner-list{
		margin-left:-13px;
		margin-right:-13px;
	}

	.p-top-lead-inner-list-item{
		width:25%;
		padding:0 13px;
	}

	.p-top-lead-inner-list-item:nth-of-type(n+3){
		margin-top:0;
	}

	.p-top-lead-inner-list-item-box-txt{
		padding:24px 20px;
		font-size:16px;
		line-height:1.6;
	}

	.p-top-lead-inner-list-item-box-txt:before{
		position:absolute;
		top:100%;
		left:25%;
		width: 0;
		height: 0;
		content:"";
		border-style: solid;
		border-width: 0 10px 23px 0;
		border-color: transparent #ffffff transparent transparent;
		box-shadow:0 3px 10px rgba(0,0,0,0.08);
	}

	.p-top-lead-inner-list .p-top-lead-inner-list-item:nth-of-type(3) .p-top-lead-inner-list-item-box-txt:before{
		position:absolute;
		top:100%;
		left:50%;
		width: 0;
		height: 0;
		content:"";
		border-style: solid;
		border-width: 23px 10px 0 0;
		border-color: #ffffff transparent transparent transparent;
		box-shadow:0 3px 10px rgba(0,0,0,0.08);
	}

	.p-top-lead-inner-list .p-top-lead-inner-list-item:nth-of-type(4) .p-top-lead-inner-list-item-box-txt:before{
		position:absolute;
		top:100%;
		left:65%;
		width: 0;
		height: 0;
		content:"";
		border-style: solid;
		border-width: 23px 10px 0 0;
		border-color: #ffffff transparent transparent transparent;
		box-shadow:0 3px 10px rgba(0,0,0,0.08);
	}

	.p-top-lead-inner-list-item-box-pic{
		height:230px;
		padding:24px 0 0 0;
	}

	.p-top-lead-inner-list-item-box-pic img{
		width:auto;
		height:200px;
	}

	.p-top-lead-inner-list .p-top-lead-inner-list-item:nth-of-type(3) .p-top-lead-inner-list-item-box-pic img{
		transform:translate(-15px,0);
	}

	.p-top-lead-inner-list .p-top-lead-inner-list-item:nth-of-type(4) .p-top-lead-inner-list-item-box-pic img{
		transform:translate(-25px,0);
	}

	.p-top-lead-inner-list-item-box-label{
		font-size:16px;
	}

}



/* feature */

.p-top-feature{
	background:#ffffff;
	padding:40px 0;
}

.p-top-feature-inner-ttl{

}

.p-top-feature-inner-ttl-inner{
	font-size:28px;
	line-height:1.3;
	font-weight:700;
	color:#14B7D0;
	text-align:center;
}

.p-top-feature-inner-ttl-inner > span > span{
	background:linear-gradient(transparent 60%, rgba(20,183,208,0.15) 60%);
}

.p-top-feature-inner-ttl-lead{
	margin:12px 0 0 0;
	font-size:18px;
	line-height:1.3;
	font-weight:700;
	text-align:center;
}

.p-top-feature-inner-link{
	margin:12px 0 0 0;
	text-align:center;
}

.p-top-feature-inner-link > a{
	font-size:14px;
	line-height:1.3;
	font-weight:700;
	text-decoration:underline;
	padding:0 0 0 16px;
	position:relative;
}

.p-top-feature-inner-link > a:before{
	display:block;
	position:absolute;
	top:0.4em;
	left:0;
	width:12px;
	height:12px;
	content:"";
	background:url('../../img/top/icn-feature-arrow.svg') no-repeat center center / contain;
}

.p-top-feature-inner-01{
	margin:32px 0 0 0;
	padding:0 25px;
}

.p-top-feature-inner-01 > .p-top-feature-inner-01-pic{
	display:none;
}

.p-top-feature-inner-01-txt-inner .p-top-feature-inner-01-pic{
	width:100%;
	padding:59.69% 0 0 0;
	background:url('../../img/top/img-feature-01.jpg') no-repeat center center / cover;
	clip-path: inset( 0 round 10px );
}

.p-top-feature-inner-02{
	margin:40px 0 0 0;
	padding:0 25px;
}

.p-top-feature-inner-02 > .p-top-feature-inner-02-pic{
	display:none;
}

.p-top-feature-inner-02-txt-inner .p-top-feature-inner-02-pic{
	width:100%;
	padding:59.69% 0 0 0;
	background:url('../../img/top/img-feature-02.jpg') no-repeat center center / cover;
	clip-path: inset( 0 round 10px );
}

.p-top-feature-inner-03{
	margin:40px 0 0 0;
	padding:0 25px;
}

.p-top-feature-inner-03 > .p-top-feature-inner-03-pic{
	display:none;
}

.p-top-feature-inner-03-txt-inner .p-top-feature-inner-03-pic{
	width:100%;
	padding:59.69% 0 0 0;
	background:url('../../img/top/img-feature-03.jpg') no-repeat center center / cover;
	clip-path: inset( 0 round 10px );
}

.p-top-feature-inner-04{
	margin:40px 0 0 0;
	padding:0 25px;
}

.p-top-feature-inner-04 > .p-top-feature-inner-04-pic{
	display:none;
}

.p-top-feature-inner-04-txt-inner .p-top-feature-inner-04-pic{
	width:100%;
	padding:59.69% 0 0 0;
	background:url('../../img/top/img-feature-04.jpg') no-repeat center center / cover;
	clip-path: inset( 0 round 10px );
}

.p-top-feature-inner-list{
	font-size:15px;
	line-height:1.3;
	font-weight:500;
	margin:20px 0 0 0;
}

.p-top-feature-inner-list > li{
	padding:0 0 0 20px;
	position:relative;
}

.p-top-feature-inner-list > li:before{
	position:absolute;
	top:0.1em;
	left:0;
	width:18px;
	height:18px;
	content:"";
	background:url('../../img/common/icn-check.svg') no-repeat center center / contain;
}

.p-top-feature-inner-list > li + li{
	margin-top:8px;
}

@media only screen and (min-width: 768px){

	.p-top-feature{
		background:#ffffff;
		padding:40px 0 120px 0;
	}

	.p-top-feature-inner-ttl-inner{
		font-size:60px;
	}

	.p-top-feature-inner-ttl-lead{
		margin:24px 0 0 0;
		font-size:32px;
	}

	.p-top-feature-inner-link{
		margin:16px 0 0 0;
	}

	.p-top-feature-inner-link > a{
		font-size:18px;
		padding:0 0 0 20px;
	}

	.p-top-feature-inner-link > a:before{
		display:block;
		position:absolute;
		top:0.4em;
		left:0;
		width:15px;
		height:15px;
		content:"";
		background:url('../../img/top/icn-feature-arrow.svg') no-repeat center center / contain;
	}

	.p-top-feature-inner-01{
		margin:56px 0 0 0;
		padding:0 0;
		display:flex;
		align-items:center;
	}

	.p-top-feature-inner-01 > .p-top-feature-inner-01-pic{
		display:block;
		width:50%;
		height:400px;
		background:url('../../img/top/img-feature-01.jpg') no-repeat center center / cover;
		clip-path: inset( 0 0 0 0 round 0 15px 15px 0 );
	}

	.p-top-feature-inner-01-txt{
		width:50%;
	}

	.p-top-feature-inner-01-txt-inner{
		width:100%;
		max-width:520px;
		margin:0 auto 0 0;
		padding:0 0 0 48px;
	}

	.p-top-feature-inner-01-txt-inner .p-top-feature-inner-01-pic{
		display:none;
	}

	.p-top-feature-inner-02{
		display:flex;
		align-items:center;
		margin:80px 0 0 0;
		padding:0 0;
	}

	.p-top-feature-inner-02 > .p-top-feature-inner-02-pic{
		display:block;
		order:1;
		width:50%;
		height:400px;
		background:url('../../img/top/img-feature-02.jpg') no-repeat center center / cover;
		clip-path: inset( 0 0 0 0 round 15px 0 0  15px );
	}

	.p-top-feature-inner-02-txt{
		order:0;
		width:50%;
	}

	.p-top-feature-inner-02-txt-inner{
		width:100%;
		max-width:520px;
		margin:0 0 0 auto;
		padding:0 48px 0 0;
	}

	.p-top-feature-inner-02-txt-inner .p-top-feature-inner-02-pic{
		display:none;
	}

	.p-top-feature-inner-03{
		margin:80px 0 0 0;
		padding:0 0;
		display:flex;
		align-items:center;
	}

	.p-top-feature-inner-03 > .p-top-feature-inner-03-pic{
		display:block;
		width:50%;
		height:400px;
		background:url('../../img/top/img-feature-03.jpg') no-repeat center center / cover;
		clip-path: inset( 0 0 0 0 round 0 15px 15px 0 );
	}

	.p-top-feature-inner-03-txt{
		width:50%;
	}

	.p-top-feature-inner-03-txt-inner{
		width:100%;
		max-width:520px;
		margin:0 auto 0 0;
		padding:0 0 0 48px;
	}

	.p-top-feature-inner-03-txt-inner .p-top-feature-inner-03-pic{
		display:none;
	}

	.p-top-feature-inner-04{
		display:flex;
		align-items:center;
		margin:80px 0 0 0;
		padding:0 0;
	}

	.p-top-feature-inner-04 > .p-top-feature-inner-04-pic{
		display:block;
		order:1;
		width:50%;
		height:400px;
		background:url('../../img/top/img-feature-04.jpg') no-repeat center center / cover;
		clip-path: inset( 0 0 0 0 round 15px 0 0  15px );
	}

	.p-top-feature-inner-04-txt{
		order:0;
		width:50%;
	}

	.p-top-feature-inner-04-txt-inner{
		width:100%;
		max-width:520px;
		margin:0 0 0 auto;
		padding:0 48px 0 0;
	}

	.p-top-feature-inner-04-txt-inner .p-top-feature-inner-04-pic{
		display:none;
	}



	.p-top-feature-inner-list{
		font-size:18px;
		margin:32px 0 0 0;
	}

	.p-top-feature-inner-list > li{
		padding:0 0 0 24px;
		position:relative;
	}

	.p-top-feature-inner-list > li:before{
		position:absolute;
		top:0.15em;
		left:0;
		width:20px;
		height:20px;
		content:"";
		background:url('../../img/common/icn-check.svg') no-repeat center center / contain;
	}

	.p-top-feature-inner-list > li + li{
		margin-top:16px;
	}

}



/* service */

.p-top-service{
	background: rgba(20,183,208,0.1);
	padding:40px 25px 40px 25px;
}

.p-top-service-inner{
	width:100%;
	max-width:1040px;
	margin:0 auto;
}

.p-top-service-inner-lead{
	font-size:15px;
	line-height:1.5;
	font-weight:700;
	text-align:center;
}

.p-top-service-inner-outline{
	width:324px;
	margin:24px auto 0 auto;
	display:flex;
}

.p-top-service-inner-outline-01{
	width:133px;
	height:133px;
	background:#14B7D0;
	border-radius:50%;
	box-shadow:0 3px 20px rgba(0,0,0,0.16);
	margin-right:58px;
	display:flex;
	align-items:center;
	font-size:17px;
	line-height:20px;
	font-weight:700;
	color:#ffffff;
	position:relative;
	font-feature-settings: "palt";
}

.p-top-service-inner-outline-01:before{
	position:absolute;
	top:50%;
	left:calc( 100% + 14px);
	margin:-15px 0 0 0;
	width:30px;
	height:30px;
	content:"";
	background:url('../../img/top/icn-service-plus-sp.svg') no-repeat center center;
}

.p-top-service-inner-outline-01 > div{
	width:100%;
	text-align:center;
	padding-top: 10px;
}

.p-top-service-inner-outline-01 > div > span{
	font-size:10px;
	font-weight:400;
}

.p-top-service-inner-outline-02{
	width:133px;
	height:133px;
	background:#33C57E;
	border-radius:50%;
	box-shadow:0 3px 20px rgba(0,0,0,0.16);
	display:flex;
	align-items:center;
	font-size:17px;
	line-height:20px;
	font-weight:700;
	color:#ffffff;
}

.p-top-service-inner-outline-02 > div{
	width:100%;
	text-align:center;
	padding-top: 10px;
}

.p-top-service-inner-outline-02 > div > span{
	font-size:10px;
	font-weight:400;
}

.p-top-service-inner-subt{
	text-align:center;
}

.p-top-service-inner-subt > span{
	display:inline-block;
	margin:0 auto;
	font-size:22px;
	line-height:1.3;
	font-weight:700;
	color:#14B7D0;
	position:relative;
}

.p-top-service-inner-subt > span:before{
	position:absolute;
	top:calc( 50% - 1px );
	left:-55px;
	width:40px;
	height:2px;
	content:"";
	background:#14B7D0;
}

.p-top-service-inner-subt > span:after{
	position:absolute;
	top:calc( 50% - 1px );
	right:-55px;
	width:40px;
	height:2px;
	content:"";
	background:#14B7D0;
}

.p-top-service-inner-scope{
	margin:32px 0 0 0;
}

.p-top-service-inner-scope-list{
	display:flex;
	flex-wrap:wrap;
	margin-left:-4px;
	margin-right:-4px;
	margin-top:24px;
}

.p-top-service-inner-scope-list-item{
	width:50%;
	padding:4px;
	display:flex;
	flex-direction: column;
}

.p-top-service-inner-scope-list-item-inner{
	background:#ffffff;
	padding:10px;
	border-radius:10px;
	box-shadow:0 3px 10px rgba(0,0,0,0.16);
	flex-grow: 1;
}

.p-top-service-inner-scope-list-item-pic{
	width:100%;
	height:80px;
	position:relative;
}

.p-top-service-inner-scope-list-item-pic img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

.p-top-service-inner-scope-list .p-top-service-inner-scope-list-item:nth-of-type(1) .p-top-service-inner-scope-list-item-pic img{
	width:60px;
}

.p-top-service-inner-scope-list .p-top-service-inner-scope-list-item:nth-of-type(2) .p-top-service-inner-scope-list-item-pic img{
	width:48px;
}

.p-top-service-inner-scope-list .p-top-service-inner-scope-list-item:nth-of-type(3) .p-top-service-inner-scope-list-item-pic img{
	width:60px;
}

.p-top-service-inner-scope-list .p-top-service-inner-scope-list-item:nth-of-type(4) .p-top-service-inner-scope-list-item-pic img{
	width:60px;
}

.p-top-service-inner-scope-list .p-top-service-inner-scope-list-item:nth-of-type(5) .p-top-service-inner-scope-list-item-pic img{
	width:45px;
}

.p-top-service-inner-scope-list-item-txt{
	font-size:15px;
	line-height:1.3;
	font-weight:500;
	text-align:center;
	position:relative;
}

.p-top-service-inner-scope-list-item-txt > span{
	color:#14B7D0;
}


.p-top-service-inner-term{
	margin:40px 0 0 0;
}

.p-top-service-inner-term-lead{
	font-size:15px;
	line-height:1.5;
	font-weight:700;
	text-align:center;
	margin-top:16px;
}

.p-top-service-inner-term-list{
	margin-top:16px;
}

.p-top-service-inner-term-list-item{
	background:#ffffff;
	border:solid 3px #14B7D0;
	border-radius:15px;
	padding:20px;
}

.p-top-service-inner-term-list-item + .p-top-service-inner-term-list-item{
	margin-top:16px;
}

.p-top-service-inner-term-list-item-subt{
	font-size:16px;
	line-height:1.3;
	font-weight:700;
	color:#14B7D0;
	text-align:center;
}

.p-top-service-inner-term-list-item-txt{
	font-size:33px;
	line-height:1;
	font-weight:700;
	color:#14B7D0;
	text-align:center;
	margin:8px 0 16px 0;
}

.p-top-service-inner-term-list-item-txt > span{
	font-size:60px;
}

.p-top-service-inner-term-list-item-txt2{
	margin-top:8px;
	font-size:14px;
	line-height:1.3;
	font-weight:700;
	color:#14B7D0;
	padding:0 0 0 16px;
	position:relative;
}

.p-top-service-inner-term-list-item-txt2:before{
	position:absolute;
	top:0.5em;
	left:0;
	width:9px;
	height:8px;
	content:"";
	background:url('../../img/top/icn-service-arrow.svg') no-repeat center center / contain;
}

@media only screen and (min-width: 768px){

	.p-top-service{
		padding:80px 40px 80px 40px;
	}

	.p-top-service-inner-lead{
		font-size:24px;
	}

	.p-top-service-inner-outline{
		width:608px;
		margin:40px auto 0 auto;
	}

	.p-top-service-inner-outline-01{
		width:250px;
		height:250px;
		margin-right:118px;
		font-size:34px;
		line-height:40px;
	}

	.p-top-service-inner-outline-01:before{
		position:absolute;
		top:50%;
		left:calc( 100% + 30px );
		margin:-15px 0 0 0;
		width:56px;
		height:56px;
		content:"";
		background:url('../../img/top/icn-service-plus.svg') no-repeat center center;
	}

	.p-top-service-inner-outline-01 > div > span{
		font-size:20px;
	}

	.p-top-service-inner-outline-02{
		width:250px;
		height:250px;
		font-size:34px;
		line-height:40px;
	}

	.p-top-service-inner-outline-02 > div > span{
		font-size:20px;
	}

	.p-top-service-inner-subt{
		text-align:center;
		margin:56px 0 0 0;
	}

	.p-top-service-inner-subt > span{
		display:inline-block;
		margin:0 auto;
		font-size:32px;
		line-height:1.3;
		font-weight:700;
		color:#14B7D0;
		position:relative;
	}

	.p-top-service-inner-subt > span:before{
		position:absolute;
		top:calc( 50% - 1px );
		left:-90px;
		width:60px;
		height:2px;
		content:"";
		background:#14B7D0;
	}

	.p-top-service-inner-subt > span:after{
		position:absolute;
		top:calc( 50% - 1px );
		right:-90px;
		width:60px;
		height:2px;
		content:"";
		background:#14B7D0;
	}

	.p-top-service-inner-scope{
		margin:56px 0 0 0;
	}

	.p-top-service-inner-scope-list{
		margin-left:-5px;
		margin-right:-5px;
		margin-top:32px;
	}

	.p-top-service-inner-scope-list-item{
		width:20%;
		padding:5px;
		display:flex;
		flex-direction: column;
	}

	.p-top-service-inner-scope-list-item-inner{
		padding:24px 10px;
	}

	.p-top-service-inner-scope-list-item-pic{
		width:100%;
		height:100px;
		margin:0 0 16px 0;
		position:relative;
	}

	.p-top-service-inner-scope-list .p-top-service-inner-scope-list-item:nth-of-type(1) .p-top-service-inner-scope-list-item-pic img{
		width:80px;
	}

	.p-top-service-inner-scope-list .p-top-service-inner-scope-list-item:nth-of-type(2) .p-top-service-inner-scope-list-item-pic img{
		width:75px;
	}

	.p-top-service-inner-scope-list .p-top-service-inner-scope-list-item:nth-of-type(3) .p-top-service-inner-scope-list-item-pic img{
		width:80px;
	}

	.p-top-service-inner-scope-list .p-top-service-inner-scope-list-item:nth-of-type(4) .p-top-service-inner-scope-list-item-pic img{
		width:76px;
	}

	.p-top-service-inner-scope-list .p-top-service-inner-scope-list-item:nth-of-type(5) .p-top-service-inner-scope-list-item-pic img{
		width:56px;
	}

	.p-top-service-inner-scope-list-item-txt{
		font-size:20px;
	}

	.p-top-service-inner-term{
		margin:80px 0 0 0;
	}

	.p-top-service-inner-term-lead{
		font-size:18px;
		margin-top:32px;
	}

	.p-top-service-inner-term-list{
		margin-top:48px;
		display:flex;
	}

	.p-top-service-inner-term-list-item{
		width:calc( 50% - 20px);
		margin-right:40px;
		background:#ffffff;
		border:solid 5px #14B7D0;
		border-radius:15px;
		padding:32px 64px;
	}

	.p-top-service-inner-term-list-item + .p-top-service-inner-term-list-item{
		margin-top:0;
		margin-right:0;
	}

	.p-top-service-inner-term-list-item-subt{
		font-size:22px;
	}

	.p-top-service-inner-term-list-item-txt{
		font-size:50px;
		margin:16px 0 24px 0;
	}

	.p-top-service-inner-term-list-item-txt > span{
		display:inline-block;
		font-size:80px;
		transform:translate(0,5px);
	}

	.p-top-service-inner-term-list .p-top-service-inner-term-list-item:nth-of-type(1) .c-list-01{
		padding-left:40px;
	}

	.p-top-service-inner-term-list .p-top-service-inner-term-list-item:nth-of-type(1) .p-top-service-inner-term-list-item-txt2{
		margin-left:40px;
	}

	.p-top-service-inner-term-list-item-txt2{
		font-size:18px;
	}

}



/* flow */

.p-top-flow{
	background:url('../../img/top/bg-flow.jpg') no-repeat center center / cover;
	padding:40px 25px 40px 25px;
}

.p-top-flow-inner{
	width:100%;
	max-width:800px;
	margin:0 auto;
}

.p-top-flow-inner-list-item{
	background:#ffffff;
	padding:24px 24px;
	border-radius:10px;
	box-shadow:0 0 15px rgba(0,0,0,0.16);
}

.p-top-flow-inner-list-item + .p-top-flow-inner-list-item{
	margin-top:46px;
	position:relative;
}

.p-top-flow-inner-list-item + .p-top-flow-inner-list-item:before{
	position:absolute;
	top:0;
	left:50%;
	transform:translate(-50%,-32px);
	width:60px;
	height:18px;
	content:"";
	background:url('../../img/top/icn-flow-arrow.svg') no-repeat center center / contain;
}

.p-top-flow-inner-list-item-ttl{
	font-size:20px;
	line-height:1.3;
	font-weight:700;
	color:#14B7D0;
	text-align:center;
}

.p-top-flow-inner-list-item-inner{
	display:flex;
}

.p-top-flow-inner-list-item-inner-txt{
	width:calc( 100% - 70px );
}

.p-top-flow-inner-list-item-inner-txt > ul{
	margin-top:8px;
}

.p-top-flow-inner-list-item-inner-txt > ul > li{
	padding:0 0 0 20px;
	position:relative;
	font-size:15px;
	line-height:1.5;
	font-weight:500;
}

.p-top-flow-inner-list-item-inner-txt > ul > li + li{
	margin-top:4px;
}

.p-top-flow-inner-list-item-inner-txt > ul > li:before{
	position:absolute;
	top:0.4em;
	left:0;
	width:15px;
	height:15px;
	content:"";
	background:url('../../img/common/icn-check.svg') no-repeat center center / contain;
}

.p-top-flow-inner-list-item-inner-pic{
	width:70px;
}

@media only screen and (min-width: 768px){

	.p-top-flow{
		padding:80px 40px 80px 40px;
	}

	.p-top-flow-inner-list-item{
		padding:32px 64px;
	}

	.p-top-flow-inner-list-item + .p-top-flow-inner-list-item{
		margin-top:78px;
		position:relative;
	}

	.p-top-flow-inner-list-item + .p-top-flow-inner-list-item:before{
		position:absolute;
		top:0;
		left:50%;
		transform:translate(-50%,-53px);
		width:95px;
		height:28px;
		content:"";
		background:url('../../img/top/icn-flow-arrow.svg') no-repeat center center / contain;
	}

	.p-top-flow-inner-list-item-ttl{
		font-size:28px;
		text-align:left;
	}

	.p-top-flow-inner-list-item-inner-txt > ul{
		margin-top:8px;
	}

	.p-top-flow-inner-list-item-inner-txt > ul > li{
		font-size:18px;
	}

	.p-top-flow-inner-list-item-inner-pic{
		margin-top:-34px;
		width:98px;
		text-align:center;
		display:flex;
		align-items:center;
	}

	.p-top-flow-inner-list > .p-top-flow-inner-list-item:first-child .p-top-flow-inner-list-item-inner-pic img{
		width:70%;
	}

}



/* case */

.p-top-case{
	background:#ffffff;
	padding:40px 25px 40px 25px;
}

.p-top-case-inner{
	width:100%;
	max-width:940px;
	margin:0 auto;
}

.p-top-case-inner-list{

}

.p-top-case-inner-list-item{

}

.p-top-case-inner-list-item-ttl{
	font-size:16px;
	line-height:1.3;
	font-weight:700;
	color:#14B7D0;
	padding:16px 0;
	border-top:solid 4px #14B7D0;
}

.p-top-case-inner-list-item-detail{
	border-top:solid 1px #dddddd;
}

.p-top-case-inner-list-item-detail > dl{
	border-bottom:solid 1px #dddddd;
}

.p-top-case-inner-list-item-detail > dl > dt{
	font-size:14px;
	line-height:1.3;
	font-weight:700;
	padding:16px 0 16px 30px;
	position:relative;
}

.p-top-case-inner-list-item-detail > dl:nth-of-type(1) > dt:before{
	position:absolute;
	top:50%;
	left:0;
	transform:translate(0,-50%);
	width:23px;
	height:22px;
	content:"";
	background:url('../../img/top/icn-case-01.svg') no-repeat center center / contain;
}

.p-top-case-inner-list-item-detail > dl:nth-of-type(2) > dt:before{
	position:absolute;
	top:50%;
	left:0;
	transform:translate(0,-50%);
	width:23px;
	height:23px;
	content:"";
	background:url('../../img/top/icn-case-02.svg') no-repeat center center / contain;
}

.p-top-case-inner-list-item-detail > dl > dd{
	padding:0 0 16px 0;
}

.p-top-case-inner-list-item-detail > dl > dd p{
	font-size:14px;
	line-height:1.5;
}

.p-top-case-inner-list-item-flow{
	margin-top:24px;
}

.p-top-case-inner-list-item-flow-box{
	background:#F6F6F6;
	border-radius:6px;
	padding:16px;
}

.p-top-case-inner-list-item-flow-box--02{
	margin-top:16px;
}

.p-top-case-inner-list-item-flow-box-ttl{
	background:#14B7D0;
	border-radius:5px;
	width:100%;
	height:40px;
	display:flex;
	align-items:center;
	text-align:center;
	font-size:16px;
	line-height:1.3;
	font-weight:700;
	color:#ffffff;
}

.p-top-case-inner-list-item-flow-box-ttl > span{
	display:inline-block;
	margin:0 auto;
}

.p-top-case-inner-list-item-flow-box-inner{
	padding:16px 0 0 0;
}

.p-top-case-inner-list-item-flow-box-inner-02{
	margin-top:16px;
}

.p-top-case-inner-list-item-flow-box-inner-ttl{
	font-size:16px;
	line-height:1.3;
	font-weight:700;
	color:#14B7D0;
	margin:0 0 8px 0;
}

@media only screen and (min-width: 768px){

	.p-top-case{
		padding:80px 40px 80px 40px;
	}

	.p-top-case-inner-list-item-ttl{
		font-size:20px;
	}

	.p-top-case-inner-list-item-detail > dl > dt{
		font-size:16px;
	}

	.p-top-case-inner-list-item-detail > dl > dd p{
		font-size:16px;
	}

	.p-top-case-inner-list-item-flow{
		display:flex;
		width:100%;
		margin-top:32px;
	}

	.p-top-case-inner-list-item-flow-box--01{
		width:calc( 33.3333% - 20px );
		margin-right:20px;
	}

	.p-top-case-inner-list-item-flow-box--02{
		width:66.6666%;
		margin-top:0;
	}

	.p-top-case-inner-list-item-flow-box-ttl{
		font-size:20px;
	}

	.p-top-case-inner-list-item-flow-box-inner-ttl{
		font-size:19px;
	}

	.p-top-case-inner-list-item-flow-box--02 .p-top-case-inner-list-item-flow-box-inner{
		display:flex;
	}

	.p-top-case-inner-list-item-flow-box-inner-01{
		width:calc( 50% - 20px );
		margin-right:20px;
	}

	.p-top-case-inner-list-item-flow-box-inner-02{
		width:50%;
		margin-top:0;
	}

}