Deprecated: The each() function is deprecated. This message will be suppressed on further calls in /home/zhenxiangba/zhenxiangba.com/public_html/phproxy-improved-master/index.php on line 456
.content-header-ill{margin-bottom:-40px}.content-header-ill .main-visual{position:relative}.content-header-ill .main-visual img{-o-object-fit:cover;object-fit:cover;width:100%;height:450px}.content-header-ill .main-visual h2{position:absolute;display:block;width:100%;top:50%;left:0;transform:translateY(-50%);text-align:center;text-shadow:3px 3px 5px rgba(0,0,0,.7);line-height:1.5em;font-size:40px;color:#fff;font-family:"Noto Serif JP",serif;font-weight:bold;background:rgba(0,0,0,.5);box-shadow:0 0 30px 30px rgba(0,0,0,.5)}.content-header-ill .main-visual small{z-index:998;position:absolute;right:15px;bottom:10px;font-size:12px;color:#fff}.content-header-ill .overview{width:100%;max-width:1366px;margin:40px auto 0 auto;padding:0 40px;text-align:center}.content-header-ill .overview p{text-align:left}@media screen and (max-width: 1024px){.content-header-ill .overview{margin:20px auto 0 auto;padding:0 20px}}@media screen and (max-width: 428px){.content-header-ill .main-visual img{height:250px}.content-header-ill .main-visual h2{font-size:30px;box-shadow:0 0 15px 15px rgba(0,0,0,.5)}.content-header-ill .overview{margin:15px auto 0 auto;padding:0 15px}}.content-header-normal .main-visual{position:relative}.content-header-normal .main-visual img{-o-object-fit:cover;object-fit:cover;width:100%;height:200px}.content-header-normal .main-visual h2{position:absolute;display:block;width:95%;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;line-height:1em;font-size:34px;font-family:"Noto Serif JP",serif;color:#333}.content-header-normal .main-visual h2 span{display:inline-block;vertical-align:baseline}.content-header-normal .overview{width:100%;max-width:1366px;margin:40px auto 0 auto;padding:0 40px}@media screen and (max-width: 1024px){.content-header-normal .overview{margin:20px auto 0 auto;padding:0 20px}}@media screen and (max-width: 428px){.content-header-normal .main-visual img{height:150px}.content-header-normal .main-visual h2{font-size:25px}.content-header-normal .overview{margin:15px auto 0 auto;padding:0 15px}}.menu-list{display:grid;grid-gap:40px 3.5%;grid-template-columns:repeat(2, 1fr);margin-top:40px}.menu-list li{text-align:center}.menu-list li div{overflow:hidden}.menu-list li div img{width:100%;transition-duration:.5s}.menu-list li h3{margin-top:15px;font-size:18px}.menu-list li:hover img{transform:scale(1.1);opacity:.5;transition-duration:.5s}@media screen and (max-width: 428px){.menu-list li h3{margin-top:5px;font-size:14px}}.colmun{display:grid;grid-gap:40px;grid-template-columns:repeat(3, 1fr)}.colmun li{display:flex;flex-direction:column;align-items:center;padding-bottom:20px;box-shadow:2px 2px 10px 0 rgba(0,0,0,.2);position:relative;background:#fff}.colmun li img{width:100%}.colmun li h3{font-size:18px;margin:20px}.colmun li p{margin:0 20px}.colmun li a{position:absolute;left:50%;bottom:20px;transform:translateX(-50%)}.education{display:flex;flex-wrap:wrap;align-items:flex-start;margin-top:100px}.education>div{width:calc(50% - 20px)}.education>div:first-of-type{margin-right:40px}.education .education-overview h3{margin-bottom:40px;font-size:25px}.education .education-overview .available-period{margin-top:15px}.education .education-overview .available-period strong{margin-left:1em}.education .education-overview .available-period span{display:inline-block;margin-left:.5em;text-indent:-1em;padding-left:1em}.education .education-overview .group-inquiry{margin-top:40px;padding:20px;background:#eaf1fa;border-radius:10px}.education .education-overview .group-inquiry ul{margin-left:1.3em}.education .education-overview .group-inquiry li{list-style:disc;font-weight:bold}.education .education-overview .group-inquiry li span{display:inline-block}.education .education-img{display:grid;grid-gap:20px;grid-template-columns:repeat(2, 1fr)}.education .education-img img{width:100%}.education .education-img img:first-of-type{grid-column:1/span 2}@media screen and (max-width: 834px){.education>div{width:100%}.education>div:first-of-type{margin-right:0;margin-bottom:40px}.education .education-overview h3{margin-bottom:20px}}@media screen and (max-width: 428px){.education{margin-top:40px}.education>div:first-of-type{margin-bottom:20px}.education .education-overview h3{margin-bottom:5px;font-size:18px}.education .education-overview .group-inquiry{margin-top:20px}}.click-fundraising{margin-top:100px}.click-fundraising h3{font-size:25px;margin-bottom:40px}.click-fundraising div{margin-top:40px;text-align:center}.click-fundraising div .link-btn{display:inline-block;padding:15px 30px;border-radius:10px;box-shadow:2px 2px 5px rgba(0,0,0,.3);font-size:18px;font-weight:bold;color:#fff;background:#61b052;transition:opacity .3s}.click-fundraising div .link-btn .material-icons{font-size:30px;margin-right:-8px}.click-fundraising div .link-btn span{display:inline-block}.click-fundraising div .link-btn:hover{opacity:.8;transition:opacity .3s}@media screen and (max-width: 834px){.click-fundraising{margin-top:40px}.click-fundraising h3{margin-bottom:20px}}@media screen and (max-width: 428px){.click-fundraising{margin-top:40px}.click-fundraising h3{margin-bottom:5px;font-size:18px}.click-fundraising div{margin-top:20px}}@media screen and (max-width: 1024px){.colmun{grid-gap:20px;grid-template-columns:repeat(2, 1fr)}.colmun>div{padding:20px}}@media screen and (max-width: 428px){.colmun{grid-gap:15px;grid-template-columns:repeat(1, 1fr)}.colmun>div{padding:15px}}