@charset "utf-8";
/* CSS Document */
.section01 { position: relative; }
.section01 .txt-area { width: 55%; }
.section01 .txt-area h4 { font-size: 3.2rem; letter-spacing: -0.5px; word-break: keep-all;}
.section01 .txt-area h4 b { color: #116DFF; }
.section01 .txt-area p { font-size: 1.6rem; font-weight: 500; color: #666; line-height: 1.8; word-break: keep-all;}
.section01 .txt-area .divide-line { height: 4px; width: 100%; background: #5496ff; margin: 30px 0; }

.section01 .img-box { position: absolute; z-index: 2; }
.section01 .img-box-01 { width: 40%; right: 0; top: 90px; }
.section01 .img-box-01 img {box-shadow: 20px 20px 0 #5496ff;}

.section02 {margin-top: 40px;}
.section02 p { font-size: 1.5rem; color: #666; padding-top: 100px; line-height: 1.8; padding: 25px; background: #f8f8f8;}
.section02 p .sign { font-weight: 600; font-size: 1.7rem; display: block; margin-top: 30px; color: #193c75; }

.section03 {margin-top: 80px; padding: 60px 0;}
.section03 .paper-gallery { display: flex; justify-content: space-between; gap: 30px; max-width: 1200px; margin: 0 auto; }
.section03 .paper-gallery .paper-item { flex: 1; position: relative; overflow: hidden; border-radius: 8px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; }
.section03 .paper-gallery .paper-item:hover { transform: translateY(-5px); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15); }
.section03 .paper-gallery .paper-item img { width: 100%; height: auto; display: block; transition: transform 0.3s ease; }
.section03 .paper-gallery .paper-item:hover img { transform: scale(1.05); }

@media all and (max-width: 768px) {
	.section01 .img-box-01 {display: none;}
	.section01 .txt-area {width: 100%;}
	.section.section02 {padding-top: 0;}
	.section03 {margin-top: 50px; padding: 40px 20px;}
	.section03 .paper-gallery { flex-direction: column; gap: 20px; }
	.section03 .paper-gallery .paper-item { flex: none; }
}
@media all and (max-width: 540px) {
	.section01 .txt-area {text-align: center;}
	.section01 .txt-area h4 {font-size: 2.2rem;}
	.section01 .txt-area p {font-size: 1.5rem;}
	.section01 .txt-area .divide-line {margin:20px 0;}
	.section.section02 {margin-top: 15px;}
	.section02 p {padding:20px; font-size: 1.4rem;}
	.section02 p .sign {text-align: right; }
	.section03 {margin-top: 30px; padding: 30px 15px;}
	.section03 .paper-gallery { gap: 15px; }
}