@charset “utf-8”;

main{
	border-bottom:24px solid #EBEBEB;
}

#sec_ourvision{
	padding:90px 0;
	background-image:url("../images/vision/bg_vision.jpg");
	background-repeat:no-repeat;
	background-size:cover;
}
#sec_ourvision .ourvison_bloc{
	background-image:url("../images/vision/mark_float_2.png");
	background-repeat:no-repeat;
	background-size:40% ;
	background-position:40% 10%;
}
.ourvison_bloc h3{
	color:var(--maincolor);
	font-size:3.9rem;
	line-height:1.5;
	position: relative;
}
.ourvison_bloc h3 span{
	display:block;
	color:#CEDEEF;
	font-family:var(--tasa);
}
.ourvison_bloc h3::after {
	position: absolute;
	content: "";
	background-color: var(--maincolor);
	width: 114px;
	height: 2px;
	bottom: -40px;
	left: 0;
}
@media screen and (max-width: 767px) {
	#sec_ourvision{
		padding:90px 0 50px;
	}
	#sec_ourvision .ourvison_bloc{
		background-size:60% ;
		background-position:right 10%  top;
	}
	.ourvison_bloc h3{
		font-size:1.8rem;
	}
	.ourvison_bloc h3 span{
		font-size:2.6rem;
	}

}

.ourvison_bloc>p{
	line-height:2;
	margin-top:90px;
}
.rinen_wrap{
	margin-top:138px;
	display:flex;
	gap:60px;
	justify-content:space-between;
}
.rinen_unit{
	width:100%;
	max-width:820px;
	border:4px solid var(--maincolor);
	background:#fff;
	text-align:center;
	height:400px;
	background-image: linear-gradient(135deg, var(--maincolor) 60px, transparent 0);
}
.rinen_unit h4{
	padding:50px 0 60px;
	font-size:3.8rem;
}
.rinen_unit p{
	font-size:2rem;
}

@media screen and (max-width: 767px) {
	.rinen_wrap{
		margin-top:46px;
		flex-direction:column;
		gap:34px;
	}
	.rinen_unit{
		height:auto;
		background-image: linear-gradient(135deg, var(--maincolor) 40px, transparent 0);
		padding-bottom:40px;
	}
	.rinen_unit h4{
		padding:40px 0;
		font-size:2rem;
	}
	.rinen_unit p{
		font-size:1.3rem;
	}
}

#sec_action{
	background:var(--bluegray);
	padding:90px 0;
}
#sec_action .ttl_bloc{
	text-align:center;
}
#sec_action .ttl_bloc h2{
	color:var(--maincolor);
	font-size:3.4rem;
	line-height:1.5;
}
#sec_action .ttl_bloc h2 span.en{
	font-size:3.4rem;
	color:#CEDEEF;
	margin-bottom:10px;
	display:block;
}
#sec_action .ttl_bloc h2 span.pre{
	font-size:2.8rem;
	color:var(--maincolor);
	display:block;
}

@media screen and (max-width: 767px) {
	#sec_action{
		padding:70px 0;
	}
	#sec_action .ttl_bloc h2{
		font-size:1.9rem;
	}
	#sec_action .ttl_bloc h2 span.en{
		font-size:2.6rem;
		margin-bottom:10px;
	}
	#sec_action .ttl_bloc h2 span.pre{
		font-size:1.5rem;
	}
}

.action_list{
	display:flex;
	flex-wrap:wrap;
	gap:50px;
	justify-content:center;
	margin-top:90px;
}
.action_unit{
	width:403px;
	height:208px;
	background:var(--maincolor);
	text-align:center;
	display:flex;
	justify-content:center;
	flex-direction:column;
}
.action_unit h3 span{
	color:#90ABD2;
	font-size:2.8rem;
}
.action_unit h3 span.en{
	display:block;
	font-size:4.7rem;
}
.action_unit p{
	color:#fff;
	margin-top:18px;
}

@media screen and (max-width: 767px) {
	.action_list{
		gap:15px;
		margin-top:30px;
	}
	.action_unit{
		padding:20px 10px;
		align-items:center;
		gap:15px;
		width:100%;
		height:auto;
		flex-direction:row;
		justify-content:start;
	}
	.action_unit h3{
		font-size:1.3rem;
	}
	.action_unit h3 span{
		font-size:1.3rem;
		white-space:nowrap;
	}
	.action_unit h3 span.en{
		font-size:2.1rem;
	}
	.action_unit p{
		margin-top:0;
		width:100%;
	}
}

#sec_logo{
	padding:100px 15px;
}
.logo_inner{
	max-width:1200px;
	display:flex;
	gap:88px;
	margin:auto;
}
.exp_bloc h3{
	color:var(--maincolor);
	font-size:3.8rem;
}
.exp_bloc p{
	line-height:1.5;
	margin-top:65px;
}
.logo{
	border:1px solid #707070;
	padding:80px;
}
.logo img{
	width:185px;
}
@media screen and (max-width: 767px) {
	#sec_logo{
		padding:60px 30px;
		position:relative;
	}
	.exp_bloc h3{
		font-size:1.8rem;
		margin-bottom:300px;
	}
	.logo{
		width:260px;
		position:absolute;
		top:70px;
		right: 0;
		left: 0;
		margin: 0 auto;
		padding:60px;
	}
	.logo img{
		width:109px;
		margin:auto;
	}
}