/*font-family: 'Noto Sans Japanese', sans-serif;*/
/** base**/
figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, summary,time, mark, audio, video {
margin:0;padding:0;border: 0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
* {margin:0;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
body {color:#000;font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;-webkit-text-size-adjust:100%;width:100%; overflow-x:hidden;}
img {border:0;vertical-align:bottom;}
.clearfix:after { content: ".";display: block;clear:both;height:0;visibility:hidden;}
.clearfix{min-height:1px;}		
/**pkg**/
@media(min-width: 1101px){
	h1{font-size: 70px;color: #fff;font-weight: bold;}
	h2{font-size: 50px;color: #000;font-weight: bold;line-height: 1em;}
	h3{font-size: 40px;color: #fff;text-align: center;font-weight: bold;}
	h4{font-size: 30px;color: #277092;text-align: center;font-weight: bold;margin:10px 0 20px}
	h5{font-size: 28px;color: #333;font-weight: bold;line-height: 1.4em;text-align: left;}
	h6{font-size: 17px;color: #C25505;font-weight: bold;margin-bottom: 10px;}
}
@media(min-width: 721px) and (max-width: 1100px){
	h1{font-size: 70px;color: #fff;font-weight: bold;}
	h2{font-size: 50px;color: #000;font-weight: bold;line-height: 1em;}
	h3{font-size: 40px;color: #fff;text-align: center;font-weight: bold;}
	h4{font-size: 30px;color: #277092;text-align: center;font-weight: bold;margin:10px 0 20px}
	h5{font-size: 22px;color: #333;font-weight: bold;line-height: 1.4em;text-align: left;}
	h6{font-size: 16px;color: #C25505;font-weight: bold;margin-bottom: 10px;}
}
@media(max-width: 720px){
	h1{font-size: 70px;color: #fff;font-weight: bold;}
	h2{font-size: 50px;color: #000;font-weight: bold;line-height: 1em;}
	h3{font-size: 25px;color: #fff;text-align: center;font-weight: bold;}
	h4{font-size: 24px;color: #277092;text-align: center;font-weight: bold;margin:10px 0 20px}
	h5{font-size: 16px;color: #333;font-weight: bold;line-height: 1.4em;text-align: left;}
	h6{font-size: 15px;color: #C25505;font-weight: bold;margin-bottom: 10px;}
}

/*共通*/
@media(min-width: 1101px){
    .mb{ display:none;}
    .tab{ display:none;}
	#index-menu{position: absolute;top: 0;left: 0;width: auto;height:50px;display: flex;z-index: 3}
	#index-menu .logo{position: relative;top: 0;left: 0;height: 100%;background-color: #FFFFFF;padding: 5px 30px}
	#index-menu .logo img{height: 100%}
	#index-menu .btn{width: 50px;height: 50px;background-color: #000;position: relative;color:#fff;font-size: 10px;}
	#menu{position: absolute;top: 0;left: 0; width: 100%;height: 60px;z-index: 2;background-color: #fff}
	#menu .logo{position: relative;width: 20%;height: 60px;background-color: #000;padding: 12px 0 12px 30px;float: left}
	#menu .logo:before{content: "";width: 0;height: 60px;border-top: 60px solid #fff;border-right: 30px solid transparent;border-bottom: 45px solid transparent;border-left: 30px solid transparent;position: absolute;top: 0;right: -30px;z-index: 1;overflow: hidden!important}
	#menu .logo img{height: 100%;}
	#menu .btn{display: none;}
	#menu .overlay-close,#menu svg{display: none}
	#menu nav{width:55%;min-width: 700px; float: right;}
	#menu nav ul{width: 100%;list-style-type: none;display: flex;padding-top: 18px}
	#menu nav ul li{text-align: center;font-size: 13px;padding: 0 .5%;margin-left: auto;white-space: nowrap;line-height: 1.2em;}
	#menu nav ul li span{font-size: 9px;color: #ACACAC}
	#menu nav ul li a{color: #333333;text-decoration: none;transition: .4s}
	#menu nav ul li a:hover{color: #6FA2CB!important}
	#menu .button {display: inline-block;width: 100px;height: 40px;text-align: center;text-decoration: none;line-height: 40px;outline: none;background-color: #212121;color: #fff;margin-top: -6px;}
	#menu .button span{color: #005CDC}
	#menu .button::before,#menu .button::after {position: absolute;z-index: -1;display: block;content: '';}
	#menu .button,#menu .button::before,#menu .button::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;}
	#menu .button:hover {background-color: #2B4D6F;}
	#entry .wrap{padding: 0 0 30px 0;position: relative;}
	#entry .wrap .iziModal-button-close{position: absolute;right: 0;top:0}
	#entry p.title{width: 100%;padding: 20px 0;text-align: center;color:#fff;font-weight: bold;background-color: #105485;font-size: 19px;}
	#entry .entrybtn{width: 100%;text-align: center;margin-top: 40px;}
	#entry .entrybtn img{width: 160px;padding: 10px;margin: 0 10px;box-shadow: 0 1px 1px 1px rgba(0,0,0,0.1);position: relative;}
	#entry .entrybtn img:hover{position: relative;top: 1px;left: 1px}
	#entry .entrybtn img.my{border: 2px solid #00AAEE}
	#entry .entrybtn img.riku{border: 2px solid #0066BA}
	#ch-top{width: 100%;height: 400px;background-size: cover;background-repeat: no-repeat;background-attachment: fixed;background-position: center center;margin-top: 60px}
	#footer{width: 100%;background-color: #000;padding: 15px 0 10px}
	#footer .wrap{width: 1200px;height: 35px; margin: 0 auto;}
	#footer .wrap img{height: 100%;float: left}
	#footer .wrap p.copy{float: right;text-align: right;color: #fff;padding-top: 20px;font-size: 10px;}
}
@media(min-width: 721px) and (max-width: 1100px){
    .mb{ display:none;}
	.pc{display: none;}
	#index-menu{position: absolute;top: 0;left: 0;width: auto;height:50px;display: flex}
	#index-menu .logo{position: relative;top: 0;left: 0;height: 100%;background-color: #FFFFFF;padding: 5px 30px;z-index: 3}
	#index-menu .logo img{height: 100%}
	#index-menu .btn{width: 50px;height: 50px;background-color: #000;position: relative;color:#fff;font-size: 10px;}
	#menu{position: absolute;top: 0;left: 0; width: 100%;height: 60px;z-index: 2;background-color: #fff}
	#menu .logo{position: relative;width: 35%;height: 60px;background-color: #000;padding: 12px 0 12px 30px;float: left}
	#menu .logo:before{content: "";width: 0;height: 60px;border-top: 60px solid #fff;border-right: 30px solid transparent;border-bottom: 45px solid transparent;border-left: 30px solid transparent;position: absolute;top: 0;right: -30px;z-index: 1;overflow: hidden!important}
	#menu .logo img{height: 100%;}
	#menu .btn{width: 50px;height: 50px;position: absolute;right: 10px;top: 5px; color:#fff;background-color: #000;font-size: 10px;}
	#menu .overlay {position: fixed;width: 100%;height: 100%;top: 0;left: 0; z-index:99999999!important}
    #menu .overlay .overlay-close {width: 15px;height: 15px;position: absolute;right: 30px;top: 20px;overflow: hidden;border: none;background: url(../img/cross.png) no-repeat center center;text-indent: 200%;color: transparent;outline: none;z-index: 100;}
    #menu .overlay nav {text-align: center;position: relative;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
    #menu .overlay ul {list-style: none;padding: 0;margin: 0 auto;display: inline-block;height: 100%;position: relative;}
    #menu .overlay ul li {display: block;-webkit-backface-visibility: hidden;backface-visibility: hidden;font-size: 25px;font-weight: bold;line-height: 2em}
    #menu .overlay ul li span{font-size: 12px;font-weight: normal;margin-left: 20px}
    #menu .overlay ul li a {display: block;color: #fff;-webkit-transition: color 0.2s;transition: color 0.2s; text-decoration:none;}
    #menu .overlay ul li a:hover,#menu .overlay ul li a:focus {	color: #2F5792}
	#menu .overlay ul li .button {display: inline-block;width: 250px;height: 50px;text-align: center;text-decoration: none;line-height: 50px;outline: none;background-color: #2B4D6F;color: #fff;margin-top: 30px;}
	#menu .overlay ul li .button span{color: #005CDC}
	#menu .overlay ul li .button::before,#menu .overlay ul li .button::after {position: absolute;z-index: -1;display: block;content: '';}
	#menu .overlay ul li .button,#menu .overlay ul li .button::before,#menu .overlay ul li .button::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;}
	#menu .overlay ul li .button:hover {background-color: #BCBCBC;color: #fff}
    #menu .overlay-cornershape {background: transparent;visibility: hidden;-webkit-transition: visibility 0s 0.5s;transition: visibility 0s 0.5s;}
    #menu .overlay-cornershape.open {visibility: visible;-webkit-transition: none;transition: none;}
    #menu .overlay-cornershape svg {position: absolute;top: 0;left: 0;}
    #menu .overlay-cornershape .overlay-path {fill: rgba(0,0,0,0.90)}
    #menu .overlay-cornershape nav,#menu .overlay-cornershape .overlay-close {opacity: 0;-webkit-transition: opacity 0.4s 0.4s;	transition: opacity 0.4s 0.4s;}
    #menu .overlay-cornershape.open nav,#menu .overlay-cornershape.open .overlay-close {opacity: 1;	-webkit-transition-delay: 0.4s;transition-delay: 0.4s;}
    #menu .overlay-cornershape.close nav,#menu .overlay-cornershape.close .overlay-close {-webkit-transition-delay: 0s;transition-delay: 0s;}
    #menu trigger-overlay{ width:30px; height:18px;position: absolute;top:9px;left: 9px; box-sizing: border-box; background-color:inherit; z-index:9999999; cursor:pointer;line-height: 2em;}
    #menu trigger-overlay span {position: absolute;left: 0;width: 100%;height: 1px;background-color: #000!important; border-radius: 4px;}
    #menu trigger-overlay span:nth-of-type(1) {top: 0;}
    #menu trigger-overlay span:nth-of-type(2) {top: 8px;}
    #menu trigger-overlay span:nth-of-type(3) {bottom: 0;}
	#entry .wrap{padding: 0 0 30px 0;position: relative;}
	#entry .wrap .iziModal-button-close{position: absolute;right: 0;top:0}
	#entry p.title{width: 100%;padding: 20px 0;text-align: center;color:#fff;font-weight: bold;background-color: #105485;font-size: 19px;}
	#entry .entrybtn{width: 100%;text-align: center;margin-top: 40px;}
	#entry .entrybtn img{width: 160px;padding: 10px;margin: 0 10px;box-shadow: 0 1px 1px 1px rgba(0,0,0,0.1);position: relative;}
	#entry .entrybtn img:hover{position: relative;top: 1px;left: 1px}
	#entry .entrybtn img.my{border: 2px solid #00AAEE}
	#entry .entrybtn img.riku{border: 2px solid #0066BA}
	#ch-top{width: 100%;height: 320px;background-size: 100%;background-repeat: no-repeat;background-attachment: fixed;background-position: center top;margin-top: 60px}
	#footer{width: 100%;background-color: #000;padding: 15px 0 10px}
	#footer .wrap{width: 100%;height: 35px; padding: 0 2%; margin: 0 auto;}
	#footer .wrap img{height: 100%;float: left}
	#footer .wrap p.copy{float: right;text-align: right;color: #fff;padding-top: 20px;font-size: 10px;}
}	


@media(max-width: 720px){
    .tab{ display:none;}
    .mbnone{ display:none}
	.pc{display: none;}
	#index-menu,#menu{position: relative;top: 0;left: 0;width: 100%;height: 50px;background-color: #000;z-index: 3}
	#menu{position: absolute!important;top: 0;left: 0;width: 100%;height: 50px;background-color: #000;z-index: 3}
	#index-menu .logo,#menu .logo{position: relative;height: 100%;width: 75%; padding: 10px 0 10px 2%;float: left;background-color: #fff;}
	#index-menu .logo:before,#menu .logo:before{content: "";width: 0;height: 50px;border-top: 50px solid #fff;border-right: 30px solid transparent;border-bottom: 45px solid transparent;border-left: 30px solid transparent;position: absolute;top: 0;right: -30px;z-index: 1;overflow: hidden!important}
	#index-menu .logo img,#menu .logo img{height: 100%}
	#index-menu .btn,#menu .btn{width: 45px;height: 45px;position: absolute;color:#fff;font-size: 10px;right: 0px;top: 3px}
	#ch-top{width: 100%;height: 200px;background-size: contain;background-repeat: no-repeat;background-attachment: fixed;background-position: center top;margin-top: 50px}
	#footer{width: 100%;background-color: #000;padding: 15px 0 10px}
	#footer .wrap{width: 100%;padding: 0 2%; margin: 0 auto;text-align: center;}
	#footer .wrap img{width: 40%;}
	#footer .wrap p.copy{color: #fff;padding-top: 10px;font-size: 8px;}
	#entry .wrap{padding: 0 0 30px 0;position: relative;}
	#entry .wrap .iziModal-button-close{position: absolute;right: 0;top:0}
	#entry p.title{width: 100%;padding: 20px 0;text-align: center;color:#fff;font-weight: bold;background-color: #105485;font-size: 19px;}
	#entry .entrybtn{width: 100%;text-align: center;margin-top: 40px;}
	#entry .entrybtn img{width: 160px;padding: 10px;margin: 0 10px;box-shadow: 0 1px 1px 1px rgba(0,0,0,0.1);position: relative;}
	#entry .entrybtn img:hover{position: relative;top: 1px;left: 1px}
	#entry .entrybtn img.my{border: 2px solid #00AAEE}
	#entry .entrybtn img.riku{border: 2px solid #0066BA}
}

	#index-menu .overlay {position: fixed;width: 100%;height: 100%;top: 0;left: 0; z-index:100000000}
    #index-menu .overlay .overlay-close {width: 15px;height: 15px;position: absolute;right: 30px;top: 20px;overflow: hidden;border: none;background: url(../img/cross.png) no-repeat center center;text-indent: 200%;color: transparent;outline: none;z-index: 100;}
    #index-menu .overlay nav {text-align: center;position: relative;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
    #index-menu .overlay ul {list-style: none;padding: 0;margin: 0 auto;display: inline-block;height: 100%;position: relative;}
    #index-menu .overlay ul li {display: block;-webkit-backface-visibility: hidden;backface-visibility: hidden;font-size: 25px;font-weight: bold;line-height: 2em}
    #index-menu .overlay ul li span{font-size: 12px;font-weight: normal;margin-left: 20px}
    #index-menu .overlay ul li a {display: block;color: #fff;-webkit-transition: color 0.2s;transition: color 0.2s; text-decoration:none;}
    #index-menu .overlay ul li a:hover,#index-menu .overlay ul li a:focus {	color: #2F5792}
	#index-menu .overlay ul li .button {display: inline-block;width: 250px;height: 50px;text-align: center;text-decoration: none;line-height: 50px;outline: none;background-color: #2B4D6F;color: #fff;margin-top: 30px;}
	#index-menu .overlay ul li .button span{color: #005CDC}
	#index-menu .overlay ul li .button::before,#index-menu .overlay ul li .button::after {position: absolute;z-index: -1;display: block;content: '';}
	#index-menu .overlay ul li .button,#index-menu .overlay ul li .button::before,#index-menu .overlay ul li .button::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;}
	#index-menu .overlay ul li .button:hover {background-color: #BCBCBC;color: #fff}
    #index-menu .overlay-cornershape {background: transparent;visibility: hidden;-webkit-transition: visibility 0s 0.5s;transition: visibility 0s 0.5s;}
    #index-menu .overlay-cornershape.open {visibility: visible;-webkit-transition: none;transition: none;}
    #index-menu .overlay-cornershape svg {position: absolute;top: 0;left: 0;}
    #index-menu .overlay-cornershape .overlay-path {fill: rgba(0,0,0,0.90)}
    #index-menu .overlay-cornershape nav,#index-menu .overlay-cornershape .overlay-close {opacity: 0;-webkit-transition: opacity 0.4s 0.4s;	transition: opacity 0.4s 0.4s;}
    #index-menu .overlay-cornershape.open nav,#index-menu .overlay-cornershape.open .overlay-close {opacity: 1;	-webkit-transition-delay: 0.4s;transition-delay: 0.4s;}
    #index-menu .overlay-cornershape.close nav,#index-menu .overlay-cornershape.close .overlay-close {-webkit-transition-delay: 0s;transition-delay: 0s;}
    #trigger-overlay{ width:30px; height:18px;position: absolute;top:9px;left: 9px; box-sizing: border-box; background-color:inherit; z-index:9999999; cursor:pointer;line-height: 2em;}
    #trigger-overlay span {position: absolute;left: 0;width: 100%;height: 1px;background-color: #fff; border-radius: 4px;}
    #trigger-overlay span:nth-of-type(1) {top: 0;}
    #trigger-overlay span:nth-of-type(2) {top: 8px;}
    #trigger-overlay span:nth-of-type(3) {bottom: 0;}

@media(max-width: 720px){
	.overlay {position: fixed;width: 100%;height: 100%;top: 0;left: 0; z-index:99999999}
    .overlay .overlay-close {width: 15px;height: 15px;position: absolute;right: 30px;top: 20px;overflow: hidden;border: none;background: url(../img/cross.png) no-repeat center center;text-indent: 200%;color: transparent;outline: none;z-index: 100;}
    .overlay nav {text-align: center;position: relative;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
    .overlay-cornershape {background: transparent;visibility: hidden;-webkit-transition: visibility 0s 0.5s;transition: visibility 0s 0.5s;}
    .overlay-cornershape.open {visibility: visible;-webkit-transition: none;transition: none;}
    .overlay-cornershape svg {position: absolute;top: 0;left: 0;}
    .overlay-cornershape .overlay-path {fill: rgba(0,0,0,0.90)}
    .overlay-cornershape nav,.overlay-cornershape .overlay-close {opacity: 0;-webkit-transition: opacity 0.4s 0.4s;	transition: opacity 0.4s 0.4s;}
    .overlay-cornershape.open nav,.overlay-cornershape.open .overlay-close {opacity: 1;	-webkit-transition-delay: 0.4s;transition-delay: 0.4s;}
    .overlay-cornershape.close nav,.overlay-cornershape.close .overlay-close {-webkit-transition-delay: 0s;transition-delay: 0s;}
	#trigger-overlay{ width:25px; height:15px;position: absolute;top:10px;left: 5px; box-sizing: border-box; background-color:inherit; z-index:9999999; cursor:pointer;line-height: 1.7em;font-size: 9px;text-align: center;}
    #trigger-overlay span {position: absolute;left: 3px;width: 100%;height: 1px;background-color: #fff; border-radius: 4px;}
    #trigger-overlay span:nth-of-type(1) {top: 0;}
    #trigger-overlay span:nth-of-type(2) {top: 7px;}
    #trigger-overlay span:nth-of-type(3) {bottom: 0;}
	
    .overlay nav {text-align: center;position: relative;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
    .overlay ul {list-style: none;padding: 0;margin: 0 auto;display: inline-block;height: 100%;position: relative;}
	.overlay ul li {display: block;-webkit-backface-visibility: hidden;backface-visibility: hidden;font-size: 20px;font-weight: bold;line-height: 2em}
    .overlay ul li span{font-size: 12px;font-weight: normal;margin-left: 20px}
    .overlay ul li a {display: block;color: #fff;-webkit-transition: color 0.2s;transition: color 0.2s; text-decoration:none;}
    .overlay ul li a:hover,.overlay ul li a:focus {	color: #2F5792}
	.overlay ul li .button {display: inline-block;width:100%;height: 50px;text-align: center;text-decoration: none;line-height: 50px;outline: none;background-color: #2B4D6F;color: #fff;margin-top: 30px;}
	.overlay ul li .button span{color: #005CDC}
	.overlay ul li .button::before,.overlay ul li .button::after {position: absolute;z-index: -1;display: block;content: '';}
	.overlay ul li .button,.overlay ul li .button::before,.overlay ul li .button::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;}
	.overlay ul li .button:hover {background-color: #BCBCBC;color: #fff}
}





@-webkit-keyframes on {
  50% {-webkit-transform: scale(0.8) translateX(0%);transform: scale(0.8) translateX(0%);opacity: 0.5;}
  100% {-webkit-transform: scale(0.8) translateX(-150%)transform: scale(0.8) translateX(-150%)opacity: 0.5;}
}
@keyframes on {
  50% {-webkit-transform: scale(0.8) translateX(0%);transform: scale(0.8) translateX(0%);opacity: 0.5;}
  100% {-webkit-transform: scale(0.8) translateX(-150%);transform: scale(0.8) translateX(-150%);opacity: 0.5;}
}





.iziModal-button-close{width: 30px;height: 30px;z-index: 99;background: #000!important;text-align: center;color:#fff;font-size: 17px;font-weight: bold;}
#entry{z-index: 99999999999999!important;}



.covervid-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


@media(min-width: 720px){
.topwrapper {height: 100%; position: absolute;width: 100%;top: 0!important;overflow: hidden}
#video {background-attachment: fixed;background-position: center center;background-size: cover;left: 0;min-height: 100%;min-width: 100%;min-width: 100vw;position: absolute;top: 0;z-index:-1;}
}

@media(max-width: 720px){
.topwrapper { position: relative;width: 100%;}
#video {background-attachment: fixed;background-position: center center;background-size: cover;left: 0;position: relative;top: 0;z-index:-1;}
video{width: 100%;margin-bottom: -4px}
}


.sns{width: 100%;margin-top: 5vh;text-align: center;}
.sns a{font-size: 25px;color: #fff;transition: .3s;margin: 0 1.5vw}
.sns a:nth-child(1):hover{color: #173B68}
.sns a:nth-child(2):hover{color: #19AECF}
.sns a:nth-child(3):hover{color: #D42195}



	.entryarea .button {display: inline-block;width: 30vw;min-width: 200px; height: 50px;text-align: center;text-decoration: none;line-height: 50px;outline: none;background-color: #212121;color: #fff;margin-top: -5vh;}
	.entryarea .button span{color: #005CDC}
	.entryarea .button::before,#menu .button::after {position: absolute;z-index: -1;display: block;content: '';}
	.entryarea .button,#menu .button::before,#menu .button::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;}
	.entryarea .button:hover {background-color: #2B4D6F;}