@charset "UTF-8";main{overflow-x:hidden}.mainbg{position:fixed;top:0;left:0;width:100%;height:100vh;background:url(/saiyo_joho/html/assets/img/history/bg-image.jpg) no-repeat;background-position:top center;background-size:cover;z-index:-2;@media(max-width:768px){background:url(/saiyo_joho/html/assets/img/history/bg-image_sp.jpg) no-repeat;background-position:top center;background-size:cover;z-index:-2}&:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.85;z-index:-1}}.intro{position:relative;width:100%;padding-top:min(150px,11.71875cqw);z-index:1;@media(max-width:768px){padding:65px 20px 0}.inteo_inner{max-width:1280px;margin:0 auto;container-type:inline-size;@media(max-width:768px){max-width:100%}.txt{width:68.4375cqw;font-size:1.40625cqw;font-weight:600;font-family:var( --shippori);line-height:1.7;letter-spacing:.02em;color:#fff;text-align:justify;word-break:break-all;margin:0 auto;@media(max-width:768px){width:100%;font-size:1.5rem;letter-spacing:.05em;text-align:justify;word-break:break-all}}}}.history-box{position:relative;width:100%;margin-top:min(150px,11.71875cqw);z-index:1;@media(max-width:768px){margin-top:64px;padding-inline:20px}.history-box_inner{max-width:1280px;margin:0 auto;container-type:inline-size;@media(max-width:768px){max-width:100%}.line-wrap01{position:relative;width:100%;height:100%;padding-bottom:14.374999999999998cqw;@media(max-width:768px){padding-bottom:143px}&:after{content:"";position:absolute;top:0;left:27.734375cqw;width:1px;height:100%;background-color:#7e4000;z-index:-1;@media(max-width:768px){left:23.58208955223881cqw}}&:before{content:"";position:absolute;bottom:0;right:27.8125cqw;width:1px;height:calc(100% - 29.6875cqw);background-color:#7e4000;z-index:-1;@media(max-width:768px){right:23.58208955223881cqw;bottom:unset;top:400px;height:calc(100% - 29.6875cqw)}}}.line-wrap02{position:relative;padding-bottom:20.9375cqw;@media(max-width:768px){padding-bottom:184px}&:after{content:"";position:absolute;translate:-50% 0;top:0;left:50%;width:1px;height:100%;background-color:#7e4000;z-index:-1}}.container{display:flex;gap:6.25cqw;justify-content:center;@media(max-width:768px){gap:0;justify-content:space-between}+.container{margin-top:5cqw;@media(max-width:768px){margin-top:64px}}&.-l{justify-content:flex-start;margin-left:8.75cqw;@media(max-width:768px){margin-left:0}}.block{width:38.125cqw;@media(max-width:768px){width:47.16417910447761%}.year-wrap{position:relative;display:flex;align-items:flex-end;width:18.125cqw;aspect-ratio:232 / 148;margin:0 auto;color:var(--orange);font-family:var(--shippori);z-index:0;padding:0 0 3.75cqw;@media(max-width:768px){width:138px;aspect-ratio:138 / 96;padding:0 0 36px}&:after{content:"";position:absolute;translate:-50% 0;top:0;left:50%;width:11.40625cqw;height:11.40625cqw;background-color:#000;border-radius:50%;border:1px solid #7E4000;z-index:-1;@media(max-width:768px){width:94px;height:94px}}.year{font-size:5cqw;letter-spacing:0;line-height:1;margin-right:.15625cqw;@media(max-width:768px){font-size:3.2rem;margin-right:2px}}.init{font-size:2.5cqw;font-weight:600;line-height:1;@media(max-width:768px){font-size:2rem}}.month{font-size:3.75cqw;margin-left:.625cqw;line-height:1;@media(max-width:768px){font-size:2.8rem;margin-left:4px}}}.marker{display:flex;justify-content:center;align-items:center;width:26.25cqw;aspect-ratio:336 / 56;font-size:1.875cqw;font-weight:600;font-family:var(--shippori);color:#fff;letter-spacing:.1em;text-align:center;margin:1.875cqw auto 0;background-image:linear-gradient(90deg,#ffab57,#ff6200);@media(max-width:768px){flex-direction:column;width:100%;height:57px;aspect-ratio:unset;font-size:1.5rem;margin:32px auto 0;line-height:1.3333333;padding:8px 10px}}.sub-head{font-size:1.5625cqw;font-weight:600;font-family:var(--shippori);text-align:center;color:#fff;letter-spacing:.1em;margin-top:2.5cqw;@media(max-width:768px){font-size:1.5rem;letter-spacing:.05em;margin-top:24px}}.sub-head+.head{margin-top:1.25cqw;@media(max-width:768px){margin-top:24px}}.head{font-size:2.5cqw;font-weight:600;font-family:var(--shippori);text-align:center;color:#fff;letter-spacing:.05em;margin-top:2.5cqw;@media(max-width:768px){font-size:2rem;margin-top:24px;letter-spacing:.04em}}.txt{font-size:1.171875cqw;letter-spacing:.1em;color:#fff;text-align:justify;word-break:break-all;line-height:2.266666666666667;margin-top:2.5cqw;@media(max-width:768px){font-size:1.3rem;line-height:1.923;margin-top:2.4rem}}.comment{position:relative;width:100%;aspect-ratio:488 / 164;padding:3.28125cqw 3.75cqw 2.578125cqw;background-color:#222;margin-top:3.75cqw;@media(max-width:768px){position:relative;width:100%;aspect-ratio:unset;padding:24px 10px;margin-top:42px}.comment-head{position:absolute;translate:-50% 0;top:-.9375cqw;left:50%;width:max-content;font-size:1.5625cqw;font-family:var(--shippori);color:#f77d00;letter-spacing:.04em;line-height:1;@media(max-width:768px){top:-11px;font-size:2rem}}.comment-txt{font-size:1.171875cqw;letter-spacing:.09em;color:#fff;text-align:justify;word-break:break-all;line-height:2.266666666666667;&.-center{text-align:center;@media(max-width:768px){text-align:justify}}@media(max-width:768px){font-size:1.3rem;line-height:1.923}}}}&.-large{position:relative;padding-bottom:7.8125cqw;@media(max-width:768px){padding-bottom:64px}+.card-wrap{margin-top:7.8125cqw;@media(max-width:768px){margin-top:64px}}&:after{content:"";position:absolute;translate:-50% 0;top:0;left:50%;width:100vw;height:100%;background-color:#000;z-index:-1}.block{width:100%;margin-top:-6.5625cqw;@media(max-width:768px){margin-top:-80px}.year-wrap{width:23.75cqw;aspect-ratio:304 / 210;justify-content:center;padding-bottom:5.859375cqw;@media(max-width:768px){width:100%;height:158px;aspect-ratio:unset;padding-bottom:50px}&:after{width:16.40625cqw;height:16.40625cqw;@media(max-width:768px){width:158px;height:158px}}.year{font-size:6.25cqw;letter-spacing:0;line-height:1;margin-right:.15625cqw;@media(max-width:768px){font-size:6.4rem;margin-right:2px}}.init{font-size:2.5cqw;font-weight:600;line-height:1;@media(max-width:768px){font-size:3.2rem}}.month{font-size:5cqw;@media(max-width:768px){font-size:4.8rem;margin-left:4px}}}.txt{width:68.4375cqw;margin-inline:auto;@media(max-width:768px){width:100%}}.image01{width:25.78125cqw;height:fit-content;margin:2.5cqw auto 0;@media(max-width:768px){width:100%;margin:32px auto 0}}.image02{width:54.453125cqw;height:fit-content;margin:2.5cqw auto 0;@media(max-width:768px){width:100%;margin:32px auto 0}}.comment{display:flex;gap:1.875cqw;width:68.4375cqw;aspect-ratio:unset;margin:3.671875cqw auto 0;padding:2.5cqw 3.75cqw;.comment-image01{display:block;width:10.3125cqw;@media(max-width:768px){width:100px;margin:0 auto}+.comment-txt{width:calc(100% - 12.1875cqw);@media(max-width:768px){width:100%;letter-spacing:.12em}}}.comment-image02{display:block;width:15.46875cqw;@media(max-width:768px){width:158px;margin:0 auto}+.comment-txt{width:calc(100% - 17.34375cqw);@media(max-width:768px){width:100%;letter-spacing:.12em}}}@media(max-width:768px){flex-direction:column;gap:24px;width:100%;margin:43px auto 0;padding:24px 10px}}}&.-white{padding-bottom:0;@media(max-width:768px){padding-bottom:64px}&:after{background-color:#fff}.block{width:100%;margin-top:-13.125cqw;@media(max-width:768px){margin-top:-120px}.year-wrap{width:40.3125cqw;aspect-ratio:516 / 220;justify-content:center;color:var(--orange);z-index:0;padding:0;overflow:hidden;@media(max-width:768px){width:336px;aspect-ratio:336 / 135;padding:0 0 26px}&:after{width:40.3125cqw;height:40.3125cqw;background-color:#fff;border:unset;@media(max-width:768px){width:336px;height:336px}}}.head{color:#222;margin-top:3.515625cqw;@media(max-width:768px){margin-top:10px}}.txt{text-align:center;color:#222;@media(max-width:768px){text-align:justify}}.image{.cap{color:#222}}.comment{background-image:linear-gradient(90deg,#ff6200,#ffab57);.comment-head{color:#222}}}}}@media(max-width:768px){&.-grid{display:grid;grid-template-columns:repeat(auto-fit,47.16417910447761%);gap:0;.block{width:100%;display:grid;grid-template-rows:subgrid;grid-row:span 6;row-gap:0;.sub-head{display:flex;justify-content:center;align-items:center}}}}}.card-wrap{width:82.5cqw;margin:5cqw auto 0;@media(max-width:768px){width:100%;margin:32px auto 0}+.container{margin-top:5cqw;@media(max-width:768px){margin-top:64px}}.card{display:flex;gap:6.25cqw;justify-content:center;@media(max-width:768px){gap:0;justify-content:space-between}+.card{margin-top:2.5cqw;@media(max-width:768px){margin-top:32px}}&.-l+.card.-r,&.-r+.card.-l{margin-top:0;&.-up01{margin-top:-6.640625cqw;@media(max-width:768px){margin-top:-85px}}}&.-r{justify-content:flex-end}&.-l{justify-content:flex-start}.item{width:38.125cqw;&.-up02{margin-top:-1.5625cqw;@media(max-width:768px){margin-top:-10px}}@media(max-width:768px){width:47.16417910447761%}.circle{display:block;width:1.953125cqw;aspect-ratio:1 / 1;border:.234375cqw solid var(--orange);border-radius:50%;margin:0 auto;background-color:#000;@media(max-width:768px){width:24px;border:3px solid var(--orange)}}.year-wrap{position:relative;display:flex;align-items:flex-end;width:fit-content;margin:0 auto;color:var(--orange);font-family:var(--shippori);z-index:0;margin-top:.625cqw;@media(max-width:768px){margin-top:10px}.year{font-size:2.5cqw;letter-spacing:0;line-height:1;margin-right:.15625cqw;@media(max-width:768px){font-size:3.2rem;margin-right:2px}}.init{font-size:1.5625cqw;font-weight:600;line-height:1;@media(max-width:768px){font-size:2rem}}.month{font-size:2.5cqw;margin-left:.625cqw;line-height:1;@media(max-width:768px){font-size:3.2rem;margin-left:4px}}}.txt{font-size:1.5625cqw;font-weight:600;text-align:center;letter-spacing:.1em;color:#fff;font-family:var(--shippori);margin-top:1.25cqw;@media(max-width:768px){font-size:1.5rem;margin-top:12px;letter-spacing:.05em}}}&.-center{gap:5.625cqw;.item{position:relative;width:38.4375cqw;@media(max-width:768px){width:44.17910447761194cqw}}&.-l+.card.-r,&.-r+.card.-l{margin-top:2.5cqw;@media(max-width:768px){margin-top:16px}}&.-l{.item{.circle{position:absolute;top:.625cqw;right:-3.75cqw;@media(max-width:768px){top:8px;right:-32px}}.year-wrap{margin:0 0 0 auto}.txt{text-align:right;letter-spacing:.05em;.-small{font-size:1.171875cqw}@media(max-width:768px){width:fit-content;text-align:justify;margin-left:auto;.-small{font-size:1.5rem}}}}}&.-r{.item{.circle{position:absolute;top:.625cqw;left:-3.75cqw;@media(max-width:768px){top:8px;left:-32px}}.year-wrap{margin:0 auto 0 0}.txt{letter-spacing:.05em;text-align:left;@media(max-width:768px){width:fit-content;text-align:justify;margin-right:auto}}}}}}}.other-comment{width:82.5cqw;font-size:1.171875cqw;letter-spacing:.04em;color:#fff;text-align:justify;word-break:break-all;line-height:2.266666666666667;margin:2.5cqw auto 7.8125cqw;padding:2.5cqw 3.75cqw;background-color:#222;@media(max-width:768px){width:100%;font-size:1.3rem;line-height:1.923;margin:24px auto 48px;padding:24px 10px}}}}.other-box{width:100%;padding:min(150px,11.71875cqw) min(112px,8.75cqw) min(120px,9.375cqw);background-color:#fff;@media(max-width:768px){padding:64px 20px}}.other-box_inner{max-width:1056px;margin:0 auto}.other-box-ttl{width:100%;.cap{padding-right:min(90px,7.03125cqw);font-family:var(--marcellus);font-size:min(1.6rem,1.25cqw);font-weight:400;letter-spacing:.1em;line-height:1;color:var(--orange);position:relative;@media(max-width:768px){padding-right:90px;font-size:1.6rem}&:after{content:"";position:absolute;top:50%;right:0;width:min(80px,6.25cqw);height:1px;background-color:var(--orange);@media(max-width:768px){width:80px}}}.ttl{margin-top:.25em;font-family:var(--shippori);font-size:min(4rem,3.125cqw);font-weight:600;letter-spacing:.04em;line-height:1;@media(max-width:768px){margin-top:.2em;font-size:3rem}}}.other-box .link-list{width:100%;margin-top:min(40px,3.125cqw);display:flex;gap:min(24px,1.875cqw);@media(max-width:768px){margin-top:32px;flex-wrap:wrap;gap:32px 9px}li{width:min(246px,19.21875cqw);@media(max-width:768px){width:calc((100% - 9px)/2)}a{display:block;&:not([href]){opacity:.5}img{transition:scale .3s 0s ease}@media(min-width:769px){&[href]:hover{img{scale:1.05}}}}.image{width:100%;overflow:hidden}.num{display:block;margin-top:min(20px,1.5625cqw);font-family:var(--shippori);font-size:min(1.2rem,.9375cqw);font-weight:400;letter-spacing:.1em;line-height:1;color:var(--orange);.en{font-family:var(--marcellus)}@media(max-width:768px){margin-top:8px;font-size:1.2rem}}p{display:block;margin-top:.3em;font-family:var(--shippori);font-size:min(1.5rem,1.171875cqw);font-weight:600;letter-spacing:.04em;line-height:1.733;@media(max-width:768px){font-size:1.5rem}}}}