/*---------------着付け-----------------*/
.sec03{background: url("../../img/bg_w.webp"), linear-gradient(rgba(224,211,182,0.5) 00%, rgba(185,150,185,0.5) 100%);background-size:500px;background-repeat:repeat;position:  relative; }
.sec03 .outer{position:  relative;}
.sec03 .bg0101{position: absolute;top:0; left:0;}
.sec03 .bg0102{position: absolute; bottom:0; right:0;}
.sec03 p{text-align: center; color:#27aca9;}
.sec03 p strong{font-size: 130%; }

.sec03 article h3{color: #7cb443;text-align:left;width:100%;display: block; letter-spacing:0px;}
.sec03 article img.photo{width: 100%;filter: drop-shadow(3px 3px 4px rgba(0,0,0,0.2));}
.sec03 article p{text-align: left;width:100%;display: block; letter-spacing: 1px;}
.sec03 .text01{color: #7cb443;text-align: center}
@media screen and (min-width: 641px){ /*PC*/
	.sec03 .outer > .inner{padding:0px 0px 90px;}
	.sec03 .outer > .inner img{margin-bottom: 30px}
	.sec03 .bg0101{width: 45%;}
	.sec03 .bg0102{width: 40%;}
	.sec03 p{font-size: 30px; line-height:48px;}
	.odekake{margin: 20px auto;}
	.dres02-wrap{position: relative;}
	.dres02-square{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:29.1667%; aspect-ratio:1/1; background-color:rgba(150,112,153,0.97); box-sizing:border-box; container-type:inline-size; display:flex; flex-direction:column; align-items:center; justify-content:center;}
	.dres02-ornament{width:12.2857%; height:auto; margin-bottom:6%;}
	.dres02-text{width:100%; box-sizing:border-box; padding:0 10%; display:flex; flex-direction:column; gap:0.9em;}
	.dres02-text p{color:#fff; font-size:clamp(14px,4.5cqw,32px); line-height:1.6; letter-spacing:1px;}
	.dres02-text .dres02-note{font-size:clamp(12px,3.2cqw,22px); line-height:1.55;}

	.sec03 .set{display: flex; padding: 30px 0;}
	.sec03 article{width: 29%; padding:0px;position: relative; margin: 0;}
	.sec03 article:nth-child(2){ margin: 0 7%;}
	.sec03 article img.photo{margin-bottom: 20px;}
	.sec03 article img.no{width:28%; position:absolute; top:-5px; left:-10px;}
	.sec03 article h3{position:relative; padding:0px 0 0 90px; font-size:28px;line-height:40px; margin-bottom: 20px;}
	.sec03 article p{ line-height: 28px;}
	.sec03 .text01{width: 70%; font-size: 30px; padding:40px 0 20px; margin: 0 auto;}

}
@media screen and (max-width:640px){ /*SP*/
	
	.sec03 .outer > .inner{padding:0px 0px 60px;}
	.sec03 .outer > .inner img{margin-bottom:20px}
		.sec03 .bg0101{width: 80%;}
	.sec03 .bg0102{width: 75%;}
	.sec03 p{font-size: 24px; line-height: 38px;}
	.odekake{margin: 10px auto;}
	.dres02-wrap{position: relative;}
	.dres02-square{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:56.6667%; aspect-ratio:1/1; background-color:rgba(150,112,153,0.97); box-sizing:border-box; container-type:inline-size; display:flex; flex-direction:column; align-items:center; justify-content:center;}
	.dres02-ornament{width:6.1429%; height:auto; margin-bottom:5%;}
	.dres02-text{width:100%; box-sizing:border-box; padding:0 8%; display:flex; flex-direction:column; gap:0.6em;}
	.dres02-text p{color:#fff; font-size:clamp(10px,6cqw,17px); line-height:1.5; letter-spacing:0.5px;}
	.dres02-text .dres02-note{font-size:clamp(9px,4.4cqw,13px); line-height:1.45;}

	.sec03 .set{padding: 25px 0;}
	.sec03 article{width: 100%; padding:0px;position: relative; margin: 0;}
	.sec03 article:nth-child(2){ margin:25px 0;}
	.sec03 article img.photo{margin-bottom:10px;}
	.sec03 article img.no{width:22%; position:absolute; top:-5px; left:-10px;}
	.sec03 article h3{position:relative; padding:0px 0 0 90px; font-size:20px;line-height:30px; margin-bottom:10px;}
	.sec03 article p{ line-height: 23px;}
	.sec03 .text01{width:100%; font-size:22px; line-height: 30px; padding:10px 0 10px; margin: 0 auto;}
}