@charset "utf-8";:root{--default-font:'Noto Sans JP',sans-serif;--icon-bootstrap:'bootstrap-icons';--main-color:#366dbe;--main-color-rgb:54,109,190;--sub-color:#def5ef;--point-color:#41250f;--check-color:#c00;--link-color:#00f;--font-color:#111;--normal:400;--bold:700}header{position:fixed;top:0;left:0;width:100%;height:95px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;z-index:1000;border-top:7px solid var(--main-color);box-sizing:border-box;background-color:#fff}header #logo{width:288px;height:auto;position:absolute;top:50%;left:2%;transform:translateY(-50%);opacity:1;transition:.2s}header #header-inner{flex:1;padding-right:2%}nav#header-nav{display:flex;justify-content:flex-end;align-items:flex-start}nav#header-nav ul{display:flex;justify-content:flex-end;align-items:center;margin-bottom:.5em}nav#header-nav ul li{font-size:.8em;line-height:1}nav#header-nav ul li:not(:first-of-type){border-left:1px solid var(--font-color);margin-left:1em;padding-left:1em}nav#header-nav ul li.sns{box-sizing:border-box;width:24px;height:auto;aspect-ratio:1/1;border-left:none;padding-left:0;margin-left:.5em}nav#header-nav ul li a{color:var(--font-color);text-decoration:none}nav#header-nav ul li:not(.sns) a:hover{border-bottom:1px dashed var(--main-color)}nav#global-nav>ul{display:flex;justify-content:flex-end;margin-bottom:5px}nav#global-nav>ul>li{position:relative;font-size:.9em;line-height:1;font-weight:600;margin-left:20px}nav#global-nav>ul>li>a{text-decoration:none;color:var(--font-color);position:relative;cursor:pointer}nav#global-nav>ul>li>a:after{content:"";width:100%;height:1px;background:#fff;position:absolute;bottom:-.3em;left:0;transform:scaleX(0);transition:.1s ease-in}nav#global-nav>ul>li>a:hover:after{transform:scaleX(100%);transition:.1s ease-in}nav#global-nav>ul>li>ul{box-sizing:border-box;width:auto !important;height:auto !important;position:absolute;top:2.2em;left:50%;z-index:100;background:#fff;background:rgba(255,255,255,.95);border-radius:3px;overflow:hidden;transform:translateX(-50%);text-align:center;padding:0;box-shadow:2px 2px 6px #ccc}nav#global-nav>ul>li>ul>li{display:block;font-size:.95em;line-height:1.8;width:auto !important}nav#global-nav>ul>li>ul>li>a{display:block;text-decoration:none;line-height:3.2;color:var(--main-color);padding:0 2.5em;white-space:nowrap}nav#global-nav>ul>li>ul>li>a:hover{background-color:var(--sub-color)}#fade-in li ul{visibility:hidden;opacity:0;transition:.4s}#fade-in li:hover ul{visibility:visible;opacity:1}#fade-in li ul li a{visibility:hidden;opacity:0;transition:.4s}#fade-in li:hover ul li a{visibility:visible;opacity:1}#index-billboard{padding-top:95px;position:relative;width:100%;aspect-ratio:16/9;background-color:#f2fcfe;overflow:hidden;display:flex;align-items:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 810' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='grad' x1='0%25' y1='0%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' style='stop-color:%23C6ECF6'%3E%3Canimate attributeName='stop-color' values='%23C6ECF6;%23AAE2D5;%23C6ECF6' dur='8s' repeatCount='indefinite' /%3E%3C/stop%3E%3Cstop offset='50%25' style='stop-color:%23AAE2D5'%3E%3Canimate attributeName='stop-color' values='%23AAE2D5;%23C6ECF6;%23AAE2D5' dur='8s' repeatCount='indefinite' /%3E%3C/stop%3E%3Cstop offset='100%25' style='stop-color:%23C6ECF6'%3E%3Canimate attributeName='stop-color' values='%23C6ECF6;%23AAE2D5;%23C6ECF6' dur='8s' repeatCount='indefinite' /%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='none' stroke='url(%23grad)' stroke-width='120' stroke-linecap='butt' d='M0,450 C300,100 700,100 1000,350 C1150,480 1450,480 1650,450'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:105% 100%;background-position:-50px center}#index-billboard-inner{position:relative;width:100%;height:100%;margin:0 auto;z-index:10}figure.mv-box{position:absolute;margin:0;overflow:hidden;border-radius:12px;z-index:2}figure.mv-box.box-bottom{border-radius:0 12px 0 0}.mv-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}figure.box-main{top:18%;right:2%;width:64%;aspect-ratio:1448/820;z-index:1}figure.box-top{top:5%;left:16%;width:15%;aspect-ratio:640/415;z-index:1}figure.box-bottom{bottom:0;left:-20px;width:18%;aspect-ratio:640/415;z-index:3;box-shadow:0 10px 30px rgba(0,0,0,.1)}.mv-content{position:absolute;top:50%;left:5%;transform:translateY(-50%);z-index:4;text-align:left}.mv-title{font-size:2.5rem;line-height:1.4;margin-bottom:15px;text-shadow:0 0 15px rgba(255,255,255,.8)}@keyframes first-fade-main{0%{opacity:0}20%{opacity:0}60%{opacity:1}100%{opacity:1}}@keyframes loop-fade-main{0%{opacity:1}35%{opacity:1}50%{opacity:0}85%{opacity:0}100%{opacity:1}}@keyframes loop-fade-sub{0%{opacity:0}35%{opacity:0}50%{opacity:1}85%{opacity:1}100%{opacity:0}}.mv-img.fade{z-index:2;opacity:0}.box-main .fade{animation:first-fade-main 8s ease-in-out 0s 1 normal forwards,loop-fade-main 20s ease-in-out 8s infinite normal none}.box-top .fade{animation:loop-fade-sub 16s ease-in-out infinite}.box-bottom .fade{animation:loop-fade-sub 18s ease-in-out 3s infinite}section.index-contents{position:relative;width:1280px;margin:0 auto;padding:5em 0 8em;text-align:left;z-index:1}section.index-contents h2{font-size:1em;margin-bottom:1em}section.index-contents h2 span{font-size:3.2rem;color:var(--main-color);margin-right:1rem}.contents-box{width:600px}ul.topics-list{margin-bottom:1em}ul.topics-list li a{display:block;padding-bottom:1em;text-decoration:none}ul.topics-list li:not(:first-child) a{border-top:1px solid #ccc;padding-top:1em}ul.topics-list li a time{display:block;color:var(--font-color);font-size:.85em}ul.topics-list li a:hover span{text-decoration:underline}.button a{position:relative;display:inline-flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid var(--font-color);border-radius:99999px;color:var(--font-color);font-size:.9em;padding:.5em 7.5em .5em 1.5em;text-decoration:none}.button a:before{position:absolute;content:"";top:.7em;right:1em;background-color:var(--main-color);border-radius:99999px;width:4em;height:1.4em}.button a:after{position:absolute;content:"→";top:.5em;right:2em;color:#fff;transform:scaleX(1.5)}.button a:before,.button a:after{transition:transform .25s ease}.button a:hover:before{animation:floatBounce .4s ease-out}@keyframes floatBounce{0%{transform:translateY(0)}30%{transform:translateY(-4px)}55%{transform:translateY(0)}75%{transform:translateY(-2px)}100%{transform:translateY(0)}}.button a:hover:after{animation:arrowBounce .4s ease-out}@keyframes arrowBounce{0%{transform:scaleX(1.5) translateY(0)}30%{transform:scaleX(1.5) translateY(-4px)}55%{transform:scaleX(1.5) translateY(0)}75%{transform:scaleX(1.5) translateY(-2px)}100%{transform:scaleX(1.5) translateY(0)}}table.schedule-table{border-collapse:collapse;width:100%;margin-bottom:2em}table.schedule-table caption{font-weight:var(--bold);text-align:left;margin-bottom:1em}table.schedule-table tr:nth-child(odd){background-color:#f4f4f4}table.schedule-table th{width:10em;font-weight:var(--normal);padding:1em;text-align:left;vertical-align:top}table.schedule-table td{padding:1em .5em}p.no-events{margin-bottom:2em}section.career-contents{position:relative;background-color:#f4f4f4;display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden}section.career-contents:after{position:absolute;content:"CHINO HIGH SCHOOL";top:0;left:-.2em;width:100%;text-align:left;color:#fff;font-weight:200;white-space:nowrap;font-size:clamp(3rem, 10vw, 10em);line-height:1;opacity:.7;z-index:0}.career-text{position:relative;width:420px;margin-left:calc((100% - 1280px)/2);padding-top:8em;text-align:left;z-index:1}.career-text h2{font-size:1.8em;margin-bottom:1em}.career-flow{position:relative;flex:1;z-index:1;width:100%;aspect-ratio:3/2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1500 1000' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='grad' x1='0%25' y1='100%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' style='stop-color:%23CAEDE6' /%3E%3Cstop offset='40%25' style='stop-color:%23CAEDE6' /%3E%3Cstop offset='100%25' style='stop-color:%230652c1' /%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23grad)' fill-opacity='0.85' d='M0,1000 L1500,100 L1100,0 Z' /%3E%3C/svg%3E");background-repeat:no-repeat;background-size:200% 240%;background-position:42% center}ul.school-life-list{position:absolute;top:0;left:0;width:100%;height:100%}ul.school-life-list li{display:flex;width:100%;position:absolute}.school-life-list li:nth-child(1){bottom:10%;left:5%}.school-life-list li:nth-child(2){bottom:35%;left:22%}.school-life-list li:nth-child(3){bottom:60%;left:39%}ul.school-life-list li .school-year{position:relative;background-color:#fff;border-radius:50%;width:8em;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;z-index:2}ul.school-life-list li:nth-child(2) .school-year{width:9em}ul.school-life-list li:nth-child(3) .school-year{width:10em}ul.school-life-list li .school-year .school-year-inner{color:var(--main-color);font-family:"Zen Maru Gothic",sans-serif;font-size:1.3rem;font-weight:500}ul.school-life-list li .school-year .school-year-inner span{width:5em;text-align:center;margin:0 auto;background-color:#f4f4f4;border-radius:9999px;color:var(--font-color);font-family:var(--default-font);font-size:.8rem;font-weight:var(--bold);display:block}ul.school-life-list li figure{position:absolute;top:-20px;left:-160px;width:170px;height:auto;z-index:1}ul.school-life-list li figure img{border-radius:12px}ul.school-life-list li p{max-width:22vw;position:absolute;top:50%;left:8em;text-align:left;padding:.5em .5em 0}ul.school-life-list li:nth-child(2) p{left:9em}ul.school-life-list li:nth-child(3) p{left:10em}ul.school-life-list li p:before{position:absolute;content:"";top:0;left:0;width:100%;height:1px;background-color:var(--font-color)}ul.contents-list{display:flex;justify-content:space-between}ul.contents-list li{position:relative}ul.contents-list li:before{position:absolute;color:#f4f4f4;font-size:3em;font-weight:200;top:30px;left:50%;width:50%;text-align:center}ul.contents-list li:nth-child(1):before{content:"About"}ul.contents-list li:nth-child(2):before{content:"School Life"}ul.contents-list li a{width:620px;border:1px solid #9a9a9a;background-color:#fff;border-radius:12px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;text-decoration:none}ul.contents-list li a figure{width:50%}ul.contents-list li a h2{position:relative;width:50%;color:var(--font-color);font-size:1.4rem;font-weight:var(--bold);text-align:center}ul.contents-list li a h2:before{position:absolute;content:"";bottom:-1.2em;left:0;right:0;background-color:var(--main-color);border-radius:99999px;width:4rem;height:1.4rem;margin:auto}ul.contents-list li a h2:after{position:absolute;content:"→";bottom:-1.8em;left:0;right:0;color:#fff;font-weight:var(--normal);font-size:1rem;transform:scaleX(1.5);margin:auto}ul.contents-list li a h2:before,ul.contents-list li a h2:after{transition:transform .25s ease}ul.contents-list li a:hover h2:before{animation:floatBounce .4s ease-out}ul.contents-list li a:hover h2:after{animation:arrowBounce .4s ease-out}section.future-contents{position:relative;display:flex;justify-content:space-between;flex-direction:row-reverse;z-index:1}section.future-contents figure{width:calc( 50% - 20px );height:auto;object-fit:contain;aspect-ratio:16/9;border-radius:0 12px 12px 0;overflow:hidden}section.future-contents .future-text{text-align:left;flex:1;margin-left:40px}section.future-contents .future-text h2{font-size:1em;margin-bottom:1em}section.future-contents .future-text h2 span{font-size:3.2rem;color:var(--main-color);margin-right:1rem}ul.future-list{width:620px}ul.future-list li a{position:relative;display:block;padding:1em 0;color:var(--font-color);font-size:1.3em;font-weight:var(--normal);text-decoration:none}ul.future-list li:not(:last-child) a{border-bottom:1px solid #ccc}ul.future-list li a:before{position:absolute;content:"";top:1.3em;right:0;background-color:var(--main-color);border-radius:99999px;width:4rem;height:1.4rem}ul.future-list li a:after{position:absolute;content:"→";top:1.4em;right:1rem;color:#fff;font-weight:var(--normal);font-size:1rem;transform:scaleX(1.5)}ul.future-list li a:before,ul.future-list li a:after{transition:transform .25s ease}ul.future-list li a:hover:before{animation:floatBounce .4s ease-out}ul.future-list li a:hover:after{animation:arrowBounce .4s ease-out}ul.instagram-list{display:flex;justify-content:space-between;margin-bottom:2em}ul.instagram-list li{width:144px;height:auto}section.banner-contents{border-top:1px solid #ccc;padding:5em 0 4em}ul.banner-list{display:flex;flex-wrap:wrap;justify-content:center;width:1280px;margin:0 auto}ul.banner-list li{width:180px;margin:0 .5em 1em}section.access-contents{background-image:url(//www.chino-hs.ed.jp/wp/wp-content/themes/chino-hs/css/pc/../../img/index/access_back.png);background-position:top center;background-repeat:no-repeat;background-size:cover;padding:8em 0}.access-box{width:1280px;margin:0 auto;background-color:#fff;border-radius:12px;padding:3em;text-align:left;box-sizing:border-box;display:flex;justify-content:space-between}.access-box h2{font-size:1em;margin-bottom:1em}.access-box h2 span{font-size:3.2rem;color:var(--main-color);margin-right:1rem}.access-box #map-box{width:800px;height:300px;margin-left:20px}#footer-inner{width:1280px;margin:0 auto 2em;text-align:left;display:flex;justify-content:space-between;font-size:.9em;padding-top:3em}#footer-inner .footer-info{width:350px}.footer-info #footer-logo{width:240px;height:auto;margin-bottom:1em}.footer-info p{margin-bottom:1em}.footer-info #footer-sns{width:24px;height:auto;aspect-ratio:1/1}nav#footer-nav{flex:1}nav#footer-nav>ul{display:flex;gap:3.5em}nav#footer-nav li a{display:block;color:var(--font-color);text-decoration:none}nav#footer-nav li a:hover{text-decoration:underline}nav#footer-nav li a:not([href]){cursor:default}nav#footer-nav li a:not([href]):hover{text-decoration:none}nav#footer-nav>ul>li>a{font-weight:var(--bold);margin-bottom:.5em}nav#footer-nav>ul>li>ul>li{font-size:.9em;margin-bottom:.5em}nav#footer-nav>ul>li:not(:last-child)>ul>li{position:relative;padding-left:1em}nav#footer-nav>ul>li:not(:last-child)>ul>li:before{position:absolute;font-family:var(--icon-bootstrap);content:"\F285";font-size:.7rem;line-height:1;top:.5em;left:0}#copy{width:1280px;margin:0 auto 1em;text-align:right;font-size:.7em}#gradient-bar{position:relative;overflow:hidden}#gradient-bar:before{content:'';position:absolute;top:-15%;right:-10%;width:25%;height:120%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-150 -50 400 910' preserveAspectRatio='xMidYMid meet'%3E%3Cdefs%3E%3ClinearGradient id='grad' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%23C6ECF6'%3E%3Canimate attributeName='stop-color' values='%23C6ECF6;%23AAE2D5;%23C6ECF6' dur='8s' repeatCount='indefinite' /%3E%3C/stop%3E%3Cstop offset='50%25' style='stop-color:%23AAE2D5'%3E%3Canimate attributeName='stop-color' values='%23AAE2D5;%23C6ECF6;%23AAE2D5' dur='8s' repeatCount='indefinite' /%3E%3C/stop%3E%3Cstop offset='100%25' style='stop-color:%23C6ECF6'%3E%3Canimate attributeName='stop-color' values='%23C6ECF6;%23AAE2D5;%23C6ECF6' dur='8s' repeatCount='indefinite' /%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='none' stroke='url(%23grad)' stroke-width='120' stroke-linecap='round' d='M250,0 C100,-80 -150,100 -50,350 C0,480 200,600 200,860'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;pointer-events:none;opacity:.3}#gradient-bar:after{content:'';position:absolute;top:5%;left:-10%;width:25%;height:90%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-150 -50 400 910' preserveAspectRatio='xMidYMid meet'%3E%3Cdefs%3E%3ClinearGradient id='grad2' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%23C6ECF6'%3E%3Canimate attributeName='stop-color' values='%23C6ECF6;%23AAE2D5;%23C6ECF6' dur='8s' repeatCount='indefinite' /%3E%3C/stop%3E%3Cstop offset='50%25' style='stop-color:%23AAE2D5'%3E%3Canimate attributeName='stop-color' values='%23AAE2D5;%23C6ECF6;%23AAE2D5' dur='8s' repeatCount='indefinite' /%3E%3C/stop%3E%3Cstop offset='100%25' style='stop-color:%23C6ECF6'%3E%3Canimate attributeName='stop-color' values='%23C6ECF6;%23AAE2D5;%23C6ECF6' dur='8s' repeatCount='indefinite' /%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='none' stroke='url(%23grad2)' stroke-width='120' stroke-linecap='round' d='M250,0 C100,-80 -150,100 -50,350 C0,480 200,600 200,860'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;pointer-events:none;transform:scale(-1,-1);opacity:.3}#page-billboard{padding-top:95px;position:relative;width:100%;height:260px;background-color:#fff;overflow:hidden}#page-billboard:before{content:"";position:absolute;top:-30px;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 260' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='grad' x1='0%25' y1='0%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' style='stop-color:%23C6ECF6;stop-opacity:0.4' /%3E%3Cstop offset='50%25' style='stop-color:%23AAE2D5;stop-opacity:0.4' /%3E%3Cstop offset='100%25' style='stop-color:%23C6ECF6;stop-opacity:0.4' /%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='none' stroke='url(%23grad)' stroke-width='95' stroke-linecap='round' d='M-50,210 C250,-50 450,380 1150,120 C1300,20 1450,80 1550,130'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:130% 100%;background-position:0 center;z-index:0}.page-billboard-inner{position:relative;width:1160px;height:260px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.page-billboard-inner h1{display:flex;flex-direction:column;line-height:1.2;z-index:2;text-align:left}.page-billboard-inner h1 span.page-title{font-size:1.7rem;font-weight:var(--normal);display:block}.page-billboard-inner h1 span.parent-title{font-size:.8rem;font-weight:var(--bold);display:block;margin-top:.5rem}.page-billboard-inner .en{position:absolute;bottom:30px;left:0;font-size:4.5rem;color:rgba(0,0,0,.05);white-space:nowrap;z-index:1;text-transform:capitalize}#crumb{position:relative;width:1160px;margin:0 auto 4em}#crumb ul{display:flex;justify-content:flex-end}#crumb ul li{font-size:.8em;color:#999}#crumb ul li a{color:#999;text-decoration:none}#crumb ul li:last-child a{color:var(--font-color);pointer-events:none}#crumb ul li a:hover{text-decoration:underline}#crumb ul li:not(:last-child) a:after{display:inline-block;font-family:var(--icon-bootstrap);content:"\F285";font-size:.8em;margin:0 .2em}#page-wrapper{position:relative;width:1160px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:0 70px}#main{flex:1}#side{width:250px;border-top:3px solid var(--main-color);text-align:left;margin-bottom:5rem}#side a{color:var(--font-color);text-decoration:none}#side a:hover{color:var(--main-color)}#side .side-nav-parent{font-weight:var(--bold);border-bottom:1px solid #dfeaf6;padding:.75em 0 .75em .5em;text-align:none}#side ul.side-nav li a{position:relative;display:block;font-size:.95em;padding:.75em 0 .75em .5em}#side ul.side-nav li a:before{display:inline-block;font-family:var(--icon-bootstrap);content:"\F285";font-size:.8em;color:var(--main-color);margin:0 .2em}#side ul.side-nav li:not(:last-child) a{border-bottom:1px solid rgba(var(--main-color-rgb),.2)}.block-contents{text-align:left;margin-bottom:4em}.block-contents:has(h2){margin-bottom:0}.block-contents>h2{position:relative;color:var(--main-color);font-size:1.4em;line-height:1.6;font-weight:var(--bold);padding:0 0 .5em 1.7em;border-bottom:1px solid rgba(var(--main-color-rgb),1);margin-bottom:1em}.block-contents:not(:first-of-type)>h2{margin-top:4em}.block-contents>h2:before{content:"";position:absolute;top:.28em;left:0;width:1.2em;height:auto;aspect-ratio:1/1;background:linear-gradient(to bottom,#4a90e2 0%,#b2f2ea 100%);border-radius:50%;opacity:.8}.block-contents>h3{background-color:#f2f2f2;font-size:1em;line-height:1.4;font-weight:var(--bold);padding:.6em 1.2em;margin-bottom:1em}.block-contents>p{margin-bottom:1em}.block-contents ul>li,.block-contents ol>li{margin-left:1.5em;margin-bottom:.5em}.block-contents ul>li:last-child,.block-contents ol>li:last-child{margin-bottom:1em}.block-contents ul>li{list-style:disc outside}.block-contents ol>li{list-style:decimal outside}.block-contents .photo-box{width:100%}.block-contents.flex-row .photo-box,.block-contents.flex-row-reverse .photo-box{display:flex;justify-content:space-between;align-items:flex-start;gap:0 2rem}.block-contents.flex-row-reverse .photo-box{flex-direction:row-reverse}.block-contents .photo-box>.photo{margin-bottom:1rem}.block-contents.flex-row .photo-box>.photo,.block-contents.flex-row-reverse .photo-box>.photo{box-sizing:border-box;width:300px}.block-contents .photo-box>.photo>figure.border{border:1px solid #ededed;padding:1rem}.block-contents .photo-box>.photo>figcaption{font-size:.85em;line-height:1.6;text-align:center;margin-top:.25em}.block-contents .photo-box .text-box{flex:1}.block-contents .photo-box .text-box p{margin-bottom:1em}.block-contents ul.pdf-list{margin-top:1rem}.block-contents ul.pdf-list>li{list-style:none;margin-bottom:1em;margin-left:0;padding-left:1.8em;position:relative}.block-contents ul.pdf-list>li:before{content:"";width:1.3rem;height:auto;aspect-ratio:1/1;background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;top:0;left:0;transform:translateY(15%)}.block-contents ul.pdf-list>li.pdf:before{background-image:url(//www.chino-hs.ed.jp/wp/wp-content/themes/chino-hs/css/pc/../../img/svg/pdf.svg)}.block-contents ul.pdf-list>li.xls:before{background-image:url(//www.chino-hs.ed.jp/wp/wp-content/themes/chino-hs/css/pc/../../img/svg/xls.svg)}.block-contents ul.pdf-list>li.doc:before{background-image:url(//www.chino-hs.ed.jp/wp/wp-content/themes/chino-hs/css/pc/../../img/svg/doc.svg)}.block-contents ul.pdf-list>li.ppt:before{background-image:url(//www.chino-hs.ed.jp/wp/wp-content/themes/chino-hs/css/pc/../../img/svg/ppt.svg)}.block-contents ul.pdf-list>li .file-size{display:inline-block;font-size:.85em;color:var(--font-color);margin-left:.5em}table.block-table01{width:100%;border-collapse:collapse;border-top:.05rem dashed var(--font-color)}table.block-table01 tr{border-bottom:.05rem dashed var(--font-color)}table.block-table01 th,table.block-table01 td{text-align:left;vertical-align:top;padding:.8rem 1.2rem}table.block-table01 th{font-weight:var(--bold);background:rgba(54,109,190,.1)}table.block-table02{width:100%;border-collapse:collapse;font-size:.9rem;line-height:1.6}table.block-table02 thead tr{border-bottom:.2rem double #ccc}table.block-table02 thead th{font-size:.9em;line-height:1.8;font-weight:var(--bold);text-align:center;padding:.3em;background:rgba(251,180,70,.1)}table.block-table02 thead th:not(:last-child){border-right:.05rem solid var(--font-color)}table.block-table02 tbody tr:not(:last-child){border-bottom:.05rem solid var(--font-color)}table.block-table02 tbody td{text-align:left;padding:.75em 1em}table.block-table02 tbody tr td:not(:last-child){border-right:.05rem solid var(--font-color)}.block-contents ul.photo-list{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:1.5rem 1rem}.block-contents ul.photo-list>li{list-style:none;margin:0}ul.photo-list.column2>li{width:calc((100% - 1.0rem) / 2)}ul.photo-list.column3>li{width:calc((100% - 2.0rem) / 3)}ul.photo-list>li>figure{width:100%;height:auto;aspect-ratio:3/2;overflow:hidden}ul.photo-list>li>figure>img{width:100%;height:100%;object-fit:cover}ul.photo-list>li>figcaption{font-size:.85em;line-height:1.6;text-align:center;margin-top:.3em}.block-movie{width:100%;height:auto;aspect-ratio:16/9;overflow:hidden}.block-movie>iframe{width:100%;height:100%}.block-contents ul.faq-list{margin:0}.block-contents ul.faq-list>li{list-style:none;text-align:left;padding:1.5em 0;margin:0;border-bottom:1px solid #ccc}ul.faq-list>li:first-child{padding-top:.5em}ul.faq-list li .question{position:relative;padding:0 3em 0 44px;cursor:pointer}ul.faq-list li .question:before{content:"Q";width:32px;height:auto;aspect-ratio:1/1;border-radius:100%;background:var(--main-color);font-size:1.05em;line-height:28px;font-weight:var(--bold);text-align:center;color:#fff;position:absolute;top:0;left:0}ul.faq-list li .question span{width:1em;height:1em;position:absolute;top:.6em;right:.25rem}ul.faq-list li .question span:before{content:"";width:100%;border-top:.2rem solid var(--main-color);position:absolute;top:50%;left:0;transform:translateY(-50%)}ul.faq-list li .question span:after{content:"";height:100%;border-left:.2rem solid var(--main-color);position:absolute;top:0;left:50%;transform:translateX(-50%) rotate(0);transition:.2s}ul.faq-list li .question.open span:after{content:"";height:100%;border-left:.15rem solid var(--main-color);position:absolute;top:0;left:50%;transform:translateX(-50%) rotate(-90deg);transition:.2s}ul.faq-list li .answer{display:none;padding:0 3em 0 44px;margin:1em 0 0;font-size:1.025rem;line-height:1.8;font-weight:var(--bold);color:#444}ul.faq-list li .answer p{text-indent:0;margin:0}ul.faq-list li .answer p strong{font-weight:var(--bold);background:linear-gradient(transparent 70%,#ff0 70%,#ff0 100%)}ul.faq-list li .answer ul>li{list-style:disc outside;margin-left:1.25em}.entry-title{text-align:left}.entry-title h1{position:relative;color:var(--main-color);font-size:1.4em;line-height:1.6;font-weight:var(--bold);padding:0 0 .5em 1.7em;border-bottom:1px solid rgba(var(--main-color-rgb),1);margin-bottom:1em}.entry-title h1:before{content:"";position:absolute;top:.28em;left:0;width:1.2em;height:auto;aspect-ratio:1/1;background:linear-gradient(to bottom,#4a90e2 0%,#b2f2ea 100%);border-radius:50%;opacity:.8}.entry-title time{font-size:.9em;line-height:1;margin-bottom:.5em}ul.entry-bottom{display:flex;justify-content:center;margin:2em 0}ul.entry-bottom>li{font-size:.9em;line-height:1.8}ul.entry-bottom>li:not(:last-child):after{content:"｜";margin:0 .5em}ul.entry-bottom>li>a{text-decoration:none;color:var(--font-color)}ul.entry-bottom>li>a:hover{color:var(--main-color)}ul.news-list{text-align:left;margin-bottom:3em}ul.news-list li a{display:block;padding-bottom:1em;text-decoration:none}ul.news-list li:not(:first-child) a{border-top:1px solid #ccc;padding-top:1em}ul.news-list li a time{display:block;color:var(--font-color);font-size:.85em}ul.news-list li a:hover span{text-decoration:underline}ul.side-news-list li a{position:relative;display:block;font-size:.95em;padding:.75em 0 .75em 1.5em}ul.side-news-list li a:before{position:absolute;top:1.1em;left:.5em;font-family:var(--icon-bootstrap);content:"\F285";font-size:.8em;color:var(--main-color)}ul.side-news-list li a time{display:block;font-size:.9em}.g-calendar{width:100%;height:auto;aspect-ratio:3/2;border-radius:.5rem;overflow:hidden;margin-bottom:4em}.g-calendar>iframe{width:100%;height:100%}