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



/*------------------------------------------------------------------------------------------------
    index
--------------------------------------------------------------------------------------------------*/
.index-cont-box .index-ttl span.sub{
	font-size:1.3rem;
	color:#3D62AD
}
.index-cont-box.normal{
	margin-top: 180px
}
.index-cont-box.normal .img{
	margin-top: 60px;
	margin-bottom: 0;
}
.index-cont-box.normal .txt{
	margin-bottom: 60px;
	margin-top: 0;
}

.index-cont-box .f-name{
	position: absolute;
	background: #3D62AD;
	color:#fff;
	font-size:2.6rem;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.2em;
	padding:0.1em 0 0.1em 2em;
	width:100%;
	min-height:70px;
	display: flex;
	align-items:baseline
	
}
.index-cont-box:last-child .f-name{
	background: #E86653;
	align-items:center
}
.index-cont-box .f-name span{
	font-size: 2.5em
}
.index-cont-box.reverse .f-name{
	border-top-left-radius: 2em;
	border-bottom-left-radius: 2em;
	top:300px;
	right:-40px
}
.index-cont-box.normal .f-name{
	border-top-right-radius: 2em;
	border-bottom-right-radius: 2em;
	top:-100px;
	right:40px;
	justify-content: flex-end;
	padding:0.1em  2em;
}



.backnumber-wrap {
	width:90%;
	max-width: 400px;
	margin: 100px auto 0
}
.backnumber-wrap .btn-b{
	margin-top: 40px
}

@media screen and (max-width: 767px) {
	.index-cont-box .index-ttl span.sub{
		font-size:3.2vw;
		}
	.index-cont-box.normal{
		margin-top: 20vw
	}
	.index-cont-box.normal .img{
		margin-top: 0;
		margin-bottom: 0;
	}
	.index-cont-box.normal .txt{
		margin-bottom: 0;
		margin-top: -9vw;
	}

	.index-cont-box .img img{
		position: relative;
		z-index: 3
	}
	
	.index-cont-box .f-name{
		font-size:4vw;
		min-height:12vw;
		z-index: 1
	}
	.index-cont-box.reverse .f-name{
		border-top-left-radius: 2em;
		border-bottom-left-radius: 2em;
		top:17vw;
		right:30vw
	}
	.index-cont-box.normal .f-name{
		border-top-right-radius: 2em;
		border-bottom-right-radius: 2em;
		top:17vw;
		right:-30vw;
		justify-content: flex-end 
	}
	.index-cont-box:last-child .f-name{
		padding-left:1em;
		letter-spacing: 0;
		line-height: 1.2
	}
	
	.backnumber-wrap {
		width:90%;
		max-width: inherit;
		margin: 24vw auto 0
	}
	.backnumber-wrap .btn-b{
		margin-top: 6vw
	}
}





/*------------------------------------------------------------------------------------------------
  共通
--------------------------------------------------------------------------------------------------*/
.feature-num{
	background: #3D62AD;
	color:#fff;
	font-size:2.6rem;
	padding: 0.2em 2em;
	letter-spacing: 0.4em;
	line-height: 1;
	position: relative;
	z-index: 2

}
.feature-num span{
	font-size:2.2em
}

.f1 .feature-num{
	border-bottom-left-radius: 3em;
	border-top-left-radius: 3em;
	margin-top: 20px;
	margin-left:30%;
}
.f2 .feature-num{
	width:35%;
	text-align: right;
	border-bottom-right-radius: 3em;
	border-top-right-radius: 3em;
	margin-bottom: 20px;
}

@media screen and (max-width: 1200px) {
	.feature-num{
		font-size:2.1vw;
	}
}

@media screen and (max-width: 768px) {
	.f1 .feature-num{
		margin-top: 2vw;
		margin-left:50%;
		font-size:2.6vw;
	}
	.f2 .feature-num{
		font-size:2.6vw;
			margin-bottom: 2vw;
	}
}