/*============================================
メインビジュアル
===========================================*/
.main-visual {
	background-image: url('../img/strength/main.jpg');
}
@media screen and (max-width: 960px) {
	.main-visual {
		background-image: url('../img/strength/sp/main.jpg');
	}
}
/*============================================
sec1
===========================================*/
.section-1{
	text-align: center;
}
.section-1 .intro_heading{
	font-size: 3rem;
	margin-bottom: 30px;
	font-family: 'Noto Serif JP', serif;
	font-weight: bold;
}
@media screen and (max-width: 960px) {
	.section-1 .intro_heading{
		font-size: 2.5rem;
	}
}
/*============================================
sec2
===========================================*/
.section-2 .container{
	display: flex;
}
.section-2 #container01,
.section-2 #container03
{
	flex-direction: row;
}
.section-2 #container02,
.section-2 #container04{
	flex-direction: row-reverse;
}
.section-2 .container .inner{
	width: 50%;
	display: flex;
	align-items: center;
}
.section-2 #container01 .inner,
.section-2 #container03 .inner{
	justify-content: flex-end;
}
.section-2 #container02 .inner,
.section-2 #container04 .inner{
	justify-content: flex-start;
}
.section-2 .text_box{
	width: 530px;
	padding: 60px;
	position: relative;
	box-shadow: 10px 10px 0px 3px rgb(0,131,201,0.2);
	background-color: #fff;
}
.section-2 #container01 .inner .text_box,
.section-2 #container03 .inner .text_box{
	margin-right: -30px;
}
.section-2 #container02 .inner .text_box,
.section-2 #container04 .inner .text_box{
	margin-left: -30px;
}
.section-2 .text_box .numb{
	display: inline-block;
	color: #0083c9;
	font-size: 7.5rem;
	position: absolute;
	top:-60px;
	left:0;
	font-family: 'Oswald', sans-serif;
}
.section-2 .text_box h3{
	font-size: 2.4rem;
	margin-bottom: 20px;
}
.section-2 .text_box .desc{
	min-height: 13.5em;
}
.section-2 .container figure{
	width: 50%;
	margin:0;
	overflow: hidden;
	height: 530px;
}
.section-2 .container figure img{
	height: 100%;
}
@media screen and (max-width: 960px) {
	.section-2 .container{
		display: block;
	}
	.section-2 .container:not(:last-child){
		margin-bottom:60px;
	}
	.section-2 #container01 .inner .text_box,
	.section-2 #container03 .inner .text_box{
		box-shadow: -10px -20px 0px 3px rgb(0,131,201,0.2);
		margin-left:auto;
		margin-right:auto;
	}
	.section-2 #container02 .inner .text_box,
	.section-2 #container04 .inner .text_box{
		box-shadow: 10px -20px 0px 3px rgb(0,131,201,0.2);
		margin-left:auto;
		margin-right:auto;
	}
	.section-2 .container .inner,
	.section-2 .container .inner .text_box{
		width: 100%;
	}
		.section-2 .container .inner .text_box{
		width:calc(100% - 20px);
		padding:60px 2%;

	}
	.section-2 .text_box h3{
		font-size: 2.2rem;
	}
	.section-2 .container figure{
		width: 100%;
		height: auto;
	}
	.section-2 .container figure img{
		width: 100%;
	}
}