@charset "UTF-8";


#content {padding: 90px 0 0;}
@media screen and (max-width: 1120px) {

#content {padding: 8.03vw 0 0;}
}
@media screen and (max-width: 767px) {
#content {padding: 57px 0 0;}

}


.hero-section {position: relative;}
.hero-section img {width: 100%;height: auto;vertical-align: bottom;}
.hero-inner { width: 1060px;text-align: left; position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);}
.hero-section .sub-title { font-size: 28px;font-weight: 700; display: block; margin-bottom: 20px;color: #0058a2; }
.hero-section .main-title { font-size: 54px; font-weight: bold; margin-bottom: 40px; }
.hero-section .hero-desc { font-size: 18px; line-height: 1.8; }
@media screen and (max-width: 1120px) {
.hero-inner { width: 94.64vw;}
.hero-section .sub-title { font-size: 2.5vw;margin-bottom: 1.78vw;}
.hero-section .main-title { font-size: 4.82vw;margin-bottom: 3.57vw;}
.hero-section .hero-desc { font-size: 1.60vw;}

}
@media screen and (max-width: 767px) {
.hero-inner { width: 90vw;}
.hero-section .sub-title { font-size: 2.8vw;margin-bottom: 1.78vw;}
.hero-section .main-title { font-size: 4.82vw;margin-bottom: 3.57vw;}
.hero-section .hero-desc { font-size: 2.8vw;}
}

/* カードレイアウト */
.pickup-container { display: flex; flex-direction: column; gap: 60px; width: 1080px; margin: auto; padding: 100px 0; }
.pickup-card { display: flex; background-color: #fff; overflow: hidden; align-items: top; gap: 30px; }
.pickup-card__img { display: flex; justify-content: center; align-items: center; box-sizing: border-box; border: 1px solid #e5e5e5; vertical-align: bottom; }
.pickup-card__img img { max-width: 100%; height: auto; object-fit: contain; }
.pickup-card__content { max-width: 60%; text-align: left; }
.pickup-card__title { font-size: 28px;line-height: 1.4; font-weight: bold; margin: 0 0 30px 0; color: #333; }
.pickup-card__catch { font-size: 18px;line-height: 1.4; font-weight: bold; margin: 0 0 30px 0; color: #111; }
.pickup-card__text { font-size: 14px; line-height: 1.6; color: #555; margin: 0 0 30px 0; }
.pickup-card__btn { display: inline-block; padding: 18px 40px 20px; background-color: #0058a2; color: #fff; font-size: 18px; line-height: 1; font-weight: 700; text-decoration: none; border-radius: 50vh; transition: opacity 0.3s ease, transform 0.3s ease; box-shadow: 0 4px 10px rgba(0, 86, 179, 0.2); text-align: center; }
.pickup-card__btn:hover { opacity: 0.9; transform: translateY(-2px); }
@media screen and (max-width: 1120px) {

.pickup-container {gap: 5.35vw; width: 96.42vw;padding: 8.92vw 0; }
.pickup-card {gap: 2.67vw; }
.pickup-card__title { font-size: 2.5vw;margin: 0 0 2.67vw 0;}
.pickup-card__catch { font-size: 1.60vw;margin: 0 0 2.67vw 0;}
.pickup-card__text { font-size: 1.25vw; margin: 0 0 2.67vw 0; }
.pickup-card__btn {padding: 1.60vw 3.57vw 1.78vw;font-size: 1.60vw;box-shadow: 0 0.35vw 0.89vw rgba(0, 86, 179, 0.2);}
.pickup-card__btn:hover { transform: translateY(-0.17vw); }

}

@media screen and (max-width: 767px) {
.pickup-container { gap: 10vw; width: 90%; padding: 10vw 0; }
.pickup-card { flex-direction: column; gap: 5vw; }
.pickup-card__img { width: 100%; }
.pickup-card__img img { width: 100%; height: auto; }
.pickup-card__content { max-width: 100%; }
.pickup-card__title { font-size: 4vw; margin: 0 0 5vw 0; }
.pickup-card__catch { font-size: 3.4vw; margin: 0 0 2vw 0; }
.pickup-card__text { font-size: 3vw; margin: 0 0 2vw 0; }
.pickup-card__btn { display: block; width: 100%; box-sizing: border-box; padding: 5vw 0; font-size: 3.2vw; }

}