@charset "utf-8";
* {
    margin: 0;
    padding: 0;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    min-height: 1px;
}
* html .clearfix {
    height: 1px;
    /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
html {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.fl {
    float: left;
}
.flimg img {
    float: left;
}
.fldiv {
    width: 960px;
}
.fldiv div {
    float: left;
}
.rblock {
    position: relative;
}
.ablock {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.rblock img, .ablock img {
    display: block;
}
.pblock img {
    display: block;
    width: 100%;
}
.tx {
    width: 100%;
    position: absolute;
}
li {
    list-style: none;
}
img {
    border: 0;
    vertical-align: top;
}
a {
    color: #0099FF;
    outline: 0;
}
a:focus {
    outline: 0;
}
html {
    width: 100%;
    background: #f2f2f2;
    overflow-y: scroll;
}
body {
    width: 100%;
	min-width: 960px;
}
#wrapper {
    width: 100%;
    position: relative;
    line-height: 1.5;
    background-color: #000;
}
.wrapper {
    width: 100%;
    background-color:#000;
}
.contents {
    position: relative;
    width: 960px;
    margin: 0 auto;
}
/* common */
#bg {
	position: relative;
	width: 100%;
	background:url('../images/dokkansupport/bg_01.gif') top center repeat;
}
#bg2 {
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
}
#bg2i {
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	right:0;
	left:0;
	bottom:0;
	overflow: hidden;
	z-index: -1;
}
#video {
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height:auto;
	min-height: 100%;
	min-width: 100%;
}
#bg2sp {
	display:none;
}

#bg3 {
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left:0;
	background:url('../images/top/bg_cover.png') top left repeat;
	background-size:0.41% auto;
	opacity: 0;
	transition: all .6s;
}
#top .is-bgop {
	opacity: 1;
}
#lovl {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 20000;
	background-color: #000;
}
#loadimg {
	position: absolute;
	width: 300px;
	height: 73px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	-webkit-animation: a_load_img 1s linear 0s infinite;
	animation: a_load_img 1s linear 0s infinite;
}
#loadimg img {
	width: 100%;
}
.over img:hover {
	opacity: .7;
}
.no_newline {
	white-space: nowrap;
}
.hidn {
	overflow: hidden;
}
.indent {
	padding-left: 1em;
	text-indent: -1em;
	display: inline-block;
}
@-webkit-keyframes a_load_img {
	0% {
		opacity: 1;
	}
	50% {
		opacity: .5;
	}
	100% {
		opacity: 1;
	}
}
@keyframes a_load_img {
	0% {
		opacity: 1;
	}
	50% {
		opacity: .5;
	}
	100% {
		opacity: 1;
	}
}
.ptop {
	position: fixed;
	right: 1em;
	bottom: 7em;
	text-align: right;
	display: block;
	z-index: 100 !important;
}
.ptop img {
    width: 7.813rem !important;
}
.ptop a:hover {
    opacity: 0.7;
}
/* top  */

#heroarea{
	position: relative;
	width: 100%;
}
#heroarea img{
	width: 100%;
}
#heroarea h1{
	position: relative;
	width: 74.375%;
	margin:0 auto;
	padding-top:30.20%;
	font-size:0;
	line-height:0;
}
#heroarea h2{
	position: absolute;
	width: 22.5%;
	font-size:0;
	line-height:0;
	top:0;
	left:0;
	margin-top:3.54%;
	margin-left:9.06%;
}
.heroarea-img {
	position: absolute;
	font-size:0;
	line-height:0;
	top:0;
	left:0;
	width: 100%;
}
.heroarea-img img{
	width: 100%;
}
.heroarea-img p{
	position: relative;
	width: 100%;
	font-size:0;
	line-height:0;
}


#mvbox{
	position: relative;
	width: 960px;
	margin: 40px auto 2.29%;
}
#mvbox img{
	width: 100%;
}
.mvbox-main{
	position: relative;
	width:80%;
	margin:0 auto;
}
.mvbox-main p{
	position: relative;
	width: 100%;
	margin:0 auto;
	z-index:10;
}
.mvbox-main p a {
	position: relative;
	display: block;
	transition-duration: 0.2s;
}


#trainingsupport{
	position: relative;
	width: 960px;
	margin:40px auto 0;
}
#trainingsupport img{
	width: 100%;
}

