@charset "utf-8";
/* CSS Document */


/*ｈ２位置決め*/
.co-h2{
	text-align:center;
	margin-bottom:140px;
}

@media(max-width:768px){
	.co-h2{
		margin-top:100px;
		margin-bottom:50px;
	}
	
}

/*サブタイトル位置決め*/
.co-h3{
	text-align:center;
	margin-bottom:140px;
	font-weight: 400;
	color:#9C2F2F;
	letter-spacing:0.5em;
	text-shadow:5px 5px 5px rgba(0,0,0,0.2);
	font-size:clamp(1.25rem, 0.25rem + 5vw, 4rem);
}


@media(max-width:768px){
	.co-h3{
		
		margin-bottom:50px;
	}
	
}
img{
	dispaly:block;
}

/*セクション１*/
/*大枠アスペクト比*/
.co{
	/*border:1px solid #000000;*/
	background-color:rgba(255,255,255,0.7);
	display:flex;
	display-wrap:wrap;
	aspect-ratio: 128/51 ;/*大枠の比率を変えない*/
	margin-bottom:200px;
}
@media(max-width:768px){
	.co{
		flex-direction:column;
		background-color:rgba(255,255,255,0);
		margin-bottom:50px;
	}
	.co-2{
		flex-direction: column-reverse;
	}
	
}




/*画像コンテナ*/
.co-img-con{
	/*border:1px solid #000000;*/
	width:53%;/*大枠に対して何％を占めるか*/
	height:auto;
}


.co-img-con img{
	width:100%;height:100%;
}

@media(max-width:768px){
	.co-img-con{
		width:90%;
	}
}


/*文字*/
.radius{
	width:47%;/*大枠に対して何％を占めるか*/
	/*border:1px solid #000000;*/
	display:flex;
	gap:10px;
	flex-direction:column;
	justify-content:center;
	align-items:left;
	padding:5%;
	
	
}

@media(max-width:768px){
	.radius{
		width:90%;
		/*border:1px solid #000000;*/
		padding-top:5%;
		margin:0 auto;
	}
	
}


.co-h4{
	font-size:clamp(1rem, 0.636rem + 1.82vw, 2rem);
	white-space: nowrap;
	letter-spacing:0.1em;
	
}

.co-p{
	font-size:clamp(0.313rem, -0.028rem + 1.7vw, 1.25rem);
}

@media(max-width:768px){
	.co-p{font-size:16px;}
}

.radius1{
	background:url("../imges/01.png") no-repeat;
	background-size:40% auto;
	background-position:right top;
}

.radius2{
	background:url("../imges/02.png") no-repeat;
	background-size:40% auto;
	background-position:left top;
}

@media(max-width:768px){
	.radius2{background-position:right top;}
}

.radius3{
	background:url("../imges/03.png") no-repeat;
	background-size:40% auto;
	background-position:right top;
}

@media(max-width:768px){
	.co-img-con2{
		/*border:1px solid #000000;*/
		margin-right:0;
		margin-left:auto;
	}
}