@charset "UTF-8";
.sec-sub-mv{
    background:url(../../img/about/bg_mv.png) no-repeat;
    background-size: cover;
    background-position: bottom;
}
.about-box{
    margin:70px auto 80px;
    display: flex;
}
.box-txtarea{
    width:62%;
    background: #F0F0F0;
    padding:50px 8% 50px 3%;
    position: relative;
    z-index: 1;
    margin:5% -5% 0 0;
}
.about-box:nth-of-type(even) .box-txtarea{
    padding:50px 3% 50px 8%;
    margin:5% 0 0 -5%;
}
.box-ttl{
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: 2.4rem;
    font-weight: 700;
    margin:-80px 0 20px;
}
.box-ttl span{
    font-size: 3.2rem;
    color:#CF001C;
}
.box-ttl::before{
    content:'';
    display: inline-block;
    background: url(../../img/about/icon_check.svg) no-repeat;
    background-size: 100%;
    width:79px;
    height:50px;
    vertical-align: -0.5em;
}
.box-image{
    width:43%;
    position: relative;
    z-index: 2;
}
@media (max-width: 1080px){
    .box-ttl{
        font-size: 2.422vw;
    }
    .box-ttl span{
        font-size: 3.163vw;
    }
}
@media (max-width: 768px){
    .sec-sub-mv{
        background:url(../../img/about/bg_mv_sp.png)no-repeat;
        background-size: cover;
        background-position: bottom;
    }
    .sec-sub-about .sec-txt{
        margin-bottom:10vw;
    }
    .about-box{
        margin:7vw auto 0;
        flex-wrap: wrap;
    }
    .box-txtarea{
        width:100%;
        padding:8vw 5vw 10vw 5vw;
        margin:0;
        font-size:3.4vw;
    }
    .about-box:nth-of-type(even){
        flex-direction: column-reverse;
    }
    .about-box:nth-of-type(even) .box-txtarea{
        padding:8vw 5vw 10vw 5vw;
        margin:0;
    }
    .box-ttl{
        font-size: 4.2vw;
        margin:-12.643vw 0 2.857vw;
    }
    .box-ttl span{
        font-size: 5.4vw;
    }
    .box-ttl::before{
        width:11.286vw;
        height:7.143vw;
        vertical-align: -0.5em;
    }
    .box-image{
        width: 76vw;
        position: relative;
        right:-19vw;
        top:-6vw;
    }
    .about-box:nth-of-type(even) .box-image{
        margin:0 0 0 auto;
        position: relative;
        left:-19vw;
    }
    .sec-sub-about .btn-link-w{
        margin-top:3vw;
    }
}


/*---　活躍できる場　---------*/
.scenes-con{
	padding: 60px 0 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}
.scenes-con .scenes-item{
	width:calc((100% - 50px) / 2);
	background: #f0f0f0;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}
.scenes-con .scenes-item .inn{
	padding:0 35px
}
.scenes-con .scenes-item .inn span{
	display: inline-block
}

.scenes-con .scenes-item .scenes-topbox{
	position: relative;
	margin-top: -40px
}
.scenes-con .scenes-item .scenes-bottombox{
	position: relative;
	margin-bottom: -40px
}
	

.scenes-con .scenes-item:nth-child(n+3){
	margin-top: 140px
}


.scenes-con .scenes-num{
	font-family: "Allura", cursive;
    font-weight: 400;
	font-size:4.8rem;
	line-height: 1;
	color:#1a2c61
}
.scenes-con .scenes-num span{
	font-size:1.5em;
	line-height: 1;
	color:#cf001c
}
.scenes-con .scenes-ttl{
	font-size:3.0rem;
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 600;
	color:#fff;
	background:#cf001c;
	display: inline-block;
	margin: 10px 0 30px;
	border-top-right-radius: 2em;
	border-bottom-right-radius: 2em;
	line-height: 1.2;
	padding: 0.2em 0
}


.scenes-con .scenes-point-inn{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 30px 0;
	padding:20px;
	border:1px solid #cf001c;
}

.scenes-con .point-icon{
	width:80px;
	color:#dd664b;
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 600;
	font-size:2.4rem;
	line-height: 1;
	text-align: center;
	
}
.scenes-con .point-icon-img{
	background: #fff;
	border-radius: 50%;
	margin-top: 5px
}
.scenes-con .point-txt{
	width:calc(100% - 95px)
}

.cont-inn + .cont-inn{
	margin-top: 160px
}

@media (max-width: 1000px){
	.scenes-con .scenes-item .inn{
		padding:0 3.5vw
	}
	.scenes-con .scenes-ttl{
		font-size:3.4vw
	}
}


@media (max-width: 768px){
	
	.scenes-con{
		padding: 8.5vw 0 4.2vw;
		flex-wrap: wrap;
	}
	.scenes-con .scenes-item{
		width:100%;
		background: #f0f0f0;
		font-size:3.5vw;
	}
	.scenes-con .scenes-item .inn{
		padding:0 5vw;
		
	}

	.scenes-con .scenes-item .scenes-topbox{
		margin-top: -6.5vw;
		
	}
	.scenes-con .scenes-item .scenes-bottombox{
		margin-bottom: -6.5vw
	}


	.scenes-con .scenes-item:nth-child(n+2){
		margin-top: 20vw
	}


	.scenes-con .scenes-num{
		font-size:7.4vw;
	}
	.scenes-con .scenes-num span{
		font-size:12.0vw;
	}
	.scenes-con .scenes-ttl{
		font-size:4.8vw;
		margin: 1vw 0 4vw;
		padding: 0.5em 0.5em 0.5em 0
	}


	.scenes-con .scenes-point-inn{
		margin: 5vw 0;
		padding:4vw;

	}

	.scenes-con .point-icon{
		font-weight: 600;
		font-size:4.1vw;
		width:11.4vw
	}
	.scenes-con .point-icon-img{
		margin-top: 1vw
	}
	.scenes-con .point-txt{
		width:calc(100% - 15vw)
	}
	
	.cont-inn + .cont-inn{
	margin-top: 16vw
}

}