@media (max-width:769px){.header{display:block;position:fixed;top:0;font-size:0;height:auto;width:100%;margin:0 auto;z-index:99}.header .head-left{display:inline-block;position:absolute;top:0;left:-4%;vertical-align:middle;overflow:hidden;width:72%;height:10vw;transform:skewX(-25deg);background:#fff;z-index:2}.header .head-left a{text-decoration:none;font-size:0}.header .head-left a h1{display:inline-block;position:relative;left:4%;font-family:Fortis;font-size:4vw;font-weight:500;line-height:10vw;color:#0d0335;z-index:10;transform:skewX(25deg);transition-duration:.2s;margin:0 0 0 6vw}.header .head-left a h1:hover{display:inline-block;vertical-align:middle}.header .head-left a h1:hover span{transition:.2s;color:#fff;background:#0f004f;padding:.5vw 0}.header .head-left a h1:hover span .triangle{display:inline-block;position:relative;vertical-align:middle;transition:.2s;left:4vw;width:0;height:0;border-left:4vw solid #0f004f;border-top:4vw solid transparent;border-bottom:4vw solid transparent}.header .head-right{display:inline-block;position:absolute;top:0;right:-4%;vertical-align:middle;overflow:hidden;width:36%;height:10vw;transform:skewX(-25deg);background:#000;z-index:2}.header .head-right .pc-navi{display:none}.header .head-right .sp-navi{transform:skewX(25deg)}.header .button{position:fixed;top:0;right:6vw;height:6vw;width:6vw;cursor:pointer;z-index:100;transition:opacity .25s ease;margin:2.5vw auto}.header .button.active .top{transform:translateY(8px) translateX(0) rotate(45deg);background:#fff}.header .button.active .middle{opacity:0;background:#fff}.header .button.active .bottom{transform:translateY(-8px) translateX(0) rotate(-45deg);background:#fff}.header .button span{background:#fff;border:none;height:2px;width:100%;position:absolute;top:0;left:0;transition:all .35s ease;cursor:pointer}.header .button span:nth-of-type(2){top:8px}.header .button span:nth-of-type(3){top:16px}.header .overlay{position:fixed;background:#0f004f;top:0;left:0;width:100%;height:0%;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s,height .35s;overflow:hidden}.header .overlay.open{opacity:.9;visibility:visible;height:100%}.header .overlay.open li{animation:fadeInRight .5s ease forwards;animation-delay:.4s}.header .overlay.open li:nth-of-type(2){animation-delay:.45s}.header .overlay.open li:nth-of-type(3){animation-delay:.5s}.header .overlay.open li:nth-of-type(4){animation-delay:.55s}.header .overlay.open li:nth-of-type(5){animation-delay:.6s}.header .overlay nav{position:relative;height:70%;top:50%;transform:translateY(-50%);text-align:center}.header .overlay ul{list-style:none;padding:0;margin:0 auto;position:relative;height:100%}.header .overlay ul li{display:block;height:auto;height:calc(100% / 5);position:relative;opacity:0}.header .overlay ul li a{display:block;position:relative;color:#fff;text-decoration:none;overflow:hidden}.header .overlay ul li a:active:after,.header .overlay ul li a:focus:after,.header .overlay ul li a:hover:after{width:100%}.header .overlay ul li a:after{content:'';position:absolute;bottom:0;left:50%;width:0%;transform:translateX(-50%);height:3px;transition:.35s}.header .overlay ul li a p{display:block;font-size:5vw;font-family:Fortis;font-weight:500;line-height:1;padding:.5vw 0}.header .overlay ul li a p:hover{transition:.6s;background:#000}@keyframes fadeInRight{0%{opacity:0;left:20%}100%{opacity:1;left:0}}.firstview{display:block;position:relative;overflow:hidden;width:100%;height:130vw;margin:0 auto}.firstview .fst-layer{display:block;position:absolute;top:0;left:-100%;width:70vw;height:100%;z-index:2;transform:skewX(-25deg);background:#fff;animation-fill-mode:forwards!important;animation-delay:1.2s!important;-webkit-animation:slide-left .8s;-moz-animation:slide-left .8s;animation:slide-left .8s}@-webkit-keyframes slide-left{0%{left:-100%}100%{left:-30vw}}@-moz-keyframes slide-left{0%{left:-100%}100%{left:-30vw}}@keyframes slide-left{0%{left:-100%}100%{left:-30vw}}.firstview .fst-textarea{display:block;position:absolute;top:35vw;left:5vw;z-index:3}.firstview .fst-textarea h2{display:inline-block;position:relative;text-align:left;text-align:-webkit-left;font-family:Fortis;font-size:6.5vw;font-weight:500;line-height:1;letter-spacing:.08vw;color:#0f004f;margin:0 auto;overflow:hidden}.firstview .fst-textarea h2:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background:#0d0335;animation-name:fstlayer_left;animation-timing-function:ease;animation-duration:1.2s;animation-fill-mode:forwards}@keyframes fstlayer_left{0%{transform:translateX(-100%);opacity:1}30%,70%{transform:translateX(0);opacity:1}100%{transform:translateX(101%);opacity:1}}@-webkit-keyframes fstlayer_left{0%{transform:translateX(-100%);opacity:1}30%,70%{transform:translateX(0);opacity:1}100%{transform:translateX(101%);opacity:1}}.firstview .fst-bg{display:block;position:absolute;top:0;right:0;width:90vw;height:100%;z-index:1;background:url(../img/fst_bg.jpg) no-repeat center;background-size:cover}.firstview .fst-arrow{display:block;position:absolute;bottom:30vw;left:-9vw;transform:rotate(90deg);z-index:4}.firstview .fst-arrow a{text-decoration:none}.firstview .fst-arrow a p{display:inline-block;position:relative;vertical-align:middle;font-family:Fortis;font-size:4vw;font-weight:500;line-height:1;color:#0d0335;margin:0 auto}.firstview .fst-arrow a .border{display:inline-block;vertical-align:middle;width:5vw;height:.2vw;background:#0d0335;margin:auto .5vw}.firstview .fst-arrow a .dots{display:inline-block;vertical-align:middle;width:.5vw;height:.5vw;background:#0d0335;margin:auto .2vw}.firstview .fst-arrow a .dots:nth-child(1){-webkit-animation:example .8s ease .2s infinite;animation:example .8s ease .2s infinite}.firstview .fst-arrow a .dots:nth-child(2){-webkit-animation:example .8s ease .4s infinite;animation:example .8s ease .4s infinite}.firstview .fst-arrow a .dots:nth-child(3){-webkit-animation:example .8s ease .6s infinite;animation:example .8s ease .6s infinite}.firstview .fst-arrow a .dots:nth-child(4){-webkit-animation:example .8s ease .8s infinite;animation:example .8s ease .8s infinite}.firstview .fst-arrow a .dots:nth-child(5){-webkit-animation:example .8s ease 1s infinite;animation:example .8s ease 1s infinite}@-webkit-keyframes example{0%{opacity:0}100%{opacity:1}}@keyframes example{0%{opacity:0}100%{opacity:1}}.company{display:block;position:relative;text-align:center;text-align:-webkit-center;overflow:hidden;width:100%;height:auto;background:#fff;padding:8vw 0;margin:0 auto}.company .company-title{display:block;position:relative;padding:4vw 0}.company .company-title h2{display:inline-block;font-family:Fortis;font-size:6vw;font-weight:500;line-height:1;color:#0d0335;margin:0 auto}.company .company-textbox{display:block;position:relative;width:90%;height:auto;padding:4vw 0;margin:0 auto}.company .company-textbox p{font-size:2.8vw;font-weight:700;line-height:1.8;color:#0d0335;margin:0 auto}.what{display:block;position:relative;text-align:center;text-align:-webkit-center;overflow:hidden;width:100%;height:auto;background:#fff;margin:0 auto}.what .what-title{display:block;position:relative;padding:4vw 0}.what .what-title h2{display:inline-block;font-family:Fortis;font-size:6vw;font-weight:500;line-height:1;color:#0d0335;margin:0 auto}.what .what-content{display:block;position:relative;overflow:hidden;width:100%;height:100vw;background:#fff;margin:0 auto}.what .what-content .what-left{display:block;position:absolute;vertical-align:middle;top:0;left:-22vw;text-align:left;text-align:-webkit-left;height:56vw;width:100%;padding:4vw 0;z-index:1}.what .what-content .what-left .what-layer{display:block;position:relative;transform:skewX(30deg);overflow:hidden}.what .what-content .what-left .what-layer .what-bg{display:block;position:relative;height:56vw;width:100%;transform:skewX(-30deg) scale(1.32);vertical-align:middle;background:url(../img/what_bg.jpg) no-repeat center;background-size:cover;z-index:1}.what .what-content .what-right{display:block;position:absolute;vertical-align:middle;top:0;right:0;font-size:0;height:auto;width:70%;z-index:2;padding:22vw 0;margin:0 auto}.what .what-content .what-right .what-list-01{display:block;position:relative;overflow:hidden;vertical-align:top;width:100%;height:auto;background:url(../img/what_list_01.jpg) no-repeat center;background-size:cover;margin:0 auto}.what .what-content .what-right .what-list-02{display:block;position:relative;overflow:hidden;vertical-align:top;width:100%;height:auto;background:url(../img/what_list_02.jpg) no-repeat center;background-size:cover;margin:0 auto}.what .what-content .what-right .what-list-03{display:block;position:relative;overflow:hidden;vertical-align:top;width:100%;height:auto;background:url(../img/what_list_03.jpg) no-repeat center;background-size:cover;margin:0 auto}.what .what-content .what-right .what-icon{display:inline-block;position:relative;vertical-align:middle;width:20%;height:auto;padding:4vw 2vw;margin:0 auto}.what .what-content .what-right .what-icon img{width:100%;height:auto}.what .what-content .what-right .what-textbox{display:inline-block;position:relative;vertical-align:middle;width:60%;height:auto;padding:4vw 2vw;margin:0 auto}.what .what-content .what-right .what-textbox p{font-size:2.8vw;font-weight:500;line-height:1.8;color:#fff;margin:0 auto}.profile{display:block;position:relative;text-align:center;text-align:-webkit-center;overflow:hidden;width:100%;height:auto;background:#000;padding:8vw 0;margin:0 auto}.profile .profile-title{display:block;position:relative;padding:4vw 0 8vw 0}.profile .profile-title h2{display:inline-block;font-family:Fortis;font-size:6vw;font-weight:500;line-height:1;color:#fff;margin:0 auto}.profile .profile-content{display:block;position:relative;width:90%;height:auto;margin:0 auto}.profile .profile-content span{display:block;position:relative;width:100%;height:1px;background:#fff;margin:0 auto}.profile .profile-content .profile-list{display:block;position:relative;text-align:left;text-align:-webkit-left;font-size:0;padding:4vw 0}.profile .profile-content .profile-list .profile-left,.profile .profile-content .profile-list .profile-right{display:inline-block;position:relative;vertical-align:middle;width:calc(100% / 2);height:auto;margin:0 auto}.profile .profile-content .profile-list .profile-left p,.profile .profile-content .profile-list .profile-right p{display:block;font-size:2.8vw;font-weight:500;line-height:1.6;color:#fff;margin:0 auto}.office{display:block;position:relative;text-align:center;text-align:-webkit-center;overflow:hidden;width:100%;height:auto;background:#fff;padding:8vw 0;margin:0 auto}.office .office-title{display:block;position:relative;margin:0 auto;padding:4vw 0}.office .office-title h2{display:inline-block;font-family:Fortis;font-size:6vw;font-weight:500;line-height:1;color:#0d0335;margin:0 auto}.office .office-map{display:block;position:relative;width:100%;height:auto;padding:4vw 0 8vw 0}.office .office-map iframe{width:100%;height:80vw;margin:0 auto}.office .office-textbox{display:block;position:relative;width:90%;height:auto;margin:0 auto}.office .office-textbox p{display:block;position:relative;font-size:2.8vw;font-weight:500;line-height:1.8;color:#0d0335;margin:0 auto}.contact{display:block;position:relative;text-align:center;text-align:-webkit-center;overflow:hidden;width:100%;height:auto;background:#e5ebf3;margin:0 auto;padding:8vw 0}.contact .contact-title{display:block;position:relative;width:90%;height:auto;padding:4vw 0;margin:0 auto}.contact .contact-title h2{display:inline-block;font-family:Fortis;font-size:6vw;font-weight:500;line-height:1;color:#0d0335;margin:0 auto .5vw}.contact .contact-title p{display:block;font-size:2.8vw;font-weight:500;line-height:1.8;color:#0d0335;margin:.5vw auto 0}.contact .contact-title p span{display:block}.contact .contact-form{display:block;position:relative;width:90%;height:auto;margin:0 auto;padding:4vw 0}.contact .contact-form .form-wrap{display:block;position:relative;width:100%;height:auto;margin:0 auto}.contact .contact-form .form-wrap .form-detail{display:block;position:relative;font-size:0;padding:2vw 0;margin:0 auto}.contact .contact-form .form-wrap .form-detail .form-text{display:block;position:relative;text-align:left;text-align:-webkit-left;vertical-align:top;width:auto;height:4vw;margin:0 auto}.contact .contact-form .form-wrap .form-detail .form-text h2{display:block;font-size:2.8vw;font-weight:500;line-height:4vw;color:#0d0335;margin:0 auto}.contact .contact-form .form-wrap .form-detail .form-fill{display:block;position:relative;vertical-align:top;width:100%;height:auto;margin:0 auto}.contact .contact-form .form-wrap .form-detail .form-fill input{display:block;position:relative;border:none;width:100%;height:8vw;background:#fff;margin:0 auto;padding:0;border-radius:0}.contact .contact-form .form-wrap .form-detail .form-fill textarea{display:block;position:relative;border:none;width:100%;height:40vw;background:#fff;margin:0 auto;padding:0;border-radius:0}.contact .contact-form .form-send{display:block;position:relative;margin:4vw auto 0}.contact .contact-form .form-send input{display:inline-block;border:none;font-family:Fortis;font-size:4vw;font-weight:500;line-height:1;transition-duration:.6s;color:#fff;background:#0f004f;padding:1vw 10vw;margin:0 auto;-webkit-appearance:none;border-radius:0}.contact .contact-form .form-send input:hover{transition:.6s;color:#fff;background:#000}.footer{display:block;position:relative;text-align:center;text-align:-webkit-center;overflow:hidden;width:100%;height:auto;background:#000;margin:0 auto;padding:12vw 0}.footer p{font-family:Fortis;font-size:3vw;font-weight:500;line-height:1;color:#fff;margin:0 auto}}