.trainingsupport-box {
	position: relative;
	width: 81.45%;
	margin:0 auto 1.02%;
}
.trainingsupport-box-border{
	position: absolute;
	top:0;
	left:0;
	width:100%;
}
.trainingsupport-box-border p{
	position: absolute;
	top:0;
	left:0;
	width:100%;
}

.neon-wrapper {
	position: relative;
	width:100%;
}
.neon-border {
	position: relative;
	width:100%;
}
.dodge {
	background: radial-gradient(circle,white,black 75%) left top no-repeat;
	position: absolute;
	width:10.23%;
	height:0;
	padding-top:10.23%;
	top:0;
	left:0;
}
@keyframes dodge-area {
	0% {
	transform: translate(-40%,-16%);
	}
	40% {
	transform: translate(910%,-16%);
	}
	 62.5% {
	transform: translate(910%,280%);
	}
	  87.5% {
	transform: translate(-26%,280%);
	}
	100% {
	transform: translate(-40%,-16%);
	}
}
.dodge2 {
	background: radial-gradient(circle,white,black 75%) left top no-repeat;
	position: absolute;
	width:10.23%;
	height:0;
	padding-top:10.23%;
	top:0;
	left:0;
}
@keyframes dodge-area2 {
	0% {
	transform: translate(-40%,-16%);
	}
	40% {
	transform: translate(910%,-16%);
	}
	 62.5% {
	transform: translate(910%,360%);
	}
	  87.5% {
	transform: translate(-26%,360%);
	}
	100% {
	transform: translate(-40%,-16%);
	}
}
.trainingsupport-box-main {
	position:relative;
	width:100%;
}
#trainingsupport01 .trainingsupport-box-main  {
	padding-bottom:5.62%;
}
#trainingsupport01 h2 {
	position:relative;
	width:66.24%;
	margin-left:5.11%;
	font-size:0;
	line-height:0;
}
#trainingsupport01 h3 {
	position:relative;
	width:26.85%;
	padding-top:5.11%;
	margin-bottom:2.94%;
	margin-left:10.35%;
	font-size:0;
	line-height:0;
}
#trainingsupport01 p:nth-of-type(1) {
	position:absolute;
	top:0;
	right:0;
	width:33.24%;
	margin-top:1.4%;
	margin-right:-0.12%;
	font-size:0;
	line-height:0;
}
#trainingsupport01 p:nth-of-type(2) {
	position:absolute;
	top:0;
	right:left;
	width:1.91%;
	margin-top:4.98%;
	margin-left:4.34%;
	font-size:0;
	line-height:0;
}
#trainingsupport02 .trainingsupport-box-main  {
	padding-bottom:5.49%;
}
#trainingsupport02 h2 {
	position:relative;
	width:72.37%;
	margin-left:5.11%;
	font-size:0;
	line-height:0;
}
#trainingsupport02 h3 {
	position:relative;
	width:27.49%;
	padding-top:5.11%;
	margin-bottom:3.06%;
	margin-left:10.35%;
	font-size:0;
	line-height:0;
}
#trainingsupport02 p:nth-of-type(1) {
	position:absolute;
	top:0;
	right:0;
	width:24.16%;
	margin-top:4.6%;
	margin-right:0.63%;
	font-size:0;
	line-height:0;
}
#trainingsupport02 p:nth-of-type(2) {
	position:absolute;
	top:0;
	right:left;
	width:3.45%;
	margin-top:4.34%;
	margin-left:3.58%;
	font-size:0;
	line-height:0;
}

#trainingsupport03 .trainingsupport-box-main  {
	padding-bottom:5.49%;
}
#trainingsupport03 h2 {
	position:relative;
	width:71.48%;
	margin-left:5.11%;
	font-size:0;
	line-height:0;
}
#trainingsupport03 h3 {
	position:relative;
	width:27.49%;
	padding-top:5.11%;
	margin-bottom:2.94%;
	margin-left:10.35%;
	font-size:0;
	line-height:0;
}
#trainingsupport03 p:nth-of-type(1) {
	position:absolute;
	top:0;
	right:0;
	width:26.34%;
	margin-top:4.98%;
	margin-right:-0.12%;
	font-size:0;
	line-height:0;
}
#trainingsupport03 p:nth-of-type(2) {
	position:absolute;
	top:0;
	right:left;
	width:3.58%;
	margin-top:4.47%;
	margin-left:3.45%;
	font-size:0;
	line-height:0;
}

