﻿h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd{padding:0;margin:0}ol,ul{list-style-type:none}html{overflow-y:scroll}body{overflow:hidden;font-family:"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;font-weight:400}html{overflow-x:hidden;font-size:medium}body{min-width:1200px;font-size:62.5%}div{line-height:0;box-sizing:border-box}dt,dd,li,caption,th,td,input,button,textarea,select,h1,h2,h3,h4,h5,h6,address{line-height:0;font-size:140%;margin:0;padding:0}p{line-height:1.5;font-size:140%;margin:0;padding:0}h1 *,h2 *,h3 *,h4 *,h5 *,h6 *,p input,p button,p select,li h1,li h2,li h3,li h4,li h5,li h6,li p,li dt,li dd,li li,li th,li td,li input,li button,li textarea,li select,dd h1,dd h2,dd h3,dd h4,dd h5,dd h6,dd p,dd dt,dd dd,dd li,dd th,dd td,dd input,dd button,dd textarea,dd select,tr h1,tr h2,tr h3,tr h4,tr h5,tr h6,tr p,tr dt,tr dd,tr li,tr input,tr button,tr textarea,tr select{font-size:100%}input,button,select,option,textarea{font-size:14px}figure{margin:0}a,a:link,a:visited{color:#1d99c1;text-decoration:none}a:hover{text-decoration:underline}section{position:relative;box-sizing:border-box}.sp{display:none !important}.clearfix{min-height:1px}.clearfix::after{content:" ";display:block;clear:both;height:0;visibility:hidden}* html .clearfix{height:1px}.hover :hover{opacity:0.8;animation:btn 0.5s;-webkit-animation:btn 0.5s;-moz-animation:btn 0.5s}@keyframes btn{0%{opacity:1}10%{opacity:0.4}100%{opacity:0.8}}@-webkit-keyframes btn{0%{opacity:1}10%{opacity:0.4}100%{opacity:0.8}}@media only screen and (max-width: 768px){body{min-width:100%}.pc{display:none !important}.sp{display:block !important}}#header{position:relative;z-index:2}#header.fixed{position:fixed;top:0;left:0;width:100%;z-index:99}#header nav{background-color:#fdce00}#header nav ul{width:1000px;margin:0 auto;text-align:center;font-size:0}#header nav ul li{display:inline-block}#header nav ul li a{padding:30px 0;display:block;transform:skewX(-12deg);transition:all 0.5s ease}#header nav ul li a span{position:relative;display:block;padding:0 95px;transform:skewX(12deg)}#header nav ul li a span::before{content:"";display:block;height:100%;width:2px;background-color:#000;position:absolute;left:-1px;top:0;transform:skewX(-12deg)}#header nav ul li a:hover{background-color:#000099}#header nav ul li:nth-child(2) ul{position:absolute;left:0;top:88px;width:100vw;text-align:center;background-color:#29c3f9;transition:all 0.3s ease;visibility:hidden;opacity:0}#header nav ul li:nth-child(2) ul li a{padding:18px 0}#header nav ul li:nth-child(2) ul li a:hover{background-color:#a0e3fa}#header nav ul li:nth-child(2) ul li:nth-child(2) a span::after{content:"";display:block;height:100%;width:2px;background-color:#000;position:absolute;right:-1px;top:0;transform:skewX(-12deg)}#header nav ul li:nth-child(2) ul li:nth-child(2).off span{position:relative;display:block;padding:0 95px;margin:18px 0}#header nav ul li:nth-child(2) ul li:nth-child(2).off span::before{content:"";display:block;height:100%;width:2px;background-color:#000;position:absolute;left:-1px;top:0;transform:skewX(-12deg)}#header nav ul li:nth-child(2) ul li:nth-child(2).off span::after{content:"";display:block;height:100%;width:2px;background-color:#000;position:absolute;right:-1px;top:0;transform:skewX(-12deg)}#header nav ul li:nth-child(2) ul li:nth-child(2).off span img{opacity:0.5}#header nav ul li:nth-child(2):hover ul{visibility:visible;opacity:1}#header nav ul li:nth-child(3) a span::after{content:"";display:block;height:100%;width:2px;background-color:#000;position:absolute;right:-1px;top:0;transform:skewX(-12deg)}@media only screen and (max-width: 768px){#header img{width:100%}#header nav ul{width:100%}#header nav ul li{width:33.2%}#header nav ul li a{padding:13% 0}#header nav ul li a:hover{background-color:#000099}#header nav ul li a span{padding:0 23.8%}#header nav ul li a span::before{content:"";display:block;height:100%;width:2px;background-color:#000;position:absolute;left:-1px;top:0;transform:skewX(-12deg)}#header nav ul li:nth-child(1) a span{width:58%}#header nav ul li:nth-child(1) a span::before{display:none}#header nav ul li:nth-child(2) a span{width:47.8%}#header nav ul li:nth-child(2) ul{top:13vw}#header nav ul li:nth-child(2) ul li a{padding:6% 0}#header nav ul li:nth-child(2) ul li:nth-child(1) span{width:47%}#header nav ul li:nth-child(2) ul li:nth-child(1) span::before{content:"";display:block;height:100%;width:2px;background-color:#000;position:absolute;left:-1px;top:0;transform:skewX(-12deg)}#header nav ul li:nth-child(2) ul li:nth-child(2) span{width:41%}#header nav ul li:nth-child(2) ul li:nth-child(2).off span{padding:0 23.8%;margin:6% 0}#header nav ul li:nth-child(3) a span{width:58.8%}#header nav ul li:nth-child(3) a span::after{display:none}}#content{padding-top:78px;background:url("../img/top/bg.jpg") no-repeat top center;background-attachment:fixed;background-size:cover}#content .inner{width:1200px;margin:0 auto}#content br.sp{display:none}#content section h2{margin-bottom:8px;opacity:0;text-align:center}#content section .ttl{position:relative}#content section .ttl p{position:relative;z-index:2;opacity:0;text-align:center}#content section .ttl span{display:block;position:absolute;bottom:7px;left:450px;width:0;overflow:hidden}@media only screen and (max-width: 768px){#content{padding-top:7%;background:unset}#content img{width:100%}#content br.sp{display:block}#content .bg{position:fixed;top:0;left:0;width:100%;height:100%;background:url("../img/top/bg-sp.jpg") no-repeat top center;background-size:cover;z-index:-1}#content .inner{width:auto}#content section h2{margin-bottom:1%}#content section .ttl span{bottom:1.2vw;left:26.5%}#content section .ttl span img{height:1.6vw;width:46.6vw}}#app-info{background-size:cover;text-align:center;padding:24px 0 42px;background-color:rgba(253,206,0,0.95)}#app-info p{position:relative;font-size:20px;font-weight:bold;color:#000099;margin-bottom:8px}#app-info .bnr{position:relative;margin-bottom:40px}#app-info .detail{position:relative;font-size:0;margin-bottom:32px}#app-info .detail .image{display:inline-block;margin-right:22px;vertical-align:top}#app-info .detail dl{display:inline-block;font-size:0;width:335px;text-align:left;vertical-align:top}#app-info .detail dl dt{display:inline-block;font-size:18px;line-height:1;width:105px;color:#fff;margin-right:12px;padding:8px 0;border-radius:10px;background-color:#00a2ff;margin-bottom:6px;text-align:center}#app-info .detail dl dt:last-of-type{margin-bottom:0}#app-info .detail dl dd{display:inline-block;font-size:18px;line-height:1;color:#000099;margin-bottom:8px}#app-info .detail dl dd:last-of-type{margin-bottom:0}#app-info .app{position:relative;font-size:0}#app-info .app li{display:inline-block;margin:0 10px}@media only screen and (max-width: 768px){#app-info{background-color:rgba(253,206,0,0.95);padding:3% 0 6.5%}#app-info p{font-size:3.13vw;font-weight:bold;margin-bottom:1.5%}#app-info .bnr{width:49.2%;margin:0 auto 6.2%}#app-info .detail{margin-bottom:5%}#app-info .detail .image{width:23.9%;margin-right:3.4%;margin-left:5%}#app-info .detail dl{width:58%}#app-info .detail dl dt{font-size:2.82vw;width:31.8%;margin-right:3.6%;padding:2% 0;border-radius:1vw;margin-bottom:2%}#app-info .detail dl dd{font-size:2.82vw;margin-bottom:2%}#app-info .app li{margin:0 2%}#app-info .app li:nth-child(1){width:24.4%}#app-info .app li:nth-child(2){width:25.8%}#app-info .app li:nth-child(3){width:26.6%}}#footer{position:relative;padding:66px 0 42px;background-color:#fff;text-align:center}#footer::after{content:"";background:url("../img/global/line.png") no-repeat top center;background-size:100%;width:100%;height:2vw;max-height:22px;overflow:hidden;position:absolute;top:0;left:0}#footer #pagetop{position:fixed;bottom:50px;right:50px;width:81px;z-index:99}#footer #pagetop img{width:100%}#footer .sns{font-size:0;margin-bottom:34px}#footer .sns li{display:inline-block;margin:0 14px}#footer .logo{font-size:0;margin-bottom:32px}#footer .logo li{display:inline-block;margin:0 14px}#footer small{font-size:14px;line-height:1.5;color:#000099}@media only screen and (max-width: 768px){#footer{padding:11% 0 7%}#footer img{width:100%}#footer::after{content:"";background:url("../img/global/line-sp.png") no-repeat top center;background-size:100%;width:100%;height:4vw;max-height:inherit;overflow:hidden;position:absolute;top:0;left:0}#footer #pagetop{width:15.1%;bottom:3%;right:2.4%}#footer .sns{margin-bottom:6%}#footer .sns li{margin:0 2%;width:7%}#footer .logo{margin-bottom:4.5%}#footer .logo li{margin:0 2%}#footer .logo li:nth-child(1){width:22.8%}#footer .logo li:nth-child(2){width:30.2%}#footer small{font-size:2.19vw}}
