﻿#about #link01{position:relative}#about #link01 .sec01{position:relative}#about #link01 .sec01__01{margin-bottom:1em;position:relative}#about #link01 .sec01__01.view{transition-property:opacity transform;transition-duration:1s;transition-delay:0.3s;transition-timing-function:linear ease-out}#about #link01 .sec01__01.view.up{transform:translate(0, max(1.5em, 3vw))}#about #link01 .sec01__01.view.is-in{opacity:1;transform:translate(0, 0)}#about #link01 .sec01__01 p{position:relative;z-index:3;font-size:clamp(1.2em, 4vw, 1.8em);font-weight:600;color:#00B1FF;display:flex;justify-content:center;align-items:center;text-align:center}#about #link01 .sec01__01 p::before,#about #link01 .sec01__01 p::after{content:'';width:3px;height:3em;background-color:#00B1FF}#about #link01 .sec01__01 p::before{margin-right:2em;transform:rotate(-35deg)}#about #link01 .sec01__01 p::after{margin-left:2em;transform:rotate(35deg)}#about #link01 .sec01__02{position:relative;z-index:3}#about #link01 .sec01__02 h2{text-align:center;font-size:clamp(1.3em, 3.5vw, 1.8em);font-weight:700;-webkit-text-stroke:0.15em #fff;text-stroke:0.15em #fff;paint-order:stroke fill}#about #link01 .sec01__02 h2 span.color{color:#FF00A6}#about #link01 .sec01__02 h2 span.size{font-size:1.25em;margin:0 -0.3em}#about #link01 .sec01__02__01{max-width:50em;margin:1em auto 0}#about #link01 .sec01__02__01 p{font-size:clamp(1.1em, 3vw, 1.3em);font-weight:500;text-align:center;-webkit-text-stroke:0.15em #fff;text-stroke:0.15em #fff;paint-order:stroke fill;color:#004896}#about #link01 .sec01__02__02{margin-top:1em;text-align:center}#about #link01 .sec01__02__02 p{font-size:clamp(1em, 3vw, 1.3em);font-weight:500;border-radius:3em;display:inline-block;padding:0 1em 0.15em 1.4em;background:#004896;color:#ff0}#about #link01 .sec01__02__02 p span.size{font-size:1.25em;font-weight:600}#about #link01 .sec01__03{overflow:hidden}@media only screen and (max-width: 1024px){#about #link01 .sec01__03{display:flex;justify-content:center;margin-top:2em;padding:0 2em}}#about #link01 .sec01__03 #teacher_Left{position:absolute;bottom:0;left:-1em;width:clamp(10em, 21vw, 23em)}@media only screen and (max-width: 1024px){#about #link01 .sec01__03 #teacher_Left{position:relative;bottom:inherit;left:inherit;margin-right:0.25em}}#about #link01 .sec01__03 #teacher_Right{position:absolute;bottom:0;right:-1em;width:clamp(10em, 21vw, 23em)}@media only screen and (max-width: 1024px){#about #link01 .sec01__03 #teacher_Right{position:relative;bottom:inherit;right:inherit;margin-left:0.25em}}#about #link02{max-width:60em;margin:3em auto 0;border:3px solid #00B1FF;border-radius:1em;overflow:hidden}#about #link02 dl{display:grid;grid-template-columns:9em 1fr}@media only screen and (max-width: 1024px){#about #link02 dl{grid-template-columns:7em 1fr}}@media only screen and (max-width: 576px){#about #link02 dl{grid-template-columns:5em 1fr}}#about #link02 dl dt{background:#CEE9FF;padding:1em 0;border-top:1px solid #00B1FF;font-weight:600;text-align:center;color:#004896}#about #link02 dl dt:first-of-type{border-top:0}#about #link02 dl dd{padding:1em;border-left:none;border-top:1px solid #00B1FF;background:#fff}#about #link02 dl dd:first-of-type{border-top:0}#about #link02 dl dd span.color{color:#e8380d;font-weight:500}#about #link03{margin-top:clamp(4em, 5vw, 6em);background:#FFFADB;padding:clamp(3em, 5vw, 4em) 0}@media print{#about #link03{background:none}}#about #link03 h2{text-align:center;font-weight:600;font-size:clamp(1.2em, 4vw, 2em);-webkit-text-stroke:0.15em #FFFADB;text-stroke:0.15em #FFFADB;paint-order:stroke fill}@media print{#about #link03 h2{-webkit-text-stroke:0.15em #fff;text-stroke:0.15em #fff}}#about #link03 h2 .js-marker{display:inline;position:relative;background-image:linear-gradient(90deg, #FF00A6, #FF00A6);background-repeat:no-repeat;background-position:bottom left;background-size:0 30%;transition:background 1s ease-in-out;padding:0 0.25em;mix-blend-mode:normal}#about #link03 h2 .js-marker.inview{background-size:100% 30%}#about #link03 .timeline{margin-top:2em}#about #link03 .timeline>li{overflow:hidden;margin:0;position:relative;display:grid;grid-template-columns:12em 1fr}@media only screen and (max-width: 1024px){#about #link03 .timeline>li{grid-template-columns:9em 1fr}}@media only screen and (max-width: 576px){#about #link03 .timeline>li{grid-template-columns:5.5em 1fr}}#about #link03 .timeline>li .timeline-date{margin-top:0;padding-right:2em;font-weight:600;text-align:right}@media only screen and (max-width: 576px){#about #link03 .timeline>li .timeline-date{padding-right:1.25em}}#about #link03 .timeline>li .timeline-date span{text-align:center;background:#00B1FF;padding:0.5em 0;color:#fff;border-radius:0.25em;display:block;position:relative}#about #link03 .timeline>li .timeline-date span::after{position:absolute;display:block;content:'';top:50%;transform:translateY(-50%);right:-0.6em;width:0.6em;height:0.8em;background-color:#00B1FF;clip-path:polygon(0 0, 0% 100%, 75% 50%)}#about #link03 .timeline>li .timeline-content{border-left:2px solid #FF00A6;padding-top:0;padding-bottom:1em;padding-left:2em}@media only screen and (max-width: 576px){#about #link03 .timeline>li .timeline-content{padding-left:1.25em}}#about #link03 .timeline>li .timeline-content::before{content:'\e922';font-family:rs;color:#FF00A6;font-size:1em;line-height:1em;position:absolute;left:calc(12em - (0.5em - 1px));top:0.95em}@media only screen and (max-width: 1024px){#about #link03 .timeline>li .timeline-content::before{left:calc(9em - (0.5em - 1px))}}@media only screen and (max-width: 576px){#about #link03 .timeline>li .timeline-content::before{left:calc(5.5em - (0.5em - 1px))}}#about #link03 .timeline>li .timeline-content.arrow::before{content:'\e93c';top:0.45em;transform:rotate(45deg)}#about #link03 .timeline>li .timeline-content h4{font-weight:600;position:relative;margin-bottom:1em}#about #link03 .timeline>li .timeline-content h4:not(:first-child){margin-top:1em}#about #link03 .timeline>li .timeline-content h4 span{background:#00B1FF;padding:0.5em 1em;color:#fff;border-radius:0.25em;display:block}#about #link03 .timeline>li .timeline-content h5{font-weight:600}#about #link03 .timeline>li .timeline-content h5:not(:first-child){margin-top:1em}#about #link03 .timeline>li .timeline-content ul li{margin-left:1.5em;text-indent:-0.75em}#about #link03 .timeline>li .timeline-content ul li::before{font-family:rs;content:"";color:#00B1FF;font-size:1em;font-weight:normal !important;display:inline-block;padding-right:0.5em}#about #link04{margin-top:clamp(4em, 5vw, 6em);background:#20ac42;border-radius:1em;padding:1em clamp(1em, 3vw, 1.5em)}#about #link04 h2{font-size:clamp(1.2em, 4vw, 1.8em);font-weight:600;color:#fff;text-align:center}#about #link04__inner{margin-top:1em;display:grid;grid-template-columns:1fr 1fr;grid-gap:1em}@media only screen and (max-width: 1024px){#about #link04__inner{grid-template-columns:1fr}}#about #link04__inner .sec01,#about #link04__inner .sec02{background:#fff;padding:1em clamp(1em, 3vw, 1.5em);border-radius:0.5em}#about #link04__inner .sec01 h3,#about #link04__inner .sec02 h3{font-weight:600;font-size:clamp(1.2em, 4vw, 1.4em);text-align:center}#about #link04__inner .sec01 h3 .marker,#about #link04__inner .sec02 h3 .marker{background:linear-gradient(0deg, #ff0 30%, transparent 30%);padding:0 0.15em}#about #link04__inner .sec01 h4,#about #link04__inner .sec02 h4{margin-top:1em;font-size:1.1em;font-weight:600;color:#1c973a;margin-left:1.5em;text-indent:-0.75em}#about #link04__inner .sec01 h4::before,#about #link04__inner .sec02 h4::before{font-family:rs;content:"";color:#1c973a;font-size:1em;font-weight:normal !important;display:inline-block;vertical-align:bottom;padding-right:0.5em}#about #link04__inner .sec01 h5,#about #link04__inner .sec02 h5{font-size:1.1em;font-weight:600;margin-top:1em;border-top:1px dashed #333;padding-top:1em;color:#eb6153;padding-left:1.5em;text-indent:-0.75em}#about #link04__inner .sec01 h5::before,#about #link04__inner .sec02 h5::before{font-family:rs;content:"";color:#eb6153;font-size:1em;font-weight:normal !important;display:inline-block;vertical-align:bottom;padding-right:0.5em}#about #link04__inner .sec01{grid-row:1 / 2;grid-column:1 / 2}#about #link04__inner .sec02{grid-row:1 / 2;grid-column:2 / 3}@media only screen and (max-width: 1024px){#about #link04__inner .sec02{grid-row:2 / 3;grid-column:1 / 2}}#about #link04__inner .sec03{background:#fff;padding:1em clamp(1em, 3vw, 1.5em);border-radius:0.5em;grid-row:2 / 3;grid-column:1 / 3}@media only screen and (max-width: 1024px){#about #link04__inner .sec03{grid-row:3 / 4;grid-column:1 / 2}}#about #link04__inner .sec03 h3{font-weight:600;font-size:1.1em;color:#e6186e}#about #link04__inner .sec03__01{display:grid;grid-template-columns:2fr 3fr;grid-gap:1em;margin-top:1em}@media only screen and (max-width: 1024px){#about #link04__inner .sec03__01{grid-template-columns:1fr 1fr}}@media only screen and (max-width: 768px){#about #link04__inner .sec03__01{grid-template-columns:1fr}}#about #link04__inner .sec03__01__01{background:#FFE7E7;padding:1em;border-radius:0.25em}#about #link04__inner .sec03__01__01 h4{font-weight:600}#about #link04__inner .sec04{color:#fff;grid-row:3 / 4;grid-column:1 / 3}@media only screen and (max-width: 1024px){#about #link04__inner .sec04{grid-row:4 / 5;grid-column:1 / 2}}#about #link04__inner .sec04 ul li{margin-left:1.5em;text-indent:-1.5em;font-weight:500}#about #link04__inner .sec04 ul li::before{content:"●";padding-right:0.5em}#about #link04__inner .sec04 ul li ul li{margin-left:1em;text-indent:-1em}#about #link04__inner .sec04 ul li ul li::before{content:none}#about #link05{margin-top:clamp(4em, 5vw, 6em);padding:1em clamp(1.1em, 3vw, 1.5em);background:#ffe9a9;border-radius:1em}#about #link05 .sec01 h3{font-size:clamp(1.2em, 4vw, 1.6em);font-weight:600;text-align:center}#about #link05 .sec02__01{margin-top:1em;padding:1em clamp(1em, 3vw, 1.5em);background:#fff;border-radius:0.5em}#about #link05 .sec02__01 h4{font-weight:600;font-size:clamp(1em, 4vw, 1.1em);border-bottom:1px solid #999;padding-bottom:0.5em;margin-bottom:0.5em}#about #link05 .sec02__01 p span.color{color:#e8380d;font-weight:500}#about #link05 .sec02__01 p.style01{font-size:0.9em;font-weight:500}#about #link05 .sec02__01 p.style01 a{color:#0092E4}
