*, *::before, *::after { box-sizing: border-box; }

body { color: #000; background: #fff; font-size: 1.4vw; letter-spacing: .05em; line-height: 1.6; font-weight: 400; font-family: 'Zen Kaku Gothic New', BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif; font-feature-settings: "palt"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@media screen and (max-width: 599px) { body { font-size: 2.8vw; } }

_:lang(x)::-ms-backdrop, .selector { font-family: "Segoe UI", Meiryo, sans-serif; }

.fnt-GA1 { font-family: 'Gothic A1', sans-serif; font-weight: 700; letter-spacing: .01em; }

p { line-height: 1.8; }

img { border: 0; vertical-align: top; }

input, select { position: relative; top: 1px; }

table, th, td { border-collapse: collapse; border-spacing: 0; }

ul, li { list-style: none; }

a:link, a:visited { color: #000; text-decoration: none; transition: opacity .2s; }
a:hover, a:active { opacity: .6; }

#cover { width: 100%; height: 100%; position: fixed; background: #fff; top: 0; left: 0; z-index: 10000; }

#wrapper { overflow: hidden; position: relative; }

#page-top { opacity: 0; position: fixed; bottom: 20px; right: 20px; z-index: 9000; width: 40px; pointer-events: none; }
@media screen and (max-width: 599px) { #page-top { right: 12px; bottom: 12px; } }
#page-top img { width: 100%; height: auto; }
#page-top.fade { opacity: 1; transition: opacity .5s; pointer-events: auto; }

#ftBtn { opacity: 0; position: fixed; z-index: 9000; display: inline-block; right: 21px; bottom: 68px; background: #00AFEC; border-radius: 3em; text-align: center; color: #fff; font-size: 15px; font-weight: 700; letter-spacing: 0; border: 2px solid #fff; padding: .8em .38em .8em .31em; transform-origin: right top; pointer-events: none; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }
@media screen and (max-width: 599px) { #ftBtn { right: 0; bottom: 60px; font-size: 12px; border-radius: 10px; border-top-right-radius: 0; border-bottom-right-radius: 0; } }
#ftBtn.fade { opacity: 1; transition: opacity .5s; pointer-events: auto; }

.dd599 { display: none; }
@media screen and (max-width: 599px) { .dd599 { display: block !important; } }

@media screen and (max-width: 599px) { .nn599 { display: none !important; } }

.fadeinS { opacity: 0; transform: translateY(30px); transition: opacity .8s ease-in, transform .8s ease-out; }
.fadeinS.active { opacity: 1; transform: translateY(0); }

main { position: relative; }
main section { position: relative; }
main section h2 { display: block; text-align: center; margin-bottom: 2.5em; }
main section h2 small { display: block; font-size: 90%; line-height: 1.3; }
main section h2 span { display: block; font-size: 180%; font-weight: 700; letter-spacing: .12em; line-height: 1.3; color: #00AFEC; }
main section h3 { display: block; margin-bottom: 1.2em; font-size: 150%; font-weight: 700; padding-left: 1.5em; }
@media screen and (max-width: 599px) { main section h3 { margin-bottom: 1em; text-align: center; padding-left: 0; } }
main section h3 .atn2 { display: block; font-size: 70%; letter-spacing: 0; }
main section .timeTable { position: absolute; top: 1.1em; right: 1.6em; }
@media screen and (max-width: 599px) { main section .timeTable { position: relative; top: inherit; right: inherit; text-align: center; font-size: 120%; margin-bottom: .8em; } }
main section .timeTable .ttl { display: block; line-height: 1.5; text-align: right; }
@media screen and (max-width: 599px) { main section .timeTable .ttl { text-align: center; margin-bottom: .3em; } }
main section .timeTable ul { display: flex; }
@media screen and (max-width: 599px) { main section .timeTable ul { justify-content: center; } }
main section .timeTable ul li { padding: 0 .2em; }
main section .timeTable ul li .period { display: block; background: #000; border-radius: .2em; text-align: center; color: #fff; font-size: 90%; line-height: 1.4; padding-top: .3em; margin-bottom: .2em; }
main section .timeTable ul li .time { display: block; text-align: center; font-size: 80%; padding: 0 .3em 0 .35em; }
main section#headSct { z-index: -2; padding: 2em 9% 3em; background: #00AFEC; color: #fff; }
@media screen and (max-width: 599px) { main section#headSct { padding: 2em 5% 3em; } }
main section#headSct::before { content: ""; position: absolute; z-index: -1; right: 5%; top: 1em; width: 53%; height: 58.8vw; background: url("../img/main_img.webp") no-repeat center center/contain; }
@media screen and (max-width: 599px) { main section#headSct::before { width: 96vw; height: 98vw; right: 2vw; top: 3em; } }
main section#headSct h1 { display: block; margin-bottom: 4em; }
@media screen and (max-width: 599px) { main section#headSct h1 { margin-bottom: 96vw; } }
main section#headSct h1 img { width: 14vw; height: auto; }
@media screen and (max-width: 599px) { main section#headSct h1 img { width: 24vw; } }
main section#headSct .och { display: block; font-size: 110%; font-weight: 700; margin-bottom: 1.2em; }
@media screen and (max-width: 599px) { main section#headSct .och { font-size: 150%; margin-left: 2.2vw; margin-bottom: .5em; } }
main section#headSct .ttl { display: block; margin-bottom: 1.8em; }
@media screen and (max-width: 599px) { main section#headSct .ttl { display: flex; flex-wrap: wrap; margin-bottom: 1em; } }
main section#headSct .ttl p:nth-child(1) { margin-left: .5em; margin-bottom: 1em; }
@media screen and (max-width: 599px) { main section#headSct .ttl p:nth-child(1) { width: 100%; margin-left: 2.5vw; margin-bottom: .7em; } }
main section#headSct .ttl p:nth-child(1) img { width: 16vw; height: auto; }
@media screen and (max-width: 599px) { main section#headSct .ttl p:nth-child(1) img { width: 32vw; } }
main section#headSct .ttl p:nth-child(2) { margin-bottom: 1.1em; }
@media screen and (max-width: 599px) { main section#headSct .ttl p:nth-child(2) { margin-right: .3em; margin-left: 2vw; margin-bottom: 0; } }
main section#headSct .ttl p:nth-child(2) img { width: 21.2vw; height: auto; }
@media screen and (max-width: 599px) { main section#headSct .ttl p:nth-child(2) img { width: auto; height: 9.4vw; } }
main section#headSct .ttl p:nth-child(3) img { width: 33.5vw; height: auto; }
@media screen and (max-width: 599px) { main section#headSct .ttl p:nth-child(3) img { width: auto; height: 9.4vw; } }
main section#headSct .date { display: block; }
@media screen and (max-width: 599px) { main section#headSct .date { margin-left: 2vw; } }
main section#headSct .date img { width: 33vw; height: auto; }
@media screen and (max-width: 599px) { main section#headSct .date img { width: 86vw; } }
main section#headSct .oct { display: block; font-size: 80%; font-weight: 700; line-height: 1.8; margin-bottom: 2em; }
@media screen and (max-width: 599px) { main section#headSct .oct { margin-left: 2.3vw; font-size: 130%; line-height: 1.6; margin-bottom: 1em; } }
main section#contentsSct { padding: 5em 9.6% 2.5em; }
@media screen and (max-width: 599px) { main section#contentsSct { padding: 4em 2% 2.5em; } }
main section#contentsSct .atn { display: block; text-align: center; font-size: 150%; font-weight: 600; color: #c00; padding-left: 1em; margin-bottom: 2em; }
main section#contentsSct .daysList { position: relative; display: flex; justify-content: space-between; margin-bottom: 1.8em; }
@media screen and (max-width: 599px) { main section#contentsSct .daysList { margin-bottom: 1.5em; } }
main section#contentsSct .daysList li { width: 20%; padding: 0 .3em; }
main section#contentsSct .daysList li .btn { position: relative; display: block; text-align: center; font-size: 160%; font-weight: 700; background: #B0B1B2; border: 2px solid #B0B1B2; border-radius: 1.5em; padding: .1em 0 .2em .2em; cursor: pointer; }
@media screen and (max-width: 599px) { main section#contentsSct .daysList li .btn { line-height: .9; padding: 1em 0 .9em .2em; border-radius: 50%; } }
main section#contentsSct .daysList li .btn.active { border: 2px solid #00AFEC; background: #fff; opacity: 1 !important; }
main section#contentsSct .daysList li .btn.active::before { content: ""; position: absolute; bottom: -1.25em; left: 46%; width: 2px; height: 1.25em; background: #00AFEC; }
@media screen and (max-width: 599px) { main section#contentsSct .daysList li .btn.active::before { left: 41%; bottom: -1.05em; height: 1.05em; } }
main section#contentsSct .daysList li .btn.active::after { content: ""; position: absolute; bottom: -1.25em; left: 53%; width: 2px; height: 1.25em; background: #00AFEC; }
@media screen and (max-width: 599px) { main section#contentsSct .daysList li .btn.active::after { left: 57%; bottom: -1.05em; height: 1.05em; } }
main section#contentsSct .daysList li .btn:hover { border: 2px solid #00AFEC; }
main section#contentsSct .daysList li .btn.end { opacity: .6; }
main section#contentsSct .daysList li .btn.end.active { background: #ddd; }
main section#contentsSct .dayBox { position: relative; border: 2px solid #00AFEC; padding: 2em 1em 0; border-radius: 1em; margin-bottom: 3em; background: #fff; }
@media screen and (max-width: 599px) { main section#contentsSct .dayBox { padding: 2em 1em .5em; } }
main section#contentsSct .dayBox.box1 { display: none; }
main section#contentsSct .dayBox.box2 { display: block; }
main section#contentsSct .dayBox.box3 { display: none; }
main section#contentsSct .dayBox.box4 { display: none; }
main section#contentsSct .dayBox.box5 { display: none; }
main section#contentsSct .contentsB { position: relative; padding-bottom: 1em; }
main section#contentsSct .contentsB li { display: flex; margin-bottom: 1.2em; }
main section#contentsSct .contentsB li .faculty { position: relative; background: #B0B1B2; border-bottom-left-radius: .15em; border-top-left-radius: .15em; color: #fff; font-weight: 700; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-orientation: upright; padding: 0 .1em; }
main section#contentsSct .contentsB li .faculty.f1 { background: #D7719D; }
main section#contentsSct .contentsB li .faculty.f2 { background: #ABC10D; }
main section#contentsSct .contentsB li .faculty.f2 p { transform: translateY(-1.5em); }
main section#contentsSct .contentsB li .faculty.f3 { background: #6C90C1; }
main section#contentsSct .contentsB li .faculty.f4 { background: #F3982D; }
main section#contentsSct .contentsB li .faculty.f4 p { transform: translateY(-1.5em); }
main section#contentsSct .contentsB li .faculty.f5 { background: #9C7FA7; }
main section#contentsSct .contentsB li .faculty.f6 { background: #47ACB7; }
main section#contentsSct .contentsB li .faculty.f7 { background: #00619F; }
main section#contentsSct .contentsB li .faculty.f7 p { transform: translateY(-5.2em); letter-spacing: -.05em; padding: .5em 0; }
main section#contentsSct .contentsB li .faculty.f8 { background: #1FA9DF; }
main section#contentsSct .contentsB li .faculty.f8 p { transform: translateY(-3.5em); }
main section#contentsSct .contentsB li .faculty.f9 { background: #F2BA12; }
main section#contentsSct .contentsB li .faculty.f9 p { transform: translateY(-3em); }
main section#contentsSct .contentsB li .faculty p { position: relative; top: 50%; transform: translateY(-2em); }
main section#contentsSct .contentsB li .detail { position: relative; flex-grow: 2; border-bottom-right-radius: .15em; border-top-right-radius: .15em; padding: 1.6em .5em .2em 2em; }
@media screen and (max-width: 599px) { main section#contentsSct .contentsB li .detail { padding: 1.4em 1.4em .1em 1.6em; } }
main section#contentsSct .contentsB li .detail.b1 { background: #F7E3EB; }
main section#contentsSct .contentsB li .detail.b1 .headB .department { background: #D7719D; }
main section#contentsSct .contentsB li .detail.b1 .copy { color: #D7719D; }
main section#contentsSct .contentsB li .detail.b2 { background: #EEF3CF; }
main section#contentsSct .contentsB li .detail.b2 .headB .department { background: #ABC10D; }
main section#contentsSct .contentsB li .detail.b2 .copy { color: #ABC10D; }
main section#contentsSct .contentsB li .detail.b3 { background: #E2E9F3; }
main section#contentsSct .contentsB li .detail.b3 .headB .department { background: #6C90C1; }
main section#contentsSct .contentsB li .detail.b3 .copy { color: #6C90C1; }
main section#contentsSct .contentsB li .detail.b4 { background: #FDEAD5; }
main section#contentsSct .contentsB li .detail.b4 .headB .department { background: #F3982D; }
main section#contentsSct .contentsB li .detail.b4 .copy { color: #F3982D; }
main section#contentsSct .contentsB li .detail.b5 { background: #EBE5ED; }
main section#contentsSct .contentsB li .detail.b5 .headB .department { background: #9C7FA7; }
main section#contentsSct .contentsB li .detail.b5 .copy { color: #9C7FA7; }
main section#contentsSct .contentsB li .detail.b6 { background: #DAEEF1; }
main section#contentsSct .contentsB li .detail.b6 .headB .department { background: #47ACB7; }
main section#contentsSct .contentsB li .detail.b6 .copy { color: #47ACB7; }
main section#contentsSct .contentsB li .detail.b7 { background: #CCDFEC; }
main section#contentsSct .contentsB li .detail.b7 .headB .department { background: #00619F; }
main section#contentsSct .contentsB li .detail.b7 .copy { color: #00619F; }
main section#contentsSct .contentsB li .detail.b8 { background: #D2EEF9; }
main section#contentsSct .contentsB li .detail.b8 .headB .department { background: #1FA9DF; }
main section#contentsSct .contentsB li .detail.b8 .copy { color: #1FA9DF; }
main section#contentsSct .contentsB li .detail.b9 { background: #FCF1D0; }
main section#contentsSct .contentsB li .detail.b9 .headB .department { background: #F2BA12; }
main section#contentsSct .contentsB li .detail.b9 .copy { color: #F2BA12; }
main section#contentsSct .contentsB li .detail .box { background-repeat: no-repeat; background-position: right center; background-size: 14vw auto; margin-bottom: 1.2em; }
@media screen and (max-width: 599px) { main section#contentsSct .contentsB li .detail .box { background-position: right bottom; background-size: 23vw auto; } }
main section#contentsSct .contentsB li .detail .box.pic1 { background-image: url("../img/contents_pic01.webp"); }
main section#contentsSct .contentsB li .detail .box.pic2 { background-image: url("../img/contents_pic02.webp"); }
main section#contentsSct .contentsB li .detail .box.pic3 { background-image: url("../img/contents_pic03.webp"); }
main section#contentsSct .contentsB li .detail .box.pic4 { background-image: url("../img/contents_pic04.webp"); }
main section#contentsSct .contentsB li .detail .box.pic5 { background-image: url("../img/contents_pic05.webp"); }
main section#contentsSct .contentsB li .detail .box.pic6 { background-image: url("../img/contents_pic06.webp"); }
main section#contentsSct .contentsB li .detail .box.pic7 { background-image: url("../img/contents_pic07.webp"); }
main section#contentsSct .contentsB li .detail .box.pic8 { background-image: url("../img/contents_pic08.webp"); }
main section#contentsSct .contentsB li .detail .box.pic9 { background-image: url("../img/contents_pic09.webp"); }
main section#contentsSct .contentsB li .detail .box.pic10 { background-image: url("../img/contents_pic10.webp"); }
main section#contentsSct .contentsB li .detail .box.pic11 { background-image: url("../img/contents_pic11.webp"); }
main section#contentsSct .contentsB li .detail .box.pic12 { background-image: url("../img/contents_pic12.webp"); }
main section#contentsSct .contentsB li .detail .box.pic13 { background-image: url("../img/contents_pic13.webp"); }
main section#contentsSct .contentsB li .detail .box.pic14 { background-image: url("../img/contents_pic14.webp"); }
main section#contentsSct .contentsB li .detail .box.pic15 { background-image: url("../img/contents_pic15.webp"); }
main section#contentsSct .contentsB li .detail .box.pic16 { background-image: url("../img/contents_pic16.webp"); }
main section#contentsSct .contentsB li .detail .box.pic17 { background-image: url("../img/contents_pic17.webp"); }
main section#contentsSct .contentsB li .detail .box .headB { position: relative; display: flex; margin-bottom: .6em; }
main section#contentsSct .contentsB li .detail .box .headB .department { display: inline-block; border-bottom-left-radius: .15em; border-top-left-radius: .15em; color: #fff; font-weight: 700; padding: 0 .7em; }
main section#contentsSct .contentsB li .detail .box .headB .department.nent { white-space: nowrap; }
main section#contentsSct .contentsB li .detail .box .headB .professor { display: inline-block; background: #fff; border-bottom-right-radius: .15em; border-top-right-radius: .15em; font-size: 70%; font-weight: 500; padding: .5em 1em 0; }
main section#contentsSct .contentsB li .detail .box .headB .professor small { font-size: 90%; font-weight: 400; }
main section#contentsSct .contentsB li .detail .box .headB .professor.nent { white-space: nowrap; }
main section#contentsSct .contentsB li .detail .box .copy { display: block; font-size: 110%; font-weight: 700; line-height: 1.4; margin-bottom: .2em; }
@media screen and (max-width: 599px) { main section#contentsSct .contentsB li .detail .box .copy { line-height: 1.6; } }
main section#contentsSct .contentsB li .detail .box .copy small { display: inline-block; font-size: 90%; }
@media screen and (max-width: 599px) { main section#contentsSct .contentsB li .detail .box .copy small { white-space: nowrap; } }
main section#contentsSct .contentsB li .detail .box .txt1 { display: block; font-size: 100%; font-weight: 500; letter-spacing: .01em; line-height: 1.6; }
@media screen and (max-width: 599px) { main section#contentsSct .contentsB li .detail .box .txt1 { margin-bottom: .2em; } }
main section#contentsSct .contentsB li .detail .box .txt2 { display: block; font-size: 85%; letter-spacing: .01em; line-height: 1.6; }
main section#opnecampus1-2Sct { background: #00AFEC; padding: 5em 7%; }
@media screen and (max-width: 599px) { main section#opnecampus1-2Sct { padding: 4em 3%; } }
main section#opnecampus1-2Sct h2 { position: relative; }
main section#opnecampus1-2Sct h2 span { color: #fff; }
main section#opnecampus1-2Sct h2 .day { position: absolute; width: 7em; left: 5.4em; top: -2.7em; }
@media screen and (max-width: 599px) { main section#opnecampus1-2Sct h2 .day { left: 1.2em; } }
main section#opnecampus1-2Sct h2 .day img { width: 100%; height: auto; }
main section#opnecampus1-2Sct .ocBox { position: relative; background: #fff; overflow: hidden; border-radius: 1em; }
main section#opnecampus1-2Sct .ocBox .inBox1 { padding: 3.5em 7% .5em; }
main section#opnecampus1-2Sct .ocBox .inBox1 ul li { position: relative; display: flex; margin-bottom: 2.6em; }
@media screen and (max-width: 599px) { main section#opnecampus1-2Sct .ocBox .inBox1 ul li { flex-wrap: wrap; margin-bottom: 3em; } }
main section#opnecampus1-2Sct .ocBox .inBox1 ul li .headB { position: relative; width: 10%; }
@media screen and (max-width: 599px) { main section#opnecampus1-2Sct .ocBox .inBox1 ul li .headB { order: 1; width: 26%; margin-right: 4%; } }
main section#opnecampus1-2Sct .ocBox .inBox1 ul li .headB p { position: relative; white-space: nowrap; padding-top: .1em; }
@media screen and (max-width: 599px) { main section#opnecampus1-2Sct .ocBox .inBox1 ul li .headB p { font-size: 145%; padding-top: 0; } }
main section#opnecampus1-2Sct .ocBox .inBox1 ul li .headB p .pt { position: relative; display: inline-block; font-weight: 700; padding-right: .5em; margin-right: .1em; letter-spacing: normal; }
main section#opnecampus1-2Sct .ocBox .inBox1 ul li .headB p .pt::after { content: ""; position: absolute; bottom: 30%; right: 0; width: 1px; height: .7em; background: #000; }
main section#opnecampus1-2Sct .ocBox .inBox1 ul li .headB p .no { display: inline-block; font-size: 130%; font-weight: 700; }
main section#opnecampus1-2Sct .ocBox .inBox1 ul li .txtB { width: 65%; padding: 0 1.5em; }
@media screen and (max-width: 599px) { main section#opnecampus1-2Sct .ocBox .inBox1 ul li .txtB { order: 3; width: 100%; padding: .8em 1em 0; } }
main section#opnecampus1-2Sct .ocBox .inBox1 ul li .txtB .ttl { display: block; font-size: 150%; font-weight: 700; letter-spacing: .01em; }
@media screen and (max-width: 599px) { main section#opnecampus1-2Sct .ocBox .inBox1 ul li .txtB .ttl { font-size: 170%; margin-bottom: .2em; } }
main section#opnecampus1-2Sct .ocBox .inBox1 ul li .txtB .txt { display: block; font-weight: 500; line-height: 1.6; letter-spacing: .01em; text-align: justify; text-justify: inter-ideograph; }
@media screen and (max-width: 599px) { main section#opnecampus1-2Sct .ocBox .inBox1 ul li .txtB .txt { font-size: 120%; } }
main section#opnecampus1-2Sct .ocBox .inBox1 ul li .picB { width: 25%; }
@media screen and (max-width: 599px) { main section#opnecampus1-2Sct .ocBox .inBox1 ul li .picB { order: 2; width: 70%; } }
main section#opnecampus1-2Sct .ocBox .inBox1 ul li .picB img { overflow: hidden; border-radius: .8em; width: 100%; height: auto; }
main section#opnecampus1-2Sct .ocBox .inBox1 ul li.l01 .headB { background: url("../img/oc12_icn01.svg") no-repeat center 2.3em/92%; }
@media screen and (max-width: 599px) { main section#opnecampus1-2Sct .ocBox .inBox1 ul li.l01 .headB { background-position: center 3.5em; background-size: 90%; } }
main section#opnecampus1-2Sct .ocBox .inBox1 ul li.l01 .headB p .no { color: #ea5550; }
main section#opnecampus1-2Sct .ocBox .inBox1 ul li.l01 .txtB .ttl { color: #ea5550; }
main section#opnecampus1-2Sct .ocBox .inBox1 ul li.l02 .headB { background: url("../img/oc12_icn02.svg") no-repeat center 2.3em/92%; }
@media screen and (max-width: 599px) { main section#opnecampus1-2Sct .ocBox .inBox1 ul li.l02 .headB { background-position: center 3.5em; background-size: 90%; } }
main section#opnecampus1-2Sct .ocBox .inBox1 ul li.l02 .headB p .no { color: #f2ba12; }
main section#opnecampus1-2Sct .ocBox .inBox1 ul li.l02 .txtB .ttl { color: #f2ba12; }
main section#opnecampus1-2Sct .ocBox .inBox1 ul li.l03 .headB { background: url("../img/oc12_icn03.svg") no-repeat right 2.3em/92%; }
@media screen and (max-width: 599px) { main section#opnecampus1-2Sct .ocBox .inBox1 ul li.l03 .headB { background-position: right 3.5em; background-size: 90%; } }
main section#opnecampus1-2Sct .ocBox .inBox1 ul li.l03 .headB p .no { color: #00619f; }
main section#opnecampus1-2Sct .ocBox .inBox1 ul li.l03 .txtB .ttl { color: #00619f; }
main section#opnecampus1-2Sct .ocBox .inBox2 { padding: 2.5em 7% 3em; background: #cceffb; }
@media screen and (max-width: 599px) { main section#opnecampus1-2Sct .ocBox .inBox2 { padding: 3.5em 7% 3em; } }
main section#opnecampus1-2Sct .ocBox .inBox2 .ttl { display: block; color: #00AFEC; font-size: 150%; font-weight: 700; letter-spacing: .01em; margin-bottom: .3em; }
@media screen and (max-width: 599px) { main section#opnecampus1-2Sct .ocBox .inBox2 .ttl { font-size: 170%; line-height: 1.4; margin-bottom: .8em; } }
main section#opnecampus1-2Sct .ocBox .inBox2 .txt { display: block; font-size: 98%; font-weight: 500; letter-spacing: normal; text-align: justify; text-justify: inter-ideograph; margin-bottom: 2.6em; }
@media screen and (max-width: 599px) { main section#opnecampus1-2Sct .ocBox .inBox2 .txt { font-size: 110%; } }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB { position: relative; display: flex; align-items: center; }
@media screen and (max-width: 599px) { main section#opnecampus1-2Sct .ocBox .inBox2 .roundB { flex-wrap: wrap; } }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .txtB { width: 34%; padding-bottom: 2em; }
@media screen and (max-width: 599px) { main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .txtB { width: 100%; padding-bottom: 2.2em; } }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .txtB .ttl2 { display: block; color: #00AFEC; font-size: 120%; font-weight: 700; line-height: 1.4; letter-spacing: .01em; margin-bottom: .8em; }
@media screen and (max-width: 599px) { main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .txtB .ttl2 { text-align: center; font-size: 130%; margin-bottom: .6em; } }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .txtB ul { position: relative; display: flex; }
@media screen and (max-width: 599px) { main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .txtB ul { justify-content: center; } }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .txtB ul li { position: relative; padding-left: 1.2em; margin-right: .8em; font-size: 95%; font-weight: 500; letter-spacing: 0; }
@media screen and (max-width: 599px) { main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .txtB ul li { font-size: 105%; } }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .txtB ul li::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: .8em; height: .8em; background: #a6a6a6; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .txtB ul li:nth-child(1)::before { background: #f1908d; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .txtB ul li:nth-child(2)::before { background: #ea5550; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .txtB ul li:nth-child(3)::before { background: #fff; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB { position: relative; display: flex; align-items: center; width: 66%; }
@media screen and (max-width: 599px) { main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB { width: 100%; } }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart1 { position: relative; width: 38%; }
@media screen and (max-width: 599px) { main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart1 { width: 44%; } }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart1 .circleB { position: relative; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart1 .circleB .circle { transform: rotate(-90deg); }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart1 .circleB .circle circle { fill: none; stroke-width: 18px; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart1 .circleB .circle circle:nth-child(1) { stroke: #a6a6a6; stroke-dasharray: 3,100; stroke-dashoffset: 0; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart1 .circleB .circle circle:nth-child(2) { stroke: #f1908d; stroke-dasharray: 1,100; stroke-dashoffset: 98; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart1 .circleB .circle circle:nth-child(3) { stroke: #ea5550; stroke-dasharray: 6,100; stroke-dashoffset: -4; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart1 .circleB .circle circle:nth-child(4) { stroke: #fff; stroke-dasharray: 90,100; stroke-dashoffset: -10; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart1 .circleB .circle circle:nth-child(5) { stroke: #f1908d; stroke-dasharray: 1.5,108; stroke-dashoffset: 106; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart1 .circleB .circle circle:nth-child(6) { stroke: #ea5550; stroke-dasharray: 6.2,105; stroke-dashoffset: -5; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart1 .centerC { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); background: #00AFEC; border-radius: 50%; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart1 .centerC p { display: block; text-align: center; color: #fff; font-size: 80%; font-weight: 700; line-height: 1; letter-spacing: 0; width: 4.5em; height: 4.5em; padding-top: 1em; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart1 .centerC p strong { font-size: 130%; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart1 .nb01 { position: absolute; top: -.6em; left: 31%; font-size: 70%; font-weight: 700; letter-spacing: 0; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart1 .nb01 strong { font-size: 120%; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart1 .nb01::after { content: ""; position: absolute; right: -1.2em; bottom: -.3em; width: 1em; height: 1.2em; border-top: 1px solid #000; border-right: 1px solid #000; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart1 .nb02 { position: absolute; top: -1.4em; left: 52%; font-size: 80%; font-weight: 700; letter-spacing: 0; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart1 .nb02 strong { font-size: 120%; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart1 .nb02::after { content: ""; position: absolute; right: 50%; bottom: -.5em; width: .1em; height: 1em; border-right: 1px solid #000; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart1 .nb03 { position: absolute; top: 2em; left: 61%; color: #fff; font-size: 80%; font-weight: 700; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart1 .nb03 strong { font-size: 120%; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart1 .nb04 { position: absolute; top: 44%; left: 13%; font-size: 80%; font-weight: 700; letter-spacing: 0; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart1 .nb04 strong { font-size: 120%; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .arrow { width: 10%; }
@media screen and (max-width: 599px) { main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .arrow { width: 12%; } }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .arrow img { display: block; margin: 0 auto; width: 100%; height: auto; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart2 { position: relative; width: 38%; }
@media screen and (max-width: 599px) { main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart2 { width: 44%; } }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart2 .circleB { position: relative; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart2 .circleB .circle { transform: rotate(-90deg); }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart2 .circleB .circle circle { fill: none; stroke-width: 18px; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart2 .circleB .circle circle:nth-child(1) { stroke: #a6a6a6; stroke-dasharray: 2,100; stroke-dashoffset: 0; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart2 .circleB .circle circle:nth-child(2) { stroke: #f1908d; stroke-dasharray: 13,100; stroke-dashoffset: -2; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart2 .circleB .circle circle:nth-child(3) { stroke: #ea5550; stroke-dasharray: 34,100; stroke-dashoffset: -15; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart2 .circleB .circle circle:nth-child(4) { stroke: #fff; stroke-dasharray: 51,100; stroke-dashoffset: -49; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart2 .circleB .circle circle:nth-child(5) { stroke: #f1908d; stroke-dasharray: 15,100; stroke-dashoffset: -2; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart2 .circleB .circle circle:nth-child(6) { stroke: #ea5550; stroke-dasharray: 38.2,100; stroke-dashoffset: -17; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart2 .centerC { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); background: #00AFEC; border-radius: 50%; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart2 .centerC p { display: block; text-align: center; color: #fff; font-size: 80%; font-weight: 700; line-height: 1; letter-spacing: 0; width: 4.5em; height: 4.5em; padding-top: 1em; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart2 .centerC p strong { font-size: 130%; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart2 .nb01 { position: absolute; top: -.8em; left: 45%; font-size: 70%; font-weight: 700; letter-spacing: 0; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart2 .nb01 strong { font-size: 120%; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart2 .nb01::after { content: ""; position: absolute; right: 50%; bottom: -.6em; width: .1em; height: 1em; border-right: 1px solid #000; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart2 .nb02 { position: absolute; top: 18%; left: 57%; color: #fff; font-size: 80%; font-weight: 700; letter-spacing: 0; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart2 .nb02 strong { font-size: 120%; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart2 .nb03 { position: absolute; top: 56%; left: 66%; color: #fff; font-size: 80%; font-weight: 700; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart2 .nb03 strong { font-size: 120%; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart2 .nb04 { position: absolute; top: 44%; left: 13%; font-size: 80%; font-weight: 700; letter-spacing: 0; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .pieChart2 .nb04 strong { font-size: 120%; }
main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .yearB { width: 14%; align-self: flex-end; font-size: 80%; font-weight: 500; letter-spacing: normal; white-space: nowrap; padding-bottom: 2em; }
@media screen and (max-width: 599px) { main section#opnecampus1-2Sct .ocBox .inBox2 .roundB .chartB .yearB { position: absolute; right: 5%; bottom: -1.5em; padding-bottom: 0; } }
main section#faqSct { padding: 5em 15.5% 2.5em; }
@media screen and (max-width: 599px) { main section#faqSct { padding: 4em 10% 2.5em; } }
main section#faqSct .faqsB { position: relative; margin-bottom: 6em; }
main section#faqSct .faqsB .faqB { position: relative; margin-bottom: 1em; }
main section#faqSct .faqsB .faqB .qBox { position: relative; border: 2px solid #00AFEC; background: #00AFEC; padding: .5em 2.5em .5em 1.8em; cursor: pointer; }
@media screen and (max-width: 599px) { main section#faqSct .faqsB .faqB .qBox { padding: .5em 2.5em .5em 1em; } }
main section#faqSct .faqsB .faqB .qBox:hover { opacity: .8; }
main section#faqSct .faqsB .faqB .qBox::before { content: ""; position: absolute; right: 1.5em; top: calc(50% - 1px); width: 1em; height: 2px; background: #fff; }
@media screen and (max-width: 599px) { main section#faqSct .faqsB .faqB .qBox::before { right: 1em; } }
main section#faqSct .faqsB .faqB .qBox::after { content: ""; position: absolute; right: 1.5em; top: calc(50% - 1px); transform: rotate(90deg); width: 1em; height: 2px; background: #fff; transition: transform .3s; }
@media screen and (max-width: 599px) { main section#faqSct .faqsB .faqB .qBox::after { right: 1em; } }
main section#faqSct .faqsB .faqB .qBox.open::after { transform: rotate(0); }
main section#faqSct .faqsB .faqB .qBox p { position: relative; color: #fff; font-size: 110%; font-weight: 500; line-height: 1.6; padding-left: 2.2em; }
@media screen and (max-width: 599px) { main section#faqSct .faqsB .faqB .qBox p { line-height: 1.4; padding-left: 2.3em; } }
main section#faqSct .faqsB .faqB .qBox p::before { position: absolute; left: 0; top: 0; content: "Q"; background: #fff; border-radius: 50%; text-align: center; color: #00AFEC; letter-spacing: 0; line-height: 1.5em; height: 1.6em; width: 1.6em; }
@media screen and (max-width: 599px) { main section#faqSct .faqsB .faqB .qBox p::before { top: .2em; } }
main section#faqSct .faqsB .faqB .aBox { position: relative; border-left: 2px solid #00AFEC; border-right: 2px solid #00AFEC; padding: 0 2.5em 0 1.8em; height: 0; overflow: hidden; transition: padding .3s, height .3s, border .3s; }
@media screen and (max-width: 599px) { main section#faqSct .faqsB .faqB .aBox { padding: 0 1em 0 1em; } }
main section#faqSct .faqsB .faqB .aBox.open { border: 2px solid #00AFEC; height: auto; padding: .7em 2.5em .7em 1.8em; }
@media screen and (max-width: 599px) { main section#faqSct .faqsB .faqB .aBox.open { padding: .7em 1em .7em 1em; } }
main section#faqSct .faqsB .faqB .aBox p { position: relative; color: #00AFEC; font-size: 110%; font-weight: 500; line-height: 1.5; padding-left: 2.2em; }
@media screen and (max-width: 599px) { main section#faqSct .faqsB .faqB .aBox p { padding-left: 2.3em; } }
main section#faqSct .faqsB .faqB .aBox p::before { position: absolute; left: 0; top: 0; content: "A"; background: #00AFEC; border-radius: 50%; text-align: center; color: #fff; letter-spacing: 0; line-height: 1.4em; height: 1.6em; width: 1.6em; }
@media screen and (max-width: 599px) { main section#faqSct .faqsB .faqB .aBox p::before { top: .2em; } }
main section#faqSct .eventB { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 4em; }
@media screen and (max-width: 599px) { main section#faqSct .eventB { margin-bottom: 0; } }
main section#faqSct .eventB li { display: flex; align-items: center; width: 49%; margin-bottom: 1em; background: #D2EEF9; }
@media screen and (max-width: 599px) { main section#faqSct .eventB li { width: 100%; font-size: 110%; } }
main section#faqSct .eventB li:nth-child(1) { background: #DAEEF1; }
main section#faqSct .eventB li:nth-child(1) .ttl { color: #47ACB7; letter-spacing: .1em; }
main section#faqSct .eventB li:nth-child(2) { background: #F7E3EB; }
main section#faqSct .eventB li:nth-child(2) .ttl { color: #D7719D; }
main section#faqSct .eventB li:nth-child(3) .ttl { font-size: 80%; letter-spacing: 0; }
@media screen and (max-width: 599px) { main section#faqSct .eventB li:nth-child(3) .ttl { font-size: 90%; } }
main section#faqSct .eventB li:nth-child(5) .ttl { line-height: 1.4; }
main section#faqSct .eventB li .ttl { width: 40%; text-align: center; color: #1FA9DF; font-size: 100%; font-weight: 700; letter-spacing: .03em; line-height: 1.5; white-space: nowrap; padding-left: .5em; }
@media screen and (max-width: 599px) { main section#faqSct .eventB li .ttl { font-size: 115%; } }
main section#faqSct .eventB li .txt { width: 60%; font-size: 80%; font-weight: 500; letter-spacing: 0; text-align: justify; text-justify: inter-ideograph; line-height: 1.7; padding: 1.7em 1.5em 1.7em .5em; }
@media screen and (max-width: 599px) { main section#faqSct .eventB li .txt { font-size: 77%; } }
main section#faqSct .eventB li .txt.inQ { position: relative; padding-right: 8.5em; }
main section#faqSct .eventB li .txt.inQ .point { position: relative; z-index: 3; display: block; text-align: center; background: #1FA9DF; border-radius: 1em; color: #fff; font-weight: 700; margin-bottom: .8em; }
main section#faqSct .eventB li .txt.inQ .point::before { content: ""; position: absolute; bottom: -.5em; left: calc(50% - .5em); width: 1em; height: 1em; background: #1FA9DF; transform: rotate(45deg); }
main section#faqSct .eventB li .txt.inQ .qr { position: absolute; top: 2.8em; right: 2em; width: 10em; }
main section#faqSct .eventB li .txt.inQ .qr span { display: block; text-align: center; background: #1FA9DF; color: #fff; font-size: 120%; font-weight: 700; letter-spacing: 0; white-space: nowrap; margin-bottom: .4em; }
main section#faqSct .eventB li .txt.inQ .qr a { display: block; width: 100%; }
main section#faqSct .eventB li .txt.inQ .qr a img { width: 100%; height: auto; }
main section#faqSct .eventB li .qr { font-size: 60%; font-weight: 500; }
main section#movieSct { background: #00AFEC; padding: 5em 11.7%; }
@media screen and (max-width: 599px) { main section#movieSct { padding: 3em 0 5em; } }
main section#movieSct h2 span { color: #fff; }
main section#movieSct .btn { position: relative; padding: 0 5%; }
main section#movieSct .btn a { position: relative; display: block; background: #fff; border-radius: 3em; text-align: center; color: #000; font-size: 150%; font-weight: 700; letter-spacing: .1em; padding: 1em 0; }
@media screen and (max-width: 599px) { main section#movieSct .btn a { font-size: 130%; letter-spacing: .05em; } }
main section#movieSct .btn a::after { content: ""; position: absolute; right: 2em; top: calc(50% - .35em); width: .7em; height: .7em; border-top: 3px solid #000; border-right: 3px solid #000; transform: rotate(45deg); }
@media screen and (max-width: 599px) { main section#movieSct .btn a::after { right: 1.5em; border-top: 2px solid #000; border-right: 2px solid #000; } }
main section#introductionSct { padding: 5em 11.7% 4.5em; }
@media screen and (max-width: 599px) { main section#introductionSct { padding: 3em 8% 4em; z-index: 5; } }
main section#introductionSct .intorB { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 1.2em; }
main section#introductionSct .intorB li { position: relative; margin-bottom: 1.3em; }
@media screen and (max-width: 599px) { main section#introductionSct .intorB li { margin-bottom: .8em; } }
main section#introductionSct .intorB li a { position: relative; display: block; width: 24vw; height: 14vw; background-repeat: no-repeat; background-position: centercenter; background-size: cover; cursor: pointer; transition: opacity .2s; }
@media screen and (max-width: 599px) { main section#introductionSct .intorB li a { width: 26.5vw; height: 18vw; } }
main section#introductionSct .intorB li a:hover { opacity: .6; }
main section#introductionSct .intorB li a.it01 { background-image: url("../img/intro_pic01.webp"); }
main section#introductionSct .intorB li a.it02 { background-image: url("../img/intro_pic02.webp"); }
main section#introductionSct .intorB li a.it03 { background-image: url("../img/intro_pic03.webp"); }
main section#introductionSct .intorB li a.it04 { background-image: url("../img/intro_pic04.webp"); }
main section#introductionSct .intorB li a.it05 { background-image: url("../img/intro_pic05.webp"); }
main section#introductionSct .intorB li a.it06 { background-image: url("../img/intro_pic06.webp"); }
main section#introductionSct .intorB li a.it07 { background-image: url("../img/intro_pic07.webp"); }
main section#introductionSct .intorB li a.it07 p { letter-spacing: 0; }
main section#introductionSct .intorB li a.it08 { background-image: url("../img/intro_pic08.webp"); }
main section#introductionSct .intorB li a.it09 { background-image: url("../img/intro_pic09.webp"); }
main section#introductionSct .intorB li a p { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); color: #fff; font-size: 140%; font-weight: 700; white-space: nowrap; }
@media screen and (max-width: 599px) { main section#introductionSct .intorB li a p { font-size: 100%; text-align: center; line-height: 1.4; } }
main section#campusSct { padding: 5em 11.7%; background: #00AFEC; }
@media screen and (max-width: 599px) { main section#campusSct { padding: 5em 8% 3em; z-index: 1; } }
main section#campusSct h2 span { color: #fff; }
main section#campusSct .campusB { position: relative; display: flex; justify-content: space-between; }
main section#campusSct .campusB .box { position: relative; width: 48.4%; }
@media screen and (max-width: 599px) { main section#campusSct .campusB .box { width: 47.5%; } }
main section#campusSct .campusB .box a { display: block; }
main section#campusSct .campusB .box a .place { display: block; background: #231815; border-radius: .15em; text-align: center; color: #fff; font-weight: 700; margin-bottom: 1em; }
main section#campusSct .campusB .box a .pic { display: block; width: 100%; height: auto; margin-bottom: .5em; }
@media screen and (max-width: 599px) { main section#campusSct .campusB .box a .pic { margin-bottom: .7em; } }
main section#campusSct .campusB .box a .add { display: block; color: #fff; font-size: 120%; font-weight: 700; margin-bottom: .3em; }
@media screen and (max-width: 599px) { main section#campusSct .campusB .box a .add { line-height: 1.4; margin-bottom: .5em; } }
main section#campusSct .campusB .box a .access { display: block; color: #fff; font-size: 90%; font-weight: 500; letter-spacing: 0; line-height: 1.6; }
main section#homeLinkSct { background: #fff; padding: 5em 11.7%; }
@media screen and (max-width: 599px) { main section#homeLinkSct { padding: 3em 0 5em; } }
main section#homeLinkSct .btn { position: relative; padding: 0 5%; margin-bottom: 2.5em; }
main section#homeLinkSct .btn a { position: relative; display: block; background: #00AFEC; border-radius: 3em; text-align: center; color: #fff; font-size: 150%; font-weight: 700; letter-spacing: .1em; padding: 1em 0; }
@media screen and (max-width: 599px) { main section#homeLinkSct .btn a { font-size: 130%; letter-spacing: .05em; } }
main section#homeLinkSct .btn a::after { content: ""; position: absolute; right: 2em; top: calc(50% - .35em); width: .7em; height: .7em; border-top: 3px solid #fff; border-right: 3px solid #fff; transform: rotate(45deg); }
@media screen and (max-width: 599px) { main section#homeLinkSct .btn a::after { right: 1.5em; border-top: 2px solid #fff; border-right: 2px solid #fff; } }

main section#ocLinkSct { background: #fff; padding: 1.5em 11.7%; }
@media screen and (max-width: 599px) { main section#ocLinkSct { padding: 1.5em 0 1.5em; } }
main section#ocLinkSct .btn { position: relative; /*padding: 0 5%;*/ margin-bottom: 2.5em; }
main section#ocLinkSct .btn a { position: relative; display: block; background: #00AFEC; border-radius: 3em; text-align: center; color: #fff; font-size: 150%; font-weight: 700; letter-spacing: .1em; padding: 1em 0; }
@media screen and (max-width: 599px) { main section#ocLinkSct .btn a { font-size: 130%; letter-spacing: .05em; } }
main section#ocLinkSct .btn a::after { content: ""; position: absolute; right: 2em; top: calc(50% - .35em); width: .7em; height: .7em; border-top: 3px solid #fff; border-right: 3px solid #fff; transform: rotate(45deg); }
@media screen and (max-width: 599px) { main section#ocLinkSct .btn a::after { right: 1.5em; border-top: 2px solid #fff; border-right: 2px solid #fff; } }

#footer { background: #00AFEC; color: #fff; text-align: center; padding: 1em 0; }
@media screen and (max-width: 599px) { #footer { padding: 1em 0 2.5em; } }
#footer .cpr { font-size: 80%; letter-spacing: .03em; }