#contents {
    background: var(--gray);
}

.mission-lead{
	max-width:1200px;
	width:92%;
	color:var(--blue);
	text-align:center;
	background:#fff;
	padding: 80px 30px;
    margin: 100px auto;
}
.mission-lead h2{
	font-size:var(--fz34);
	font-weight:600;
	margin-bottom:0.75em;
}
.mission-lead p{
	font-size:var(--fz20);
	font-weight:500;
	line-height:2.5;
}


.mission-content-wrap{
	background-image: url(../img/bg_onpoint_wave3_gray.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 105%;
}
.mission-content{
	width:90%;
	max-width: 1640px;
	padding-bottom:50px;
	margin: 0 auto 100px;
	position:relative;
}
.mission-content .img{
	width:65%;
}
.mission-content .text{
	max-width:700px;
	width:90%;
	text-align:center;
	background:#fff;
	padding: 70px 30px 60px;
    margin: 0;
    position:absolute;
    right:0;
    bottom:0;
}
.mission-content .text h3{
	font-size:var(--fz30);
	font-weight:500;
	margin-bottom:0.75em;
}
.mission-content .text p{
	font-size:var(--fz16);
	line-height:2.5;
}
.mission-content:nth-child(even) .img{
	margin-left:auto;
}
.mission-content:nth-child(even) .text{
	left:0;
	right:auto;
}

.uoichi-kodawari{
	color:#fff;
	background:url(../img/mission_kodawari_bg.jpg) center center no-repeat var(--blue);
	background-size:cover;
	padding:100px 4% 80px;
}
.uoichi-kodawari .kodawari-list{
	display:flex;
	gap:40px;
	max-width:1450px;
	margin:0 auto;
}
.uoichi-kodawari .kodawari-list > *{
	width:100%;
	font-weight:400;
}
.uoichi-kodawari .kodawari-list .img{
	margin-bottom: 1.6em;
}
.uoichi-kodawari .kodawari-list dt{
	font-size:var(--fz24);
	margin-bottom: 0.65em;
}
.uoichi-kodawari .kodawari-list dd{
	font-size:var(--fz16);
}
.uoichi-kodawari .title-icon::before{
	background-image:url(../img/icon-block-title-white.png)
}

.uoichi-kodawari + .btn-wrap2{
	padding:7em 1em;
}



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

}
@media screen and (max-width: 768px) {
	.mission-lead{
		padding: 40px 5%;
		margin: 10px auto 40px;
	}
	.mission-lead .title-icon::before{
		width: 38%;
	}
	.mission-lead h2 {
	    font-size: var(--fz22);
	    letter-spacing: 0;
	    margin-bottom: 0.75em;
	}
	.mission-lead p {
	    font-size: var(--fz16);
	    font-weight: 400;
	    line-height: 1.9;
	}

	.mission-content {
	    padding-bottom: 0px;
	    margin: 0 auto 40px;
	}
	.mission-content .img,
	.mission-content .text {
	    width: 100%;
	}
	.mission-content .img {
	    margin-bottom: 20px;
	}
	.mission-content .text{
		padding: 30px 5%;
		position:static;
	}
	.mission-content .text h3 {
	    font-size: var(--fz22);
	    text-align:left;
	}
	.mission-content .text p {
	    font-size: var(--fz15);
	    text-align:left;
	    line-height: 1.73;
	}
	
	.uoichi-kodawari{
		padding: 50px 5%;
	}
	.uoichi-kodawari .kodawari-list{
		flex-wrap:wrap;
	}
	.uoichi-kodawari .kodawari-list .img {
	    margin-bottom: 1.2em;
	}
	.uoichi-kodawari .kodawari-list dt {
	    font-size: var(--fz18);
	}
	.uoichi-kodawari .kodawari-list dd {
	    font-size: var(--fz15);
	}
	
	.uoichi-kodawari + .btn-wrap2 {
	    padding: 3em 1em;
	}
}