@charset "UTF-8";
/* CSS Document */



/*main*/
.main-wrap .inner-s .midterm-wrap .lead-wrap{
	font-size:1.7rem;
	line-height: 3
}
.main-wrap .inner-s .midterm-wrap .lead-wrap p+p{
	margin-top: 2em
}

.main-wrap .inner-s .midterm-wrap .midterm-item{
	margin-top: 70px;
	font-size:1.5rem;
	font-weight: 400;
	line-height: 3
}

.main-wrap .inner-s .midterm-wrap .item-ttl{
	font-size:2.4rem;
	font-weight: 700;
	border-top:1px solid #3D62AD;
	border-bottom:1px solid #3D62AD;
	line-height: 2;
	padding: 0 0.5em;
	margin-bottom: 20px
}

.main-wrap .inner-s .midterm-wrap .item01 .item-img{
	background: #F7F7F7;
	padding: 40px 0 60px;
	border-radius: 40px
}

.main-wrap .inner-s .midterm-wrap .item01 .btn-b{
	width:90%;
	max-width: 480px;
	margin: -25px auto 0
}


.midterm-item .item-tbl{
	position: relative;
}
.midterm-item .item-tbl .item-img{
	position: absolute;
	content:'';
	width:30%;
	height:100%;
	top:0;
	left:35%;
	display: flex;
	align-items: center;
	padding-bottom: 3em
}
.midterm-item .item-tbl .item{
	line-height: 1.6;
	width:33.5%;
	
}
.midterm-item .item-tbl .item:nth-child(-n+2){
	margin-bottom: 20px;
}

.midterm-item .item-tbl .item .txt-sub{
	font-size:1.2rem;
	font-weight: 600;
		text-align: center
}
.midterm-item .item-tbl .item .txt-ttl{
	font-size:1.8rem;
	font-weight: 700;
	color:#fff;
	text-align: center;
	padding: 0.1em 0.5em;
	border-radius: 2em;
	margin: 0.1em 0
}
.midterm-item .item-tbl .item .txt-lead{
	font-size:1.5rem;
	line-height: 1.8;
	font-weight: 600;
	margin-bottom: 0.5em
}
.midterm-item .item-tbl .item .txt-list{
	font-size:1.4rem;
	text-indent: -1.3em;
  padding-left: 1.3em;

}
.i01 .col{color:#BC7960}
.i02 .col{color:#759875}
.i03 .col{color:#6CA8AF}
.i04 .col{color:#6C9BD2}
.i01 .bg{background:#BC7960}
.i02 .bg{background:#759875}
.i03 .bg{background:#6CA8AF}
.i04 .bg{background:#6C9BD2}




.main-wrap .inner-s .midterm-wrap .midterm-item .modal-btn{
	width:100%;
	margin: 2em auto 0;
	padding:2em 3em;
}

.main-wrap .inner-s .midterm-wrap .btn-b.external{
	width:90%;
	max-width: 480px;
	margin: 60px auto 0
}


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

	.main-wrap .inner-s .midterm-wrap .lead-wrap{
		font-size:3.8vw;
		font-weight: 500;
		line-height: 2
	}
	.main-wrap .inner-s .midterm-wrap .lead-wrap .lead-txt{
		font-size:4.2vw;
		font-weight: 600;
		color: #00AFEC
	}
	
	.main-wrap .inner-s .midterm-wrap .midterm-item{
		margin-top: 10vw;
		font-size:3.2vw;
		line-height:2
	}

	
	.main-wrap .inner-s .midterm-wrap .item-ttl{
		font-size:4.4vw;
		margin-bottom: 4vw
	}

	.main-wrap .inner-s .midterm-wrap .item01 .item-img{
		padding: 6vw 0 16vw;
		border-radius: 5vw
	}

	.main-wrap .inner-s .midterm-wrap .item01 .btn-b{
		width:90%;
		max-width: inherit;
		margin: -6vw auto 0
	}


	.midterm-item .item-tbl .item-img{
		position: absolute;
		content:'';
		width:50%;
		height:100%;
		top:0;
		left:25%;
		display: flex;
		align-items: center;
		padding-bottom: 3em
	}
	.midterm-item .item-tbl .item{
		line-height: 1.6;
		width:47%;

	}
	.midterm-item .item-tbl .item:nth-child(-n+2){
		margin-bottom: 50vw;
	}

	.midterm-item .item-tbl .item .txt-sub{
		font-size:3.2vw;
	}
	.midterm-item .item-tbl .item .txt-ttl{
		font-size:3.8vw;
		padding: 0.5em;
		line-height: 1.2
	}
	.midterm-item .item-tbl .item .txt-lead{
		font-size:3.2vw;
		line-height: 1.7;
		margin-bottom: 0.5em
	}
	.midterm-item .item-tbl .item .txt-list{
		font-size:3.0vw;
	}

	.main-wrap .inner-s .midterm-wrap .midterm-item .modal-btn{
		width:100%;
		margin: 0em auto 0;
		padding:0;
	}

	.main-wrap .inner-s .midterm-wrap .btn-b.external{
		margin-top: 10vw
	}
	
	
}