@charset "utf-8";@media screen and (min-width:768px){*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック",YuGothic,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#333;font-size:1.2em}img{display:block}li{list-style-type:none}a{display:block;text-decoration:none}p{line-height:1.8}.sp{display:none}.header{position:fixed;z-index:110;width:100%;opacity:0;transition:opacity .2s}.header.show{opacity:1}header{padding:20px 30px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;position:fixed;z-index:110;background-color:#fff;width:100%;min-width:1000px}header nav ul{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}header nav ul li{margin-left:20px}header nav ul li a{color:#333;font-weight:700;font-size:1rem}header nav ul li a:hover{color:#e15d3f;transition:.3s}main{width:100%;min-width:1350px}main #MainVisual{background-image:url(../images/background_block.png)}main #MainVisual div{width:100%;padding:60px 0 0;position:relative}main #MainVisual h1{-ms-writing-mode:tb-rl;writing-mode:vertical-rl;font-size:4.5em;font-family:'Shippori Mincho',serif}main #MainVisual h1 a{color:#333}main #MainVisual h1 a:first-child{position:absolute;top:20%;right:28%;z-index:52}main #MainVisual h1 a:last-child{position:absolute;top:34%;right:34%;z-index:52}main #MainVisual div #logo{width:20%;margin:0 auto 50px}main #MainVisual div #confetti img,main #MainVisual div #logo img,main #MainVisual div #school-pic img,main #MainVisual div #vr-btn img{width:100%}main #MainVisual div #school-pic{width:50%;margin:0 auto;z-index:50;position:inherit;box-shadow:0 15px 15px rgba(23,23,23,.2)}main #MainVisual div #school-pic:hover{transform:rotate(-2deg);transition:.3s}main #MainVisual div #vr-btn{width:15%;position:absolute;top:73%;left:25%;z-index:100}main #MainVisual div #vr-btn:hover{transform:rotate(-8deg);transition:.3s}main #MainVisual div #square_btn{width:50%;height:auto}main #MainVisual div #plum_blossom{width:10%;position:absolute;top:19%;left:21%;z-index:51}main #MainVisual div #confetti{width:25%;position:absolute;top:56%;right:12%;z-index:51}main #MainVisual div #kadomatsu{width:62%;margin:0 auto;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;position:absolute;top:79%;left:0;right:0;padding:0}main #MainVisual div #kadomatsu img{width:13%}main #MainVisual p{text-align:center;width:55%;margin:0 auto;padding:70px 0 100px;font-weight:700}main #MainVisual div #clouds{width:100%;overflow:hidden;position:absolute;height:330px;top:20%;padding:0}#cloud02,main #MainVisual div #cloud01{width:20%}main #MainVisual div #cloud01{position:absolute;top:0;right:14%;z-index:51}main #MainVisual div #cloud02{position:absolute;bottom:0;left:10%;z-index:51}#cloud01,#cloud02{animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;animation-duration:2.8s}.keyframe01{animation-name:anim01}@keyframes anim01{0%{transform:translate(0,0)}100%{transform:translate(60px,0)}}.keyframe02{animation-name:anim02}@keyframes anim02{0%{transform:translate(60px,0)}100%{transform:translate(0,0)}}#background{background-color:#f3eddc;padding:80px 0}#introduction{width:100%;background-image:url(../images/plum_blossom02.png);background-repeat:no-repeat;background-position:14%;background-size:110px}#introduction p{width:50%;max-width:1000px;margin:0 auto;font-weight:700}#introduction ul{width:50%;margin:80px auto 0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}#corporation ul li,#introduction ul li{width:48%}#introduction ul li a{text-align:center;color:#fff;padding:3% 0;font-weight:700;transition:.3s}#introduction ul li:first-child a{border:2px solid #1d7d23;border-radius:1vh;background-color:#1d7d23}#introduction ul li:first-child a:hover{color:#1d7d23;background-color:#fff}#introduction ul li:last-child a{border:2px solid #d41719;border-radius:1vh;background-color:#d41719}#introduction ul li:last-child a:hover{color:#d41719;background-color:#fff}#corporation{width:100%;background-image:url(../images/decoration01.png);background-repeat:no-repeat;background-size:320px;background-position:98% 10%;padding:80px 0 0}#corporation h2{text-align:center;color:#1d7d23;margin:0 0 30px}#corporation p{width:50%;margin:0 auto}#corporation #new-employee{width:25%;margin:30px auto 50px;border:2px solid #c7b270;border-radius:1vh;background-color:#c7b270;color:#fff;text-align:center;padding:.5% 0;font-weight:700}#corporation #new-employee:hover{background-color:#bba662;border:2px solid #bba662;transition:.3s}#corporation ul{width:50%;margin:0 auto;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}#corporation ul li a:hover{opacity:.6;transition:.3s}#corporation ul li img{width:100%}#corporation ul li p{width:100%;text-align:center;background-color:#fff;color:#333;padding:2% 0;font-weight:700}#corporation .application{width:25%;margin:50px auto 0;text-align:center;border:2px solid #1d7d23;border-radius:50vh;background-color:#1d7d23;color:#fff;font-weight:700;padding:1% 0}#corporation .application:hover{background-color:#fff;color:#1d7d23;transition:.3s}#individual{width:100%;padding:100px 0 0;background-image:url(../images/decoration02.png),url(../images/plum_blossom03.png);background-repeat:no-repeat;background-size:320px,110px;background-position:2% top,83% bottom}#individual h2{text-align:center;color:#d41719;margin:0 0 30px}#individual div{width:50%;margin:0 auto;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}#individual div p{width:51%}#individual div img{width:45%}#individual .application{width:30%;margin:50px auto 0;text-align:center;border:2px solid #d41719;border-radius:50vh;background-color:#d41719;color:#fff;padding:1% 0;font-weight:700}#individual .application:hover{background-color:#fff;color:#d41719;transition:.3s}footer{background-color:#bba662}footer p{text-align:center;font-size:.5em;padding:1% 0}}