#trainingsupport04 .trainingsupport-box-main  {
	padding-bottom:4.47%;
}
#trainingsupport04 h2 {
	position:relative;
	width:51.02%;
	margin-left:5.11%;
	font-size:0;
	line-height:0;
}
#trainingsupport04 h3 {
	position:relative;
	width:27.36%;
	padding-top:5.11%;
	margin-bottom:2.94%;
	margin-left:10.35%;
	font-size:0;
	line-height:0;
}
#trainingsupport04 p:nth-of-type(1) {
	position:absolute;
	top:0;
	right:0;
	width:27.49%;
	margin-top:3.96%;
	margin-right:0.89%;
	font-size:0;
	line-height:0;
}
#trainingsupport04 p:nth-of-type(2) {
	position:absolute;
	top:0;
	right:left;
	width:5.24%;
	margin-top:4.34%;
	margin-left:2.55%;
	font-size:0;
	line-height:0;
}

#trainingsupport05 .trainingsupport-box-main  {
	padding-bottom:5.62%;
}
#trainingsupport05 h2 {
	position:relative;
	width:68.67%;
	margin-left:5.11%;
	font-size:0;
	line-height:0;
}
#trainingsupport05 h3 {
	position:relative;
	width:27.49%;
	padding-top:5.11%;
	margin-bottom:2.94%;
	margin-left:10.35%;
	font-size:0;
	line-height:0;
}
#trainingsupport05 p:nth-of-type(1) {
	position:absolute;
	top:0;
	right:0;
	width:31.58%;
	margin-top:4.6%;
	margin-right:2.26%;
	font-size:0;
	line-height:0;
}
#trainingsupport05 p:nth-of-type(2) {
	position:absolute;
	top:0;
	right:left;
	width:4.21%;
	margin-top:3.58%;
	margin-left:3.19%;
	font-size:0;
	line-height:0;
}

.trainingsupport-notice {
	position: relative;
	width: 80.2%;
	margin:0 auto 5%;
}
.trainingsupport-notice p {
	font-size:14px;
	line-height:1.4;
	color:#FFF;
}


#morefun{
	position: relative;
	width: 960px;
	margin:18px auto 0;
}
#morefun img{
	width: 100%;
}
#morefun h2{
	position: relative;
	width: 63.64%;
	margin:0 auto 2.91%;
}
.morefun-strengthen {
	position: relative;
	width: 100%;
	margin-bottom:10%;
	-webkit-display:flex;
	display:flex;
	-webkit-align-items:flex-start;
	align-items:flex-start;
}
.morefun-strengthen p {
	font-size:0;
	line-height:0;
}
#strengthen01 p:nth-of-type(1) {
	position: relative;
	/*width: 29.16%;
	margin-top:0;
	margin-left:3.02%;*/
    width: 22.16%;
    margin-top: 12%;
    margin-left: 7.02%;
	z-index:20;
}
#strengthen01 p:nth-of-type(1) span {
	position: absolute;
	/*width: 56.78%;*/
    width: 74.74%;
	bottom:0;
	left:0;
	/*margin-bottom:-25.71%;*/
    margin-bottom:-20%;
	margin-left:33.21%;
}
#strengthen01 .arrow1 {
	position: relative;
	width: 13.33%;
	height:0;
	padding-top:11.56%;
	margin-top:22.29%;
	/*margin-left:-7.39%;*/
    margin-left:-6.39%;
	background:url('../images/dokkansupport/arrow_01.png') top center no-repeat;
	background-size:100% auto;
	z-index:10;
}
#strengthen01 .arrow2 {
	position: relative;
	width: 13.33%;
	height:0;
	padding-top:11.56%;
	margin-top:22.29%;
	margin-left:-9.45%;
	background:url('../images/dokkansupport/arrow_01.png') top center no-repeat;
	background-size:100% auto;
	z-index:10;
}
#strengthen01 p:nth-of-type(2) {
	position: relative;
	width: 30.20%;
	margin-top:6.25%;
	/*margin-left:-10.93%;*/
    margin-left: -8.93%;
	z-index:0;
	-webkit-transform: rotateZ( -10.95deg );
	-webkit-transform-origin: center;
	transform: rotateZ( -10.95deg );
	transform-origin: center;
}
#strengthen01 p:nth-of-type(2) img {
	border:solid 3px #f1af00;
	border-radius:3px;
}
#strengthen01 p:nth-of-type(2) span {
	position: absolute;
	width: 58.96%;
	bottom:0;
	left:0;
	margin-bottom:-31.37%;
	margin-left:18.62%;
	-webkit-transform: rotateZ( 10.95deg );
	-webkit-transform-origin: center;
	transform: rotateZ( 10.95deg );
	transform-origin: center;
}
#strengthen01 p:nth-of-type(2) span img {
	border:none;
	border-radius:0;
}
#strengthen01 .strengthen-mv {
	position: relative;
	width: 36.56%;
	height:0;
	padding-top:48.54%;
	margin-left:-4.27%;
	z-index:0;
}
#strengthen01 .strengthen-mv span {
	position: absolute;
	width: 59.25%;
	bottom:0;
	left:0;
	margin-bottom:-18.8%;
	margin-left:51.28%;
}
#strengthen01 .strengthen-mv img{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	z-index:10;
	border:solid 3px #f1af00;
	border-radius:3px;
}
#strengthen01 .strengthen-mv video{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	border:solid 3px #f1af00;
	border-radius:3px;
}
#strengthen01 .strengthen-mv span img {
	position:relative;
	border:none;
	border-radius:0;
	top:auto;
	left:auto;
}

