@charset "utf-8";
@keyframes shake {
    50% {
        transform: rotate(1deg);
    }
    100% {
        transform: rotate(-2deg);
    }
}
main { position: relative;}
#content { background: #E5EAF2;}
#lp { position: relative; margin-bottom: 0; text-align: center; font-family: "Zen Old Mincho", serif; color: #0D3258; font-feature-settings: 'pkna' on, 'hkna' on, "palt"; }
#lp img { width: 100%; height: auto;}
#lp * {box-sizing: border-box;}
#lp i {font-style: normal; height: auto; font-size: inherit; line-height: inherit; margin: 0; padding: 0; letter-spacing: inherit;}
#lp {position: relative; max-width: 1500px; margin: 0 auto; text-align: center;}
#lp section { position: relative; margin-bottom: 0;}
#lp section .section-inner { width: 1200px; margin: 0 auto;}
#lp section.about { margin-top: 120px; }
#lp section.about h2 { font-weight: 900; font-size: 24px; line-height: 210%; letter-spacing: 0.96px; }
#lp section.about p { font-size: 24px; line-height: 210%; letter-spacing: 0.96px; }
#lp section.about .about-image { width: 746px; margin: 30px auto 0; }
#lp section.banner { margin-top: 86px;}
#lp section.banner ul { display: flex; flex-direction: column; gap: 40px 0;}
#lp section.items { margin-top: 106px; margin-bottom: 119px;}
#lp section.items .catch { font-size: 24px; line-height: 210%; letter-spacing: 0.96px;}
#lp section.items .section-inner { margin-top: 107px; padding: 80px 120px 120px; background: #F8F8F7;}
#lp section.items .section-inner .items-title h2 { width: 640px; margin: 0 auto;}
#lp section.items .section-inner .items-title .date { margin-top: 25px; font-size: 24px; line-height: 1; letter-spacing: 0.96px;}
#lp section.items .section-inner .item-list { margin-top: 56px;}
#lp section.items .section-inner .item-list ul { display: flex; flex-direction: column; gap: 60px 0;}
#lp section.items .section-inner .item-list ul li {}
#lp section.items .section-inner .item-list ul li a{ display: inline-block;}
#lp section.items .section-inner .item-list ul li .photo { width: 515px; aspect-ratio: 1 / 1;}
#lp section.items .section-inner .item-list ul li .detail { display: block; margin-top: 25px;}
#lp section.items .section-inner .item-list ul li .detail .name { font-weight: 400; font-size: 30px; line-height: 1; }
#lp section.items .section-inner .item-list ul li .detail .name span { padding-left: 12px; vertical-align: top; font-weight: 500; font-size: 20px; line-height: 30px; }
#lp section.items .section-inner .item-list ul li .detail p { margin-top: 25px; font-size: 20px; line-height: 1; }
#lp section.items .section-inner .item-list ul li .detail p+p { margin-top: 15px; }
#lp section.items .section-inner .item-list ul li .detail .view-btn { display: flex; align-items: center; justify-content: center; width: 180px; margin: 23px auto 0; border-radius: 4px; background: #0D3258; font-size: 20px; line-height: 40px; color: #fff; }
#lp section.items .section-inner .item-list .all-btn { display: flex; align-items: center; justify-content: center; width: 430px; margin: 79px auto 0; border-radius: 10px; background: #0D3258; font-weight: 900; font-size: 28px; line-height: 68px; color: #fff; }
@media only screen and (min-width:769px) {
    #lp .sp { display: none !important;}
    #lp a,
    #lp [data-scroll] { cursor: pointer; transition: .3s;}
    #lp a:hover{ opacity: .6;}
    #lp section.kv { aspect-ratio: 2250 / 1011; }
    #lp section.about .about-image { aspect-ratio: 746 / 650;}
    #lp section.banner ul li { aspect-ratio: 2250 / 1266;}
}
@media only screen and (max-width:768px) {
    #lp {}
    #lp .pc { display: none !important;}
    #lp {max-width: 100%;}
    #lp section .section-inner { width: calc(345 / 375 * 100vw);}
    #lp section.kv { aspect-ratio: 1 / 1; }
    #lp section.about { margin-top: calc(70 / 375 * 100vw); }
    #lp section.about h2 { font-size: calc(16 / 375 * 100vw); line-height: 185%; letter-spacing: calc(0.64 / 375 * 100vw); }
    #lp section.about p { font-size: calc(16 / 375 * 100vw); line-height: 185%; letter-spacing: calc(0.64 / 375 * 100vw); }
    #lp section.about .about-image { width: 100%; margin-top: calc(27 / 375 * 100vw); aspect-ratio: 690 / 658; }
    #lp section.banner { margin-top: calc(45 / 375 * 100vw);}
    #lp section.banner ul { gap: calc(20 / 375 * 100vw) 0;}
    #lp section.banner ul li { aspect-ratio: 750 / 422;}
    #lp section.items { margin-top: calc(70 / 375 * 100vw); margin-bottom: calc(75 / 375 * 100vw);}
    #lp section.items .catch { font-size: calc(16 / 375 * 100vw); line-height: 185%; letter-spacing: calc(0.64 / 375 * 100vw);}
    #lp section.items .section-inner { margin-top: calc(72 / 375 * 100vw); padding: calc(40 / 375 * 100vw) 0 calc(80 / 375 * 100vw);}
    #lp section.items .section-inner .items-title h2 { width: calc(209 / 375 * 100vw);}
    #lp section.items .section-inner .items-title .date { margin-top: calc(20 / 375 * 100vw); font-weight: 700; font-size: calc(16 / 375 * 100vw); line-height: 180%; letter-spacing: calc(0.64 / 375 * 100vw);}
    #lp section.items .section-inner .item-list { margin-top: calc(20 / 375 * 100vw);}
    #lp section.items .section-inner .item-list ul { gap: calc(40 / 375 * 100vw) 0;}
    #lp section.items .section-inner .item-list ul li .photo { width: calc(280 / 375 * 100vw);}
    #lp section.items .section-inner .item-list ul li .detail { margin-top: calc(12 / 375 * 100vw);}
    #lp section.items .section-inner .item-list ul li .detail .name { font-weight: 700; font-size: calc(18 / 375 * 100vw); line-height: 152%; }
    #lp section.items .section-inner .item-list ul li .detail .name span { padding-left: calc(8 / 375 * 100vw); font-weight: inherit; font-size: inherit; }
    #lp section.items .section-inner .item-list ul li .detail p { margin-top: calc(10 / 375 * 100vw); font-size: calc(14 / 375 * 100vw); line-height: 1; }
    #lp section.items .section-inner .item-list ul li .detail p+p { margin-top: calc(5 / 375 * 100vw); }
    #lp section.items .section-inner .item-list ul li .detail .view-btn { width: calc(150 / 375 * 100vw); margin-top: calc(22 / 375 * 100vw); border-radius: calc(4 / 375 * 100vw); font-size: calc(16 / 375 * 100vw); line-height: calc(35 / 375 * 100vw); }
    #lp section.items .section-inner .item-list .all-btn { width: calc(260 / 375 * 100vw); margin-top: calc(60 / 375 * 100vw); border-radius: calc(10 / 375 * 100vw); font-size: calc(18 / 375 * 100vw); line-height: calc(46 / 375 * 100vw); }
}