:root{--fs: 1.4rem;--menu-width: 270px;--bg: linear-gradient(#222,#343434) fixed;--lc: royalblue;--mc: #333;--buy-bgc: #febd69;--buy-gbc-hover: #f3a847;--buy-fgc: #111;--large: 1024px;--middle: 992px;--small: 768px}@media (min-width: 992px){:root{--fs: 1.6rem}}.hamburger{z-index:1000;position:fixed;right:10px;top:10px;display:inline-block;text-align:center;border:1px solid rgba(0,0,0,0);cursor:pointer;user-select:none;width:30px;height:30px;font-size:11px;line-height:2em}.hamburger div{height:2px;position:relative;transition:background .2s ease-out;width:18px;margin:13px 5px 4px;background:#333}.hamburger div::before,.hamburger div::after{background:#333;content:'';display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.hamburger div::before{top:5px}.hamburger div::after{top:-5px}.open .hamburger div{background-color:transparent}.open .hamburger div:before,.open .hamburger div:after{top:0}.open .hamburger div:before{transform:rotate(-45deg)}.open .hamburger div:after{transform:rotate(45deg)}.osc{transition-property:transform;transition-duration:.5s;transform:translateX(-100%)}.open .osc{transform:translateX(0)}@media (min-width: 768px){.hamburger{display:none}.osc{transform:translateX(0)}.nonosc{margin-left:var(--menu-width)}}.lang-nav{position:absolute;top:20px;right:60px;z-index:100;background-color:#3a0c0f80}.lang-nav span{color:var(--lc);cursor:pointer}*{margin:0;padding:0;box-sizing:border-box}a{color:var(--lc) !important;text-decoration:none}html{background:#222;font-size:62.5%}body{touch-action:manipulation;min-width:320px;word-break:break-all;word-wrap:break-word;color:#333;font-size:var(--fs);line-height:1.6;overflow-y:scroll;background:white;font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "游ゴシック", FreeSans, Arimo, "Droid Sans", sans-serif;line-break:strict;word-break:normal;word-wrap:break-word;text-align:justify}header{padding:.5em;display:block;position:sticky;top:0;background:#fffa;border-bottom:1px solid #aaa;font-size:1.8rem;z-index:10;text-align:center;font-family:serif}header .logo{color:#333}.logo{display:inline-block;font-size:1.8rem;font-family:serif}.logo .icon{font-size:2.2rem}.logo>*{vertical-align:middle}.osc{-webkit-overflow-scrolling:touch;padding:15px;padding-bottom:80px;position:fixed;top:0;left:0;height:100vh;width:var(--menu-width);z-index:10;background-color:var(--mc);overflow-y:auto}.osc .logo{color:#eee}.osc .global{margin-top:1.6rem}.first-view{display:flex;justify-content:center;align-items:center;height:80vh;text-align:center;z-index:1;padding:2em;position:relative;color:#fff}.first-view .bg-icon{width:100%;left:0;font-size:30rem;position:absolute;text-align:center;color:#faa;z-index:2;pointer-events:none}.first-view .main{position:relative;font-size:250%;font-weight:bold;font-family:serif;line-height:1.2em;z-index:3;text-shadow:0px 4px 3px #000,0px 8px 13px #000,0px 18px 23px #000}.first-view .sub{position:relative;margin-top:1em;font-size:120%;font-weight:bold;line-height:1.5em;z-index:3;text-shadow:0px 4px 3px #000,0px 8px 13px #000,0px 18px 23px #000}.first-view video,.first-view .mainImg{position:absolute;z-index:1;height:100%;width:100%;object-fit:cover}.second-view{display:grid;grid-template-rows:150px 150px 150px;grid-template-columns:1fr;gap:1em;margin-top:1em;font-family:serif}.second-view div{position:relative}.second-view .sub{position:absolute;height:100%;width:100%;display:flex;justify-content:center;justify-items:center;text-align:center;flex-direction:column;color:white;font-size:2rem;background:#0008}.second-view .sub .title{border-bottom:1px solid white;margin:0 1rem}.second-view>div:nth-child(1){grid-row:1;grid-column:1;background:url(/img/profile_kamijo.jpg);background-size:cover;background-position:center}.second-view>div:nth-child(2){grid-row:2;grid-column:1;background:url(/img/profile_education.jpg);background-size:cover;background-position:center}.second-view>div:nth-child(3){grid-row:3;grid-column:1;background:url(/img/profile_howard.jpg);background-size:cover;background-position:center}.second-view-sub{margin-top:1em}.first-view,.second-view,.second-view-sub,.third-view{padding:0 1.6rem}@media (min-width: 768px){.second-view{display:grid;grid-template-rows:150px;grid-template-columns:1fr 1fr 1fr;gap:1em;margin-top:1em;font-family:serif}.second-view div{position:relative}.second-view .sub{position:absolute;height:100%;width:100%;display:flex;justify-content:center;justify-items:center;text-align:center;flex-direction:column;color:white;font-size:2rem;background:#0008}.second-view .sub .title{border-bottom:1px solid white;margin:0 1rem}.second-view>div:nth-child(1){grid-row:1;grid-column:1;background:url(/img/profile_kamijo.jpg);background-size:cover;background-position:center}.second-view>div:nth-child(2){grid-row:1;grid-column:2;background:url(/img/profile_education.jpg);background-size:cover;background-position:center}.second-view>div:nth-child(3){grid-row:1;grid-column:3;background:url(/img/profile_howard.jpg);background-size:cover;background-position:center}}.menu li{display:block;border-bottom:1px solid #aaa;padding:.5rem;font-weight:bold;cursor:pointer}.menu li:hover{color:red}.menu li:last-child{border-bottom:none}.osc .menu{color:white}.osc .menu li{font-weight:normal}footer{margin-top:3.2rem}footer .menu{padding:0 1.6rem}footer .copyright{border-top:1px solid red;text-align:center;margin:0 1.6rem;padding:1.6rem 0}