#strengthen02 p:nth-of-type(1) {
	position: relative;
	width: 28.12%;
	margin-top:6.14%;
	margin-left:3.43%;
	z-index:20;
}
#strengthen02 p:nth-of-type(1) span {
	position: absolute;
	width: 58.88%;
	bottom:0;
	left:0;
	margin-bottom:-25.92%;
	margin-left:15.18%;
}
#strengthen02 .arrow1 {
	position: relative;
	width: 13.33%;
	height:0;
	padding-top:11.56%;
	margin-top:22.29%;
	margin-left:-9.58%;
	background:url('../images/dokkansupport/arrow_01.png') top center no-repeat;
	background-size:100% auto;
	z-index:10;
}
#strengthen02 .arrow2 {
	position: relative;
	width: 13.33%;
	height:0;
	padding-top:11.56%;
	margin-top:22.29%;
	margin-left:-9.52%;
	background:url('../images/dokkansupport/arrow_01.png') top center no-repeat;
	background-size:100% auto;
	z-index:10;
}
#strengthen02 p:nth-of-type(2) {
	position: relative;
	width: 30.20%;
	margin-top:6.25%;
	margin-left:-8.02%;
	z-index:0;
	-webkit-transform: rotateZ( -10.95deg );
	-webkit-transform-origin: center;
	transform: rotateZ( -10.95deg );
	transform-origin: center;
}
#strengthen02 p:nth-of-type(2) img {
	border:solid 3px #f1af00;
	border-radius:3px;
}
#strengthen02 p:nth-of-type(2) span {
	position: absolute;
	width: 58.96%;
	bottom:0;
	left:0;
	margin-bottom:-31.37%;
	margin-left:18.62%;
	-webkit-transform: rotateZ( 10.95deg );
	-webkit-transform-origin: center;
	transform: rotateZ( 10.95deg );
	transform-origin: center;
}
#strengthen02 p:nth-of-type(2) span img {
	border:none;
	border-radius:0;
}
#strengthen02 .strengthen-mv {
	position: relative;
	width: 36.56%;
	height:0;
	padding-top:48.54%;
	margin-left:-4.27%;
	z-index:0;
}
#strengthen02 .strengthen-mv span {
	position: absolute;
	width: 59.25%;
	bottom:0;
	left:0;
	margin-bottom:-18.8%;
	margin-left:51.28%;
}
#strengthen02 .strengthen-mv img{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	z-index:10;
	border:solid 3px #f1af00;
	border-radius:3px;
}
#strengthen02 .strengthen-mv video{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	border:solid 3px #f1af00;
	border-radius:3px;
}
#strengthen02 .strengthen-mv span img {
	position:relative;
	border:none;
	border-radius:0;
	top:auto;
	left:auto;
}

