.period{padding-bottom:150px}.period-title__block{position:relative;padding:64px 0;overflow:hidden;background:linear-gradient(to right, #1EB9EE, #0084CE, #17B6EC, #005BAC);color:#fff}.period-title__title{padding-bottom:20px;background:url("/50th_anniversary/assets/img/line_01.svg") left bottom/82px auto no-repeat}.period-title__title .term{display:inline-block;position:relative;padding-inline:30px;font-weight:500;font-size:clamp(1.5rem,2.5vw,2rem);line-height:1;vertical-align:middle}.period-title__title .term::before{position:absolute;top:calc(50% + 4px);left:0;aspect-ratio:12/41;width:12px;transform:translateY(-50%) scaleX(-1);background:url("/50th_anniversary/assets/img/history/arrow_01.svg") center center/contain no-repeat;content:""}.period-title__title .term::after{position:absolute;top:calc(50% + 4px);right:0;aspect-ratio:12/41;width:12px;transform:translateY(-50%);background:url("/50th_anniversary/assets/img/history/arrow_01.svg") center center/contain no-repeat;content:""}.period-title__title .term span{font-size:clamp(2.25rem,3.75vw,3rem)}.period-title__title .year{margin-left:20px;font-weight:700;font-size:clamp(3.28125rem,5.46875vw,4.375rem);line-height:1;vertical-align:middle}.period-title__title .text{display:block;margin-top:8px;font-weight:700;font-size:1.25rem}.period-content{padding-top:120px}.period-content__title{padding-bottom:20px;border-bottom:1px solid #017dc5;font-weight:700;font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.6}.period-content__block{margin-top:50px}.period-content__block.cols{display:flex;gap:0 5%}.period-content__block.cols .block__body{width:56.6666666667%}.period-content__block.cols .block__image{width:38.3333333333%}.period-content__block .block__body p+p{margin-top:2em}.period-content__block .block__image.col--2{display:flex;justify-content:center;gap:0 3.75%}.period-content__block .block__image.col--2 li{width:26.6666666667%}.period-content__block .block__image.col--3{display:flex;justify-content:center;gap:0 3.75%}.period-content__block .block__image.col--3 li{width:30.8333333333%}.period-content figcaption{margin-top:8px;font-size:.875rem;line-height:1.5}.period__button{margin-top:120px}.period__button .num{font-size:clamp(1.875rem,3.125vw,2.5rem);line-height:1}.period__note{margin-top:24px;font-size:.875rem;line-height:1.5;text-align:right}@media screen and (max-width: 767px){.period{padding-bottom:50px}.period-title__block{padding:32px 0}.period-title__title{padding-bottom:16px}.period-title__title .term{padding-inline:20px;font-size:1.25rem}.period-title__title .term::before{width:8px}.period-title__title .term::after{width:8px}.period-title__title .term span{font-size:2rem}.period-title__title .year{font-size:2.5rem}.period-title__title .text{font-size:.875rem}.period-content{padding-top:50px}.period-content__title{padding-bottom:16px;font-size:1.25rem}.period-content__block{margin-top:20px}.period-content__block.cols{flex-direction:column;gap:20px 0}.period-content__block.cols .block__body{width:100%}.period-content__block.cols .block__image{width:100%}.period-content__block .block__image.col--2{flex-direction:column;gap:20px 0}.period-content__block .block__image.col--2 li{width:100%}.period-content__block .block__image.col--2 li.small{width:62.6865671642%;margin-inline:auto}.period-content__block .block__image.col--3{flex-direction:column;gap:20px 0}.period-content__block .block__image.col--3 li{width:100%}.period-content__block .block__image.col--3 li.small{width:62.6865671642%;margin-inline:auto}.period-content figcaption{font-size:.75rem}.period__button{margin-top:40px}.period__button .num{font-size:1.5rem}.period__note{margin-top:16px;font-size:.75rem}}@media(orientation: portrait)and (max-width: 767px){.period__button .out{padding-right:16px;padding-left:0}.period__button .in::before,.period__button .in::after{content:none}}@media screen and (min-width: 767.1px){.period:last-of-type{padding-bottom:0}.period-content__block.cols.reverse{flex-direction:row-reverse}}