.view_pc{display:block}.view_tablet,.view_sp{display:none}header{margin:0 auto;max-width:1000px;position:relative;overflow:hidden}header .headNav{margin:0 auto;max-width:880px;box-sizing:border-box;width:90%;z-index:11;position:relative;display:flex}header .headNav .logo{max-width:121px;width:100%}header .headNav .sns{flex:1;display:flex;justify-content:flex-end}header .headNav .sns a{margin-left:15px}header .heaerCopy{margin:0 auto;position:absolute;display:flex;flex-flow:column nowrap;top:170px;left:8%;z-index:10}header .heaerCopy h1{color:#fff;padding-right:2.5em;font-size:24px;letter-spacing:0.1em;line-height:150%}header .heaerCopy span{margin:10px 0;display:block;height:3px;background:linear-gradient(to right, #ECF7FD, #5DA4D7 40%, #0063AB 65%, #0E314D 85%, #000002 95%)}header .heaerCopy h2{color:#fff;font-size:16px;line-height:150%;letter-spacing:0.2em;font-weight:normal}#mainVisual{margin:0 auto;text-align:center;background:#000}.fadein01{opacity:0;transition:all 1500ms}.fadein01.scrollin{opacity:1}.fadein02{opacity:0;transition:all 1500ms;transition-delay:1s}.fadein02.scrollin{opacity:1}.fadein03{opacity:0;transition:all 1500ms;transition-delay:1.5s;position:absolute;width:100%;top:0;left:50%;transform:translate(-50%, 0);z-index:11}.fadein03.scrollin{opacity:1;transform:translate(-50%, 30px)}nav{position:relative;top:-87px;z-index:100;margin:0 auto -87px;width:90%}nav ul{margin:0 auto 80px;width:100%;max-width:880px;display:flex}nav li{width:25%;box-sizing:border-box;position:relative;overflow:hidden}nav li::after{content:'';width:0;height:0;border-top:solid 7px transparent;border-right:solid 7px transparent;border-bottom:solid 7px transparent;border-left:solid 7px #fff;transform:rotate(45deg);position:absolute;bottom:-4px;right:-2px;z-index:11}nav li:nth-child(-n+2)::after{display:none}nav li .txt{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none;z-index:10;display:flex;flex-flow:column nowrap;align-items:center}nav li .txt p{color:#fff;text-align:center;font-size:36px;line-height:100%;display:flex;justify-content:center;align-items:center;box-sizing:border-box;margin-bottom:10px}nav li .txt div{display:block;height:3px;margin:0 auto;width:60px;transform-origin:left top;display:block;background:#fff;height:3px;width:60px}nav li .button{position:absolute;bottom:0;width:100%;z-index:12}nav li .button .inner{width:100%;display:flex}nav li .button .inner a{width:50%;text-align:center;font-size:13px;line-height:120%;color:#fff;text-decoration:none;box-sizing:border-box;padding:10px 5px;transition:0.6s;background-color:rgba(0,0,0,0.8);position:relative;display:flex;align-items:center;transition:0.6s;backface-visibility:hidden;-webkit-backface-visibility:hidden}nav li .button .inner a p{width:100%;display:flex;align-content:center;justify-content:center;text-align:center}nav li .button .inner a p span{width:0;height:0;border-top:solid 7px transparent;border-right:solid 7px transparent;border-bottom:solid 7px transparent;border-left:solid 7px #fff;transform:rotate(45deg);position:absolute;bottom:-4px;right:-2px}nav li .button .inner a:hover{background-color:rgba(0,0,0,0.3)}nav li .base,nav li .btnA{display:block;width:100%;position:relative;overflow:hidden}nav li .base::after,nav li .btnA::after{width:100%;height:100%;content:'';position:absolute;top:0;left:0;background:#000;opacity:0.3;transition:0.6s;z-index:9}nav li .base:hover img,nav li .btnA:hover img{transform:scale(1.2, 1.2)}nav li .base:hover::after,nav li .btnA:hover::after{opacity:0}nav li .base img,nav li .btnA img{transition:0.6s;backface-visibility:hidden;-webkit-backface-visibility:hidden;width:100%;height:240px;object-fit:cover;font-family:"object-fit: cover;"}.fadeinNav01,.fadeinNav02,.fadeinNav03,.fadeinNav04,.fadein04{opacity:0;transition:all 1500ms}.fadeinNav01.scrollin,.fadeinNav02.scrollin,.fadeinNav03.scrollin,.fadeinNav04.scrollin,.fadein04.scrollin{opacity:1}.fadeinNav01{transition-delay:2s}.fadeinNav02{transition-delay:2.5s}.fadeinNav03{transition-delay:3s}.fadeinNav04{transition-delay:3.5s}.fadein04{transition-delay:4.5s}.fadeinTxt01,.fadeinTxt02,.fadeinTxt03,.fadeinTxt04{opacity:0;transition:all 1500ms}.fadeinTxt01.scrollin,.fadeinTxt02.scrollin,.fadeinTxt03.scrollin,.fadeinTxt04.scrollin{opacity:1}.fadeinTxt01{transition-delay:3.5s}.fadeinTxt02{transition-delay:4s}.fadeinTxt03{transition-delay:4.5s}.fadeinTxt04{transition-delay:5s}.fadeinLine01,.fadeinLine02,.fadeinLine03,.fadeinLine04{transition:all 200ms;transform:scale(0, 1)}.fadeinLine01.scrollin,.fadeinLine02.scrollin,.fadeinLine03.scrollin,.fadeinLine04.scrollin{transform:scale(1, 1)}.fadeinLine01{transition-delay:4.5s}.fadeinLine02{transition-delay:5.0s}.fadeinLine03{transition-delay:5.5s}.fadeinLine04{transition-delay:6s}main{display:block}.historyBlock{margin:0 auto 80px;width:90%;max-width:879px;text-align:center;position:relative}.historyBlock .txt{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none;z-index:10}.historyBlock .txt p{color:#fff;font-size:36px;line-height:100%}.historyBlock .txt p span{display:block;font-size:15px;line-height:150%;letter-spacing:0.1em}.historyBlock a{display:block;position:relative}.historyBlock a::after{width:100%;height:100%;content:'';position:absolute;top:0;left:0;background:#000;opacity:0.3;transition:0.6s;z-index:9}.historyBlock a:hover::after{opacity:0}#newsBlock{margin:0 auto 80px;width:90%;max-width:879px}#newsBlock .newsTtl{margin-bottom:20px;position:relative;text-align:right}#newsBlock .newsTtl h2{position:absolute;top:-13px;left:50%;font-size:32px;line-height:150%;transform:translate(-50%, 0)}#newsBlock .newsTtl a{padding:5px 17px;color:#000;text-decoration:none;text-align:center;position:relative;background:#e6e6e6;font-size:14px;line-height:100%;font-weight:bold}#newsBlock .newsTtl a::after{content:'';width:0;height:0;border-top:solid 5px transparent;border-right:solid 5px transparent;border-bottom:solid 5px transparent;border-left:solid 5px #333;transform:rotate(45deg);position:absolute;bottom:2px;right:2px}#newsBlock .newsArea{margin-bottom:20px;width:100%;display:flex;padding-bottom:5px;border-bottom:1px #000 solid;font-size:16px;line-height:180%}#newsBlock .newsArea .date{width:7em}#newsBlock .newsArea .newsCont{flex:1;position:relative}#newsBlock .newsArea .newsCont a{padding-right:10px;color:#000;text-decoration:none}#newsBlock .newsArea .newsCont a:hover{text-decoration:underline}#newsBlock .newsArea .newsCont dt{cursor:pointer}#newsBlock .newsArea .newsCont dt:hover{text-decoration:underline}#newsBlock .newsArea .newsCont dt::after{content:'';width:0;height:0;border-top:solid 7px transparent;border-right:solid 7px transparent;border-bottom:solid 7px transparent;border-left:solid 7px #333;transform:rotate(45deg);position:absolute;bottom:-6px;right:0}#newsBlock .newsArea .newsCont dd{display:none;padding:10px 0}#newsBlock .newsArea:last-child{margin-bottom:0}#bannarBlock{margin:0 auto 150px;width:90%;max-width:879px}#bannarBlock ul{width:100%;display:flex;flex-flow:row wrap;justify-content:flex-start}#bannarBlock ul li{width:32%;margin-right:2%}#bannarBlock ul li:nth-child(3n){margin-right:0}#bannarBlock ul li a{transition:0.6s}#bannarBlock ul li a:hover{opacity:0.8}.fadein{opacity:0;transition:all 1500ms}.fadein.scrollin{opacity:1}footer .footCont{margin:0 auto 30px;width:90%;max-width:879px;display:flex;align-items:center;font-size:16px;line-height:150%}footer .footCont p{margin-right:15px}footer .footCont p img{max-width:82px}footer .footCont p:last-child{margin-right:0}footer span{display:block;height:15px;background:linear-gradient(to right, #ECF7FD, #5DA4D7 40%, #0063AB 65%, #0E314D 94%, #000002 98%)}.fadeinFoot{opacity:0;transition:all 1500ms}.fadeinFoot.scrollin{opacity:1}