.mvbox-main p a:after,
.moviebtn1:after,
.moviebtn2:after
{
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	z-index: 3;
	background-image: url(../images/top/btn.png);
	background-position:center center;
	background-repeat: no-repeat;
	background-size: 158px 158px;
	transition-duration: 0.2s;
}
.mvbox-main p a:hover:before,
.moviebtn1:hover:before,
.moviebtn2:hover:before
{
	opacity: 0.2;
}
.mvbox-main p a:hover:after,
.moviebtn1:hover:after,
.moviebtn2:hover:after {
    filter: brightness(200%);
}
.moviebtn1,
.moviebtn2 {
	position: absolute;
	display: block;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	border: 0;
	margin: 0;
	padding: 0;
	background: transparent;
	cursor: pointer;
}




.morefun-loop{
	position:relative;
	width:100%;
}
.morefun-loop h3{
	position:relative;
	font-size:0;
	line-height:0;
	z-index:10;
}
.morefun-loop h3:nth-of-type(1){
	width:57.81%;
	margin-left:8.64%;
}
.morefun-loop h3:nth-of-type(2){
	width:58.85%;
	margin-top:-5.72%;
	margin-left:33.02%;
}
.arrow3{
	position:relative;
	margin-top:-5.52%;
	margin-left:24.06%;
	width:52.29%;
	height:0;
	padding-top:40.93%;
	background:url('../images/dokkansupport/arrow_02.png') top center no-repeat;
	background-size:100% auto;
	z-index:0;
	animation: rotate-anime 6s infinite;
}
@keyframes rotate-anime {
  0%  {transform: rotate(0);}
  30%  {transform: rotate(180deg);}
  50%  {transform: rotate(180deg);}
  70%  {transform: rotate(360deg);}
  100%  {transform: rotate(360deg);}
}

.morefun-footer{
	position:relative;
	width:100%;
}
.morefun-footer h3{
	position:absolute;
	width:56.66%;
	bottom:0;
	right:0;
	margin-right:9.58%;
	margin-bottom:4.375%;
	font-size:0;
	line-height:0;
}
.morefun-footer p{
	position:relative;
	width:76.04%;
	margin-left:12.39%;
	font-size:0;
	line-height:0;
}


#trainingsupport-footer{
	position: relative;
	width: 100%;
	margin:0 auto 0;
	border-bottom:solid 2px #ffff00;
}
#trainingsupport-footer-main{
	position: relative;
	width: 960px;
	margin:0 auto;
}
#trainingsupport-footer-main img{
	width: 100%;
}
#trainingsupport-footer-main h2{
	position: relative;
	width: 42.91%;
	margin:0 auto 1.041%;
	font-size:0;
	line-height:0;
}
#trainingsupport-footer-main h3{
	position: relative;
	width: 54.37%;
	margin:0 auto 1.875%;
	font-size:0;
	line-height:0;
}
#trainingsupport-footer-main h4{
	position: relative;
	width: 29.06%;
	margin:0 auto 2.6%;
	font-size:0;
	line-height:0;
}
#trainingsupport-footer-main h4:hover{
	opacity:0.7;
}
#trainingsupport-footer-main p{
	position: relative;
	width: 66.66%;
	margin:0 auto;
	padding-bottom:5.41%;
	font-size:14px;
	line-height:1.42;
	color:#FFF;
}
#trainingsupport-footer-main ul{
	position: relative;
	width:54.47%;
	margin:0 auto 2.81%;
	-webkit-display:flex;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
#trainingsupport-footer-main ul li{
	width:41.49%;
	font-size:0;
	line-height:0;
}
#trainingsupport-footer-main ul li:hover{
	opacity:0.7;
}
#trainingsupport-footer-main ul li:nth-of-type(2){
	width:51.24%;
}

#footer-area{
	position:relative;
	width:100%;
	padding:2.23% 0;
}

#more{
	width:100%;
	margin:0 auto 3%;
}
#more-main{
	width:35%;
	margin:0 auto;
}
#more-main p{
	width:100%;
	margin:0 auto;
	font-size:0;
	line-height:0;
}
#more-main img{
	width:100%;
}

#sns{
	position:relative;
	width:100%;
	margin-bottom:5.7%;
}
#sns-main{
	position:relative;
	width:35%;
	margin:0 auto;
}
#sns-main img{
	width:100%;
}
#sns-main ul{
	position:relative;
	width:46.9%;
	margin:0 auto;
	-webkit-display:flex;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
