@font-face {font-family: 'Oswald';src: url(font/Oswald-VariableFont_wght.ttf);font-display: swap;}#login.open{height: 250px;padding: 40px 0 100px;}#login p{display:block;text-align:right;line-height:80px;width:100%;max-width:500px;font-size:11pt;margin:0 auto;color:#333;}#login p input{width:65%;margin: 10px 20px;padding:10px;text-align:left;font-size:14pt;out-line:none;border:1px solid #ccc;line-height:20px;background:#f4f4f6;color:#666;outline:none;transition: all 0.3s;}#login p input:focus{background:#fff;border:1px solid var(--gold);}#login p input[type=submit]{-webkit-appearance: none;width:200px;font-size:13pt;display:block;margin:20px auto 0;color:var(--gold);text-align:center;background:#333;border:4px double var(--gold);cursor:pointer;transition: all 0.3s;}#login p input[type=submit]:hover{box-shadow:0 0 5px rgba(0,0,0,.2) inset;text-shadow:0 0 5px rgba(0,0,0,.2);background:rgba(240,245,255,1);}#login .login_help{position:absolute;bottom:0;left:calc(50% - 250px);width: 500px;font-size:12pt;line-height:60px;color:#fff;text-align:center;padding:0 20px;border-top:1px solid var(--gold);transition:all .6s;transition-delay:.4s;opacity:0;margin-bottom:20px;}#login.open .login_help{opacity:1;margin-bottom:0px;}#login .login_help a{display:inline-block;color:var(--gold);transition:all .3s;}#login .login_help a:hover{color:#333;}#login .login_help a+a{margin-left:50px;}#uploading__{width:100vw;height:100vh;height:100svh;background:rgba(0,0,0,.35);position:fixed;top:0;left:0;z-index:10000;}#uploading__ p{width:80px;height:72px;position:absolute;top:calc(50% - 40px);left:calc(50% - 36px);overflow:hidden;animation:loadup 2s ease 0s infinite;}@keyframes loadup{0%{opacity:1;height:72px;}100%{opacity:0;height:0px;}}#uploading__ svg{width:80px;height:auto;}#uploading__ svg .cls-1{fill:#726344;}.loading{background:transparent;width:100%;height:calc(100vh - 175px);position:relative;top:175px;}.calendar_list .loading{top:-30px;}.loading p,.loading p:before,.loading p *,.loading p *:before,.loading p *:after{content:"";display:block;position:absolute;text-indent:-9999px;}.loading p{opacity:0.5;text-indent:-9999px;width:40px;height:30px;overflow:hidden;border-radius:50%;top:calc(50% - 15px);left:calc(50% - 20px);transform:rotate(-20deg) translate3d(0,0,0) scale(2);}.loading p span:nth-child(1){width:27px;height:35px;top:-2px;left:-2px;overflow:hidden;transform:rotate(-8deg) translate3d(0,0,0);border-radius:50px 25px 25px 50px/40px 40px 40px 40px;}.loading p span:nth-child(1):before{width:8px;height:6px;border-radius:50%;top:-32px;left:-34px;border:50px solid var(--gold);}.loading p strong:before{width:25px;height:13px;background: var(--gold);border-radius:0 40px 10px 0/0 17px 9px 0;top:0;left:14px;transform:rotate(13deg);}.loading p strong:after{width:16px;height:8px;background: var(--gold);border-radius:0 15px 60px 0/0 10px 25px 0;top:22px;left:17px;transform:rotate(-3deg);}.loading p span:nth-child(2){width:9px;height:11px;overflow:hidden;top:12px;left:23px;transform:rotate(-2deg) translate3d(0,0,0);}.loading p span:nth-child(2):before{width:8px;height:9px;border-radius:50%;border:5px solid var(--gold);top:-3px;left:-1px;transform:rotate(-80deg);}.loading p span:nth-child(2):after{width:6px;height:6px;border-bottom:4px solid var(--gold);top:3px;left:2px;border-radius:0 0 0 5px/0 0 0 11px;transform:rotate(19deg);}.loading p:before{width:300%;height:900%;background:#fff;top:100px;left:0;transform:rotate(20deg);z-index:10;animation:load_pallet 2s ease 0s infinite;}@keyframes load_pallet{0%{opacity:1;left:-80px;top:40px;}60%{opacity:0.8;}100%{opacity:0;left:-45px;top:0;}}atricle,#temp,.user_page{height:calc(100dvh - 170px);overflow: scroll;min-height: -webkit-fill-available;overflow-scrolling: touch;-webkit-overflow-scrolling: touch;}footer:before,footer:after{content:"";display:block;width:60vw;height:60vw;position:fixed;opacity:0;z-index:-1;margin-top:10vw;transition: all 3s;background:#f7f7f7;transform:scale(0.5);filter:blur(5px);top:20vh;right:-30vw;animation:loop 60s ease 0.5s infinite;}#lesson.active~footer:before,#information.active~footer:after{opacity:1;transition-delay: 1s;transform:rotate(45deg) scale(1) translate3d(0px, 0px, 0px);}#gallery.active~footer:before{opacity:0;}footer:after{background:#aaa;top:20vh;right:auto;left:-30vw;border-radius:40% 60%/60% 40%;}@keyframes loop{0%{margin-top:10vw;margin-left:-50vw;transform:rotate(45deg) scale(1) translate3d(0px, 0px, 0px);}50%{margin-top:0;margin-left:0vw;transform:rotate(225deg) scale(1.5) translate3d(0px, 0px, 0px);}100%{margin-top:10vw;margin-left:-50vw;transform:rotate(405deg) scale(1) translate3d(0px, 0px, 0px);}}#bg_image:before{content:"";position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:100%;height:100%;background-size: cover;background-position:top center;background-repeat:no-repeat;transition:all 1.5s;z-index:-1;opacity:0;filter: blur(20px) contrast(200%);will-change:opacity, background-position,width,height ,filter;}#bg_image.pic:before{width:100%;height:100%;background-position:top center;transition:opacity 1.5s,background-position 3s,width 3s,height 3s,filter 3s;opacity:1;filter: blur(0) contrast(100%);}#bg_image.bgnone:before{width:150%;height:150%;background-position: center center;opacity:0!important;transition:all 1s;filter: blur(20px) contrast(200%);}#bg_image.top:before{background-image:url("../img/top/scetch.webp");background-position:bottom center;}#bg_image.scean:before{background-image:url("../img/course/society.webp");}#bg_image.experience:before{background-image:url("../img/top/experience.webp");}#bg_image.online:before{background-image:url("../img/course/online.webp");background-position:25% top;}#bg_image.society:before{background-image:url("../img/lesson/scl.webp");}#bg_image.exam:before{background-image:url("../img/course/exam.webp");}#bg_image.event:before{background-image:url("../img/top/event.webp");}#bg_image:after{content:"";width:100%;height:100%;display:block;position:absolute;left:0;top:0;z-index:-2;background-color:#000a;}header li[rel="society"] h2{letter-spacing:0.09em}header.fixed:after{animation:head_sum 0.5s ease forwards 0s;}@keyframes head_sum{0%{height:250px;filter: blur(20px) contrast(200%);opacity:0;}100%{height:150px;filter:blur(0) contrast(100%);opacity:1;}}@font-face {font-family: 'Sawarabi Mincho';src: url(font/SawarabiMincho-Regular.ttf);font-display: swap;}#point p,#point p strong{font-size:clamp(11pt,1.3vw,15pt);}#point div p:nth-of-type(1){transition-delay:.5s;}#point div p:nth-of-type(2){transition-delay:.8s;}#point div p:nth-of-type(3){transition-delay:1.1s;}#point div p:nth-of-type(4){transition-delay:1.4s;}#point .active h3,#point div.active p,#point div.active div{opacity:1;transform:translate(0 ,0);}#point div[class^=point_0]{margin-bottom:200px;}#point .point_01 label{float:right;text-indent:-9999px;width:80px;height:25px;margin:20px 0;position:relative;z-index:1;background:#333;box-shadow:0 0 10px rgba(0,0,0,.8) inset;border-radius:5px;padding:0;}#point .point_01 label:before{content:"フリー";width:50px;height:100%;line-height:25px;color:#fff;text-indent:0;text-align:center;position:absolute;left:0;top:0;transition:all .3s;border:none;transform:none;background:var(--gold);box-sizing:border-box;box-shadow:1px 1px 0 rgba(255,255,255,0.3) inset,-1px -1px 0 rgba(0,0,0,0.3) inset;border-radius:5px;}#point .point_01 input:checked+label:before{left:30px;background:deeppink;}#point .point_01 label:after{display:none;}#point .point_01 ul{clear:both;width:100%;max-width:700px;height:70px;border-radius:25px;position:relative;display:flex;overflow:hidden;z-index:0;}#point .point_01 ul li{display:block;text-align:center;line-height:25px;position:relative;width:calc(100% / 9);color:#fff;text-indent:-9999px;}#point .point_01 ul li:not(#time_bar):before,#point .point_01 ul li:not(#time_bar):after{content:"";display:block;position:absolute;top:0;left:1px;height:100%;width:calc(100% - 2px);z-index:-3;transition:all .3s;}#point .point_01 ul li:not(#time_bar,[rel="12"],[rel="17"],[rel="18"]){cursor:pointer;}#point .point_01 ul li:not(#time_bar,[rel="12"],[rel="17"],[rel="18"]):before{background:rgba(255,255,255,.5);}#point .point_01 ul li:not(#time_bar,[rel="12"],[rel="17"],[rel="18"]):hover:before{background:rgba(255,255,255,.8);}#point .point_01 ul li[rel="12"]:before,#point .point_01 ul li[rel="17"]:before,#point .point_01 ul li[rel="18"]:before{background:rgba(155,155,155,.5);}#point .point_01 ul li:not(#time_bar):after{text-indent:0;content:attr(rel) ":00";}#point .point_01 #time_bar{position:absolute;text-indent:0;font-size:15pt;text-shadow:0 0 5px rgba(0,0,0,.5);width:calc((100% / 9) * 3);background:#33a0dbaa;transition:all .3s;top:0;height:70px;text-align:center;line-height:85px;font-family:'Sawarabi Mincho';transition:margin 4s,left .5s,width .5s;margin-left:calc((100% / 9) * -5);left:calc((100% / 9) * 3);z-index:-1;}#point .point_01.active #time_bar{margin-left:0;}#point .point_02.active div{transform:translate(-50% ,0);}#point .point_02 ol{display:flex;flex-wrap:wrap;width:100%;top:0;left:0;user-select:none;position:absolute;cursor:grab;will-change:transform;}#point .point_02 ol:active{cursor:grabbing;}#point .point_02 ol+ol{left:100%;}#point .point_02.active ol{transition:transform .8s ease-out;transition-delay: 4.5s;transform:translate(-100%,0);}#point .point_02 li{display:block;height:60px;box-sizing:border-box;width:calc(100% / 8);}#point .point_02 li.week{text-align:center;color:#fff;height:30px;line-height:30px;font-size:11pt;font-family: 'Mandali'!important;}#point .point_02 li:not(.week){padding:10px;position:relative;font-size:11pt;}#point .point_02 li:not(.week):before{position:absolute;content:"";display:block;background:rgba(255,255,255,.5);width:calc(100% - 2px);height:calc(100% - 2px);top:1px;left:1px;z-index:-2;}#point .point_02 li.on{width:calc(100% / 5.6);}#point .active .on em{transform:scale(1);opacity:1;}#point ol em.a_1{transition-delay:1.5s;}#point ol+ol em.a_1{transition-delay:5s;}#point ol em.a_2{transition-delay:2s;}#point ol+ol em.a_2{transition-delay:5.5s;}#point ol em.a_3{transition-delay:2.5s;}#point ol+ol em.a_3{transition-delay:6s;}#point ol em.a_4{transition-delay:3s;}#point ol+ol em.a_4{transition-delay:6.5s;}#point ol em.a_5{transition-delay:3.5s;}#point ol+ol em.a_5{transition-delay:7s;}#point ol em.a_6{transition-delay:4s;}#point ol+ol em.a_6{transition-delay:7.5s;}#point ol em.a_7{transition-delay:4.5s;}#point ol+ol em.a_7{transition-delay:8s;}#point ol em.a_8{transition-delay:5s;}#point ol+ol em.a_8{transition-delay:8.5s;}#point ol em.a_9{transition-delay:5.5s;}#point ol+ol em.a_9{transition-delay:9s;}#point .point_02 div.reset{transition:all .3s!important;transition-delay: 0s!important;transform:translate(0 ,-20%)!important;opacity:0!important;}#point .point_03.active div{opacity:1;}#point .point_03 p{margin-bottom:50px;}#point .point_03 ol{width:80%;min-width:400px;height:220px;margin:0 auto;display:flex;}#point .point_03 li{width:calc((100% / 7) - 14px);height:100%;margin:0 7px;position:relative;padding-top:180px;text-align:center;box-sizing:border-box;color:#ccc;}#point .point_03 li:before{content:"";position:absolute;display:block;bottom:40px;left:0;background:#cf7aafc2;background-image: linear-gradient(23deg, rgba(55, 240, 255, 1) 10%, rgba(247, 35, 240, 1) 90%);width:100%;transition:height .5s ease;height:0px;}#point .point_03.active li:nth-child(1):before{transition-delay:0.5s;height:20px;}#point .point_03.active li:nth-child(2):before{transition-delay:.7s;height:30px;}#point .point_03.active li:nth-child(3):before{transition-delay:.9s;height:50px;}#point .point_03.active li:nth-child(4):before{transition-delay:1.1s;height:70px;}#point .point_03.active li:nth-child(5):before{transition-delay:1.3s;height:90px;}#point .point_03.active li:nth-child(6):before{transition-delay:1.5s;height:110px;}#point .point_03.active li:nth-child(7):before{transition-delay:1.7s;height:130px;}#point .point_03.active li:nth-child(1) span{transition-delay:.5s;top:110px;opacity:1;}#point .point_03.active li:nth-child(2) span{transition-delay:0.7s;top:100px;opacity:1;}#point .point_03.active li:nth-child(3) span{transition-delay:0.9s;top:80px;opacity:1;}#point .point_03.active li:nth-child(4) span{transition-delay:1.1s;top:60px;opacity:1;}#point .point_03.active li:nth-child(5) span{transition-delay:1.3s;top:40px;opacity:1;}#point .point_03.active li:nth-child(6) span{transition-delay:1.5s;top:20px;opacity:1;}#point .point_03.active li:nth-child(7) span{transition-delay:1.7s;top:0px;opacity:1;}#point .point_03 li strong{display:inline-block;font-size:20pt;margin-right:5px;color:#fff;font-family:'Sawarabi Mincho';}#point .point_03 li span strong{font-size:15pt;margin-right:2px;}#point .point_03 em{display:block;color:#aaa;width:80%;margin:10px auto 100px;font-size:10pt;text-align:right;}#point .point_03 em:before{content:"※";display:inline-block;margin-right:3px;}#point div.refer{position:relative;height:230px;margin:50px auto 120px;}#point .refer span,#point .refer strong{position:absolute;display:block;font-family:'Sawarabi Mincho';left:50%;}#point .refer span{text-indent:-9999px;width:100px;min-width:100px;height:250px;background-repeat:no-repeat;background-size:auto 270px ;background-position:-166px -22px;background-image:url("../img/top/mans.webp");transition:transform 1.2s,opacity 1.2s;transition-delay:.5s;opacity:0;top:0px;left:50%;transform:translate(50px,0);}#point .refer span:nth-of-type(1){transform:translate(0,-30px);margin-left:-100px;}#point .refer span:nth-of-type(2){background-position:10px -22px;transition-delay:1.5s;margin-left:-210px;}#point .refer.active span{opacity:1;transform:translate(0,0);}#point .refer strong span{display:none;}#point .refer strong:nth-of-type(1){--po3:#00cafe99;width:160px;height:80px;margin-left:20px;border-radius:50px;line-height:80px;text-align:center;background:var(--po3);color:#fff;text-indent:4px;letter-spacing:.15em;font-size:18pt;opacity:0;top:10px;transition:all 1.2s ease;transition-delay:1s;transform:translate(0,30px);}#point .refer strong:nth-of-type(2){opacity:0;transition:all 1.3s ease;transition-delay:1.7s;}#point .point_03 .refer.active strong{opacity:1;transform:translate(0,0);}#point .refer strong:nth-of-type(1):before{content:"";display:block;width:0;height:0;border:10px solid transparent;border-top-color:var(--po3);border-left-color:var(--po3);position:absolute;left:40px;bottom:-20px;}#point .refer strong:nth-of-type(1):after{content:"すると";font-family:suns-serif;display:inline;font-size:12pt;}#point .refer strong:nth-of-type(2){width:160px;height:100px;line-height:100px;text-align:right;color:var(--gold);padding-right: 50px;font-size:100pt;bottom:10px;}#point .refer strong:nth-of-type(2):before,#point .refer strong:nth-of-type(2):after{content:"%";width:50px;line-height:20px;display:block;font-size:35pt;color:#eee;position:absolute;left:150px;top:40px;}#point .refer strong:nth-of-type(2):after{content:"OFF";font-size:12pt;top:auto;bottom:0;}#point div.refer.reset span,#point div.refer.reset strong{transition:all .3s!important;transition-delay:0!important;opacity:0!important;}#point div.refer.reset span:nth-of-type(1){transform:translate(0,-30px)!important;}#point div.refer.reset span:nth-of-type(2){transform:translate(30px,0)!important;}#point div.refer.reset strong:nth-of-type(1){transform:translate(0,30px)!important;}#point .point_03 .student{margin:30px auto;}#point .point_03 .student p{line-height:70px;height:70px;margin:20px 10%;padding:0 50px;font-size:18pt;border-radius:25px;position:relative;white-space:nowrap;letter-spacing:0.2em;background:var(--ipan);font-weight:bold;overflow:hidden;}#point .point_03 .student p:before{content:"学生";display:block;width:100%;position:absolute;left:50%;padding:0 50px;top:0;color:var(--juken);background:var(--ipan);text-indent:100px;opacity:0;}#point .point_03 .student.active p:before{transition:left .3s, text-indent .9s , color .7s , opacity .3s ,background .3s;transition-delay:1.2s;opacity:1;background:var(--juken);color:#fff;text-indent:0;left:0;}#point .point_03 .student.reset p:before{transition:all .3s;transition-delay:0s;}#point .point_03 .student p span{position:absolute;width:100px;font-size:18pt;letter-spacing:0.01em;display:block;overflow:hidden;background:deeppink;background:#d55eab;text-align:center;font-weight:bold;text-indent:100px;right:-100px;top:0;z-index:1;}#point .point_03 .student.active p span{transition:right .3s,text-indent .9s;transition-delay:1.8s;right:0px;text-indent:0;}#point .point_03 .student.reset p span{transition:all .3s;transition-delay:0s;}#point .point_04 .myatorie_div{width:80%;height:300px;max-width:800px;margin:10px auto;display:flex;align-items: center;justify-content: space-between;}#point .point_04 .myatorie_div img{width:calc(50% - 23px);height:auto;min-width:100px;box-shadow:0 0 10px rgba(0,0,0,.5);}#point .point_04 .myatorie_div strong{display:block;--po04:#fb5778;background:var(--po04);padding:0 20px;font-size:12pt;height:50px;line-height:50px;position:relative;min-width:120px;margin:0 -25px 0 -50px;z-index:2;}#point .point_04 .myatorie_div strong:after{content:"";display:block;position:absolute;width:0;height:0;padding:0;line-height:0;top:-14px;right:-65px;border:40px solid transparent;border-left:25px solid var(--po04);}#point .point_04 .po4_1{max-width:300px;}#point .point_04 .po4_2{max-width:200px;}@media screen and (max-width: 550px){#point .point_04 .myatorie_div{flex-direction: column;height:600px;}#point .point_04 .myatorie_div strong{min-width:100px;text-align:center;margin: 20px 0 55px 0;}#point .point_04 .myatorie_div strong:after{top:auto;bottom:-125px;right:-19px;border:90px solid transparent;border-top:35px solid var(--po04);}#point .point_04 .myatorie_div img{width:80%;max-width:350px;}}#gallery li:hover img{transform: translate(-50%,0) scale(1.3);}#gallery li:nth-child(odd){transform: translate(0,150%);}#gallery li:nth-child(even){transform: translate(0,-150%);}#gallery.active li{opacity:.5;transform: translate(0,0);transition:transform .8s ease,opacity .8s ease;will-change:transform;}#gallery.active li:hover{opacity:1;}#gallery.active li:nth-child(1){transition-delay:.5s;background-color:rgba(250,100,100,.8);}#gallery.active li:nth-child(2){transition-delay:1s;background-color:rgba(100,250,100,.8);}#gallery.active li:nth-child(3){transition-delay:1.5s;background-color:rgba(100,100,250,.8);}#gallery.active li:nth-child(4){transition-delay:2s;background-color:rgba(250,250,100,.8);}#gallery.active li:nth-child(5){transition-delay:2.5s;background-color:rgba(100,250,250,.8);}em.close{display:block;width:40px;height:40px;cursor:pointer;background:#333;color:#fff;position:fixed;top:190px;right:40px;border:4px double var(--gold);box-sizing:border-box;transform:rotate(45deg);text-indent:-9999px;z-index:12;box-shadow: 0 0 10px rgba(0,0,0,.3),0 0 10px rgba(0,0,0,.3)inset;}em.close:hover{background: rgba(240,245,255,1);}em.close:before,em.close:after{content:"";display:block;width:2px;height:25px;position:absolute;top:4px;left:15px;background:var(--gold);}em.close:before{transform:rotate(-90deg);}#goto.open{height:calc(100vh - 260px);}@keyframes picdown{0%{margin-top:3px;margin-left:3px;}70%{margin-top:-4px;margin-left:-4px;}100%{margin-top:3px;margin-left:3px;}}#goto ol{position:absolute;top:35px;left:0;text-align:center;width:80px;height:0;overflow:hidden;z-inde:11;transition: all 0.3s;transform-origin:top;will-change:height;}#goto.open ol{height:calc(100vh - 350px);}#goto ol:before{content:"";display:block;z-index:-1;width:2px;height:0;background:var(--gold);position:absolute;left:39px;top:40px;}#goto.open ol:before{height:95%;transition: all 0.2s;}#goto li{z-index:1;width:40px;height:40px;position:absolute;left:20px;bottom:0;margin:0;transition: all 0.3s;}#goto.open li{cursor:pointer;display:block;position:relative;margin-top:20px;margin-bottom:calc((100vh - 350px) / 5 - 50px);}#goto li a{display:block;width:40px;cursor:pointer;height:40px;background:#333;box-sizing:border-box;border:4px double var(--gold);text-indent:-9999px;transform:rotate(45deg);}#goto.open li a{box-shadow:0 0 10px rgba(0,0,0,.3),0 0 10px rgba(0,0,0,.3)inset;}#goto li:hover{transform:scale(1.2);}#goto a[rel=goTop]:hover,#goto li:hover a{background:rgba(240,245,255,1);}#goto li.active a{border:4px solid var(--gold);background:rgba(235,245,255,1);}#goto li:before,#goto li:after,#goto li *:before,#goto li *:after{content:"";display:block;position:absolute;z-index:3;}#goto li[rel=golesson] a:before{width:5px;height:5px;border:2px solid transparent;border-top:2px solid var(--gold);border-right:2px solid var(--gold);top:6px;left:10.5px;background:var(--gold);box-shadow:0 -4px 0 #333 inset,-4px 0 0 #333 inset;transform: rotate(35deg) skew(27deg, 27deg);}#goto li[rel=golesson] a:after{width:2px;height:13px;background:var(--gold);top:11px;left:14px;border:2px solid var(--gold);transform:rotate(-10deg);} #goto li[rel=golesson] a:hover:before{box-shadow:0 -4px 0 rgb(240,245,255) inset,-4px 0 0 rgb(240,245,255) inset;}#goto li[rel=golesson].active a:before{box-shadow:0 -4px 0 rgb(235,245,255) inset,-4px 0 0 rgb(235,245,255) inset;}#goto li[rel=gogallery]:before,#goto li[rel=gogallery]:after{border: 3px solid var(--gold);border-top: 3px double var(--gold);border-left: 3px double var(--gold);}#goto li[rel=gogallery]:before{width: 5px;height: 8px;left: 19px;top: 9px;}#goto li[rel=gogallery]:after{width: 8px;height: 12px;background:#333;left: 11px;top: 13px;}#goto li[rel=gogallery]:hover:after{background:rgba(240,245,255,1);}#goto li[rel=gogallery].active:after{background:rgba(235,245,255,1);}#goto li[rel=goinformation]:before,#goto li[rel=goinformation]:after{width:4px;background:var(--gold);transform: skewY(-30deg);left:18px;}#goto li[rel=goinformation]:before{height:3px;top:10px;}#goto li[rel=goinformation]:after{height:12px;top:16px;}#goto li[rel=goaccess]:before{height:9px;width:9px;top:12px;left:11.5px;border-radius:50% 50% 50% 0;border:3px solid var(--gold);transform:rotate(-45deg) ;}#goto li[rel=goaccess]:after{height:5px;width:5px;top:17px;left:17px;border-radius:50%;background: var(--gold);}#goto li[rel=gocontact]:before{height:9px;width:14px;top:14px;left:11px;border:2px solid var(--gold);}#goto li[rel=gocontact]:after{height:9px;width:9px;top:11px;left:14.5px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg);}header ul li[rel="online"] h2{padding:0;}header ul li[rel="online"] a{background:#333;border:4px double var(--gold);font-size:12pt;line-height:40px;display:block;width:90px;text-align:center;margin:10px 5px;padding:0 20px;transition:all .3s;color:var(--gold);}header ul li[rel="online"] a:hover{transform:scale(1.2);background:#f8f8ff;box-shadow:0 0 10px rgba(0,0,0,.3) inset,0 0 10px rgba(0,0,0,.3);}#bg_image.art_note:before{background-image:url("../img/note/20230524_034800.webp");box-shadow:-30vw 0 20vw rgba(0,0,0,.3) inset,30vw 0 20vw rgba(0,0,0,.3) inset;}header ul li[rel="art_note"] h2{font-family:  "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;white-space: nowrap;font-family: 'URW';font-weight:normal;color: #fff;padding:0;letter-spacing: 0.15em;}header ul li[rel="art_note"] p{letter-spacing:0.05em;}header ul li[rel="art_note"] p .note_title{white-space: nowrap;font-size: 13pt;font-family: 'URW';letter-spacing: 0.4em;padding-right:5px;}header ul li[rel="art_note"] p a{box-sizing:border-box;font-family: 'URW';letter-spacing: 0.4em;text-align:center;line-height:40px;font-size:11pt;width:130px;margin:10px 0;height:50px;color:#415e5e;border-radius:25px;text-indet:10px;cursor:pointer;background:rgba(255,255,255,.8);box-shadow:0 0 10px rgba(0,0,0,.1);border:4px double #415e5e;transition:all 0.3s;}header ul li[rel="art_note"] p a:hover{transform:scale(1.3);border-color:#555;color:#555;box-shadow:0 0 5px rgba(0,0,0,.5),0 0 15px rgba(255,255,255,.8);}header ul li[rel="art_note"] p a:active{color:#84b5ff;}header ul li[rel="campaign"] div:before{}header ul li[rel="campaign"] h2{color:#fff;text-shadow:1px 1px 5px #333;font-size: clamp(15pt, 9vw, 25pt)!important;position:relative;z-index:2;}header ul li[rel="campaign"] h2 strong{font-weight:bold;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;font-size: clamp(20pt, 9vw, 40pt)!important;}header ul li[rel="campaign"] p{text-shadow:1px 1px 5px #000;}header ul li[rel="campaign"] span{text-indent:20px;font-weight:bold;letter-spacing:0.1em;display:block;font-size: clamp(20pt, 2.2vw, 18pt);}header ul li[rel="campaign"] em{font-family: 'Sawarabi Mincho';font-size: clamp(30pt, 2.2vw, 25pt);}
/* * * * * * * * * * * * * * * * * * * * *

    Ⓒwebstudio WhitePallet

 * * * * * * * * * * * * * * * * * * * * */