/* English SIC: pages/top.css; extracted from the original English styles. */
@media only screen and (max-width: 767px) {
.m__top { border-bottom:1px solid #e9eaf0 }
body#sic-top .l__main { padding-bottom:0 }
}
.m__top .l__bg-section {
	background-image:linear-gradient(to bottom,transparent 10850px,#fff 11250px),url(/sic/assets/img/common/bg_mv_pc.png);
	background-position:center top;
	background-repeat:no-repeat,repeat;
}
@media only screen and (max-width: 767px) {
.m__top .l__bg-section {
	background-image:linear-gradient(to bottom,transparent 8000px,#fff 8200px),url(/sic/assets/img/common/bg_mv_sp.png);
	background-position:center top;
	background-repeat:no-repeat,repeat;
}
}
.m__top .l__bg-section .m__top__low-content .m__hero__text-box .title,
.m__top .l__bg-section .l__wrapper:not(.m__top__hero) .m__hero__text-box .title { font-size:4.8rem }
.m__top .m__hero__text-box h2.title { font-family:var(--sic-font-mincho);letter-spacing:.04em }
@media print,screen and (min-width: 768px) and (max-width: 1163px) {
.m__top .l__bg-section .m__top__low-content .m__hero__text-box .title,
.m__top .l__bg-section .l__wrapper:not(.m__top__hero) .m__hero__text-box .title { font-size:4rem }
}
@media only screen and (max-width: 767px) {
.m__top .l__bg-section .m__top__low-content .m__hero__text-box .title,
.m__top .l__bg-section .l__wrapper:not(.m__top__hero) .m__hero__text-box .title { font-size:3.6rem }
}
.m__top .l__bg-section .m__top__low-content .m__hero__text-box .title .en-title,
.m__top .l__bg-section .l__wrapper:not(.m__top__hero) .m__hero__text-box .title .en-title { margin-bottom:25px }
@media only screen and (max-width: 767px) {
.m__top .l__bg-section .m__top__low-content .m__hero__text-box .title .en-title,
.m__top .l__bg-section .l__wrapper:not(.m__top__hero) .m__hero__text-box .title .en-title { margin-bottom:23px }
}
.m__top .m__whatsnew { margin-top:0;padding:120px 0 0;background:#fff }
@media only screen and (max-width: 767px) {
.m__top .m__whatsnew { padding-bottom:120px }
}
@media print,screen and (min-width: 768px) {
.m__top .m__whatsnew .m__btn__link { justify-content:flex-end;margin-top:72px }
}
@media only screen and (max-width: 767px) {
.m__top .m__whatsnew .m__btn__link { margin-top:40px }
}
.m__top__hero { padding-top:70px }
@media only screen and (max-width: 767px) {
.m__top__hero { padding-top:58px }
}
@media only screen and (max-width: 767px) {
.m__top__hero .m__hero__text-box { padding-bottom:25px }
}
.m__top__hero .m__hero__text-box .title { font-size:12.2rem;font-family:var(--sic-font-display);font-weight:500;line-height:1.05;letter-spacing:-.04em }
@media print,screen and (min-width: 768px) and (max-width: 1163px) {
.m__top__hero .m__hero__text-box .title { font-size:9.6rem }
}
.m__top__hero .m__hero__text-box .title .hyphen { display:inline-block;width:25px;height:3px;background:var(--sic-color-primary);margin:0 10px;vertical-align:27px }
@media only screen and (max-width: 767px) {
.m__top__hero .m__hero__text-box .title .hyphen { width:3.8vw;height:2px;vertical-align:20px;margin:0 2vw }
}
@media print,screen and (min-width: 768px) {
.m__top__hero .m__hero__text-box .title { margin-right:-10px }
}
@media only screen and (max-width: 767px) {
.m__top__hero .m__hero__text-box .title { font-size:16.41025vw }
}
@media only screen and (max-width: 767px) {
.m__top__hero .m__hero__text-box .title .first,
.m__top__hero .m__hero__text-box .title .second,
.m__top__hero .m__hero__text-box .title .third,
.m__top__hero .m__hero__text-box .title .fourth { display:block;text-align:right;line-height:1 }
}
@media only screen and (max-width: 767px) {
.m__top__hero .m__hero__text-box .title .first { padding-right:3vw }
}
@media only screen and (max-width: 767px) {
.m__top__hero .m__hero__text-box .title .third { padding-right:5vw }
}
@media only screen and (max-width: 767px) {
.m__top__hero .m__hero__text-box .title .fourth { text-align:left }
}
.m__top__hero .m__hero__text-box .lead { font-size:3.2rem;font-weight:700;line-height:1.5;font-family:var(--sic-font-zen);padding-left:97px;margin-top:21px }
@media print,screen and (min-width: 768px) and (max-width: 1163px) {
.m__top__hero .m__hero__text-box .lead { max-width:none }
}
@media only screen and (max-width: 767px) {
.m__top__hero .m__hero__text-box .lead { font-size:1.6rem;padding-left:0;display:flex;justify-content:flex-end;margin-top:28px }
}
.m__top__hero .m__hero__text-box .lead:before { content:"";display:inline-block;width:75px;height:2px;background:var(--sic-color-primary);margin-right:24px;vertical-align:10px }
@media only screen and (max-width: 767px) {
.m__top__hero .m__hero__text-box .lead:before { width:58px;height:2px;margin-right:16px;margin-top:10px }
}
.m__top__content { position:relative;padding-bottom:96px }
.m__top__content .background-block { content:"";width:1679px;height:1679px;background:url(/sic/assets/img/top/bg_star.webp) no-repeat left top;background-size:contain;position:absolute;left:50%;top:-145px;transform:translate(-50%);z-index:1;margin-left:290px }
@media only screen and (max-width: 767px) {
.m__top__content .background-block { top:-24px;background:url(/sic/assets/img/top/bg_star_sp.svg) no-repeat left top;background-size:100% 100%;width:100%;height:100%;margin-left:0;transform:none;left:0 }
}
.m__top__content .l__wrapper { position:relative;z-index:2 }
.m__top__content .l__inner { position:relative }
.m__top__content .internal-links { width:800px;margin-left:auto;gap:43px;margin-top:80px;background:#fff9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);isolation:isolate;will-change:opacity,transform;border:1px solid #fff;justify-content:center;transform:translateZ(0);-webkit-transform:translateZ(0) }
@media print,screen and (min-width: 768px) and (max-width: 1163px) {
.m__top__content .internal-links li { width:auto }
}
@media print,screen and (min-width: 768px) and (max-width: 1163px) {
.m__top__content .internal-links li a { font-size:1.5rem }
}
@media print,screen and (min-width: 768px) and (max-width: 1163px) {
.m__top__content .internal-links { width:700px;gap:35px }
}
@media only screen and (max-width: 767px) {
.m__top__content .internal-links { display:none }
}
.m__top__content .internal-links li a { width:auto;height:72px;text-align:center }
.m__top__content .internal-links li a:after { display:none }
.m__top__content-box { width:50%;margin-left:auto;margin-top:230px }
@media print,screen and (min-width: 768px) and (max-width: 1163px) {
.m__top__content-box { width:60% }
}
@media only screen and (max-width: 767px) {
.m__top__content-box { width:100%;padding-top:430px;margin-top:0 }
}
.m__top__content-box .title-white { color:#fff;font-family:var(--sic-font-zen);font-size:2.4rem;line-height:1.3;padding-left:22px;position:relative;display:flex;justify-content:space-between;align-items:center;margin:115px 0 30px }
.m__top__content-box .title-white:before { content:"";display:block;width:6px;height:100%;background:#6a6d98;border-radius:3px;position:absolute;top:0;left:0 }
.m__top__content-box .title-white:after { content:"";display:block;width:6px;height:12px;background:#fff;border-radius:3px;position:absolute;top:0;left:0 }
.m__top__content-box .title-white .notice { color:#bfc0d3;font-size:1.2rem;font-weight:500 }
@media only screen and (max-width: 767px) {
.m__top__content-box .title-white { margin-top:176px }
}
.m__top__content-box .lead { color:#fff;font-size:1.8rem }
.m__top__content-box .white-title { font-family:var(--sic-font-mincho);font-size:4.8rem;line-height:1.5;letter-spacing:.04em;color:#fff;margin-bottom:30px;font-weight:500 }
@media only screen and (max-width: 767px) {
.m__top__content-box .white-title { font-size:3.6rem }
}
@media only screen and (max-width: 767px) {
.m__top__content-photo { padding-bottom:100px }
}
.m__top__content-photo .item1 { position:absolute;top:38px;left:-50px }
@media only screen and (max-width: 767px) {
.m__top__content-photo .item1 { width:153px;height:102px;top:0;left:26px }
}
.m__top__content-photo .item2 { position:absolute;top:320px;left:120px }
@media print,screen and (min-width: 768px) and (max-width: 1163px) {
.m__top__content-photo .item2 { left:7% }
}
@media only screen and (max-width: 767px) {
.m__top__content-photo .item2 { width:153px;height:204px;top:138px;left:auto;right:0 }
}
.m__top__content-photo .item3 { position:absolute;top:787px;left:-179px }
@media only screen and (max-width: 767px) {
.m__top__content-photo .item3 { top:auto;bottom:-175px;left:-55px;width:273px;height:182px }
}
.m__top__scroll-text { font-family:var(--sic-font-display);color:#d5d5e2;opacity:.35;font-size:19.2rem;line-height:1.25;letter-spacing:-.04em;position:relative;z-index:2 }
@media print,screen and (min-width: 768px) and (max-width: 1163px) {
.m__top__scroll-text { font-size:17rem }
}
@media only screen and (max-width: 767px) {
.m__top__scroll-text { font-size:16.8rem }
}
.m__top__scroll-text .left-scroll,
.m__top__scroll-text .right-scroll { position:absolute;z-index:4;white-space:nowrap;display:inline-block;will-change:transform }
.m__top__scroll-text .left-scroll:first-child,
.m__top__scroll-text .right-scroll:first-child { top:50px }
@media print,screen and (min-width: 768px) and (max-width: 1163px) {
.m__top__scroll-text .left-scroll:first-child,
.m__top__scroll-text .right-scroll:first-child { top:30px }
}
.m__top__scroll-text .left-scroll:last-child,
.m__top__scroll-text .right-scroll:last-child { top:300px }
@media print,screen and (min-width: 768px) and (max-width: 1163px) {
.m__top__scroll-text .left-scroll:last-child,
.m__top__scroll-text .right-scroll:last-child { top:250px }
}
.m__top__scroll-text .left-scroll:before,
.m__top__scroll-text .right-scroll:before { content:attr(data-text);display:inline-block }
.m__top__scroll-text .left-scroll:after,
.m__top__scroll-text .right-scroll:after { content:attr(data-text);display:inline-block }
.m__top__scroll-text .left-scroll { left:0;animation:scrollLeft 30s linear infinite }
.m__top__scroll-text .right-scroll { right:0;animation:scrollRight 30s linear infinite }
.m__top__counter-grid { display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(5,1fr);gap:12px }
@media only screen and (max-width: 767px) {
.m__top__counter-grid { display:block }
}
.m__top__counter-grid .m__top__counter-grid-item { background:#fff;border-radius:24px;text-align:center }
@media only screen and (max-width: 767px) {
.m__top__counter-grid .m__top__counter-grid-item { height:112px }
}
@media only screen and (max-width: 767px) {
.m__top__counter-grid .m__top__counter-grid-item+.m__top__counter-grid-item { margin-top:12px }
}
.m__top__counter-grid .m__top__counter-grid-item .icon { text-align:center }
@media only screen and (max-width: 767px) {
.m__top__counter-grid .m__top__counter-grid-item .icon { margin-top:-4px }
}
.m__top__counter-grid .m__top__counter-grid-item .icon img { display:inline-block;vertical-align:bottom }
.m__top__counter-grid .m__top__counter-grid-item .text-box { font-size:1.6rem;line-height:1.5;font-family:var(--sic-font-zen);font-weight:700;text-align:center;color:var(--sic-color-primary) }
@media only screen and (max-width: 767px) {
.m__top__counter-grid .m__top__counter-grid-item .text-box { width:160px }
}
.m__top__counter-grid .m__top__counter-grid-item .text-box .number .big { font-size:4.8rem;font-family:var(--sic-font-display-number);font-weight:400;line-height:1.25;padding-right:3px;vertical-align:baseline }
@media only screen and (max-width: 767px) {
.m__top__counter-grid .m__top__counter-grid-item .text-box .number .big { line-height:1.15 }
}
.m__top__counter-grid .m__top__counter-grid-item1 { grid-area:1/1/3/4;display:flex;align-items:center;justify-content:center;gap:34px;padding:12px 0 6px }
@media only screen and (max-width: 767px) {
.m__top__counter-grid .m__top__counter-grid-item1 { padding:19px 0 14px 20px;gap:28px }
}
.m__top__counter-grid .m__top__counter-grid-item2 { grid-area:1/4/3/7;grid-column-start:4;display:flex;align-items:center;justify-content:center;gap:34px;padding:12px 0 6px }
@media only screen and (max-width: 767px) {
.m__top__counter-grid .m__top__counter-grid-item2 { padding:19px 0 14px 20px;gap:28px }
}
.m__top__counter-grid .m__top__counter-grid-item3 { grid-area:3/1/6/3;padding:40px 0 30px }
@media only screen and (max-width: 767px) {
.m__top__counter-grid .m__top__counter-grid-item3 { display:flex;align-items:center;justify-content:center;padding:19px 0 14px 20px;gap:28px }
}
@media print,screen and (min-width: 768px) {
.m__top__counter-grid .m__top__counter-grid-item3 .text-box { margin-top:20px }
}
.m__top__counter-grid .m__top__counter-grid-item4 { grid-area:3/3/6/5;padding:40px 0 30px }
@media only screen and (max-width: 767px) {
.m__top__counter-grid .m__top__counter-grid-item4 { display:flex;align-items:center;justify-content:center;padding:19px 0 14px 20px;gap:28px }
}
@media print,screen and (min-width: 768px) {
.m__top__counter-grid .m__top__counter-grid-item4 .text-box { margin-top:20px }
}
.m__top__counter-grid .m__top__counter-grid-item5 { grid-area:3/5/6/7;padding:40px 0 30px }
@media only screen and (max-width: 767px) {
.m__top__counter-grid .m__top__counter-grid-item5 { display:flex;align-items:center;justify-content:center;padding:19px 0 14px 20px;gap:28px }
}
@media print,screen and (min-width: 768px) {
.m__top__counter-grid .m__top__counter-grid-item5 .text-box { margin-top:20px }
}
.m__top__low-content { position:relative;padding-top:192px;z-index:3 }
@media print,screen and (min-width: 768px) {
.m__top__low-content+.m__top__low-content { z-index:2 }
}
@media only screen and (max-width: 767px) {
.m__top__low-content+.m__top__low-content { background:linear-gradient(to top,#fff0,#fff0 calc(50% - 250px),#fff calc(50% + 250px),#fff) }
}
@media print,screen and (min-width: 768px) and (max-width: 1163px) {
.m__top__low-content .l__inner { padding:0 30px }
}
@media only screen and (max-width: 767px) {
.m__top__low-content { padding-top:144px;background:linear-gradient(to bottom,#fff0,#fff0 calc(50% - 250px),#fff calc(50% + 250px),#fff) }
}
@media only screen and (max-width: 767px) {
.m__top__low-content+.m__top__low-content { padding-top:72px }
}
@media only screen and (max-width: 767px) {
.m__top__low-content+.m__top__low-content:after { top:216px;height:1056px }
}
@media only screen and (max-width: 767px) {
.m__top__low-content .m__top__scroll-text>div:first-child { top:400px }
}
@media only screen and (max-width: 767px) {
.m__top__low-content .m__top__scroll-text div:last-child { display:none }
}
@media only screen and (max-width: 767px) {
.m__top__low-content .text-section { order:3 }
}
@media only screen and (max-width: 767px) {
.m__top__low-content .image-section { order:2 }
}
@media only screen and (max-width: 767px) {
.m__top__low-content .title-section { order:1 }
}
.m__top__low-content:after { content:"";width:2880px;height:900px;background:#fff;filter:blur(160px);display:block;position:absolute;left:50%;border-radius:50%;top:0;transform:translate3d(-50%,0,1px);z-index:1 }
@media print,screen and (min-width: 768px) and (max-width: 1163px) {
.m__top__low-content:after { width:1920px;height:600px }
}
@media only screen and (max-width: 767px) {
.m__top__low-content:after { width:780px;height:1340px;top:144px }
}
.m__top__low-content .l__inner { position:relative;z-index:5 }
.m__top__low-content-box { display:flex;justify-content:space-between;gap:70px }
@media print,screen and (min-width: 768px) {
.m__top__low-content-box>div:first-child { width:310px }
}
@media print,screen and (min-width: 768px) {
.m__top__low-content-box>div:first-child>.text { width:240px }
}
@media print,screen and (min-width: 768px) {
.m__top__low-content-box>div:last-child { width:266px;margin-left:30px }
}
@media print,screen and (min-width: 768px) and (max-width: 1163px) {
.m__top__low-content-box { gap:30px }
}
@media only screen and (max-width: 767px) {
.m__top__low-content-box { flex-wrap:wrap;padding:0 60px;gap:40px }
}
@media only screen and (max-width: 767px) {
.m__top__low-content-box .title-section,
.m__top__low-content-box .image-section,
.m__top__low-content-box .text-section { width:100% }
}
.m__top__low-content-box .m__hero__text-box { margin-top:72px }
@media only screen and (max-width: 767px) {
.m__top__low-content-box .m__hero__text-box { padding-bottom:0 }
}
.m__top__low-content-box .text-section { align-self:flex-end;margin-bottom:72px }
@media print,screen and (min-width: 768px) and (max-width: 1163px) {
.m__top__low-content-box .text-section { margin-bottom:0 }
}
@media only screen and (max-width: 767px) {
.m__top__low-content-box .text-section { margin-bottom:0 }
}
@media print,screen and (min-width: 768px) {
.m__top__low-content-box .text-section>.text { margin-bottom:40px }
}
.m__top__low-content-box .image-section { width:420px }
@media print,screen and (min-width: 768px) and (max-width: 1163px) {
.m__top__low-content-box .image-section { width:300px }
}
.m__top__low-content-box .image-section img { width:100%;height:100%;object-fit:cover }
@media print,screen and (min-width: 768px) and (max-width: 1163px) {
.m__top__low-content-box .image-section img { object-fit:contain }
}
.m__top__low-content-box .m__btn__link { margin-top:40px }
.m__top__low-bg-content { position:relative;margin-top:324px }
@media only screen and (max-width: 767px) {
.m__top__low-bg-content { margin-top:180px }
}
.m__top__low-bg-content .l__inner { overflow:hidden;z-index:2;position:relative }
.m__top__low-bg-content .bg-block { content:"";width:1600px;height:1600px;background:url(/sic/assets/img/top/bg_star2.webp) no-repeat left top;background-size:contain;position:absolute;left:50%;transform:translate(-50%);margin-left:-365px;top:-420px;z-index:1 }
@media only screen and (max-width: 767px) {
.m__top__low-bg-content .bg-block { background:url(/sic/assets/img/top/bg_star2_sp.svg) no-repeat left top;background-size:contain;width:100vw;height:100%;margin-left:0;transform:none;left:-24px;top:-640px }
}
.m__top__low-bg-content .content-box { position:relative;z-index:2 }
.m__top__low-bg-content .content-box .introduce { color:#fff }
@media print,screen and (min-width: 768px) {
.m__top__low-bg-content .content-box .introduce { float:left;width:550px }
}
@media print,screen and (min-width: 768px) and (max-width: 1163px) {
.m__top__low-bg-content .content-box .introduce { width:420px }
}
.m__top__low-bg-content .content-box .introduce .m__hero__text-box { color:#fff }
@media only screen and (max-width: 767px) {
.m__top__low-bg-content .content-box .introduce .m__hero__text-box { padding-bottom:25px }
}
.m__top__low-bg-content .content-box .introduce .m__hero__text-box .title { font-size:4.8rem }
.m__top__low-bg-content .content-box .introduce .m__hero__text-box .title .en-title { color:#bfc0d3;margin-bottom:25px }
@media only screen and (max-width: 767px) {
.m__top__low-bg-content .content-box .introduce .m__hero__text-box .title .en-title { margin-bottom:23px }
}
.m__top__low-bg-content .content-box .introduce .m__hero__text-box .title .en-title:before { background:#fff }
.m__top__low-bg-content .content-box .text-section>.text { font-size:1.6rem;line-height:2;margin:30px 0 40px }
@media only screen and (max-width: 767px) {
.m__top__low-bg-content .content-box .text-section>.text { margin:0 0 40px }
}
.m__top__low-bg-content .structure-block { width:495px;background:#fff;border-radius:24px;margin-top:144px;float:right }
@media print,screen and (min-width: 768px) and (max-width: 1163px) {
.m__top__low-bg-content .structure-block { width:420px }
}
@media only screen and (max-width: 767px) {
.m__top__low-bg-content .structure-block { width:100%;float:none;margin-top:96px }
}
.m__top__low-bg-content .structure-block+.structure-block { margin-right:75px }
@media print,screen and (min-width: 768px) and (max-width: 1163px) {
.m__top__low-bg-content .structure-block+.structure-block { margin-right:60px }
}
@media only screen and (max-width: 767px) {
.m__top__low-bg-content .structure-block+.structure-block { margin-top:48px }
}
.m__top__low-bg-content .structure-block .thumb { width:100%;height:100% }
.m__top__low-bg-content .structure-block .thumb img { width:100% }
.m__top__low-bg-content .structure-block .title { padding:60px 72px 25px;font-size:2.4rem;font-weight:700;line-height:1.5;font-family:var(--sic-font-zen);color:var(--sic-color-primary) }
@media only screen and (max-width: 767px) {
.m__top__low-bg-content .structure-block .title { padding:40px 48px 20px }
}
.m__top__low-bg-content .structure-block .text { font-size:1.6rem;line-height:2;padding:0 72px 65px }
@media only screen and (max-width: 767px) {
.m__top__low-bg-content .structure-block .text { padding:0 48px 40px }
}
.m__top__archive-story { position:relative;padding-top:210px;z-index:3 }
@media only screen and (max-width: 767px) {
.m__top__archive-story { padding-top:75px }
}
.m__top__archive-story:after { content:"";width:2880px;height:900px;background:#fff;filter:blur(160px);display:block;position:absolute;left:50%;top:10px;transform:translate3d(-50%,0,1px);z-index:1;border-radius:50% }
@media only screen and (max-width: 767px) {
.m__top__archive-story:after { width:780px;height:1805px }
}
.m__top__archive-story .l__inner { position:relative;z-index:2 }
@media print,screen and (min-width: 768px) {
.m__top__archive-story .title-section { margin-bottom:0 }
}
.m__top__archive-story .m__story { margin-top:0 }
.m__top__archive-story .m__story .article-columns { margin-bottom:32px }
@media only screen and (max-width: 767px) {
.m__top__archive-story .m__story .article-columns { margin-top:0 }
}
@media only screen and (max-width: 767px) {
.m__top__archive-story .m__story .article-section .article-columns .article-column .article-list .article-item a { display:block;margin-bottom:48px }
}
@media only screen and (max-width: 767px) {
.m__top__archive-story .m__story .article-section .article-columns .article-column .article-list .article-item a .mv { width:100% }
}
@media only screen and (max-width: 767px) {
.m__top__archive-story .m__story .article-section .article-columns .article-column .article-list .article-item a .content-box .title { font-size:2rem;margin-bottom:25px }
}
@media print,screen and (min-width: 768px) {
.m__top__archive-story .m__btn__link { justify-content:flex-end }
}
@media only screen and (max-width: 767px) {
.m__top .m__top__archive-story .m__story .story-list { margin-top:0 }
}
.m__top__paper-year { position:relative;padding-top:192px;z-index:3 }
.m__top__paper-year .m__top__scroll-text { position:absolute;left:0;top:0;z-index:2;width:100vw;mix-blend-mode:plus-lighter }
.m__top__paper-year .m__top__scroll-text .left-scroll:last-child { top:400px }
@media only screen and (max-width: 767px) {
.m__top__paper-year .m__top__scroll-text .left-scroll:last-child { top:550px }
}
.m__top__paper-year .bg-block { content:"";width:1200px;height:1200px;background:var(--sic-color-primary);filter:blur(80px);display:block;position:absolute;left:50%;top:120px;transform:translate3d(-50%,0,1px);border-radius:50%;margin-left:400px;z-index:1 }
@media only screen and (max-width: 767px) {
.m__top__paper-year .bg-block { margin-left:200px }
}
.m__top__paper-year .paper-block { padding:48px 72px }
@media only screen and (max-width: 767px) {
.m__top__paper-year .paper-block { padding:48px 36px }
}
.m__top__paper-year .l__inner { position:relative;z-index:2;background:url(/sic/assets/img/top/paper_bg.webp) no-repeat center center,#e9eaf0;height:656px;border-radius:24px }
@media only screen and (max-width: 767px) {
.m__top__paper-year .l__inner { background:url(/sic/assets/img/top/pager_bg_sp.svg) no-repeat center center,#e9eaf0;margin:0 -24px;height:860px }
}
.m__top__paper-year .paper-block { position:absolute;left:50%;transform:translate(-50%);top:192px;max-width:1164px;width:100%;height:656px;z-index:4;display:flex;justify-content:space-between;gap:78px }
.m__top__paper-year .paper-block.m__scroll-fade { transform:translate(-50%) translateY(30px);transition:transform .6s ease-out }
.m__top__paper-year .paper-block.m__scroll-fade.is-visible { transform:translate(-50%) translateY(0) }
@media only screen and (max-width: 767px) {
.m__top__paper-year .paper-block { height:860px }
}
.m__top__paper-year .paper-block .photo { width:420px }
@media only screen and (max-width: 767px) {
.m__top__paper-year .paper-block .photo { width:100% }
}
.m__top__paper-year .paper-block .m__hero__text-box { display:flex;justify-content:space-between;flex-direction:column;margin:24px 0;flex:1 }
@media only screen and (max-width: 767px) {
.m__top__paper-year .paper-block .m__hero__text-box .en-title:before { margin-top:-20px }
}
@media print,screen and (min-width: 768px) {
.m__top__paper-year .paper-block .m__hero__text-box .m__btn__link { justify-content:flex-end }
}
.m__top__company-info { position:relative;margin-top:192px;z-index:3;background:linear-gradient(to bottom,#fff0,#fff0 calc(50% - 250px),#fff calc(50% + 250px),#fff) }
@media only screen and (max-width: 767px) {
.m__top__company-info { margin-top:120px;background:linear-gradient(to bottom,#fff0,#fff0 50px,#fff 100px,#fff) }
}
.m__top__company-info .company-background { border-radius:72px;overflow:hidden;position:sticky;top:0;left:0;width:100%;height:100dvh;z-index:1 }
.m__top__company-info .company-background img { width:100%;height:100%;object-fit:cover;object-position:center center }
@media only screen and (max-width: 767px) {
.m__top__company-info .company-background { border-radius:48px }
}
.m__top__company-info .l__inner { padding:168px 0;position:relative;z-index:2;transform:translateZ(1px) }
@media print,screen and (min-width: 768px) {
.m__top__company-info .l__inner { margin-top:-100vh;margin-top:-100dvh }
}
.m__top__company-info .sticky-content { position:relative;z-index:3;width:495px;background:#fff;padding:72px 48px;border-radius:24px;margin-left:auto }
@media only screen and (max-width: 767px) {
.m__top__company-info .sticky-content { width:calc(100% - 48px);padding:72px 36px;margin-inline:auto }
}
.m__top__company-info .sticky-content .contents-link-item .text { line-height:2;font-weight:500;margin:0 24px }
.m__top__company-info .sticky-content .contents-link-item .signature { display:block;margin-top:.5em;text-align:right }
@media only screen and (max-width: 767px) {
.m__top__company-info .sticky-content .contents-link-item .text { margin:0 12px }
}
.m__top__company-info .sticky-content .contents-link-item .link { margin:48px 24px 20px }
@media only screen and (max-width: 767px) {
.m__top__company-info .sticky-content .contents-link-item .link { margin:40px 12px 25px }
}
.m__top__company-info .sticky-content .contents-link-item a { display:flex;align-items:center;width:100% }
.m__top__company-info .sticky-content .contents-link-item a .title { font-family:var(--sic-font-zen);font-size:2.4rem;line-height:1.5;font-weight:700;letter-spacing:.04em;color:var(--sic-color-primary) }
@media only screen and (max-width: 767px) {
.m__top__company-info .sticky-content .contents-link-item a .title { line-height:1.35 }
}
.m__top__company-info .sticky-content .contents-link-item a .arrow { display:block;border-radius:25px;background-color:var(--sic-color-primary);margin-left:auto;flex-shrink:0;position:relative;width:72px;height:48px;transition:background-color .2s ease-in }
.m__top__company-info .sticky-content .contents-link-item a .arrow span { display:block;width:16px;height:8px;overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) }
.m__top__company-info .sticky-content .contents-link-item a .arrow span:before,
.m__top__company-info .sticky-content .contents-link-item a .arrow span:after { content:"";display:inline-block;width:16px;height:8px;position:absolute;top:0;left:0;animation-fill-mode:forwards }
.m__top__company-info .sticky-content .contents-link-item a .arrow span:before { background:url(/sic/assets/img/common/icon_arrow.svg) no-repeat center;background-size:contain;animation-duration:.2s }
.m__top__company-info .sticky-content .contents-link-item a .arrow span:after { background:url(/sic/assets/img/common/icon_arrow_blue.svg) no-repeat center;background-size:contain;transform:translate(-100%);animation-duration:.2s }
@media print,screen and (min-width: 768px) {
}
@media print,screen and (min-width: 768px) {
}
@media print,screen and (min-width: 768px) {
}
@media print,screen and (min-width: 768px) {
}
@media print,screen and (min-width: 768px) {
}
@media print,screen and (min-width: 768px) {
}
.m__top__company-info .contents-link .contents-link-item { padding-bottom:72px }
@media only screen and (max-width: 767px) {
.m__top__company-info .contents-link .contents-link-item { padding-bottom:48px }
}
.m__top__company-info .contents-link .contents-link-btn+.contents-link-btn { margin-top:12px }
.m__top__company-info .contents-link .btn-area { margin-top:-5px;padding-top:72px;background-image:repeating-linear-gradient(90deg,#6a6d98,#6a6d98 1px,transparent 1px,transparent 3px);background-position:left top;background-repeat:repeat-x;background-size:100% 1px }
@media only screen and (max-width: 767px) {
.m__top__company-info .contents-link .btn-area { padding-top:48px }
}
.m__top__bottom-content .title-section .en-title { display:flex;align-items:center;font-family:var(--sic-font-en);font-size:1.4rem;font-weight:600;color:#6a6d98;margin-bottom:10px;letter-spacing:normal }
.m__top__bottom-content .title-section .en-title:before { content:"";display:inline-block;width:48px;height:1px;background:#6a6d98;margin-right:8px }
.m__top__bottom-content .title-section .title { font-family:var(--sic-font-zen);font-size:3.6rem;line-height:1.5;font-weight:700;letter-spacing:.04em;color:var(--sic-color-primary);margin-bottom:60px }
@media only screen and (max-width: 767px) {
.m__top__bottom-content .title-section .title { margin-bottom:40px;font-size:3.2rem }
}
@media only screen and (max-width: 767px) {
.m__top__paper-year .paper-block,
.m__top__paper-year .l__inner { height:920px }
}
.m__top__counter-grid .m__top__counter-grid-item .icon { margin-top:-4px }
.m__top__counter-grid .m__top__counter-grid-item.m__top__counter-grid-item3 .text,
.m__top__counter-grid .m__top__counter-grid-item.m__top__counter-grid-item4 .text,
.m__top__counter-grid .m__top__counter-grid-item.m__top__counter-grid-item5 .text { line-height:1.25 }
@media only screen and (max-width: 767px) {
.m__top__counter-grid .m__top__counter-grid-item.m__top__counter-grid-item3 .text-box,
.m__top__counter-grid .m__top__counter-grid-item.m__top__counter-grid-item4 .text-box,
.m__top__counter-grid .m__top__counter-grid-item.m__top__counter-grid-item5 .text-box { margin-top:0 }
}

/* Top-news typography; spacing is defined with the top section above. */
.m__top__whatsnew { font-size: 1.6rem; }
@media print, screen and (min-width: 768px) {
  .m__top__whatsnew { margin-top: 0; }
}

/* Inline elements used inside headings must retain the original block layout. */
.m__top .hero-line,
.m__top .en-title { display: block; }
.m__top .m__hero__text-box .title .en-title { display:flex;align-items:center; }

@keyframes scrollLeft {
  0% { transform: translate(0); }
  to { transform: translate(-33.333333%); }
}

@keyframes scrollRight {
  0% { transform: translate(0); }
  to { transform: translate(33.333333%); }
}

/* Hover effects are limited to devices with a fine pointer. */
@media (hover: hover) and (pointer: fine){@media print,screen and (min-width: 768px){
.m__top__company-info .sticky-content .contents-link-item:hover .title { color:var(--sic-color-primary) }}}
@media (hover: hover) and (pointer: fine){@media print,screen and (min-width: 768px){
.m__top__company-info .sticky-content .contents-link-item:hover .arrow { background:#bfc0d3 }}}
@media (hover: hover) and (pointer: fine){@media print,screen and (min-width: 768px){
.m__top__company-info .sticky-content .contents-link-item:hover .arrow span:before { animation-name:arrowWhiteX;animation-delay:.2s }}}
@media (hover: hover) and (pointer: fine){@media print,screen and (min-width: 768px){
.m__top__company-info .sticky-content .contents-link-item:hover .arrow span:after { animation-name:arrowBlueX;animation-delay:.2s }}}
@media (hover: hover) and (pointer: fine){@media print,screen and (min-width: 768px){
.m__top__company-info .sticky-content .contents-link-item:not(:hover) .arrow span:before { animation-name:arrowWhiteXBack;transition-delay:.3s }}}
@media (hover: hover) and (pointer: fine){@media print,screen and (min-width: 768px){
.m__top__company-info .sticky-content .contents-link-item:not(:hover) .arrow span:after { animation-name:arrowBlueXBack;transition-delay:.3s }}}