#sns-main ul li{
	position:relative;
	width:25.02%;
	font-size:0;
	line-height:0;
}
#spec{
	position:relative;
	width:100%;
	margin-bottom:4.81%;
}
#spec-main{
	position:relative;
	width:35%;
	margin:0 auto;
}
#spec-main img{
	width:100%;
}
#spec-main p{
	position:relative;
	width:84.74%;
	margin:0 auto;
	font-size:0;
	line-height:0;
}
#copyright{
	position:relative;
	width:100%;
	margin-bottom:3.38%;
}
#copyright-main{
	position:relative;
	width:49.6875%;
	margin:0 auto;
	text-align: center;
}
.copyright_i {
	text-align: left;
	position:relative;
    display: inline-block;
}
#copyright p{
	font-size:0.625vw;
	line-height:1.95;
	color:#FFF;
    font-feature-settings: "palt";
}
#copyright p.spc {
	margin-bottom: 3.57%;
}
#bn{
	position:relative;
	width:100%;
	margin-bottom:5.7%;
}
#bn-main{
	position:relative;
	width:480px;
	margin:0 auto;
}
#bn-main img{
	width:100%;
}
#bn-main p{
	position:relative;
	width:100%;
	margin:0 auto 2.09%;
	font-size:0;
	line-height:0;
}
#bn-main ul{
	position:relative;
	width:100%;
	margin:0 auto;
	-webkit-display:flex;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-align-items:center;
	align-items:center;
}
#bn-main ul li{
	position:relative;
	width:49.21%;
	font-size:0;
	line-height:0;
	margin-bottom:1.36%;
}

#footer {
	position: relative;
	width: 100%;
	overflow: hidden;
	z-index: 5;
}
.sp {
	display: none;
}
.sp_inline {
	display: none;
}
@media screen and (min-width:1921px) {
	.contents {
		width: 50%;
	}
}

@media screen and (max-width:811px) {
	#wrapper {
		overflow-x: hidden;
	}
	body {
		min-width: auto;
	}
#bg {
	background-color:#000;
}

}
@media screen and (max-width:767px) {
	/* common */
	#wrapper {
		overflow-x: hidden;
	}
	body {
		min-width: auto;
	}
	.contents {
		width: 100%;
	}
	.ptop img {
		width: 4rem !important;
	}
	.ptop {
		bottom: 1em;
	}
	.pc { display: none; }
	.sp { display: block; }
	.sp_inline { display: inline; }
	#loadimg {
		width: 70%;
		max-width: 300px;
	}
	#loadimg img {
		width: 100%;
	}

#bg {
	background-color:#000;
}

#mvbox{
	width: 100%;
	margin:4.16% auto 2.29%;
}
#trainingsupport{
	width: 100%;
	margin:4.16% auto 0;
}
.trainingsupport-box {
	width: 95%;
}
.trainingsupport-notice {
	width: 95%;
}
.trainingsupport-notice p {
	font-size:3vw;
}

#morefun{
	width: 100%;
	margin:1.875% auto 0;
}

#trainingsupport-footer-main{
	width: 100%;
}
#trainingsupport-footer-main p{
	width: 95%;
	font-size:3vw;
}



#more{
	margin:0 auto 20.82%;
}
#more-main{
	width:90%;
}
#sns{
	margin-bottom:10.14%;
}
#sns-main{
	width:99.375%;
}
#spec{
	margin-bottom:9.62%;
}
#spec-main{
	width:99.375%;
}
#copyright{
	margin-bottom:6.76%;
}
#copyright-main{
	width:90%;
}
#copyright p{
	font-size:2.66vw;
}
#bn{
	margin-bottom:11.4%;
}
#bn-main{
	width:90%;
}

#footer {
	position: relative;
	width: 100%;
	overflow: hidden;
}

#copyright p{
	line-height: 1.5;
	margin-bottom: 1.5%;
}
#mvbox p a:before,
.moviebtn1:before,
.moviebtn2:before {
	background-size: 6px 6px;
}
#mvbox p a:after,
.moviebtn1:after,
.moviebtn2:after {
	background-size: 105px 105px;
}


}


.popup{
	width:100%;
}
.popup img{
	width:100%;
}

[data-aos=dodgeanime1] {
	opacity:0;
}
[data-aos=dodgeanime1].aos-animate {
	opacity:1;
    mix-blend-mode: color-dodge;
    animation: dodge-area 4s linear infinite;
}
[data-aos=dodgeanime2] {
	opacity:0;
}
[data-aos=dodgeanime2].aos-animate {
	opacity:1;
    mix-blend-mode: color-dodge;
    animation: dodge-area2 4s linear infinite;
}