@charset "utf-8";


.about01{}
.about01 .wrap01{
	text-align:left;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;
	margin-bottom: 40px;
}
.about01 .wrap02{
	line-height: 1.5;
}

.about01 .logo01{
	width:80%;
	max-width:300px;
	margin:0 auto 20px;
}
.about01 .logo01 img{
	width:95%;
	margin-left:5%;
}
.about01 .txt01,
.about01 .txt02{
	font-size:clamp(1.8rem, 2.5vw, 2.5rem);
}
.about01 .txt03{
	font-size:clamp(1.4rem, 2vw, 2rem);
	padding-left:clamp(6.5rem, 8.5vw, 85px);
	margin-bottom:20px;
}
.about01 .color01,
.about01 .color02{
	position: relative;
	padding-left:clamp(6.5rem, 8.5vw, 85px);
	margin-bottom:10px;
}
.about01 .color01:before,
.about01 .color02:before{
	content:"";
	position: absolute;
	left:0;
	top:50%;
	transform: translateY(-50%);
	display: block;
	width:clamp(5rem, 7vw, 70px);
	height:clamp(5rem, 7vw, 70px);
	border-radius:35px;
}
.about01 .color01:before{
	background: #0079c3;
}
.about01 .color02:before{
	background: #0079c3;
}
.about01 .color01 .txt01{color:#0079c3;}
.about01 .color02 .txt01{color:#00afdd;}


.about01 .logo02{
	margin:0 auto 40px;
}
.about01 .txt04{
	color:#0079c3;
	font-size:clamp(3rem, 5vw, 5rem);
}
.about01 .txt05{
	color:#0079c3;
	font-size:clamp(3rem, 5vw, 5rem);
	margin-bottom:0.5em;
}
.about01 .txt06{
	color:#0079c3;
	font-size:clamp(1.8rem, 2.5vw, 2.5rem);
	margin-bottom:2em;
}
.about01 .txt06 em{
	font-weight: bold;
	font-size:120%;
}
.about01 .txt07{
	color:#00afdd;
	font-size:clamp(3rem, 5vw, 5rem);
	margin-bottom:0.5em;
}
.about01 .txt08{
	color:#00afdd;
	font-size:clamp(1.8rem, 2.5vw, 2.5rem);
}


@media (min-width: 768px){
	.about01{
		display:flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.about01 .wrap01{
		width:40%;
		margin:0;
	}
	.about01 .wrap02{
		width:56%;
	}
	.about01 .logo01{
		width:100%;
		max-width:100%;
	}
	.about01 .logo01 img{
		width:100%;
		margin:0;
	}
	.about01 .logo02{
		max-width:530px;
	}
}
/**/



.about02{
	border-left:10px solid #0079c3;
	padding-left:0.5em;
	font-size:clamp(2rem, 3.5vw, 3.5rem);
	margin-bottom:1.5em;
	line-height: 1.5;
}



/**/


.about03{
	text-align: left;
}
.about03 .wrap01{
	margin-bottom: 40px;
}
.about03 .wrap02{}

@media (min-width: 768px){
	.about03{
		display:flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.about03 .wrap01{
		width:35%;
		margin:0;
	}
	.about03 .wrap02{
		width:60%;
		margin:0;
	}
}

.about03 .sns{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.about03 .snswrap01{
	width:25%;
}
.about03 .snswrap01 a{
	display: block;
	text-align: center;
	text-decoration: none;
	color:#00afdd;
	font-size:2rem;
	line-height: 1.2;
	margin:20px 0;
}
.about03 .snswrap01 a img{
	width:40px;
}
.about03 .snswrap01 a p{
	margin:10px 0;
}
.about03 .img01{
	width:71%;
}


/**/


.about04{
	max-width: 500px;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom:15px;
	position: relative;
	margin-bottom:30px;
}
.about04 .ttlwrap{
	width:26%;
	font-size:clamp(1.4rem, 1.8vw, 1.8rem);
	color:#0079c3;
	text-align: center;
}
.about04 .ttlwrap img{
	max-width:120px;
	margin-bottom:5px;
}
.about04 .txt01{
	width:68%;
	text-align: left;
	font-size:clamp(1.3rem, 1.5vw, 1.5rem);
}
.about04::before{
	content:"";
	position: absolute;
	left:0;
	bottom:-15px;
	display:block;
	width:100%;
	height:12px;
	background-image: url(../images/about/flow_arrow.svg);
	background-size: cover;
	background-position: center center;
	padding:0;
}